/* UTILS */
body {
    /*font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;*/
    color: #333;
    margin: 0;
    padding: 37px 0 48px 0;
}

h1, h2, h3, h4, h5 {
    margin-top: 0;
}

button {
    display: inline-block;
    padding: 5px 8px;
    border: none;
    cursor: pointer;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.primary {
    background: #FFF;
    color: #333;
}

button.primary {
    border: 1px solid #333;
}

.inverted {
    /*background: #303d74;*/
    background: #007DCD;
    color: #FFF;
}

button.inverted {
    border: 1px solid #303d74;
}


section {
    padding: 10px 0 20px 0;
}

.mb-5 {
    margin-bottom: 5px
}

.mb-20 {
    margin-bottom: 20px
}

.container-overflow {
    overflow: auto
}

.clear:after, .row:after {
    content: '';
    display: table;
    clear: both;
}

.hide {
    display: none;
}

.bordi-round {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

popcontent {
    display: none
}

.swal2-modal {
    min-width: 40%
}
/* TESTATA */
#main-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    border-bottom: 2px solid red;
}

#main-title {
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 25px;
    top: 0;
    left: 0;
}

#main-title {
    padding: 5px 10px;
    flex-wrap: nowrap;
    top: 0;
    left: 0;
}

/* CONTENUTO */
#main-page {
    padding: 0px 6px 60px 6px;
}
/* SWIPER */

.swiper-slider-contenitore {
    overflow: auto;
    height: 93%;
}

#main-pagination {
    bottom: auto !important;
    top: 0;
}

#main-content {
    padding-top: 10px;
    margin-top: 25px;
}
/* SETTINGS */
.settings-attivo {
    background-color: green;
    color: #FFF;
    border-color: green !important;
}
/* MENU PAGINE CONTENUTI */
.page-menu {
    text-align: center;
    margin-bottom: 10px;
}

.single-page-menu {
    display: inline-block;
    color: #303d74;
    background: #FFF;
    border: 1px solid #303d74;
    padding: 4px 10px;
    margin-right: -4px;
}

    .single-page-menu:first-child {
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .single-page-menu:last-child {
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .single-page-menu.attivo {
        background: #303d74;
        color: #FFF;
    }

/* TABS PAGINE CONTENUTI */
.page-tab {
    display: none;
}

    .page-tab.attivo {
        display: block;
    }

/* TABELLE */

.tabella-label {
    width: 30%;
    float: left;
}

    .tabella-label label {
        display: block;
        font-weight: bold;
        border: 1px solid #DDD;
        border-top: none;
        padding: 5px;
    }

        .tabella-label label:first-child {
            border-top: 1px solid #DDD;
        }

.tabella-column {
    width: 70%;
    float: left;
}

    .tabella-column .col-tab {
        border: 1px solid #DDD;
        border-bottom: none;
    }

        .tabella-column .col-tab:first-child {
            border-left: none;
        }

        .tabella-column .col-tab .cell-tab {
            border-bottom: 1px solid #DDD;
            padding: 5px;
        }

#tabella-swiper {
    padding-bottom: 15px;
}

#tabella-swiper-pagination {
    bottom: 0;
}


/* MENU FOOTER */
#menu-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #FFF;
    border-top: 2px solid red;
}

#menu-content-head {
    padding: 0px;
    /*// background: #303d74;*/
    background: #007DCD;
    text-align: center;
    cursor: pointer;
}

#menu-trigger {
    color: #FFF;
    font-size: 2em;
}

#menu-content-body {
    padding: 10px;
    display: none;
}

.menu-element {
    width: 25%;
    float: left;
}

.menu-element-container {
    padding: 5px;
}

.menu-element-icon {
    width: 50px;
    margin: auto;
}

.menu-element-icon-content {
    text-align: center;
    font-size: 1.5em;
    height: 35px;
    /*padding-top: 15px;*/
}

.menu-element-title {
    text-align: center
}

#bg-opacity {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 998;
    background: rgba(0,0,0,0.8);
}

