/*posiziona il footer sempre al fondo della pagina*/
html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: Verdana, Arial, serif;
    font-size: 14px;
    text-align: justify;
    line-height: 1.42857143;
    padding-top: 20px;
    background: #fff;
    margin-bottom: 80px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 30px; /*distanza tra le righe nel footer*/
}

@media (max-width: 500px) {
    .footer {
        display: none;
    }
}
/*fine posiziona il footer sempre al fondo della pagina*/
/*formatto tutti i riferimenti dei link a*/
a {
    color: #3342cd;
    text-decoration: none;
    font-weight: bold;
}

    a:hover {
        text-decoration: none;
        color: #990000;
        font-weight: bold;
    }

    a.disabled {
        pointer-events: none;
        cursor: default;
    }

    a:link {
        text-decoration: none;
    }
/*fine formatto tutti i riferimenti dei link a*/

/*formatto la barra in alto*/
.navbar-dark .navbar-nav .nav-link {
    color: white;
    font-size: 17px;
}

#collapsingNavbar3 a.nav-link:hover {
    color: yellow;
}
/*fine formatto la barra in alto*/


.paddingBottomTitolo {
    scroll-padding-top: 20px;
}

.paddingTop40 {
    padding-top: 40px;
}

.paddingTop80 {
    padding-top: 80px;
}



/*body {
    font-family: Verdana, Arial, serif;
    font-size: 14px;
    text-align: justify;
    line-height: 1.42857143;
    padding-top: 20px;
    background: #fff;*/ /*color: #fff;     overflow-x: hidden; */
/*}*/

.module_news h3 {
    font-size: 16px;
    padding: 4px 10px;
    background-color: #f1f1f1;
    color: darkblue;
    /*margin: 12px 6px;*/
}

.module_foto h3 {
    font-size: 16px;
    padding: 4px 10px;
    background-color: #f1f1f1;
    color: darkblue;
    text-align: center;
    /*margin: 12px 6px;*/
}

.nopadding {
    padding: 1 !important;
    margin: 0 !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: darkblue;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #DFF0D8;
}

/*video {
    width: 100%;
}

    video::-internal-media-controls-download-button {
        display: none;
    }

    video::-webkit-media-controls-enclosure {
        overflow: hidden;
    }

    video::-webkit-media-controls-panel {
        width: calc(100% + 30px);
    }*/



/*@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {*/
/*border-top: 1px solid transparent;*/ /*border-top: 1px solid #083A64;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;*/
/*background-color: #083A64;*/
/*border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}*/

.ars_Checkbox {
    cursor: pointer;
}

/*.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background-color: #083A64;
    color: white;
}*/


/*@media (max-width: 992px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: red;
        }
}*/

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #000000;
    /*background-color: white;*/
}

.btn-default {
    background-image: none !important;
}

/*@media (min-width: 992px){  selectpicker
.col-md-3 {
    width: 25%;
    padding-right:60px;
}

 modifica la larghezza del container cambiando quella di default di Bootstrap */
/*@media (min-width: 1200px) {
  .container {    
    width: 980px;
  }
}*/

.color-green {
    /*color: #3e8f3e;*/
    color: #32CD32;
    font-size: 22px;
}

/*a {
    color: #3342cd;
    text-decoration: none;
    font-weight: bold;
}

    a:hover {
        text-decoration: none;
        color: #990000;
        font-weight: bold;
    }

    a.disabled {
        pointer-events: none;
        cursor: default;
    }*/

/* menu */
/*.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a {
    font-weight: normal;
    background-color: #083A64;
    color: white;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: white;
    background-color: #083A64;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
    background-image: linear-gradient(to bottom, #083A64 0%, #083A64 100%);
}*/
/*.navbar-default .navbar-nav > li > a:hover
{
    color: #9a5162;
    background-color: transparent;
    font-weight: bold;
}
.navbar-default .navbar-nav > li > a:focus
{
    color: #777;
    font-weight: normal;
}*/

