/* Font Style Dashboard PORTALI*/

 
.dashboard-wrapper{
    width:100%;
    text-align:center;
}

/*Image Background for Private Events*/
#sol_private_events .dashboard-wrapper{
    background: url(../img/cover-ttpp.jpg) top left no-repeat; background-size: cover;
}

/*Image Background OrganizzatoreProfessionale*/
#sol_pmo .dashboard-wrapper.organizzatore{
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/solboot/img/cover/cover-pmo-org.jpg") no-repeat fixed center center / cover;
}

/*Image Background Direttore*/
#sol_pmo .dashboard-wrapper.direttore{
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/solboot/img/cover/cover-pmo-de.jpg") no-repeat fixed center center / cover;
}

/*Image Background Mercoled� Live*/
#sol_mercoledi_live .mercoledi-live{
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/solboot/img/cover/cover-promo-giovani.jpg") no-repeat fixed top center / cover ;
}

/*Image Background Musica d'ambiente*/
#sol_mda_r_a .dashboard-wrapper.mda{
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/solboot/img/cover/cover-mda.jpg") no-repeat scroll top center / cover ;
}

/*Image Background Musica d'ambiente*/
#sol_mda_u_d .dashboard-wrapper.mda{
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/solboot/img/cover/cover-mda.jpg") no-repeat scroll top center / cover ;
}

.sol_container_dashboard .title_dashboard {
    font-family: Conv_clarenbd;
    font-size: 2.2em !important;
    text-shadow: 2px 1px #303647;
    text-transform: none;
}

.title_portali {
    font-family: Conv_clarenbd;
    font-size: 2.2em !important;
    text-transform: none;
}


/* Navbar  START*/
#navbar-wrapper {
    float: left;
    width: 100%;
    margin: 32px auto;
    background: rgb(60, 197, 241); /*fallback*/
    background: rgba(0, 0, 0, 0) linear-gradient(20deg, #7358a8 1%, #3cc5f1 100%) repeat scroll 0 0;
    color: #fff;
}

#navbar-steps {
    width: 90%;
    margin: 0 auto;
}
#navbar-steps span {
    float: left;
    height: 16px;
    border-bottom: 1px solid #d9d9d9;
}
#navbar-steps .navbar-item {
    border:1px solid #d9d9d9;
    height: 32px;
    padding-top: 6px;
    -webkit-border-radius: 130px;
    -moz-border-radius: 130px;
    border-radius: 130px;
    text-align: center;
    background-color: #fff;
    color: #31bff0;
    font-weight:bold;
    opacity: 0.6;
}
#navbar-steps .navbar-item.selected_item {
    background-color: #fff;
    color: #31bff0;
    opacity: 1;
}
#navbar-wrapper button.btn{background: transparent;height:91px;padding-top: 9px;width: 100%;}
#navbar-wrapper .navbar-a-container{ padding: 29px;}
/* Navbar  END*/

.spacer-12{height:12px;clear:both;}