.ENQUIRY {
    background-color: #FF9933;
    border-color: #C0C0C0;
    color: White;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-image: url('Bubble.png');
    padding-left: 50px;
}

.BOOKED {
    background-color: #33CCFF;
    border-color: #C0C0C0;
    color: White; /* text color */
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-image: url('ok.png');
    padding-left: 50px;
}

.CONFIRMED {
    background-color: #33CC33;
    border-color: #C0C0C0;
    color: White; /* text color */
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-image: url('Money.png');
    padding-left: 50px;
}


.fc-content {
    color: forestgreen;
}

.Drive_ContextMenu {
    width: 312px;
    height: 100px;
    padding-top: 5px;
    text-align: left;
    padding-left: 10px;
}

.divDrive_ContextMenu {
    border-color: brown;
    border: solid 2px;
    width: 350px;
    position: relative;
    top: -120px;
    left: 80px;
    background-color: ghostwhite;
    z-index: 100;
}




#divMenuContestuale {
    top: 80%;
    left: 82%;
}

#divImpostazioni > ul > li > a {
    font-style: normal;
    font-weight: bold;
    color: blue;
    font-size: 16px;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    #wrapper.toggled {
        padding-left: 250px;
    }

#sidebar-wrapper {
    /*z-index: 1000;*/
    /*position: fixed;
      left: 250px;*/
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    border: #303d74 1px solid;
    /*background: #000;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    /*padding: 15px;*/
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}


/* Sidebar Styles */

.sidebar-nav {
    /*position: absolute;
      top: 1.75rem;*/
    /*width: 15%;*/
    margin: 0;
    padding: 0;
    list-style: none;
}

.customSideBar {
    position: relative;
    left: 0px;
    float: left;
    padding-top: 35px;
}

.titleSideBar {
    padding-top: 0.8rem;
    padding-left: 0.8rem;
    font-weight: bold;
}

.sidebar-nav li {
    text-indent: 5px;
    /*line-height: 40px;*/
}

    .sidebar-nav li a {
        display: block;
        text-decoration: none;
        color: #999999;
    }

        .sidebar-nav li a:hover {
            text-decoration: none;
            color: #303d74; /*#fff;*/
            background: rgba(255, 255, 255, 0.2);
        }

        .sidebar-nav li a:active, .sidebar-nav li a:focus {
            text-decoration: none;
        }

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

    .sidebar-nav > .sidebar-brand a {
        color: #999999;
    }

        .sidebar-nav > .sidebar-brand a:hover {
            color: #fff;
            background: none;
        }

@media(min-width:768px) {
    #wrapper {
        padding-left: 0;
    }

        #wrapper.toggled {
            padding-left: 250px;
        }


    #page-content-wrapper {
        /*padding: 10px;*/
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

a:hover {
    color: #007DCD;
    /*text-decoration: underline;*/
}

a {
    color: #007DCD;
    /*text-decoration: none;
    background-color: transparent;*/
}

.btn.btn-default.btn-primary {
    background-color: #007DCD;
}




.fc-button {
    align-items: normal;
    background-color: rgba(0,0,0,0);
    border-color: rgb(0, 0, 238);
    border-style: none;
    box-sizing: content-box;
    color: rgb(0, 0, 238);
    cursor: pointer;
    display: inline;
    font: inherit;
    height: auto;
    padding: 0;
    perspective-origin: 0 0;
    text-align: start;
    text-decoration: underline;
    transform-origin: 0 0;
    width: auto;
    -moz-appearance: none;
    -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height  */
    -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */
}

.fc-next-button {
    text-decoration: none;
}

.fc-prev-button {
    text-decoration: none;
}

.fc-right {
}

    .fc-right .fc-button-group {
        display: grid;
        z-index: 1000;
        clear: both;
        float: none;
        margin-left: 0rem;
        position: absolute;
        top: 2.3em;
        background-color: white;
    }

    .fc-right button {
        text-decoration: none;
    }

.fc-time-grid .fc-slats td {
    height: 4.5em;
}
/* Mozilla uses a pseudo-element to show focus on buttons, */
/* but anchors are highlighted via the focus pseudo-class. */

