body {

  //  background-color: darkblue;
    font-family: Montserrat, sans-serif;
    text-align: left;
    color: #000000;
    width: 100%;
    height: 100%;
    min-width: 280px;
    overflow-x: hidden;
}

p {
    margin: 0;
}

.logo{
    width: 100%;
    max-width: 179px;
    max-height: 47px;
    object-fit: contain;
    padding-bottom: 47px;
   
}


.bg_white {
  
  height: 100%;
  border-radius: 10px;
  background-color: #ffffff;
  width: 80%;
  max-width: 1024px;
  margin: 0 auto;
}

.formulario {
    padding: 15px;
    border-color: darkblue;
    border: solid;
}

.filtri {
    width: 100%;
    padding-bottom: 20px;
    min-height: 15px;
}
.blocco_priorita {
    padding-top: 20px;
    margin-top: 20px;
}

.blocco_priorita:nth-of-type(1) {
    margin-top: 0;
}
.colonna1 {
    /*width: 59%;*/
    width: 72.5%;
    padding-left: 26.5%;
}
.colonna2 {
    /*width: 59%;*/
    width: 72.5%;
    padding-left: 26.5%;
}

.colonna {
    width: 47.999999999%;
    float: left;
    padding-right: 4%;
}

.colonna3 {
    width: 31.86%!important;
    float: left;
    padding-right: 16px;
}

.colonna3:nth-child(3n) {
    padding-right: 0!important;
}

.colonna:nth-child(2n) {
    padding-right: 0;
}
.colonna1.required {
    border: 2px solid;
    border-color: red;
}
.box.required {
    border: 2px solid;
    border-color: red;
}


.colonna input {
    min-width: 189.6px;
}

.titolo {
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.71;
    letter-spacing: normal;
    padding-top: 10px;
}

.sottotitolo {
    padding-top: 20px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #444444;
}

.sottotitolo_blocco {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #666666;
  max-width: 240px;
  float: left;
}

.titolo_logo {
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.24;
    letter-spacing: normal;
    text-align: left;
    vertical-align: center;
    text-transform: uppercase;
    clear: both;
}

.titolo_blocco {
    font-size: 17px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.24;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    padding-top: 20px;
    text-transform: uppercase;
    clear: both;
}

.label_campo {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #444444;
    padding-top: 15px;
}

.input_text {
    width: 99%;
    height: 33px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 2px #efefef;
    margin-bottom: 14px;
    margin-top: 11px;
    padding-left: 10px;
    font-size: medium;
}
.input_text_multiple {
    width: 100%;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 2px #efefef;
    margin-top: 10px;
    resize: none;
    padding-left: 10px;
}

.input_select {
    width: 101% !important;
}
.input_check {
    width: 99%;
    height: 33px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 2px #efefef;
    margin-bottom: 14px;
    margin-top: 11px;
    padding-left: 10px;
}
.laboratorio {
    width: 174px;
  /*  min-height: 506px; */
    margin-top: 20px;
    
}



.img_laboratorio {
    width: 174px;
    height: 97px;
    background-color: #efefef;
}

.titolo_laboratorio {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #ba3416;
    font-family: Montserrat, sans-serif;
    padding: 11px;
}

.titolo_laboratorio a {
    color: #ba3416;
    text-decoration: none;
}

.descrizione_laboratorio {
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #444444;
    padding: 11px;
    opacity: 100;
}

.blocco_laboratori {
    padding-top: 20px;
}

.laboratorio {
    width: 30.95%;
    float: left;
    /*max-width: 236px;*/
    min-width: 185px;
    padding-right: 0 !important;
    margin-right: 25px;
}

.thumb_laboratorio {
 /*   width: 100%;
    max-height: 220px;*/
}



.prioInfoDiv {
   /* background-color: #f1f1f1;
    font-size: 12px;
    line-height: 30px;
    margin-top: 37px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
    font-family: Montserrat, sans-serif;
       */
   list-style-type: none;
    padding: 0;
}

#laboscelti li,#spettacoliscelti li {
    height: 47px;
    margin-bottom: 5px;
    background-color: #ffffff;
    border: solid 1px #000000;
    color: #ba3416;
    font-size: 12px;
}

#laboscelti li table, #spettacoliscelti li table {
    width: 100%;
    height: 100%;
}

button.save {
    max-width:320px;
    width: 100%;
    height: 48px;
    background-color: #ba3416;
    text-align: center;
    color: #ffffff;
    border: 0;
    font-size: 14px;
}