.sectionBlue{
    box-shadow: 1px 0 3px 3px #888888;
    margin-bottom: 29px;
}
.sectionBlue .col-md-12{
  float:left!important;
}
.sectionBlue h3{ 
    background: #09b6eb none repeat scroll 0 0;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 20px;
    width: 100%;
}
.sectionBlue .row-data{
  clear: both;
    margin: 0;
    width: 100%;
    border: 1px solid #d6d6d6;
} 
.sectionBlue .label-cell{
  background: #f6f6f6 none repeat scroll 0 0;
  color: #09b6eb;
  font-weight: bold;
  padding: 12px;
  text-align: right;
  border-right: 1px solid #d6d6d6;
}
.sectionBlue .data-cell{
  background: #fff;
  text-align:left;
  padding:12px;
}
.sectionBlue .big-data{margin-top:1px;}
.sectionBlue  .data-cell h4{ color: #09b6eb;font-weight: bold;}
.sectionBlue .data-cell:after{clear:both}
.sectionBlue .mod-cell{
    background: rgba(0, 0, 0, 0) url("/sites/all/modules/custom/features/siae_pae/modules/sol_pae/img/profilo/pen-b.png") no-repeat scroll right center;
    cursor: pointer;
    float: right;
    font-weight: bold; 
    margin-right: 20px;
    padding-right: 30px; 
    text-align: right;
} 
.sectionBlue .save-cell{
  /*  background: rgba(0, 0, 0, 0) url("/sites/all/modules/custom/features/siae_pae/modules/sol_pae/img/profilo/pen-b.png") no-repeat scroll right center;*/
    cursor: pointer;
    float: right;
    font-weight: bold; 
    margin-right: 20px;
    padding-right: 30px; 
    text-align: right;
} 
.sectionBlue .last-row{ 
    height: 44px;
    border-bottom:none;
}
.sectionBlue .last-row .mod-cell, .sectionBlue .last-row  .save-cell, .sectionBlue .last-row .info-cell{ 
   margin-top: 12px;
}

@media only screen and (min-width: 670px) {
    @media only screen and (max-width: 770px) {

    }
}

/* Styling Dashboard Container - General - START */
.sol_container_dashboard{
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    /*min-height: 550px;*/
    background: rgba(0, 0, 0, 0) linear-gradient(20deg, #7358a8 1%, #3cc5f1 100%) repeat scroll 0 0;
}


.sol_container_dashboard .container_in_wrapper {
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 31px;
    /*min-height: 550px;*/
    clear: both;
    padding: 45px 0 30px;
}

.container_in_wrapper .dashboard-right .widget{
    color:#222 !important;
    width:250px;
}

.private_events .dashboard-right .widget{
    background: #fff url(../img/ico_permessi.png) center center no-repeat;
}

.container_in_wrapper .padding0{
    padding: 0;
}

.container_in_wrapper .dashboard-right{
    padding: 10px 0 0;
}

.container_in_wrapper .margin_0auto{
    margin: 0 auto;
    display: inline-block;
}

/* Style menu pmo Desktop*/
.desktop_menu_pmo{
    float: left!important;
}


/* Styling Dashboard Container - General - END */

/* Styling SOL - Tablet Smartphone - START */
@media only screen and (max-width: 992px) {
    .mobile-menu-container .mobile_menu_pmo{
        padding: 10px 25px;
        text-align: left;
        width: 100%;
    }

    .mobile-menu-container .styleActive.active{
        border-bottom: medium none;
        color: inherit!important;

    }
}
/* Styling SOL - Tablet Smartphone - END */

/* Styling Dashboard Container - Tablet - START */

@media only screen and (min-width: 670px) {
    @media only screen and (max-width: 770px) {

    }
}
/* Styling Dashboard Container - Tablet - END */

/* Styling Dashboard - Smartphone - START */
@media only screen and (max-width: 400px) {
    .box_user_large{
        width: 250px;
    }

    .box_user{
        width: 250px;
    }

    /* PMO */
    .tables-title-gray {
        font-size: 1.7em;
    }

    #listaProgrammiMusicali #resp-tables{
        padding: 0!important;
    }

    #struttura .panel-body{
        padding: 0!important;
    }


    #struttura #resp-tables {
        padding: 0 0 0 15px;
    }

    #containerAssegnazioneProgrammaMusicale .paddingRight0{
        padding-right: 0!important;
    }
}

@media only screen and (max-width: 670px) {
    .marginBottom10{
        margin-bottom: 10px!important;
    }
}
/* Styling Dashboard - Smartphone - END */

/* da verificare per il footer */

/*footer{
    position: absolute;
}

#private_events_home {
    height: auto;
    margin-top: 31px;
    min-height: 760px;
}*/


/* Mercoled� Live - START */
@media only screen and (max-width: 992px) {
    .page-sol-mercoledi-live-adesione .main {
        margin-top: 35px;
    }

    .page-sol-mercoledi-live-adesione .services_button{
        font-size: 1.1em;
    }

    .page-sol-mercoledi-live #button_events_start_bozza {
        font-size: 1.2em;
    }

    .container_in_wrapper .dashboard-right{
        padding: 60px 0 0;
    }
}
/* Mercoled� Live - END */

/* Private Events - START */
#detail-page.private_events{
    padding-top: 25px;
}

@media only screen and (max-width: 992px) {
    #detail-page.private_events{
        padding-top: 50px;
    }

    #label_tipoevento.right{
        float:none;
    }
    #label_ballo.right{
        float:none;
    }

    .music-type .md-radio label {
        margin-bottom: 15px;
    }

    #private_events_2 .step{
        padding-bottom: 30px;
    }

}
/* Private Events - END */