/*.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {*/
/*color: #9a5162;
        background-color: transparent;
            font-weight: bold;
        */
/*color: yellow;
}*/
/* posiziona le voci del menu al centro */
/*@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}*/

.label-danger {
    background-color: #F0F0F0;
    color: #b92c28;
    font-weight: bold;
}

.form-control {
    height: 50px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.form-control-incontro {
    display: block;
    width: 100%;
    height: 35px;
    font-size: 14px;
    font-weight: bolder;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}


.tabUtenti {
    height: 32px;
    font-size: 14px;
    /*id="tabUtenti"*/
}

button, select {
    cursor: pointer;
}

.tabUtentiDate {
    height: 36px;
    font-size: 14px;
    cursor: pointer;
    /*id="tabUtenti"*/
}


legend {
    display: block;
    width: 100%;
    padding: 5px;
    margin-bottom: 6px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
}

.titoloPagina {
    padding-bottom: 30px;
}

/* per tutte le datagridview inserite in una tabella */
.TdDatagrid, td {
    padding: 8px;
}

/*Tabella riassuntiva d'ingresso Welcome.aspx*/
.TitoloSintesi {
    border: 1px solid #000000;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #0000FF;
}

.tdDatiGreen {
    border: 1px solid #000000;
    font-weight: bold;
    /*width: 100px;*/
    text-align: center;
    font-size: 14px;
    color: #3e8f3e;
}

.tdDatiRed {
    border: 1px solid #000000;
    font-weight: bold;
    /*width: 100px;*/
    text-align: center;
    font-size: 14px;
    color: red;
    /*color: #b92c28;*/
}

.tdDatiTitolo {
    border: 2px solid #000000;
    /*width: 100px;*/
    text-align: center;
    background-color: #D8D8D8;
    font-weight: bold;
    font-size: 14px;
}

.tdTitoloIntegrazione {
    /*border: 1px solid #000000;*/
    /*width: 100px;*/
    text-align: center;
    /*background-color: #D8D8D8;*/
    font-weight: bold;
    font-size: 14px;
    color: #212529;
}

.tdDescrRichieste {
    border: 1px solid #000000;
    /*width: 310px;*/
    text-align: right;
    color: #3e8f3e;
    font-size: 14px;
    font-weight: bold; /*vertical-align:middle; non funziona con il responsive*/
}

.tdDati {
    border: 1px solid #000000;
    text-align: center;
    font-size: 12px;
}

.tdDatiDisponibile {
    border: 1px solid #000000;
    background-color: green;
    height: 30px;
}

.tdDatiInEs {
    border: 1px solid #000000;
    background-color: #e38d13;
    height: 30px;
}

.tdDatiEsaurito {
    border: 1px solid #000000;
    background-color: red;
    height: 30px;
}
/*cercare su internet se per la table non funzionasse il responsive su Firefox*/
/*@-moz-document url-prefix()  
{
    fieldset { display: table-cell; }
    }*/

.TabellaMenu {
    padding: 4px 2px 4px 2px;
    border: 1px solid #996633;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    /*padding-left: 3px;*/
}

td.sfondoTabMenu {
    text-align: center;
    background-color: #76BB76;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}

    td.sfondoTabMenu:hover {
        text-align: center;
        background-color: #006600;
        color: #FFFFFF;
        font-size: 26px;
        font-weight: bold;
        cursor: pointer;
    }

.campiMessaggio {
    color: #800000;
    font-weight: bold;
}

.campiUtenze {
    color: #800000;
    font-weight: bold;
    height: 32px;
}

.ddList {
    font-size: 16px;
    color: blue;
}

.radio label, .checkbox label {
    /*min-height: 20px;*/
    padding-left: 10px;
    /*margin-bottom: 0;*/
    font-weight: bold;
    /*cursor: pointer;*/
}

/*Tabella Inserimento Richieste*/
.TitoloRichiesta {
    border: 1px solid #000000;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #76BB76;
}

.tdDatiTitoloInserimento {
    border: 1px solid #000000;
    color: #3e8f3e;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.tdDatiSottoTitolo {
    border: 1px solid #000000;
    color: #3342cd;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}

.tdDatiTitoloScheda {
    border: 1px solid #000000;
    color: #800000;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
}

.tdDescrRichiesteInserimento {
    border: 1px solid #000000;
    text-align: left;
    color: #000000;
    font-size: 12px;
}

.ButtonClass {
    cursor: pointer;
}

.tdDatiInserimento {
    border: 1px solid #000000;
    color: #3e8f3e;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
}

.tdDatiDUE {
    border: 1px solid #000000;
    text-align: left;
    font-size: 12px;
}

.tdDatiMessaggioSX {
    border: 1px solid #000000;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    background-color: #76BB76;
    color: #FFFFFF;
}

.tdDatiMessaggioDX {
    border: 1px solid #000000;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    background-color: #76BB76;
    color: #FFFFFF;
    width: 30%;
}

.tdDatiMessaggio {
    border: 1px solid #000000;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    background-color: #FFFFFF;
}


/*STAMPA 06-09-2016*/
#StampaColUno {
    float: left;
    padding-left: 5px;
    width: 280px;
}

#StampaColDue {
    float: right;
    padding-right: 5px;
    width: 390px;
}

#StampaColINAPR {
    float: left;
    padding-left: 1px;
    width: 340px;
}

