/* Classicspark Sprint 2.7.2 — private application shell and legacy content bridge */
:root{--cs-private-shell:1400px}

body.cs-private-shell .cs-header .cs-shell,
body.cs-private-shell .cs-footer .cs-shell,
body.cs-private-shell>.home-container,
body.cs-private-shell>.space-dashboard,
body.cs-private-shell>.notifications-page,
body.cs-private-shell>.configuracion-container{
    width:min(var(--cs-private-shell),calc(100% - 40px))!important;
    max-width:var(--cs-private-shell)!important;
    margin-right:auto!important;
    margin-left:auto!important;
}

body.cs-private-shell>.home-container{padding-right:0!important;padding-left:0!important}

body.cs-configuration-page>.home-container .box.musicos-cerca{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    background:#fff!important;
}

body.cs-configuration-page>.home-container .perfil-datos,
body.cs-configuration-page>.home-container .tab-content,
body.cs-configuration-page>.home-container .tab-pane,
body.cs-configuration-page>.home-container .tab-pane>.col-md-12,
body.cs-configuration-page>.home-container .tab-pane>.col-lg-12{
    width:100%!important;
    max-width:none!important;
}

body.cs-configuration-page>.home-container .tab-content{min-height:420px;padding:28px 34px 34px;background:#fff}
body.cs-configuration-page>.home-container .tab-pane>.col-md-12,
body.cs-configuration-page>.home-container .tab-pane>.col-lg-12{padding:0!important}
body.cs-configuration-page>.home-container .nav-tabs{display:flex;flex-wrap:wrap;width:100%}
body.cs-configuration-page>.home-container .nav-tabs .nav-item{flex:1 1 auto;text-align:center}

body.cs-configuration-page #confEditCont>.col-md-12>.row{
    align-items:center;
    min-height:70px;
    margin:0 0 10px!important;
    padding:10px 14px;
    border:1px solid var(--cs-line,#e8e2df);
    border-radius:12px;
    background:#fff;
}

body.cs-configuration-page #confEditCont>.col-md-12>.row>.col-md-2{flex:0 0 27%;max-width:27%}
body.cs-configuration-page #confEditCont>.col-md-12>.row>.col-md-5{flex:1 1 36.5%;max-width:none}
body.cs-configuration-page #confEditCont .text-right{padding-top:10px}

@media(max-width:900px){
    :root{--cs-private-shell:100%}
    body.cs-private-shell .cs-header .cs-shell,
    body.cs-private-shell .cs-footer .cs-shell,
    body.cs-private-shell>.home-container,
    body.cs-private-shell>.space-dashboard,
    body.cs-private-shell>.notifications-page,
    body.cs-private-shell>.configuracion-container{width:calc(100% - 28px)!important}
    body.cs-configuration-page>.home-container .tab-content{padding:22px 18px 28px}
    body.cs-configuration-page>.home-container .nav-tabs{flex-wrap:nowrap;overflow-x:auto}
    body.cs-configuration-page>.home-container .nav-tabs .nav-item{flex:0 0 auto}
    body.cs-configuration-page #confEditCont>.col-md-12>.row>.col-md-2,
    body.cs-configuration-page #confEditCont>.col-md-12>.row>.col-md-5{flex:0 0 100%;max-width:100%}
}