/* PMO Events - START */
@media only screen and (max-width: 992px) {
    /*#menu_pmo {
        padding: 0;
    }*/

    /*#container_pmo {
        margin-left: 22%;
    }*/

    #pmoContainerListe{
        margin-left: 0;
    }

    #pmoContainerListe #container_pmo{
        padding: 10px 0 10px 15px;
    }

    #listaProgrammiMusicali #resp-tables{
        padding: 10px;
        /*width: 130%;*/

    }
    #listaProgrammiMusicali #resp-tables table td{
        padding: 15px 8px;
    }

    .page-sol-pmo-direttoreesecuzione-programmionline .main{
        min-height: 650px;
    }

}
/* PMO Events - END */

/* Mercoled� live - liste programmi - START */

.ricerca_desktop{
    display: inline-block;
    width: 100%;
}

.ricerca_mobile{
    display: none;
}

#legenda_mobile{
    display: none;
}

#legenda_mobile{
    display: none;
}

/* Mercoled� live - responsive - START */
@media only screen and (max-width: 992px) {

    #promoGiovaniContainerListe{
        margin-left: 0;
    }

    .ricerca_desktop{
        display: none;
    }

    .ricerca_mobile{
        display: inline-block;
        width: 100%;
    }

    .page-sol-mercoledi-live-pmo .main{
        min-height: 650px;
        background: #f6f6f6 none repeat scroll 0 0;
    }

    .allineamento-left-responsive{
        float: left;
        width: 25%;
    }


    .padding-top-responsive{
        padding-top: 30px;
    }

    .float-left-responsive{
        float: left;
    }

    .float-right-responsive{
        float: right;
    }

    .padding-top-85{
        padding-top: 85px;
    }

}
/* Mercoled� live - responsive - END */


/* Formattazione Liste Tabelle portali - Responsive - START */
@media only screen and (max-width: 992px) {
    #menu_pmo {
        position: relative;
    }

    .responsive-menu-portali-action{
        width: 25%;
        float: left;
    }
    .responsive-menu-portali-ricerca{
        width: 25%;
        float: right;
    }

    #container_pmo {
        margin-left: auto;
        border-left: none;
    }

    #listaProgrammiMusicali h3{
        margin-top: 30px;
    }

    .responsive-search-filter{
        width: 45%;
        float: left;
    }

    .padding-icon-close{
        padding: 10px 0 10px 0px;
    }
    .padding-icon-close a {
        color: #00b4f9;
    }

    .padding-icon-close a span{
        font-size: 18px;
    }
}


/* Formattazione Liste Tabelle portali - Responsive - END */


/* Formattazione Compilazione Programmi PMO - Responsive - START */
@media only screen and (max-width: 992px) {
    #navbar_private_events {
        width: auto;
    }

    .solError{
        width: auto;
    }

    #pmoContainerCompilazione{
        margin-top:30px;
    }

    #contBtnSalvaAnnulla{
        float: right;
    }

    #salvaModificaCompilazioneMD6{
        float: left!important;
    }

    #contBtnSalvaAnnulla .styleContSalvaAnnulla{
        float: right;
    }

    #salvaAnnullaCompilazione{
        line-height: 0;
    }
}
/* Formattazione Compilazione Programmi PMO - Tablet - END */

/* Dashboard Mercoledi live - Tablet orientamento orizzontale - START */
@media only screen and (min-width: 992px) {
    @media only screen and (max-width: 1024px) {
        .page-sol-mercoledi-live-events #sol_mercoledi_live > #sol_content{
            max-width: 75%!important;
        }
    }
}

#sol_mercoledi_live > #sol_content{
    max-width: 70%!important;
}

/*#sol_private_events > #sol_content{
    max-width: 70%!important;
}*/
 



.width70{
    width: 70%;
}

.margin0auto{
    margin: 0 auto auto;
}

.page-sol-private-events #results-list{
    width: 70%!important;
    margin: 0 auto;
}

/* Formattazione Mercoled� live - Private Events - Responsive - START */
@media only screen and (max-width: 992px) {

    #sol_mercoledi_live > #sol_content{
        max-width: 100%!important;
    }

    .page-sol-mercoledi-live-events .main {
        margin-top: 65px;
    }

    #sol_mercoledi_live #results-list{
        width: 95%;
    }

    .max-width-responsive{
        max-width: 70%;
        margin: 0 auto;
    }

    #sol_content #private_events_2{
        margin: 0 auto;
        width: 70%;
    }

    .event-type #bdate-child{
        display: block;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.margin-bottom-40{
    margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
    #sol_content #results-list {
        width: 95% !important;
        margin: 0 auto;
    }
}