#StampaColAE {
    float: right;
    padding-right: 1px;
    width: 340px;
}

.tableStampaUno {
    width: 280px;
    background-color: #fff;
    border: 2px solid #000000;
}

.tableStampaDue {
    width: 390px;
    background-color: #fff;
    border: 2px solid #000000;
}

.tableStampaINANPR {
    width: 340px;
    background-color: #fff;
    border: 2px solid #000000;
}

.tableStampaAE {
    width: 340px;
    background-color: #fff;
    border: 2px solid #000000;
}

.tdDatiStampa {
    border: 1px solid #000000;
    text-align: center;
    font-size: 10px;
    height: 16px;
}

.tdDatiInserimentoStampa {
    border: 1px solid #000000;
    color: #3e8f3e;
    text-align: right;
    /*font-weight: bold;*/
    font-size: 8px;
    height: 16px;
}

.TitoloRichiestaStampa {
    border: 1px solid #000000;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #76BB76;
}

.tdDescrRichiesteInserimentoStampa {
    border: 1px solid #000000;
    text-align: left;
    color: #000000;
    font-size: 8px;
}

.tdDatiTitoloSchedaStampa {
    border: 1px solid #000000;
    color: #800000;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    text-decoration: underline;
}

.tdDatiSottoTitoloStampa {
    border: 1px solid #000000;
    color: #3342cd;
    text-align: center;
    font-weight: bold;
    font-size: 9px;
}

.tdDatiTitoloInserimentoStampa {
    border: 1px solid #000000;
    color: #3e8f3e;
    text-align: center;
    /*font-weight: bold;*/
    font-size: 12px;
}

.menu {
    padding-top: 10px;
}

.panel-body {
    padding-top: 20px;
}

/*.btn-social-icon{
    margin-left: 5px;
}*/


/*immagini pag. Foto*/
.portfolio .thumbnail {
    position: relative;
}

    .portfolio .thumbnail:hover {
        cursor: pointer;
    }

.portfolio .caption {
    bottom: 0;
    position: absolute;
}

.portfolio .btn {
    opacity: 0.75;
}


/*immagini Foto*/
.hide-bullets {
    list-style: none;
    margin-left: -40px;
    margin-top: 20px;
}

img[src*="sci_d_erba_Torino"] {
    cursor: pointer;
}

#main_area .thumbnail {
    padding: 0;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}

.col-sm-3 a {
    border: 1px solid transparent;
    border-radius: 0;
    transition: all 3s ease;
}

    .col-sm-3 a:hover {
        border: 1px solid #ff4647;
        border-radius: 100% 60% / 30% 10%;
        background: linear-gradient(rgba(56,123,131,0.7),rgba(56,123,131,0.7));
    }

