/*per il file id 2469 social-wall*/
.card-flk{
    min-width: 100%;
}
.card-title{
    font-weight: 300;
}
.gridde{
    position:relative;
    width: 100%;
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 540px) {  
/*.card-columns {column-count: 3;}*/
    .grid-sizer,
    .grid-item { 
        max-width: 96%;
        padding: 1%; 
    }
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
    /*.card-columns {column-count: 3;}*/
        .grid-sizer,
        .grid-item { 
            max-width: 48%;
            padding: 1%; 
        } 
    }
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px){ 
    .grid-sizer,
    .grid-item { 
        max-width: 33%; 
        padding: 1%;
    }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    .grid-sizer,
    .grid-item { 
        max-width: 25%; 
        padding: 1%;
    }
}
.playCard{
    position: absolute;
    content: '';
    background: url(../img/play.png) 0 0 no-repeat transparent;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    background-size: 39px 39px;
    opacity: 0.5;
    -ms-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.playCard:hover{
    opacity: 2;
}
.youtubeCorner{
    position: absolute;
    color:white;
    font-size: 1.5em;
    text-align: right;
    top: 0;
    right: 0;
    margin: 0 0 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    border-color: transparent #e52d27  transparent transparent;
    line-height: 0px;
    _border-color: #000000 #e52d27  #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.youtubeCorner i{
    border: 0px solid green!important;
    position: absolute;
    color:white;
    width: 40px;
    height: 40px;
    top: 6px;
    right: -36px;
    margin: 0 0 0 0;
    width: 0;
    height: 0;
    display: block;
}
.flickrCorner{
    position: absolute;
    color:white;
    font-size: 1.5em;
    text-align: right;
    top: 0;
    right: 0;
    margin: 0 0 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    border-color: transparent #22B8CF  transparent transparent;
    line-height: 0px;
    _border-color: #000000 #22B8CF  #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.flickrCorner i{
    border: 0px solid green!important;
    position: absolute;
    color:white;
    width: 40px;
    height: 40px;
    top: 6px;
    right: -32px;
    margin: 0 0 0 0;
    width: 0;
    height: 0;
    display: block;
}
.borderTop{
    border-color: rgb(46, 190, 165);
}
/*fine 2469*/

/*per il file id 680 webinar*/
/*TUTTI*/
    .bgWeb-{
        background-color: white;
        border-color: #545B62;
        color: #545B62;
    }
/*CLASSICO - TRASVERSALE ALLE IDEE*/ 
    .tipoWeb-1{ 
        padding: 10px!important;
        /* background-color: #29A59C; */
        background-color: #96C22C;
        color: #FFFFFF;
    }
    .bgWeb-1{
        /* background-color: #29A59C;
        border-color: #29A59C; */
        background-color: #96C22C;
        border-color: #96C22C;
    }
/*SU VECCHIA IDEA - IDEE 2016 / 2017*/
    .tipoWeb-2{ 
        padding: 10px!important;
        background-color: #4EC1BD;
        color: #FFFFFF;
    }
    .bgWeb-2{
        background-color: #4EC1BD;
        border-color: #4EC1BD;
        }
/*SU NUOVA IDEA - IDEE 2017 / 2018*/
    .tipoWeb-3{ 
        padding: 10px!important;
        background-color: #0D74B6;
        color: #FFFFFF;
    }
    .bgWeb-3{
        background-color: #0D74B6;
        border-color: #0D74B6;
    }
/*LA VOCE ALLE SCUOLE ADOTTANTI*/
    .tipoWeb-4{ 
        padding: 10px!important;
        background-color: #B6B6B6;
        color: #FFFFFF;
    }
    .bgWeb-4{
        background-color: #B6B6B6;
        border-color: #B6B6B6;
    }
.tipoWeb-1 span, .tipoWeb-2 span, .tipoWeb-3 span, .tipoWeb-4 span{
    color:#FFFFFF;
}
.weight300italic{
    font-weight: 300!important;
    font-style: italic;
}
.btn-grey{
    background-color: #545B62;
    border-color: #545B62;
    color: #fff !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    box-sizing: border-box;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    min-height: 40px;
}
.btn-grey:hover, .btn-grey:active {
    opacity: 0.7;
    color: #fff !important;
}
/*fine 680*/

/*per il file id 2401 pagina profilo*/
#boxMap{
    height: 360px;
    z-index: 99;
}
#image_preview{
    padding-top: 0%;
}
a.whiteLink, a.whiteLink:hover{
    color:white;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #28B4A8;
    border-color: #28B4A8;
}
a.greenLink, a.greenLink:hover{
    color: #28B4A8;
}

.myFlexCenter{
    display: flex!important;
}
.boxPro{
    color: white;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 60px;
}
.boxPro .boxTitlePro{color: white!important;}
.boxPro .boxProIn:after{
    transform: perspective(800px) rotateX(2deg) skewX(-2deg) skewY(1deg) rotateY(3deg) translateY(0px);
    display: block;
    content: " ";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: -1;
}
.boxPro .boxProIn:before{
    transform: perspective(800px) rotateX(-1deg) skewX(-3deg) skewY(-2deg) rotateY(3deg) translateY(0px);
    display: block;
    content: " ";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: -1;
}
.boxPro.boxProColor .boxProIn:before{
    background: rgb(78,193,189);
}
.boxPro.boxProColor .boxProIn:after{
    background: #29a59c;
}
.boxTitlePro{
    font-weight: 300;
    font-style: italic;
    margin: 0px 0px 20px;
    color: #838383;
}
/*fine 2401*/

/*incauto per bando portale arti*/
p.note{
    margin-top:-1em;
    /*margin-bottom:-0.5em;*/
}
/* .boxContent{
    border: 0px!important;
} */
.cntContent{
    margin-bottom:0px!important;
}
label{
    margin-bottom: 0rem!important;
}
/*fine incauto per bando portale arti*/
/* Incauto per formulazio portalearti */
body:not(.page-profilo) .main-cont .page-content li {
    width: 100%;
    padding-top: 0;
    padding-right: 5px;
    padding-bottom: 0;
    padding-left: 5px;
    margin-bottom: 0px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    white-space: normal!important;
}
/* fine Incauto per formulazio portalearti */

/* incauto per home-infografiche portale arti*/
span.note{
    font-style: italic;
}
/* fine incauto per home-infografiche portale arti*/
/* altre aggiunte per scheda progetto */
.white-title-300{
    font-weight: 300;
}
.purpleLink{
    color: #989dee;
}
/* fine altre aggiunte per scheda progetto */
/* incauto aggiunte per iscrizioni/progetti 2023 */
.panel-capofila{
    background-color: #2795d0;
    color:white;
    /* font-style: italic; */
}
.panel-draft{
    background-color: #DD7D26;
    color:white;
    font-style: italic;
}

.panel-done{
    background-color: white;
    color:black;
    /* font-style: italic; */
    border:1px solid #2795d0;
}
.panel-done .tasto-modifica{
    background-color: #2795d0;
    border-color: black;
}
.btn-done{
    background-color: #2795d0;
    border: 1px solid black;
    color: white;
}
/* fine incauto aggiunte per iscrizioni/progetti 2023 */