@supports (-moz-appearance:none) { /* Mozilla-only */
    .fc-button::-moz-focus-inner { /* reset any predefined properties */
        border: none;
        padding: 0;
    }

    .fc-button:focus { /* add outline to focus pseudo-class */
        outline-style: dotted;
        outline-width: 1px;
    }
}

@media only screen and (max-device-width : 640px) {
    .fc-center h2 {
        font-size: 10px;
    }
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.25rem 0.75rem;
    margin-bottom: -1px;
    background-color: #fff;
    /* border: 1px solid rgba(0, 0, 0, 0.125); */
}

.list-group-item {
    border: none;
    border-bottom: 1px solid;
}

.tbProvince {
    margin-left: 23px;
}

#ddlConsulenti {
    margin-left: 20px;
}

#divImpegni {
    margin-left: 23px;
}
/* start .squaredThree */
.squaredThree {
    position: relative;
    float: left;
    margin: 10px
}

    .squaredThree label {
        width: 20px;
        height: 20px;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        background: #D7B1D7;
        border-radius: 4px;
    }

        .squaredThree label:after {
            content: '';
            width: 9px;
            height: 5px;
            position: absolute;
            top: 4px;
            left: 4px;
            border: 3px solid #fcfff4;
            border-top: none;
            border-right: none;
            background: transparent;
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .squaredThree label:hover::after {
            opacity: 0.3;
        }

    .squaredThree input[type=checkbox] {
        visibility: hidden;
    }

        .squaredThree input[type=checkbox]:checked + label:after {
            opacity: 1;
        }
/* end .squaredThree */

/* Checkbox menu sx */
.checkbox {
    padding-left: 20px;
}

    .checkbox td {
        padding-left: 5px;
    }


    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"] {
        opacity: 0;
    }

        .checkbox input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }

        .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

.check-box {
    width: 30px; /*Desired width*/
    height: 30px; /*Desired height*/
    cursor: pointer;
}

input[name='checkSIT'] + label {
    font-weight: bold;
}

.rb_SITPerugia label {
    /*background-color: gold;
    border-color: gold;*/
    color: darkblue;
}

/*.cb_SIT_Perugia input[type="checkbox"] + label::before {
    background-color: gold;
    border-color: gold;
}

.cb_SIT_Perugia input[type="checkbox"] + label::after {
    color: #fff;
}*/

.rb_SITFoligno label {
    color: darkblue;
}
/*.cb_SIT_Foligno input[type="checkbox"] + label::before {
    background-color: #FFDAAD;
    border-color: #FFDAAD;
}

.cb_SIT_Foligno input[type="checkbox"] + label::after {
    color: #fff;
}*/
.rb_PRFBranca label {
    color: darkblue;
}
/*.cb_CRF_Branca input[type="checkbox"] + label::before {
    background-color: #CCFF35;
    border-color: #CCFF35;
}

.cb_CRF_Branca input[type="checkbox"] + label::after {
    color: #fff;
}*/
.rb_SITCittadiCastello label {
    color: darkblue;
}
/*.cb_CRF_Citta_Di_Castello input[type="checkbox"] + label::before {
    background-color: cyan;
    border-color: cyan;
}

.cb_CRF_Citta_Di_Castello input[type="checkbox"] + label::after {
    color: #fff;
}*/
.rb_PRFUmbertide label {
    color: darkblue;
}
/*.cb_CRF_Umbertide input[type="checkbox"] + label::before {
    background-color: lightcoral;
    border-color: lightcoral;
}

.cb_CRF_Umbertide input[type="checkbox"] + label::after {
    color: #fff;
}*/
.rb_PRFCastiglione label {
    color: darkblue;
}
/*.cb_CRF_Castiglione input[type="checkbox"] + label::before {
    background-color: blue;
    border-color: blue;
}

.cb_CRF_Castiglione input[type="checkbox"] + label::after {
    color: #fff;
}*/