/*whatsapp*/
.wa_btn {
    background-image: url('button.svg');
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block !important;
    position: relative;
    font-family: Arial, sans-serif;
    letter-spacing: .4px;
    cursor: pointer;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    border-radius: 2px;
    background-color: #5cbe4a;
    background-repeat: no-repeat;
    line-height: 1.2;
    text-decoration: none;
    text-align: left;
}

.wa_btn_s {
    font-size: 12px;
    background-size: 16px;
    background-position: 5px 2px;
    padding: 3px 6px 3px 25px;
}

.wa_btn_m {
    font-size: 16px;
    background-size: 20px;
    background-position: 4px 2px;
    padding: 4px 6px 4px 30px;
}

.wa_btn_l {
    font-size: 16px;
    background-size: 20px;
    background-position: 5px 5px;
    padding: 8px 6px 8px 30px;
}


/*TECNICI*/
.src-image {
    display: none;
}

.card {
    overflow: hidden;
    position: relative;
    border: 1px solid #CCC;
    border-radius: 8px;
    /*text-align: center;*/
    padding: 0;
    /*background-color: #284c79;
    color: rgb(136, 172, 217);*/
    /*color: #FFFFFF;
}
/*
.cardGreen {
    background-color: forestgreen;
}

.card .header-bg {*/
    /* This stretches the canvas across the entire hero unit */
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    border-bottom: 1px #FFF solid;*/
    /* This positions the canvas under the text */
    /*z-index: 1;
}

.card .avatar {
    position: relative;
    margin-top: 15px;
    z-index: 100;
}

    .card .avatar img {
        width: 100px;
        height: 100px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 5px solid rgba(0,0,30,0.8);
    }*/

    @media (min-width: 992px) {
        /* centered columns styles */
        .row-centered {
            text-align: center;
        }

        .col-centered {
            display: inline-block;
            float: none;
            /* reset the text-align */
            text-align: left;
            /* inline-block space fix */
            margin-right: -4px;
        }
    }
    /* @media (max-width: 992px) {} */
    .tecnici

{
    margin-bottom: 10px;
}

/*IMG GREENSKI*/
.center-gst {
    margin: 0 auto;
    display: inline;
}

/*HOME*/
/*.col-xs-1[class="Home"], .col-xs-2[class="Home"], .col-xs-3[class="Home"], .col-xs-4[class="Home"], .col-xs-5[class="Home"], .col-xs-6[class="Home"], .col-xs-7[class="Home"], .col-xs-8[class="Home"], .col-xs-9[class="Home"], .col-xs-10[class="Home"], .col-xs-11[class="Home"], .col-xs-12[class="Home"], .col-sm-1[class="Home"], .col-sm-2[class="Home"], .col-sm-3[class="Home"], .col-sm-4[class="Home"], .col-sm-5[class="Home"], .col-sm-6[class="Home"], .col-sm-7[class="Home"], .col-sm-8[class="Home"], .col-sm-9[class="Home"], .col-sm-10[class="Home"], .col-sm-11[class="Home"], .col-sm-12[class="Home"], .col-md-1[class="Home"], .col-md-2[class="Home"], .col-md-3[class="Home"], .col-md-4[class="Home"], .col-md-5[class="Home"], .col-md-6[class="Home"], .col-md-7[class="Home"], .col-md-8[class="Home"], .col-md-9[class="Home"], .col-md-10[class="Home"], .col-md-11[class="Home"], .col-md-12[class="Home"], .col-lg-1[class="Home"], .col-lg-2[class="Home"], .col-lg-3[class="Home"], .col-lg-4[class="Home"], .col-lg-5[class="Home"], .col-lg-6[class="Home"], .col-lg-7[class="Home"], .col-lg-8[class="Home"], .col-lg-9[class="Home"], .col-lg-10[class="Home"], .col-lg-11[class="Home"], .col-lg-12[class="Home"] {
    position: relative;
    padding: 0;*/
}

