@font-face {
    font-family: 'Apex New Book';
    src: url('ApexNew-Book.woff2') format('woff2'),
        url('ApexNew-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apex New Bold';
    src: url('ApexNew-Bold.woff2') format('woff2'),
        url('ApexNew-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
::-webkit-scrollbar {
    display: none;
  }
body{font-family: 'Apex New Book';line-height: normal;background-image:none !important;letter-spacing: .05em;}
.titolo{height:10vh;background-image: url('http://185.36.72.39/the_garage/img/sfondotitolo.png');background-size:cover;background-position: 50% 50%;background-repeat: no-repeat;}
.titolo .row{height:100%;}
.titolo .row .col-6{display:flex;}
.titolo .row .col-6 span:nth-child(1){height:100%;flex:0 0 20%;max-width:20%;display:flex;align-items: center;justify-content: center;}
.titolo .row .col-6 span:nth-child(1) img{max-height:6vh;position:relative;}
.titolo .row .col-6 span:nth-child(2){height:100%;flex:0 0 60%;max-width:60%;display:flex;align-items: center;justify-content: center;}
.titolo .row .col-6 span:nth-child(2) img{max-height:6vh;position:relative;}
.titolo .row .col-6 span:nth-child(3){height:100%;flex:0 0 20%;max-width:20%;display:flex;align-items: center;justify-content: center;}
.titolo .row .col-6 span:nth-child(3) img{max-height:6vh;position:relative;}

.desktop-nav{position: sticky;top: 0;z-index:10;background-color: #fff;}
.desktop-nav .header-menu{height:auto;}
.desktop-nav .header-menu ul{list-style:none;display:flex;justify-content: center;padding-left:0px;}
/*.desktop-nav .header-menu ul li{width:calc(100% / 3);flex:0 0 calc(100% / 3);text-align: center;}*/
    .desktop-nav .header-menu ul li {
        width: calc(100% / 2);
        flex: 0 0 calc(100% / 2);
        text-align: center;
        height: 100%;
    position: relative;
    }
.desktop-nav .header-menu ul li a{font-family: 'Apex New Bold';display:flex;align-items:center;justify-content:center;margin-top:1vh;text-transform: initial;
    display: block;
    padding: .375rem 2rem !important;
    border-radius: .375rem !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .05em;
    text-align: center;
    background-color:#414141;
    width:90%;
    color:#fff;
    transition: all 0.3s ease;text-decoration:none;border: 1px solid #414141 !important;}
    .desktop-nav .header-menu ul li a.active{background-color: #1E77B2;
            color:#fff;
            border: 1px solid #1E77B2 !important;}
.desktop-nav .header-menu ul li a:hover{background-color: #1E77B2;
            color:#fff;
            border: 1px solid #1E77B2 !important;}
.desktop-nav .header-menu ul li:nth-child(2){justify-content: flex-end;display:flex}
.modal-ok .modal-body {
    color: green; /* Colore per il caso OK */
}

.modal-slotfull .modal-body {
    color: red; /* Colore per il caso OK */
}


header{height:80px;position:relative;}
header .form-container{line-height:16px;font-size:22px;}
header .track-container{display:flex;background-color:#414141;height:40px;display:flex;align-items: center;display:flex;align-items: stretch;}
/*header .track-container .group{flex:0 0 50%;max-width:50%;color:#fff;text-align: center;display:flex;align-items: center;justify-content: center;text-transform:uppercase;}
header .track-container .group select{width:50%;margin-left:20px;padding:0rem 2.25rem 0rem .75rem;border:0px;border-radius:0px;height:3vh;font-size: 1rem;font-weight: 400;line-height: 1.5;}*/
    header .track-container .group {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
        
        /*margin-right: 20px;*/
        /*padding: 0rem .25rem 0rem .25rem;*/
        color: #fff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-transform: uppercase;
        position:relative;
        
    }
header .track-container .group span{
    width:40%;
}
        header .track-container .group select {
            /*width: 100%;*/
            /*padding: 0rem .25rem 0rem .25rem;*/
            border: 0px;
            border-radius: 0px;
            height: 40px;
            font-size: 1rem;
            line-height: 1.5;
            width:60%;
        }
header.leaderboard{margin-top:6vh;font-family: 'Apex New Book';letter-spacing: 0.05em;}
header .track-container .group span{font-family: 'Apex New Bold';font-size:24px;line-height:30px;text-transform: capitalize;margin:0px 20px;}
header .track-container .group.noshow {display: none;}
header .times-container .group.noshow {display: none;}
header #Btn_Show{width:100%;border:0px;border-radius:0px;height:40px;background-color:#414141;font-family: 'Apex New Bold';letter-spacing:0.05em;font-size:16px;line-height:22px;color:#fff;border:1px solid #414141;transition:all .35s;margin:0px;padding:0px;}
header #Btn_Show:hover{background:#fff;color:#414141;border:1px solid #414141;}


.table-container.container{position:relative;height:80vh;overflow-y:scroll;}
.table-container.container table{width:100%;}
.table-container.container table tr{border-bottom:1px solid #f4f4f4;}

.table-container table .pos{background-color: #f4f4f4;color: #414141;font-size: 2vh;font-style: italic;line-height: 3vh;padding: 12px 0;text-align: center;}
/*
.table-container.container table tr th:nth-child(1), .table-container.container table tr td:nth-child(1){background-color: #f4f4f4;color: #414141;font-size: 2vh;font-style: italic;line-height: 3vh;padding: 12px 0;text-align: center;} 
.table-container.container table tr th:nth-child(2), .table-container.container table tr td:nth-child(2) {color: #414141;font-size: 2vh;font-style: italic;line-height: 3vh;font-weight: 700;padding: 12px 20px;}
.table-container.container table tr th:nth-child(3), .table-container table tr td:nth-child(3) {color: #414141;font-size: 2vh;font-style: italic;line-height: 3vh;padding-right: 0;text-align: right;}
*/

.table-container.container table tr th{font-family: 'Apex New Bold';}
.table-container.container table tr th:nth-child(1) {
    background-color: #f4f4f4;
    color: #414141;
    font-size: 24px;
    font-family: 'Apex New Bold';
    line-height: 30px;
    /*padding: 12px 0;*/
    text-align: center;
}

.table-container.container table tr th:nth-child(2) {
    color: #414141;
    font-size: 24px;
    font-family: 'Apex New Bold';
    line-height: 30px;
    /*padding: 12px 20px;*/
}

.table-container.container table tr th:nth-child(3) {
    color: #414141;
    font-size: 24px;
    font-family: 'Apex New Bold';
    line-height: 30px;
    /*padding-right: 0;
    text-align: right;*/
}

.table-container.container table tr td:nth-child(1) {
    background-color: #f4f4f4;
    color: #414141;
    font-size: 16px;
    line-height: 24px;
    /*padding: 12px 0;*/
    text-align: center;
    font-family: 'Apex New Book';
}

.table-container.container table tr td:nth-child(2) {
    color: #414141;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Apex New Bold';
    /*padding: 12px 20px;*/
}

.table-container table tr td:nth-child(3) {
    color: #414141;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Apex New Bold';
    /*padding-right: 0;
    text-align: right;*/
}

.table-container.container table tr:nth-child(odd) {background-color: #ffffff; /* Colore per le righe dispari */}
.table-container.container table tr:nth-child(even) {background-color: #f0f0f0; /* Colore per le righe pari */}

.table-container.container table tr:nth-child(2) {background-color: #CCFF02;}
.table-container.container table tr:nth-child(3) {background-color: #1E77B2;}
.table-container.container table tr:nth-child(3) td {color: #fff;}
.table-container.container table tr:nth-child(4) {background-color: #414141;}
.table-container.container table tr:nth-child(4) td {color: #fff;}
     
.table-container.container table tr:nth-child(2) td:nth-child(1) {background-color: #CCFF02;}
.table-container.container table tr:nth-child(3) td:nth-child(1) {background-color: #1E77B2;color:#fff;}
.table-container.container table tr:nth-child(4) td:nth-child(1) {background-color: #414141;color:#fff;}

.reservation-container{min-height:81vh;}
.reservation-container .user-fields table{width:80%;border-collapse: inherit;border-spacing: 0 50px;margin-left:10%;}
.reservation-container .user-fields table tr td span{font-size:16px;line-height:24px;}
.reservation-container .user-fields table tr td:nth-child(1){padding-right:5%;}
.reservation-container .user-fields table tr td:nth-child(2){padding-left:5%;}
.reservation-container .user-fields table tr td.unica{padding-left:0px;padding-right:0px;}
#txtUserMail{margin:20px 0px 0px 0px !important;}
.reservation-container .user-fields table tr td input{margin: 20px 0 !important;
    border: 1px solid #e9e9e9 !important;
    height: 50px !important;
    line-height: 50px;
    vertical-align: baseline;
    padding: 0 20px;
    display: block;
    margin: 0 auto;
    width: 100%;font-family: 'Apex New Book';letter-spacing: 0.05em;}
.reservation-container .user-fields table tr td{position:relative;width:50%;}
.reservation-container .user-fields table tr td.left .cf-down-arrow {right:calc(5% + 30px);}
.reservation-container .user-fields table tr td select, .reservation-fields .time-group .group select{font-size: 14px;margin:20px 0;
    font-size: .875rem;
    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: 0 0;
    padding: 0 20px;
    height: 50px;
    cursor: pointer;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    outline:none;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;}
    .cf-down-arrow {
        position: absolute;
    right: 10px;
    bottom: 42px;
    display: flex;
    align-items: center;
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid currentColor;
    }
/*.reservation-container .user-fields table tr:nth-child(2){display:none;}
.reservation-container .user-fields table tr:nth-child(7){display:none;}*/

.reservation-container .reservation-fields .group{padding-left:10%;padding-right:10%;position:relative;}
.reservation-container .reservation-fields table{width:100%;border-collapse: inherit;}
.reservation-container .reservation-fields table tr td span{font-weight:700;font-size:21px;line-height:25px;text-transform:uppercase;}
.reservation-container .reservation-fields table tr td{text-align:center;}
/*.reservation-container .reservation-fields table tr:nth-child(1){display:none;}*/
.reservation-container .reservation-fields .time-group table tr:nth-child(1){display:table-row;}

.reservation-container .group:nth-child(2){width:50%;float:left;margin-top:50px;padding-left:10%;padding-right:5%;}
.reservation-container .group:nth-child(2) select{font-size: 14px;margin:20px 0;
    font-size: .875rem;
    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: 0 0;
    padding: 0 20px;
    height: 50px !important;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    outline:none;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100% !important;}
    .reservation-container .group:nth-child(2) .cf-down-arrow {left:calc(90% - 20px);right:auto;}
    .reservation-container .group:nth-child(3){width:50%;float:left;margin-top:50px;padding-left:5%;}
.reservation-container .group:nth-child(3) select{font-size: 14px;margin:20px 0;
    font-size: .875rem;
    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: 0 0;
    padding: 0 20px;
    height: 50px !important;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    outline:none;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100% !important;}
    .reservation-container .group:nth-child(3) .cf-down-arrow {right:calc(10% + 65px);}
.reservation-container .group:nth-child(4){width:50%;float:left;margin-top:50px;padding-left:5%;}
.reservation-container .group:nth-child(4) select{font-size: 14px;margin:20px 0;
    font-size: .875rem;
    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: 0 0;
    padding: 0 20px;
    height: 50px;
    cursor: pointer;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    outline:none;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;}
    
.reservation-container .group:nth-child(4) .cf-down-arrow {right:calc(20% + 10px);}
.reservation-container .group.privacy{padding-top:50px;float:none;clear:both;}
.reservation-container .group .form-check{margin-bottom:50px;font-size:21px;line-height:25px;}
.reservation-container .group .form-check-input{margin-top:0px;}
.reservation-container .group .form-check a{color:#1E77B2;text-decoration:none;}
.reservation-container .group .form-check .form-check-input:checked{background-color:#1E77B2;border-color:#1E77B2;}
.reservation-container #btnReservation{ text-transform: initial;
    display: block;
    padding: .375rem 2rem !important;
    border-radius: .375rem !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .05em;
    text-align: center;
    background-color:#414141;
    width:80%;
    margin-left:10%;
    margin-top:10%;
    height:50px;
    color:#fff;
    transition: all 0.3s ease;}
    .reservation-container .group.privacy{padding-left:0px;padding-right:0px;width:80%;}
    .reservation-container .group.privacy .form-check{padding-left:0px;}
    .reservation-container .group.privacy table tr td span{color:#414141;font-family: 'Apex New Book';font-size:16px;line-height:24px;}
    .reservation-container .group.privacy table tr td #lblKeepInTouch{font-family: 'Apex New Bold';}
    .reservation-container .group.privacy table tr td #lblPersonalizedExperience{font-family: 'Apex New Bold';}
   .reservation-container .group.privacy table tr.sbottoni{display:flex;margin-top:20px;}
   .reservation-container .group.privacy table tr.sbottoni td{flex:0 0 calc(100% / 3);max-width: calc(100% / 3);display:flex;}
   .reservation-container .group.privacy table tr.sbottoni td label{font-size: 1rem;line-height: 1.5;margin-bottom:0px;}
    .reservation-container .group.privacy input[type=radio] {
        margin: 0 .5em 0 0;
        accent-color: #414141;
    } 
    .reservation-container .group.privacy input[type=checkbox]{-webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        font: inherit;
        color: #414141;
        width: 20px;
        height: 20px;
        border: 2px solid #414141;
        border-radius: .15em;display: grid !important;
        place-content: center !important;    margin: 0 .5em 0 0;
        position: static;
        flex-shrink: 0;}
        .reservation-container .group.privacy input[type=checkbox]:before {
        content: "";
        width: 11px;
        height: 12px;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: .12s -webkit-transform ease-in-out;
        transition: .12s -webkit-transform ease-in-out;
        transition: .12s transform ease-in-out;
        transition: .12s transform ease-in-out, .12s -webkit-transform ease-in-out;
        -webkit-box-shadow: inset 1em 1em #414141;
        box-shadow: inset 1em 1em #414141;}
        .reservation-container .group.privacy input[type=checkbox]:checked:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }


.reservation-container #btnReservation:hover{background-color: #fff;
            color:#414141;
            border: 1px solid #414141 !important;}

    .reservation-container #btnUpdate {
      text-transform: initial;
    display: block;
    padding: .375rem 2rem !important;
    border-radius: .375rem !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .05em;
    text-align: center;
    background-color:#414141;
    width:100%;
    color:#fff;
    transition: all 0.3s ease;
    }

        .reservation-container #btnUpdate:hover {
            background-color: #fff;
            color:#414141;
            border: 1px solid #414141 !important;
        }

    .reservation-container #bntSearchUser {
        text-transform: initial;
    display: block;
    padding: .375rem 2rem !important;
    border-radius: .375rem !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .05em;
    text-align: center;
    background-color:#414141;
    width:100%;
    color:#fff;
    transition: all 0.3s ease;
    }

        .reservation-container #bntSearchUser:hover {
            background-color: #fff;
            color:#414141;
            border: 1px solid #414141 !important;
        }

        .listcheck.container{width:80%;padding-right:0px;padding-left:0px;}
        .listcheck.container #lblInterests{font-family: 'Apex New Bold';}
        .listcheck.container table{width:100%;}
        .listcheck.container table tr{display:flex;margin:4px 0;}
        .listcheck.container table tr td{display:flex;align-items: center;flex-direction: row;align-items: center;flex:0 0 calc(100% / 3);max-width:calc(100% / 3);}
        .listcheck.container table tr td label{margin:.5em 1em .5em 0;}
        .listcheck.container input[type=checkbox]{-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    font: inherit;
    color: #414141;
    width: 20px;
        height: 20px;
    border: 2px solid #414141;
    border-radius: .15em;display: grid !important;
    place-content: center !important;    margin: 0 .5em 0 0;
    position: static;
    flex-shrink: 0;}
    .listcheck.container input[type=checkbox]:before {
    content: "";
    width: 11px;
    height: 12px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .12s -webkit-transform ease-in-out;
    transition: .12s -webkit-transform ease-in-out;
    transition: .12s transform ease-in-out;
    transition: .12s transform ease-in-out, .12s -webkit-transform ease-in-out;
    -webkit-box-shadow: inset 1em 1em #414141;
    box-shadow: inset 1em 1em #414141;}
    .listcheck.container input[type=checkbox]:checked:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
        

#CalendarBooking{color:#414141;font-family: 'Apex New Book';border:1px solid #414141;border-radius:.375em;}
#CalendarBooking tr:nth-child(1) td{background-color:#414141;padding:0px;text-transform:capitalize;font-size:21px;line-height:30px;}
#CalendarBooking tr:nth-child(1) td a{color:#fff !important;text-decoration:none;font-family: 'Apex New Bold';}
#CalendarBooking tr th{background-color:#f4f4f4;text-transform:capitalize;text-align:center;font-family: 'Apex New Bold';}
#CalendarBooking tr td a{color:#414141 !important;font-family: 'Apex New Book';padding:10px 20px;display:block;}
#CalendarBooking table{color:#fff;width:100%;border:0px;border-spacing:0px;}

main.text h1{text-align:center;margin-top:50px;font-size:40px;line-height:46px;}
main.text p, main.text p ul li, main.text ol li{font-size:14px;line-height:20px;}
main.text p a, main.text ol li a, main.text ul li a{color:#e30613;text-decoration:none;}
main.text table td{border-width:1px;padding:10px;}

footer{height:calc(60px + 8vw);background-color:#fff;width:100%;display:flex;justify-content:center;align-items: center;border-top:1px solid #f4f4f4;gap:4vw;}
footer #ac{height:60px;}
footer #vkerbs{height:3vh;}
footer.interno {
    height:calc(60px + 4vw);
    background-color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #f4f4f4;
    gap: 4vw;
}
/*footer.interno{position:static;}*/