/*.cb_CRF_Umbertide input[type="checkbox"] + label::after {
    color: #fff;
}
*/
.rb_PRFAssisi label {
    color: darkblue;
}
/*
.cb_CRF_Assisi input[type="checkbox"] + label::before {
    background-color: magenta;
    border-color: magenta;
}
        .cb_CRF_Assisi input[type="checkbox"] + label::after {
    color: #fff;
}*/
.rb_PRFSpoleto label {
    color: darkblue;
}
/*.cb_CRF_Spoleto input[type="checkbox"] + label::before {
    background-color: blueviolet;
    border-color: blueviolet;
}

.cb_CRF_Spoleto input[type="checkbox"] + label::after {
    color: #fff;
}
*/
.rb_PRFPantalla label {
    color: darkblue;
}
/*.cb_CRF_Pantalla input[type="checkbox"] + label::before {
    background-color: plum;
    border-color: plum;
}

.cb_CRF_Pantalla input[type="checkbox"] + label::after {
    color: #fff;
}*/
.rb_PRFCittàdellaPieve label {
    color: darkblue;
}
/*.cb_PRF_CittaDellaPieve input[type="checkbox"] + label::before {
    background-color: lightskyblue;
    border-color: lightskyblue;
}

.cb_PRF_CittaDellaPieve input[type="checkbox"] + label::after {
    color: #fff;
}*/
.rb_PRFPassignano label {
    color: darkblue;
}
/*.cb_PRF_Passignano input[type="checkbox"] + label::before {
    background-color: burlywood;
    border-color: burlywood;
}

.cb_PRF_Passignano input[type="checkbox"] + label::after {
    color: #fff;
}*/

.rb_PRFNoceraumbra label {
    color: darkblue;
}
/*    .cb_PRF_NoceraUmbra input[type="checkbox"] + label::before {
        background-color: coral;
        border-color: coral;
    }

    .cb_PRF_NoceraUmbra input[type="checkbox"] + label::after {
        color: #fff;
    }*/

.rb_PRFNorcia label {
    color: darkblue;
}
/*.cb_PRF_Norcia input[type="checkbox"] + label::before {
    background-color: mediumvioletred;
    border-color: mediumvioletred;
}

    .cb_PRF_Norcia input[type="checkbox"] + label::after {
        color: #fff;
    }*/
.rb_PRFCascia label {
    color: darkblue;
}
/*.cb_PRF_Cascia input[type="checkbox"] + label::before {
    background-color: orange;
    border-color: orange;
}

    .cb_PRF_Cascia input[type="checkbox"] + label::after {
        color: #fff;
    }*/

.rb_SITTerni label {
    color: darkblue;
}
/*.cb_SIT_Terni input[type="checkbox"] + label::before {
    background-color: gold;
    border-color: gold;
}

.cb_SIT_Terni input[type="checkbox"] + label::after {
    color: #fff;
}*/

.rb_PRFOrvieto label {
    color: darkblue;
}

/*.cb_PRF_Orvieto input[type="checkbox"] + label::before {
    background-color: mediumvioletred;
    border-color: mediumvioletred;
}

.cb_PRF_Orvieto input[type="checkbox"] + label::after {
    color: #fff;
}*/
.rb_PRFAmelia label {
    color: darkblue;
}
/*.cb_PRF_Amelia input[type="checkbox"] + label::before {
    background-color: lightskyblue;
    border-color: lightskyblue;
}

.cb_PRF_Amelia input[type="checkbox"] + label::after {
    color: #fff;
}*/
.rb_PRFNarni label {
    color: darkblue;
}
/*.cb_PRF_Narni input[type="checkbox"] + label::before {
    background-color: greenyellow;
    border-color: greenyellow;
}

.cb_PRF_Narni input[type="checkbox"] + label::after {
    color: #fff;
}*/

/* fine Checkbox  */

.menu-element-icon-content a {
    color: darkblue;
}

.cb_TipoDonazioneSI input[type="checkbox"] + label::before {
    background-color: red;
    border-color: red;
}

.cb_TipoDonazioneSI input[type="checkbox"] + label::after {
    /*color: #fff;*/
    color: black;
}

