
:root{
  --dashboard-block-spacing:15px;
}

/*Header*/
.dashboard_header{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  padding:var(--dashboard-block-spacing);
  margin-bottom:20px;
  gap:10px;
}
.dashboard_header_meta{
  flex:1;
  display:flex;
  align-items:center;
  gap:1rem;
}
.dashboard_header_thumb{
  width:3.125rem;
  height:3.125rem;
  border-radius:0.5rem;
  overflow:hidden;
}
.dashboard_header_thumb .bg_item_photo{
  border-radius:0;
  width:100%;
  height:100%;
}
.sesmusic_dashboard_header_info{
  flex:1;
  min-width:1px;
}
.sesmusic_dashboard_header_info h2{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dashboard_header_actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.dashboard_header_actions .btn{
  height:40px;
  line-height:1;
  display:flex;
  align-items:center;
}
.dashboard_header_actions .btn-link:hover{
  background-color:var(--theme-list-background-color-alt) !important;
} 

.dashboard_main{
  display:flex;
  gap:20px;
  margin-bottom:20px;
  width:100%;
}

/*Dashboard Sidebar Menu*/
.dashboard_sidebar{
  flex:0 0 280px;
  min-width:240px;
}
.dashboard_sidebar_card{
  border-radius:18px;
  padding:var(--dashboard-block-spacing);
}
.dashboard_sidebar_menu_section:not(:nth-last-child(1)){
  margin-bottom:10px;
}
.dashboard_sidebar_head{
  background-color:var(--theme-list-background-color-alt);
  border-radius:8px;
  color:var(--theme-font-color);
  font-size:var(--theme-font-size);
  font-weight:600;
  margin-bottom:10px;
  padding:10px;
}
.dashboard_sidebar_menu{
  list-style:none;
  margin:0;
  padding:0;
}
.dashboard_sidebar_menu li{
  margin-bottom:5px;
}
.dashboard_sidebar_menu li a{
  display:flex;
  align-items:center;
  gap:15px;
  padding:12px 14px;
  border-radius:14px;
  transition:background .2s, color .2s;
}
.dashboard_sidebar_menu li a:hover,
.dashboard_sidebar_menu li.active a{
  color:var(--theme-color);
}
.dashboard_sidebar_menu i{
  width:20px;
  text-align:center;
  text-align:center !important;
}
.dashboard_sidebar_menu i svg{
  width:100%;
}
.dashboard_sidebar_menu span{
  flex:1;
}

/*Main Content*/
.dashboard_content{
  flex:1;
  min-width:1px;
}
.dashboard_main_content{
  width:100%;
}
/*Dashboard Content*/
.dashboard_main_content_title{
  border-radius:var(--theme-widget-radius) var(--theme-widget-radius) 0 0;
  background-color:var(--theme-list-background-color-alt);
  border-bottom-width:1px;
  padding:20px;
}
.dashboard_main_content_title h3{
  font-size:var(--theme-headline-size-medium);
  font-family:var(--theme-heading-font-family);
  color:var(--theme-headline-color);
  font-weight:var(--theme-font-weight-bold);
  margin:0;
  padding:0;
}
.dashboard_main_content_body{
  padding:20px;
}
.dashboard_action_buttons{
  display:flex;
}
.dashboard_action_buttons .btn{
  display:flex;
}
/*Dashboard Forms*/
.dashboard_main_content .global_form_wrap{
  padding:0 !important;
}
.dashboard_main_content .global_form_wrap > .global_form,
.dashboard_main_content .global_form_wrap > .global_form > div,
.dashboard_main_content .global_form_wrap > .global_form > div > div{
  padding:0;
}
.dashboard_main_content .global_form_wrap > .global_form > div > div > h3{
  background-color:var(--theme-list-background-color-alt);
  border-bottom-width:1px;
  padding:20px !important;
  margin:0 0 15px !important;
  font-family:var(--theme-heading-font-family);
  color:var(--theme-headline-color);
  font-size:var(--theme-headline-size-medium);
  font-weight:var(--theme-font-weight-bold);
}
.dashboard_main_content .global_form_wrap > .global_form > div > div > p{
  padding:0 20px !important;
}
.dashboard_main_content .global_form_wrap > .global_form > div > div > .form-elements{
  padding:20px !important;
  margin:0 !important;
}


.dashboard_main_buttons .btn{
  padding:10px 30px;
}

@media (max-width:767px) {
  .dashboard_header{
    flex-direction:column;
    align-items:flex-start;
  }
  .dashboard_header_thumb {
    width:80px;
    height:80px;
  }
  .dashboard_header_actions{
    border-top-width:1px;
    width:100%;
    padding-top:10px;
  }
  .dashboard_header_toggle{
    display:flex;
    justify-content:flex-end;
    flex:1;
  }
  .dashboard_header_toggle .btn{
    font-size: 20px;
    width:40px;
  }
  .dashboard_main{
    flex-direction:column;
  }
  .dashboard_sidebar{
    display:none;
  }
  .dashboard_sidebar.active{
    display:block;
  }
}