.Home {
    height: 100%;
}

#accueil {
    background: url(../img/torinoverde.jpg) no-repeat center;
    background-size: cover;
    margin-top: 10px;
    height: 360px;
    /*height: 100%;*/
}

    #accueil h1 {
        position: relative;
        top: 120px;
        font-size: 10em;
        font-family: 'Freestyle Script';
        text-align: center;
        color: azure;
        text-transform: uppercase;
    }

    #accueil h2 {
        position: relative;
        top: 150px;
        text-align: center;
        font-size: 3em;
        font-family: 'Freestyle Script';
        text-transform: uppercase;
        color: #fff;
    }

#gallery {
    height: 100%;
}

figure {
    height: 250px;
    /*width: 250px;*/
    display: block;
    overflow: hidden;
    z-index: 100;
    background-color: darkgrey;
}

figcaption {
    height: 250px;
    width: 100%;
    background: no-repeat center black;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: -500px;
    opacity: 0;
    padding: 5px;
}

#gallery a {
    color: #fff;
}

    #gallery a:hover figcaption {
        opacity: 0.8;
        left: 0;
        color: #fff;
        transition: all 0.7s;
    }



@media (max-width: 768px) {
    #accueil h1, #contact h1 {
        font-size: 4.6em;
    }
}

/*EVENTI*/
/*strong {
    font-weight: bold;
}

img[class~="notify"] {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
    width: 30px;
}*/
/** H1 **/
h1[class="eventi"] {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 1.6em;
    line-height: 1.5em;
    margin: 0px;
    margin-bottom: 20px;
    padding: .1em 0;
    /*color: #444;*/
    position: relative;
    /*overflow: hidden;
    white-space: nowrap;*/
    text-align: left;
}

/*h1[class="eventi"]:before, h1[class="eventi"]:after {
        content: "";
        position: relative;
        display: inline-block;
        width: 50%;
        height: 1px;
        vertical-align: middle;
        background: #f0f0f0;
    }*/

/*h1[class="eventi"]:before {
        left: -.5em;
        margin: 0 0 0 -50%;
    }*/

/*h1[class="eventi"]:after {
         left: .5em;
       margin: 0 -50% 0 0;
    } 
    

    h1[class="eventi"] > span {
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
    }*/

p[class="eventi"] {
    display: block;
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 10px;
    text-align: right;
}

/** notifications **/
.notify {
    /*cursor: pointer;*/
    display: block;
    background: #fff;
    padding: 12px 18px;
    max-width: 400px;
    margin: 0 auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 1.5) 1px 1px 2px 0.5px;
}

    .notify h1 {
        margin-bottom: 6px;
    }

    .notify .alerticon {
        margin-bottom: 5px;
    }

/* Success */
.notifyDisable {
    /*color: #fff;*/
    color: darkred;
    background-color: #7FFFD4;
}

/*.success h1 {
        color: #678361;
        background-color: #fff;
    } 

    .success:hover h1 {
        color: darkred;
    }       */

.success:hover {
    color: darkred;
    background-color: #fff;
}

/* Success */
.success {
    color: #fff;
    background-color: #4cbe83;
}

    /*.success h1 {
        color: #678361;
        background-color: #fff;
    } 

    .success:hover h1 {
        color: darkred;
    }       */

    .success:hover {
        color: darkred;
        background-color: #fff;
    }

/* Error */
.error {
    color: #fff;
    background-color: #e47c68;
}

    /*.error h1 {
        color: #6f423b;
        background-color: #fff;
    }

    .error h1:before, .error h1:after {
        background: #d6b8b7;
    }

    .error:hover h1 {
        background-color: #fff;
    }*/

    .error:hover {
        color: darkred;
        background-color: #fff;
    }
/* Warning */
.warning {
    color: #fff;
    background-color: #eda93b;
}

    /*.warning h1 {
        color: #eda93b;
        background-color: #fff;
    }

    .warning h1:before, .warning h1:after {
        background: #eda93b;
    }

    .warning:hover h1 {
        background-color: #fff;
    }*/

    .warning:hover {
        color: darkred;
        background-color: #fff;
    }