.cb_TipoDonazionePL input[type="checkbox"] + label::before {
    background-color: yellow;
    border-color: yellow;
}

.cb_TipoDonazionePL input[type="checkbox"] + label::after {
    /*color: #fff;*/
    color: black;
}

.cb_TipoDonazionePI input[type="checkbox"] + label::before {
    background-color: yellow;
    border-color: yellow;
}

.cb_TipoDonazionePI input[type="checkbox"] + label::after {
    /*color: #fff;*/
    color: black;
}

.cb_TipoDonazioneDD input[type="checkbox"] + label::before {
    background-color: pink;
    border-color: pink;
}

.cb_TipoDonazioneDD input[type="checkbox"] + label::after {
    /*color: #fff;*/
    color: black;
}

.cb_TipoDonazioneII input[type="checkbox"] + label::before {
    background-color: lawngreen;
    border-color: lawngreen;
}

.cb_TipoDonazioneII input[type="checkbox"] + label::after {
    /*color: #fff;*/
    color: black;
}

.cb_TipoDonazioneFT input[type="checkbox"] + label::before {
    background-color: gray;
    border-color: gray;
}

.cb_TipoDonazioneFT input[type="checkbox"] + label::after {
    /*color: #fff;*/
    color: black;
}

.cb_TipoDonazioneEX input[type="checkbox"] + label::before {
    background-color: cornflowerblue;
    border-color: cornflowerblue;
}

.cb_TipoDonazioneEX input[type="checkbox"] + label::after {
    /*color: #fff;*/
    color: black;
}

.cb_TipoDonazioneOT input[type="checkbox"] + label::before {
    background-color: #800000;
    border-color: #800000;
}

.cb_TipoDonazioneOT input[type="checkbox"] + label::after {
    /*color: #fff;*/
    color: black;
}

.cb_TipoDonazioneGN input[type="checkbox"] + label::before {
    background-color: #FF00FF;
    border-color: #FF00FF;
}

.cb_TipoDonazioneGN input[type="checkbox"] + label::after {
    /*color: #fff;*/
    color: black;
}

.TipoDonazioneSI .fa-tint /*Sangue intero*/ {
    color: red;
}

.TipoDonazionePL .fa-tint /*SPlasma*/ {
    color: yellow
}

.TipoDonazionePI .fa-tint /*Piastrine*/ {
    color: yellow
}

.TipoDonazioneDD .fa-tint /*Donazione differita*/ {
    color: pink;
}

.TipoDonazioneII .fa-tint /*Iscrizioni*/ {
    color: lawngreen
}

.TipoDonazioneFT .fa-tint /*Fenotipo*/ {
    color: gray;
}

.TipoDonazioneEX .fa-tint /*Donazione extra*/ {
    color: cornflowerblue;
}

.TipoDonazioneOT .fa-tint /*Over-time*/ {
    color: #800000;
}
.TipoDonazioneGN .fa-tint /*Generica*/ {
    color: #FF00FF;
}

.CorniceOT {
    border-style: dotted;
    border-color: #800000;
    padding-left: 5px
}

.CorniceGN {
    border-style: dotted;
    border-color: #FF00FF;
    padding-left: 5px
}
.Cambia {
    background-color: #FFBF00;
}
/*Disponibilità riservata*/
.TipoDonazioneSI .fa-exclamation /*Sangue intero*/ {
    color: red;
}

.TipoDonazionePL .fa-exclamation /*SPlasma*/ {
    color: yellow
}

.TipoDonazionePI .fa-exclamation /*Piastrine*/ {
    color: yellow
}

.TipoDonazioneDD .fa-exclamation /*Donazione differita*/ {
    color: pink;
}

.TipoDonazioneII .fa-exclamation /*Iscrizioni*/ {
    color: lawngreen
}

.TipoDonazioneFT .fa-exclamation /*Fenotipo*/ {
    color: gray;
}

.TipoDonazioneEX .fa-exclamation /*Donazione extra*/ {
    color: cornflowerblue;
}

