/* CCW Helpers */
/* Spinner per il caricamento */ 

#ccwOverlay {
     position: fixed;
     z-index: 20000;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,.15);
     display: none;
 }
 #ccwSpinner {
     position: absolute;
     z-index: 20001;
     left: 50%;
     top: 50%;
     height:60px;
     width:60px;
     margin:0px;
     margin-left: -30px;
     
     -webkit-animation: rotation .6s infinite linear;
     -moz-animation: rotation .6s infinite linear;
     -o-animation: rotation .6s infinite linear;
     animation: rotation .6s infinite linear;
     border-left:6px solid rgba(0,174,239,.25);
     border-right:6px solid rgba(0,174,239,.25);
     border-bottom:6px solid rgba(0,174,239,.25);
     border-top:6px solid rgba(0,174,239,.8);
     border-radius:100%;
 }

 @-webkit-keyframes rotation {
     from {-webkit-transform: rotate(0deg);}
     to {-webkit-transform: rotate(359deg);}
 }
 @-moz-keyframes rotation {
     from {-moz-transform: rotate(0deg);}
     to {-moz-transform: rotate(359deg);}
 }
 @-o-keyframes rotation {
     from {-o-transform: rotate(0deg);}
     to {-o-transform: rotate(359deg);}
 }
 @keyframes rotation {
     from {transform: rotate(0deg);}
     to {transform: rotate(359deg);}
 }

.rwd-gmaps {
    overflow:hidden;
    padding-bottom:25%;
    position:relative;
    height:0;
}
.rwd-gmaps iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}




/* clamp serve per troncare il testo nelle tabelle se no diventano responsive */
.clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding: 18px 5px 0px 5px;
    /* padding-left:5px; padding-bottom: 0; */
    
}

.bgwhite { background: #fff; }

.txt-green  { color: #4caf50; }
.txt-red    { color: #f44336; }
.txt-orange { color: #ff9800; }
.txt-amber  { color: #ffc107; }

/* Navigazione lago d'Orta */
.txt-1 { color: #9c27b0; }
.txt-2 { color: #4caf50; }
.txt-3 { color: #2962ff; }


.strong { font-weight: bold; }
.justify { text-align: justify; }

/* Margin 0 */
.m-0 {
    margin:0em!important;
}
.my-0 {
    margin-top: 0em!important;
    margin-bottom: 0em!important;
}
.mx-0 {
    margin-left: 0em!important;
    margin-right: 0em!important;
}
.mt-0 {
    margin-top: 0em!important;
}
.mb-0 {
    margin-bottom: 0em!important;
}
.ml-0 {
    margin-left: 0em!important;
}
.mr-0 {
    margin-right: 0em!important;
}

/* Padding 0 */
.p-0 {
    padding:0em!important;
}
.py-0 {
    padding-top: 0em!important;
    padding-bottom: 0em!important;
}
.px-0 {
    padding-left: 0em!important;
    padding-right: 0em!important;
}
.pt-0 {
    padding-top: 0em!important;
}
.pb-0 {
    padding-bottom: 0em!important;
}
.pl-0 {
    padding-left: 0em!important;
}
.pr-0 {
    padding-right: 0em!important;
}

/* Margin 0.0 */
.m-05 {
    margin:0.5em;
}
.my-05 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.mx-05 {
    margin-left: 0.5em;
    margin-right: 0.5em;
}
.mt-05 {
    margin-top: 0.5em;
}
.mb-05 {
    margin-bottom: 0.5em;
}
.ml-05 {
    margin-left: 0.5em;
}
.mr-05 {
    margin-right: 0.5em;
}

/* Padding 0.5 */
.p-05 {
    padding:0.5em;
}
.py-05 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.px-05 {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.pt-05 {
    padding-top: 0.5em;
}
.pb-05 {
    padding-bottom: 0.5em;
}
.pl-05 {
    padding-left: 0.5em;
}
.pr-05 {
    padding-right: 0.5em;
}

/* Margin 1 */
.m-1 {
    margin:1em;
}
.my-1 {
    margin-top: 1em;
    margin-bottom: 1em;
}
.mx-1 {
    margin-left: 1em;
    margin-right: 1em;
}
.mt-1 {
    margin-top: 1em;
}
.mb-1 {
    margin-bottom: 1em;
}
.ml-1 {
    margin-left: 1em;
}
.mr-1 {
    margin-right: 1em;
}

/* Padding 1 */
.p-1 {
    padding:1em;
}
.py-1 {
    padding-top: 1em;
    padding-bottom: 1em;
}
.px-1 {
    padding-left: 1em;
    padding-right: 1em;
}
.pt-1 {
    padding-top: 1em;
}
.pb-1 {
    padding-bottom: 1em;
}
.pl-1 {
    padding-left: 1em;
}
.pr-1 {
    padding-right: 1em;
}

/* Margin 2 */
.m-2 {
    margin:2em;
}
.my-2 {
    margin-top: 2em;
    margin-bottom: 2em;
}
.mx-2 {
    margin-left: 2em;
    margin-right: 2em;
}
.mt-2 {
    margin-top: 2em;
}
.mb-2 {
    margin-bottom: 2em;
}
.ml-2 {
    margin-left: 2em;
}
.mr-2 {
    margin-right: 2em;
}

/* Padding 2 */
.p-2 {
    padding:2em;
}
.py-2 {
    padding-top: 2em;
    padding-bottom: 2em;
}
.px-2 {
    padding-left: 2em;
    padding-right: 2em;
}
.pt-2 {
    padding-top: 2em;
}
.pb-2 {
    padding-bottom: 2em;
}
.pl-2 {
    padding-left: 2em;
}
.pr-2 {
    padding-right: 2em;
}

/* Margin 3 */
.m-3 {
    margin:3em;
}
.my-3 {
    margin-top: 3em;
    margin-bottom: 3em;
}
.mx-3 {
    margin-left: 3em;
    margin-right: 3em;
}
.mt-3 {
    margin-top: 3em;
}
.mb-3 {
    margin-bottom: 3em;
}
.ml-3 {
    margin-left: 3em;
}
.mr-3 {
    margin-right: 3em;
}

/* Padding 3 */
.p-3 {
    padding:3em;
}
.py-3 {
    padding-top: 3em;
    padding-bottom: 3em;
}
.px-3 {
    padding-left: 3em;
    padding-right: 3em;
}
.pt-3 {
    padding-top: 3em;
}
.pb-3 {
    padding-bottom: 3em;
}
.pl-3 {
    padding-left: 3em;
}
.pr-3 {
    padding-right: 3em;
}

/* line-height */

.lh-40 { line-height: 40px; }