/* Info */
.info {
    color: #fff;
    background-color: #6cc8d4;
}

    /*.info h1 {
        color: #6cc8d4;
        background-color: #fff;
    }

    .info h1:before, .info h1:after {
        background: #6cc8d4;
    }

    .info:hover h1 {
        background-color: #fff;
    }*/

    .info:hover {
        color: darkred;
        background-color: #fff;
    }

/*NEWS*/
.alert-message {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}

    .alert-message h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .alert-message p:last-child {
        margin-bottom: 0;
    }

    .alert-message code {
        background-color: #fff;
        border-radius: 3px;
    }

.alert-message-success {
    background-color: #F4FDF0;
    border-color: #3C763D;
}

    .alert-message-success h4 {
        color: #3C763D;
    }

.alert-message-danger {
    background-color: #fdf7f7;
    border-color: #d9534f;
}

    .alert-message-danger h4 {
        color: #d9534f;
    }

.alert-message-warning {
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}

    .alert-message-warning h4 {
        color: #f0ad4e;
    }

.alert-message-info {
    background-color: #f4f8fa;
    border-color: #5bc0de;
}

    .alert-message-info h4 {
        color: #5bc0de;
    }

.alert-message-default {
    background-color: #EEE;
    border-color: #B4B4B4;
}

    .alert-message-default h4 {
        color: #000;
    }

.alert-message-notice {
    background-color: #FCFCDD;
    border-color: #BDBD89;
}

    .alert-message-notice h4 {
        color: #444;
    }

/*FAQ*/
.faqHeader {
    font-size: 27px;
    margin: 20px;
}

.panel-heading [data-toggle="collapse"]:after {
    font-family: 'Glyphicons Halflings';
    content: "\25BA"; /*e072 "play" icon \25BA*/
    float: right;
    color: #F58723;
    font-size: 18px;
    line-height: 22px;
    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}


.panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #454444;
}

.tdElencoSx {
    width: 20%;
}

.tdElencoSxDue {
    width: 10%;
}

.tdElencoDx {
    width: 80%;
    font-weight: bold;
}

.tdElencoDxDue {
    width: 60%;
    font-weight: bold;
}

.tdElencoDxTre {
    width: 10%;
    font-weight: bold;
}

.table {
    margin-bottom: 4px;
}

.mainbody {
    background: #f0f0f0;
}