.TipoDonazioneOT .fa-exclamation /*Over-time*/ {
    color: #800000;
}

.TipoDonazioneOT /*Over-time*/ {
    background-color: #800000;
}
.TipoDonazioneGN .fa-exclamation /*Generica*/ {
    color: #FF00FF;
}

.TipoDonazioneGN /*Generica*/ {
    background-color: #FF00FF;
}
/*FIne disponibilità riservata*/

#divTipoDonazione .checkbox {
    padding-left: 7px;
}

.fc-event, .fc-event-dot {
    background-color: white;
    font-weight: bold;
}

.SIT_Perugia {
    /*    background-color: gold;*/
}

.SIT_Foligno {
    /*    background-color: #FFDAAD;*/
}

.CRF_Branca {
    /*    background-color: #CCFF35;*/
}

.CRF_Citta_Di_Castello {
    /*    background-color: cyan;*/
}

.CRF_Umbertide {
    /*    background-color: lightcoral;*/
}

.CRF_Castiglione {
    /*    background-color: blue;*/
}

.CRF_Assisi {
    /*    background-color: magenta;*/
}

.CRF_Spoleto {
    /*    background-color: blueviolet;*/
}

.CRF_Pantalla {
    /*    background-color: plum;*/
}

.PRF_CittaDellaPieve {
    /*    background-color: lightskyblue;*/
}

.PRF_Passignano {
    /*    background-color: burlywood;*/
}

.PRF_NoceraUmbra {
    /*    background-color: coral;*/
}

.PRF_Norcia {
    /*    background-color: mediumvioletred;*/
}

.PRF_Cascia {
    /*    background-color: orange;*/
}

.SIT_Terni {
    /*    background-color: gold;*/
}

.PRF_Orvieto {
    /*    background-color: mediumvioletred;*/
}

.PRF_Amelia {
    /*    background-color: lightskyblue;*/
}

.PRF_Narni {
    /*    background-color: greenyellow;*/
}

input[name="prenotazioni"], input[name="checkSIT"] {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    top: 4px;
    left: -4px;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
    background-color: #d1d3d1;
}


    input[name="prenotazioni"]:checked:after, input[name="checkSIT"]:checked:after {
        width: 20px;
        height: 20px;
        border-radius: 15px;
        top: 0px;
        left: 0px;
        position: relative;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
        background-color: black;
    }


.rb_StatoLibero input[name="prenotazioni"]:checked:after {
    background-color: green;
}

.rb_StatoDaConfermare input[name="prenotazioni"]:checked:after {
    background-color: red;
}

.rb_StatoConfermata input[name="prenotazioni"]:checked:after {
    background-color: black;
}





a.donazioneConfermata span,
tr.donazioneConfermata td,
a.donazioneConfermata div {
    color: black;
    font-weight: bold;
}

a.donazioneInAttesaDiConferma span,
tr.donazioneInAttesaDiConferma td,
a.donazioneInAttesaDiConferma div {
    color: red;
    font-weight: bold;
}


#divTipoDonazione, #divSITButton {
    margin-left: 23px;
}



input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
    color: #dc3545 !important;
}


/*select#ddlSezioneAvis {
    color: #007DCD;
    border: 1px solid #007DCD;
    border-radius: 0 0.3rem 0.3rem 0;
}
select#ddlEmoGruppo {
    color: #007DCD;
    border: 1px solid #007DCD;
    border-radius: 0 0.3rem 0.3rem 0;
}
*/

.logout-form {
    width: 23%;
    float: right;
}

.login-link {
    width: 5%;
    float: right;
}

    .login-link a {
        color: white;
    }

.logout-form a {
    color: white;
}

.lnkHelp {
    padding-top: 10px;
}

.lnkConfigura {
    font-size: x-large;
}

.image-Edit {
    background-image: url(../Resources/modifica.png);
    width: 32px;
    height: 32px;
    no-repeat: center right;
    display: inline-block;
    border: none;
}

.image-Display {
    background-image: url(../Resources/visualizza.png);
    width: 32px;
    height: 32px;
    no-repeat: center right;
    display: inline-block;
    border: none;
}