/* Formattazione Mercoled� live - Responsive - END */


/* Dashboard Mercoledi live - Tablet orientamento orizzontale - START */
@media only screen and (min-width: 992px) {
    @media only screen and (max-width: 1024px) {
        .box_user {
            width: 200px;
        }

        .box_user_large {
            width: 398px;
        }

        .box_user a{
            padding: 140px 5px 10px;
        }

        .sol_container_dashboard .container_in_wrapper{
            margin-top: 25px;
        }

        .page-sol-mercoledi-live.desktop #horizon_private_events{
            padding-top: 28px!important;
        }

    }

}

.page-sol-private-events #button_events_start {
    margin-top: 50px !important;
}

.page-sol-pmo-organizzatoreprofessionale .dashboard-right .widget{
    padding: 110px 10px 0px;
}

/* Dashboard Mercoledi live - Tablet orientamento orizzontale - END */

.paddingBottom30{
    padding-bottom: 30px;
}

/* Box azioni permessi
   Tablet verticale
   Smartphone verticale - orizzontale
*/
@media only screen and (max-width: 992px) {
    #menu_pmo{
        padding: 20px 20% 0px 20%;
    }

    #legenda_mobile{
        display: block;
        padding: 0 35%;
        font-size: 1.4em;
    }

    #legenda_desktop{
        display: none;
    }

    .divLegend{
        height: 12px;
    }
}

@media only screen and (max-width: 400px) {
    #legenda_mobile{
        padding: 0 20%;
    }

}

@media only screen and (max-width: 680px) {

    .marginAssegnaPMO .step{
        margin: 0 10px;
    }

    #elencoDirettorePrecedentiAssegnazioni{
        font-size: 0.9em;
    }

    #direttoreEsecuzione_search{
        font-size: 0.6em;
    }

    .page-sol-pmo-organizzatoreprofessionale-programmionline-daassegnare #assegnaDirettoreEsecuzione .modal-dialog{
        width: auto!important;
    }
}

@media only screen and (min-width: 400px) {
    @media only screen and (max-width: 680px) {
        .page-sol-pmo-organizzatoreprofessionale-programmionline-daassegnare #assegnaDirettoreEsecuzione .modal-content{
            max-height: 350px;
            overflow-y: scroll;
        }

        #contDettaglioDaAssegnare{
            padding-top: 20px;
        }
    }
}


/* Styling pagine paermessi per Tablet orizzontale - 1024 px */
@media only screen and (min-width: 1000px) {
    @media only screen and (max-width: 1024px) {
        .col-md-2_3 {
            width: 23%;
        }

        .col-md-2_4 {
            width: 24%;
        }

        .col-md-7_7 {
            width: 77%;
        }

        .col-md-7_8 {
            width: 78%;
        }

        #container_pmo{
            margin-left: 23%;
        }

        #menu_pmo {
            min-height: inherit;
            padding: 20px 20px 20px 0;
        }
    }
}
@media only screen and (min-width: 1000px) {
    @media only screen and (max-width: 1024px) {

        .page-sol-mercoledi-live #container_pmo{
            margin-left: 0;
        }

        .page-sol-pmo-direttoreesecuzione #container_pmo{
            margin-left: 18%;
        }

        .page-sol-pmo-direttoreesecuzione .col-md-8_3 {
            width: 83%;
        }


    }
}

/* TEMIZZAZIONE MODALI
=======
/* FONT STYLE GENERAL */
.text-italic{
    font-style: italic;
}

/* TEMIZZAZIONE MODALI */
/*.modal-header{
    background-color: #57B4FA;
    color: #ffffff;
}


.modal-body{
    background-color: #D6F2FC;
}

.button-modal{
    color: #ffffff;
} */

/* CUSTOM MODAL */
.colorModalHeader{background-color: #57B4FA;}

.colorModalBody{background-color: #D6F2FC;}

.colorModalFooter{background-color: #D6F2FC;}

.modalHeader {
    color: #FFF !important;
    margin-bottom: 0 !important;
}

/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
/* .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} */

/* Testo domanda segreta */
.domanda-segreta-txt{
    display: block;
    font-size: 1.2em;
    line-height: 1.2em;
    padding-left: 16%;
    text-align: center;
    width: 85%;
    color:#ff0000;
}


/*.page-siae-auth-account #siae_auth_account .panel-group{
    margin-bottom: 0;
}*/