.tdSel {
    color: darkred;
    font-weight: bold;
}
/*CHECKBOX E RADIO LEGAMI*/
.checkbox.checbox-switch {
    padding-left: 0;
    margin-bottom: 30px;
}

    .checkbox.checbox-switch label,
    .checkbox-inline.checbox-switch {
        display: inline-block;
        position: relative;
        padding-left: 0;
    }

        .checkbox.checbox-switch label input,
        .checkbox-inline.checbox-switch input {
            display: none;
        }

        .checkbox.checbox-switch label span,
        .checkbox-inline.checbox-switch span {
            width: 35px;
            border-radius: 20px;
            height: 18px;
            border: 1px solid #dbdbdb;
            background-color: rgb(255, 255, 255);
            border-color: rgb(223, 223, 223);
            box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
        }

            .checkbox.checbox-switch label span:before,
            .checkbox-inline.checbox-switch span:before {
                display: inline-block;
                width: 16px;
                height: 16px;
                border-radius: 50%;
                background: rgb(255,255,255);
                content: " ";
                top: 0;
                position: relative;
                left: 0;
                transition: all 0.3s ease;
                box-shadow: 0 1px 4px rgba(0,0,0,0.4);
            }

        .checkbox.checbox-switch label > input:checked + span:before,
        .checkbox-inline.checbox-switch > input:checked + span:before {
            left: 17px;
        }


        /* Switch Default */
        .checkbox.checbox-switch label > input:checked + span,
        .checkbox-inline.checbox-switch > input:checked + span {
            background-color: rgb(180, 182, 183);
            border-color: rgb(180, 182, 183);
            box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch > input:checked:disabled + span {
            background-color: rgb(220, 220, 220);
            border-color: rgb(220, 220, 220);
            box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch label > input:disabled + span,
        .checkbox-inline.checbox-switch > input:disabled + span {
            background-color: rgb(232,235,238);
            border-color: rgb(255,255,255);
        }

            .checkbox.checbox-switch label > input:disabled + span:before,
            .checkbox-inline.checbox-switch > input:disabled + span:before {
                background-color: rgb(248,249,250);
                border-color: rgb(243, 243, 243);
                box-shadow: 0 1px 4px rgba(0,0,0,0.1);
            }

        /* Switch Light */
        .checkbox.checbox-switch.switch-light label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-light > input:checked + span {
            background-color: rgb(248,249,250);
            border-color: rgb(248,249,250);
            box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Dark */
        .checkbox.checbox-switch.switch-dark label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-dark > input:checked + span {
            background-color: rgb(52,58,64);
            border-color: rgb(52,58,64);
            box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
            background-color: rgb(100, 102, 104);
            border-color: rgb(100, 102, 104);
            box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Success */
        .checkbox.checbox-switch.switch-success label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-success > input:checked + span {
            background-color: rgb(40, 167, 69);
            border-color: rgb(40, 167, 69);
            box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
            background-color: rgb(153, 217, 168);
            border-color: rgb(153, 217, 168);
            box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
        }

        /* Switch Danger */
        .checkbox.checbox-switch.switch-danger label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-danger > input:checked + span {
            background-color: rgb(200, 35, 51);
            border-color: rgb(200, 35, 51);
            box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
            background-color: rgb(216, 119, 129);
            border-color: rgb(216, 119, 129);
            box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Primary */
        .checkbox.checbox-switch.switch-primary label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-primary > input:checked + span {
            background-color: rgb(0, 105, 217);
            border-color: rgb(0, 105, 217);
            box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
            background-color: rgb(109, 163, 221);
            border-color: rgb(109, 163, 221);
            box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Info */
        .checkbox.checbox-switch.switch-info label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-info > input:checked + span {
            background-color: rgb(23, 162, 184);
            border-color: rgb(23, 162, 184);
            box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
            background-color: rgb(102, 192, 206);
            border-color: rgb(102, 192, 206);
            box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Warning */
        .checkbox.checbox-switch.switch-warning label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-warning > input:checked + span {
            background-color: rgb(255, 193, 7);
            border-color: rgb(255, 193, 7);
            box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
            background-color: rgb(226, 195, 102);
            border-color: rgb(226, 195, 102);
            box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }


/* The radio */
/*.radio, body {
    line-height: 2.028571;
}*/

.radio + .radio, .checkbox + .checkbox {
    margin-top: 40px;
}

.radio, .checkbox {
    top: 5px;
    left: 25px;
}

.radio {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 2.028571;
}

    /* Hide the browser's default radio button */
    .radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkround {
    position: absolute;
    top: 6px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-color: #f8204f;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
}


/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkround {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkround:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio .checkround:after {
    left: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #f8204f;
}

/* The check */
.check {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    padding-right: 15px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-color: #f8204f;
    border-style: solid;
    border-width: 2px;
}



/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid;
    border-color: #f8204f;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cust-btn {
    margin-bottom: 10px;
    background-color: #f8204f;
    border-width: 2px;
    border-color: #f8204f;
    color: #fff;
}

    .cust-btn:hover {
        border-color: #f8204f;
        background-color: #fff;
        color: #f8204f;
        border-radius: 20px;
        transform-style: 2s;
    }
/*CHECKBOX E RADIO LEGAMI*/

.btnInfo {
    padding: 0px 3px;
}

.lbckST {
    color: forestgreen;
}

.colorRed {
    color: darkred;
}


.ckDisattivo {
    color: #778899;
    font-weight: normal;
    /*cursor: not-allowed;*/
}

.lbckSTNOLegame {
    color: darkred;
}

#BtnChangePadding.btn {
    padding: 1px 3px;
}

.testoHome {
    font-family: Verdana;
    font-size: 16px;
}

/*Scheda Utente*/
.suDistanza {
    padding-top: 16px;
}

.suIntestazione {
    color: royalblue;
    font-weight: bold;
    padding-left: 5px;
}

.suIntestazioneInd {
    color: darksalmon;
    font-weight: bold;
    padding-left: 5px;
}


.suIntestazioneGtw {
    color: darkred;
    font-weight: bold;
    padding-left: 5px;
}

.suPadIntestazione {
    padding-top: 8px;
}

.suMargin {
    margin: 0 3px 0 3px;
}
/*Scheda Utente fine*/

/*menu Sx Utente*/
#menuUtentiSx {
    margin-bottom: 45px;
    font-family: Plentiful;
    font-size: 24px;
    list-style-type: none;
    font-weight: normal;
    color: black;
}

.menuSx {
    margin-bottom: 20px;
}

.menuUtenteSel {
    color: #fdca05;
    font-size: 25px;
    font-weight: bold;
    cursor: pointer;
}

.menuUtenteMouseUp {
    color: #fdca05;
    font-size: 26px;
    font-weight: bold;
    cursor: pointer;
}

.menuUtente {
    color: black; /*#0008*/
    font-size: 24px;
    font-weight: normal;
}

.menuUtenteDisable {
    pointer-events: none;
    opacity: 0.3;
}

.etichettaAbilitata {
    cursor: pointer;
}

.etichettaNonAbilitata {
    cursor: not-allowed;
    /*pointer-events: none;*/
}

.labelClass {
    font-weight: bold;
    padding: 10px 0 2px 0;
}

.cardHeaderUtente {
    background-color: #337ab7;
    color: white;
    font-size: 16px;
    text-align: center;
}

.cardHeaderVisure {
    background-color: #8FBC8F;
    color: black;
    font-size: 14px;
    text-align: left;
}

.distanceTop10 {
    padding-top: 10px;
}

.curPointer {
    cursor: pointer;
}

.modalOk {
    background-color: #3e8f3e;
    color: #FFFFFF;
}

.modalKo {
    background-color: #b92c28;
    color: #FFFFFF;
}

/*label, input[type="checkbox"] {
    cursor: pointer;
}*/

.tdDescrRichiesteEff {
    color: #000000;
    background-color: #FFFFFF;
    border: 2px solid #000000;
    text-align: right;
    font-size: 11px;
}

.tdDescr {
    /*background-color: #F5F5DC;*/
    border: 2px solid #000000;
    text-align: right;
    color: #3e8f3e;
    font-size: 13px;
    font-weight: bold;
}

.tdDescrDS {
    /*background-color: #F5F5DC;*/
    border: 2px solid #000000;
    text-align: right;
    color: #3e8f3e;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.tdDescrDSdue {    
    border: 2px solid #000000;
    text-align: right;
    color: #3e8f3e;
    font-size: 13px;
    font-weight: bold;    
}

.tdDescrDSUnder {    
    border: 1px solid #000000;
    text-align: right;
    color: black;
    font-size: 13px;    
}

.tdSelVisura {
    border: 2px solid #000000;
    text-align: left;
    color: #000080;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.formPem {
    height: 100%;
}

.badge-my{
    color:black;
}

/*.form-select:hover {
    box-shadow: 0 0 10px 100px #1882A8 inset;
    background-color: yellow;
}

.form-select:focus {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgb(25 135 84 / 25%);
}

.form-select option {
    background-color: #198754;
    color: #fff;
}*/

.tdAbiUffici {
    border: 1px solid #000000;
    text-align: center;
    color: #000080;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.tdAbiCdu {
    border: 1px solid #000000;
    text-align: center;
    color: #000080;
    font-size: 13px;
    font-weight: bold;    
}
.rigaIntegrazione {
    background-color: #DCDCDC;
}