.image-Delete {
    background-image: url(../Resources/disabilitato.png);
    width: 32px;
    height: 32px;
    no-repeat: center right;
    display: inline-block;
    border: none;
}


.image-Undo {
    background-image: url(../Resources/abilitato.png);
    width: 32px;
    height: 32px;
    no-repeat: center right;
    display: inline-block;
    border: none;
}

.form-check-inline input {
    margin-right: 10px;
    /* opacity: 2; */
    /*width: 1rem;
    height: 1.25rem;*/
    margin-left: 15px;
    width: 30px; /*Desired width*/
    height: 30px; /*Desired height*/
    cursor: pointer;
}

.form-check-vertical {
    /* display: -ms-inline-flexbox;
    display: inline-flex;*/
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

    .form-check-vertical input {
        margin-right: 10px;
        /* opacity: 2; */
        /*width: 1rem;
    height: 1.25rem;*/
        margin-left: 15px;
        width: 30px; /*Desired width*/
        height: 30px; /*Desired height*/
        cursor: pointer;
    }

.control-label {
    font-weight: bold;
    padding: 0.375rem 0.75rem;
}

.fc-more {
    font-weight: bold;
}



.fc-time-grid-event.fc-short .fc-time span {
    display: inline-block;
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\A0 \A0";
}

#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

/* Absolute Center Spinner */
#loading-image {
    position: fixed;
    z-index: 999;
    height: 100px;
    width: 100px;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    #loading-image:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

    /* :not(:required) hides these rules from IE9 and below */
    #loading-image:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        #loading-image:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/***loading end****/

/** Tab InformationPage **/
.tabs {
   /* height: 1475px;*/
    width: 100%;
    text-align: left;
}

.tab-nav-wrapper {
    width: 100%;
    overflow-x: auto;
    position: relative !important;
    z-index: 998 !important;
    top: 3px;
}


    .tabs ul {
        display: block;
        /*width: max-content;*/
        overflow-y: hidden;
        margin: 0px;
        padding-inline-start: 5px;
    }

    .tabs ul li {
        display: inline-block;
        border: 1px solid grey;
        border-bottom: 3px solid #007DCD;
        background-color: white;
    }

#tab1 ul li {
    display: inline-block;
    border: none;
    border-bottom: none;
    background-color: white;
}

.tabs ul li.active {
    border: 1px solid black;
    border-bottom: 3px solid white;
    background-color: #007DCD;
    color:white;
}
    .tabs ul li.active a {
        color: white;
        text-trasform:  uppercase;
    }

.tabs ul li a {
    text-decoration: none;
    color: #007DCD;
    padding: 10px;
    line-height: 25px;
    position: relative;
    font-weight: bold;
}

.tab-content-wrapper {
    position: relative !important;
    z-index: 1 !important;
    border: 3px solid #007DCD;
    padding: 20px;
    min-height: 40px;
}

.tab-content ul li {
    /* display: inline-block;*/
    display: block;
    border: none;
    /* border-bottom: 3px solid #007DCD; */
    background-color: white;
}
/** Information Page end **/

/** Tabella Pagina INDEX **/
.tabIndexPage {
    background-color: white;
    border: dashed 1px slateGray;
    padding: 5px;
    width: 100%;
    table-layout: fixed;
}

    .tabIndexPage thead tr:first-child {
        height: 30px;
        background-color: #fff;
        color: #007DCD;
        border: solid 2px #007DCD;
    }
/** Fine Tabella pagina INDEX **/

.infoautore {
    font-style: oblique;
    color: gray;
}

.loginPartial {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


#newSelectModalForm {
    background-color: #E9ECEF;
}

.grdResult {
    background-color: White;
    border-collapse: collapse;
    margin: auto;
    margin-top: 10px;
}


.modal-header {
    color: #007DCD;
    border-bottom: solid 2px #007DCD;
    padding: 0px;
    margin-bottom: 15px;
}