button.save:hover {
 	background-color: #ffffff;
	border: 2px solid #ba3416;
	color: #ba3416;
}

button.deselezione_laboratorio {
    width: 100%;
    height: 48px;
    min-height: 48px;
    background-color: #ba3416;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border: 0;
    margin-top: -5px;
}

button.selezione_laboratorio {
    width: 100%;
    height: 48px;
    /*max-width: 236px;*/
    min-height: 48px;
    background-color: #ffffff;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #ba3416;
    border: 2px solid #ba3416;
    margin-top: -5px;
}
/*
button.selezione_laboratorio:hover {

    background-color: #ffffff;
    border: 2px solid #ba3416;
    color: #ba3416;
}
*/
.required {
    border-color: red;
}

.filetto {
    border-bottom: 5px solid #f5f5f5;
    padding-bottom: 28px;
    clear: both;
}

.laboratori {
    max-width: 724px;
    float: left;
    padding-left: 20px;
    width: 100%;
}

.areetematiche_laboratorio {
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #666;
    padding-right: 11px;
    padding-left: 11px;
    text-transform: uppercase;
}

.pubblicoriferimento_laboratorio {
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #ba9a93;
    padding-right: 11px;
    padding-left: 11px;
    text-transform: uppercase;
}

.bandiere_laboratorio {
    padding-top: 7px;
    padding-left: 11px;
    padding-right: 11px;
}



.laboratorio:hover {
    background-color: #fdf9f8;
}

.laboratorio_selected {
    background-color: #fdf9f8;
}

.icona_sposta {

    width: 11px;
    height: 17px;
    object-fit: contain;
    float: right;
    margin-right: 10px;
    /*padding-top: 15px;*/
}

.icona_elimina {
    width: 11px;
    height: 17px;
    object-fit: contain;
    float: right;
    margin-right: 11px;
    /*padding-top: 15px;*/
}

priority {
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #ba3416;
    padding-right: 17px;
    padding-left: 10px;
}

laboratory {
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #ba3416;

    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
 
   max-height: 32px;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.lingue_formulario {
    float: right;
}

.lingue_formulario img {
    max-height: 12px;
    max-width: 18px;
}

.lingue_formulario a {
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    color: #000000;
    text-decoration: none;
    padding-left: 14px;
}

#alert_laboratori {
    color: red;
}

.filtri > .colonna3 > .SumoSelect {
    margin: 0 !important;
}

.orari {
    width: 100%;
    clear: both;
    margin-top: 11px;
    margin-bottom: 45px;
    font-size: 12px;
    color: #444444;
}
.box51 {
    width: 100%;
    margin-top: 11px;
    margin-bottom: 75px;
    font-size: 18px;
    color: #444444;
}
.msgerr {
    color: red;
    font-weight: bold
}
.msginfo {
    font-weight: bold
}

/*
@media only screen and (max-width: 970px) {
    .filtri >.colonna3 {
        width: 100%!important;
        padding-bottom:20px;
    
    }


}

@media only screen and (min-width: 970px) {
    .colonna > .SumoSelect {
        width: 103.5%!important;
    }


}
@media only screen and (max-width: 1300px) {
    .laboratori {
        padding-left: 0!important;
        padding-right: 20px!important;
        max-width:1000px!important;
    }


}

@media only screen and (max-width: 980px) {
    .colonna {
        width: 100%;
    }

    .colonna1 {
        padding-left: 0;
        width: 100%;
    }
    
    .colonna2 {
        padding-left: 0;
        width: 100%;
    }

    .sottotitolo_blocco {
        max-width: none!important;
    }

    .laboratori {
        padding-left: 0!important;
    }

    .colonna3:nth-child(3n) {
        margin-right: 16px!important;
    }
}

@media only screen and (max-width: 1296px) {
    .laboratori {
        padding-left: 0!important;
        padding-right: 20px!important;
    }


}

@media only screen and (min-width: 980px) {
    .colonna3:nth-child(3n) {
        margin-right: 0 !important;
    }
}


*/
@media only screen and (max-width: 605px) {



    .laboratori {
        padding-left: 0!important;
    }

    .laboratorio {
        width: 100% !important;
        padding-left: 0!important;
        padding-right: 20px!important;
        max-width:1000px!important;
    }

    .filtri >.colonna3 {
        width: 100%!important;
        padding-bottom:20px;
    
    }

    .colonna1 {
        padding-left: 0;
        width: 100%;
    }

    .colonna2 {
        padding-left: 0;
        width: 100%;
    }

    .colonna2 > .colonna {
        padding-right: 0;
        width: 100%;
    }
    .lingue_formulario a {
        padding-left: 0;
        width: 300px;
    }
}

/*@media only screen and (min-width: 605px) and (max-width: 750px) {
    .checkbox {
        width: 100%;
        float: left;
    }
}*/

@media only screen and (max-width: 605px) {
    .checkbox {
        width: 100%;
        float: left;
    }

    .checkbox .tag {
        width: 80% !important;
    }
}

@media only screen and (min-width: 550px) and (max-width: 750px) {
    .checkbox {
        width: 50%;
        float: left;
    }

        .checkbox .tag {
            width: 80% !important;
        }
}

@media only screen and (min-width: 750px) {
    .checkbox {
        width: 100%;
        float: left;
    }

    .checkbox .tag {
        width: 80% !important;
    }
}


@media only screen and (min-width: 605px) and (max-width:970px) {


    .laboratori {
        padding-left: 0!important;
    }

    .laboratorio {
        width: 46.3% !important;
        padding-left: 0!important;
        padding-right: 2%!important;
        max-width:1000px!important;
     /*  min-height: 560px;*/
    }

    .filtri >.colonna3 {
        width: 100%!important;
        padding-bottom:20px;
    
    }

    .colonna1 {
        padding-left: 0;
        width: 100%;
    }
        
    .colonna2 {
        padding-left: 0;
        width: 100%;
    }

    .colonna2 > .colonna {
        padding-right: 0;
        width: 100%;
    }

    .colonna3:nth-child(3n) {
        padding-right: 20px!important;
    }

    .laboratorio:nth-child(2n) {
        padding-right: 0!important;
        margin-right: 0 !important;
        float: right;
    }


}



@media only screen and (min-width: 970px) and (max-width:1300px) {
    .laboratorio {
        width: 46% !important;
        padding-left: 0!important;
        padding-right: 2%!important;
        max-width:1000px!important;
    }

    .laboratorio:nth-child(2n) {
        padding-right: 0 !important;
        margin-right: 0 !important;
         float: right;
    }

}

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

    .filtri >.colonna3 {
        width: 100%!important;
        padding-bottom:20px;
    
    }

    .laboratori {
        padding-left: 0!important;
        max-width: 1000px;
        float: left;
        width: 100%;
    }
}
@media only screen and (min-width: 1300px) {
   /* .thumb_laboratorio {
        width: 100%;
        max-height: 165px;
    }*/

    .laboratorio:nth-child(3n) {
        padding-right: 0 !important;
        margin-right: 0 !important;
         /*float: right;*/
    }

    .filtri .colonna3 {
        width: 46.86% !important;
        padding-right: 40px !important;
    }

    .filtri .colonna3:nth-child(2n) {
        padding-right: 0 !important;
    }
   /* .laboratorio {
        min-height: 560px;
    }*/
}

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
     width: 100%; 
   }
 }

.checkbox {
    /*margin: 0 0 1em 2em;*/
    /*width: 25%;
    float: left;*/
}
    .checkbox .tag {
        color: #444444;
        display: block;
        float: right;
        font-weight: normal;
        position: relative;
        width: 120px;
        padding-top: 3px;
    }
.checkbox label {
    display: inline;
    vertical-align: bottom;
}
.checkbox .input-assumpte {
    display: none;
}
.input-assumpte + label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 9px;
    display: inline-block;
    position: relative;
}
.input-assumpte:checked + label:after {
    background-color: #ba3416;
    color: #ba3416;
    content: '\2714';
    font-size: 10px;
    left: 0px;
    padding: 2px 8px 2px 2px;
    position: absolute;
    top: 0px;
}

.filtri .colonna3 > .SumoSelect > .CaptionCont {
    min-height: 40px;
}

.filtri .colonna3 > .SumoSelect > .CaptionCont > span.placeholder {
    line-height: 3.33;
}

.filtri .colonna3 > .SumoSelect.open > .optWrapper {
    top: 54px;
}
.image-container {
    width: 100%;
    aspect-ratio: 1 / 1; /* mantiene il contenitore quadrato */
    overflow: hidden;
    position: relative;
}

.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}