.modal-body {
    border-bottom: solid 2px #007DCD;
    padding: 0px;
}

.modal-footer {
    padding: 0px;
}

.modal-content {
    border: 2px solid red;
}

a.datepicker-button.bootstrap3.input-group-addon.btn.blue {
    background-color: #007DCD;
}

button#Conferma {
    background-color: #007DCD;
    font-weight: bold;
}

button#Annulla {
    background-color: red;
    font-weight: bold;
}
button#Cancella {
    color: #007DCD;
    background-color: white;
    font-weight: bold;
    border-color: #007DCD;
}
button#CancellaDispo {
    color: #007DCD;
    background-color: white;
    font-weight: bold;
    border-color: #007DCD;
}
button#InviaMail {
    background-color: #007DCD;
    font-weight: bold;
    color: white;
    height:31px;
    /*    color: #ff0000;
    
    background-color: #ffffff;
    border-color: #ff0000;*/
    /*background-image: url(../Resources/mail.png);
    background-repeat: no-repeat;
    border: none;*/
}
span.input-group-text {
    background-color: #007DCD;
    color: #fff;
    font-weight: bold;
}
label.input-group-text {
    background-color: #007DCD;
    color: #fff;
    font-weight: bold;
}

div#datepicker-calendar-DataDiNascita {
    border: 2px solid #ff0000;
    padding: 0px;
    border-radius: 5px;
}


.datepicker-month-wrap {
    border-radius: 5px 5px 0px 0px;
}


.datepicker-month-wrap {
    background-color: #ff0000 !important;
}

tr.grdHead {
    background-color: #007DCD;
    color: #ffffff;
}

button#ChiudiSel {
    background-color: #007DCD;
    font-weight: bold;
}
/*a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
}*/
a {
    color: #007DCD;
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
}
input.valid {
    /*background-color: #ff0000;
    font-weight: bold;
    color: #ffffff;*/
    color: #007DCD;
    border-radius: 0px 5px 5px 0px;
}


/* imposto per tutti gli oggetti del form uno stile standard per testo e bordo */
/*input.form-control {
    color: #007DCD;
    border: 1px solid #007DCD;
    border-radius: 0 0.3rem 0.3rem 0;
}*/
.form-control {
    color: #007DCD;
    border: 1px solid #007DCD;
}
/* **/
/* Checkbox grandi */
input[type="checkbox"] {
   /* width: 40px;*/
    display: inline;
}
/* GESTIONE LABEL DI ERRORE */

/*label.error {
    color: red;
    padding-left: 5px;
    font-weight: bold;
}*/
label.error {
    /* remove the next line when you have trouble in IE6 with labels in list */
    color: red;
    padding: 3px 0px 3px 3px;
    font-weight: bold;
    font-size: 12px;
    font-style: italic;
    display: block;
}
/* **/

span#basic-addon1,
span#basic-addon3 {
    height: 31px;
}
/*button#Cerca {
    background-color: #ff0000;
    font-weight: bold;
    color: #ffffff;
    border-radius: 0px 5px 5px 0px;
}*/
button#Cerca {
    background-color: #ff0000;
    font-weight: bold;
    color: #ffffff;
    border-radius: 0px 5px 5px 0px;
    height: 31px;
}

.ButtonNuova {
    background-color: red;
    border: 2px solid #007DCD;
    border-radius: 10px;
    padding: 5px;
    color: #ffffff;
    font-size: 20px;
}

 a.ButtonNuova:hover {
    color: #ffffff;
}

.editReadonly {
    border: none;
    width: 100%;
    overflow: hidden;
    color:#495057
}

a.envelope-button.bootstrap3.input-group-addon.btn.blue {
    background-color: #007DCD;
    color: #FFF;
    cursor: pointer;
}

.close-button.bootstrap3.input-group-addon.btn.blue {
    background-color: #007DCD;
    color: #FFF;
    cursor: pointer;
}
input[type=checkbox].require-one  {
    min-width: 28px;
}
.report_Plasma {

}

.report_Plasma_Stampa {
    font-weight: bold;
    font-style: italic;
}