.inputVerified {
    /*    border-width: 2px !important;
    border-color: rgb(34, 182, 22, 0.50) !important;
    box-shadow: 0 0 2px 2px rgb(34, 182, 22, 0.50) !important;*/
    /*box-shadow: 0px 1px 3px 1px rgba(34, 182, 22, 0.5) !important*/
}

.inputInvalid {
    /*   border-width: 2px!important;
    border-color: rgb(255, 0, 0, 0.50)!important;
    box-shadow: 0 0 2px 2px rgb(255, 0, 0, 0.50)!important;*/
}

/*bootstrap updated fix*/
.ddl-local {
    /*display: none!important;*/
}

/*select*/
/*, textarea, input*/
/*{*/
/*DA RIVEDERE*/
/*-webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}*/

a {
    text-decoration: unset;
}

/*.sib-calendar {
    display: inline-block;
    height: 40px;
    padding: 0 5px 0 10px;
    background-color: var(--ddl-bg-color);
    border: none;
    border-radius: 5px;
    cursor: default;
}

    .sib-calendar span {
        display: inline-block;
        padding: 6px 0px;
        vertical-align: baseline;
        width: 5rem;
    }

    .sib-calendar i {
        vertical-align: baseline;
        padding: 10px 12px;
    }*/

.sib-calendar {
    display: flex;
    /* Use flexbox for the sib-calendar container */
    align-items: center;
    /* Center align the contents vertically */
    height: 40px;
    padding: 0 5px 0 10px;
    background-color: var(--ddl-bg-color);
    border: none;
    border-radius: 5px;
    cursor: default;
    flex-grow: 1;
    /* Allow the sib-calendar to grow and fill available space */
}

.sib-calendar span {
    display: inline-block;
    padding: 6px 0px;
    vertical-align: middle;
    /* Middle align text */
    width: auto;
    /* Use auto width to prevent overflow */
    flex-shrink: 1;
    /* Allow the text to shrink if necessary */
}

.sib-calendar i {
    vertical-align: middle;
    /* Middle align icon */
    padding: 10px 12px;
    flex-shrink: 0;
    /* Prevent the icon from shrinking */
}



.form-check .form-check-input {
    margin-left: unset;
}

.modal-header .close {
    background: unset;
    border: unset;
}

/*bootstrap updated fix*/
.ddl-local {
    position: absolute;
    top: 5px;
    right: 5px;
}

.ddl-local li img {
    width: 25px;
}

.bacheca .Bnavbar .searchbar.not-found {
    background-color: #d8a8a8;
}

.to span.version {
    position: absolute;
    bottom: 0;
    z-index: 999;
    left: 0%;
    font-weight: 600;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.8);
    padding: 0.3rem;
    font-size: 0.8rem;
    border-radius: 5px;
}

.version-app {
    position: fixed !important;
    pointer-events: none;
}

#search-result {
    display: none;
    position: absolute;
    top: 63px;
    right: 60px;
    width: 500px;
    max-height: 250px;
    box-shadow: var(--popup-box-shadow);
    border-radius: 6px;
    background-color: #fff;
    border: none;
    overflow: auto;
    z-index: 100;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

#search-result .content div.item {
    padding: 3px 20px;
    cursor: pointer;
    font-size: 14px;
    font-family: Poppins;
    transition: 0.2s ease-out;
}

#search-result .content div.item:first-of-type {
    border-radius: 6px 6px 0 0;
}

#search-result .content div.item:hover {
    background-color: var(--lgray);
}


input.cb-slider[type="checkbox"] {
    background-color: rgb(179, 180, 181);
    position: relative;
    -webkit-appearance: none;
    outline: 0px solid;
    z-index: 0;
    transition: 0.3s ease;
    border: solid 1px transparent;
    width: 50px;
    height: 21px;
    border-radius: 11px;
}

input.cb-slider[type="checkbox"]:checked {
    background-color: #00afed;
}

input.cb-slider:checked[type="checkbox"]:before {
    left: 30px;
}

input.cb-slider[type="checkbox"]:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    transform: scale(1.1);
    background-color: #fff;
    box-sizing: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: 0.3s ease;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #424242;
}

.btn-primary {
    color: #fff;
    /*background-color: #1b6ec2;*/
    border-color: #1861ac;
    background-color: #204769 !important;
    border-color: #204769 !important;
    cursor: pointer !important;
}

.nobtn {
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

span.btn {
    text-decoration: none;
    padding: 8px;
    border-radius: 5px;
    background-color: white;
    color: rgb(244, 169, 57);
    align-items: center;
    justify-content: center;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
    /* Vertically center the text there */
}

.page-spinner {
    background-color: rgba(16, 16, 16, 0.2);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.page-spinner .center-div {
    height: 400px;
    width: 400px;
    position: absolute;
    left: 48.56%;
    top: 50.40%;
    margin-left: -300px;
    margin-top: -200px;
}

.body-ag .page-spinner .center-div, .body-sys-admin .page-spinner .center-div {
    width: 120px;
    height: 120px;
    margin-left: -60px;
    margin-top: -60px;
}

.page-spinner .center-div .inner-div {
    background-color: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0;
    display: block;
    height: 100%;
    width: 100%;
    line-height: 400px;
    text-align: center;
}

.body-ag .page-spinner .center-div .inner-div, .body-sys-admin .page-spinner .center-div .inner-div {
    background-color: white;
    border-radius: 32px;
    margin: auto;
    padding: 10%;
    display: inline-block;
    line-height: 0;
}

.body-ag .page-spinner .center-div .loader, .body-sys-admin .page-spinner .center-div .loader {
    margin: auto;
    border: 16px solid #eee;
    border-radius: 50%;
    border-top: 16px solid #0E3381;
    border-bottom: 16px solid #0E3381;
    width: 120px;
    height: 120px;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}


.page-spinner .center-div .inner-div img {
    width: none;
    height: 400px;
    vertical-align: middle;
}

.body-ag .page-spinner .center-div .inner-div img, .body-sys-admin .page-spinner .center-div .inner-div img {
    width: 100%;
    height: 100%;
    vertical-align: auto;
}

/*
    Sibylla Searchnbar
*/
.Sibylla-Searchbar {
    max-width: 700px;
    margin: auto;
}

.Sibylla-Searchbar input {
    background-color: rgb(166, 136, 78, 0.3);
    border-radius: 0;
    width: 90%;
}

input:active,
input:focus {
    outline: none;
}

.Sibylla-Searchbar .btn {
    width: 10%;
    border-right: 1px solid black;
    background-color: #fff29d;
    color: #173753;
}

.Sibylla-Searchbar li {
    text-align: center;
}

.Sibylla-Searchbar li a {
    text-decoration: none;
    color: white;
    font-family: Arial;
    font-weight: bold;
}

.Sibylla-Searchbar .active2 {
    background: #fff29d;
    color: #173753;
}

.Sibylla-Searchbar .nav-3 li {
    width: 33.3333333333333333333333333333333333333333%;
}

.Sibylla-Searchbar .nav-2 li {
    width: 50%;
}

.Sibylla-Searchbar .ender-Up {
    border-radius: 0px 50px 0px 0px;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.Sibylla-Searchbar .ender-down {
    border-radius: 0px 0px 50px 0px;
    border-left: 2px solid black;
    border-right: 1px solid black;
}

.Sibylla-Searchbar .first-Up {
    border-radius: 50px 0px 0px 0px;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.Sibylla-Searchbar .first-Down {
    border-radius: 0px 0px 0px 50px;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.Sibylla-Searchbar .secondaryC {
    background-color: #173753;
}

.body-content {
    /*margin-bottom: 60px;*/
}

/*
    Home
*/
@font-face {
    font-family: 'Eastman';
    src: url('../fonts/Eastman/Eastman-Bold.eot');
    src: local('Eastman Bold'), local('Eastman-Bold'), url('../fonts/Eastman/Eastman-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Eastman/Eastman-Bold.woff2') format('woff2'), url('../fonts/Eastman/Eastman-Bold.woff') format('woff'), url('../fonts/Eastman/Eastman-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Eastman';
    src: url('../fonts/Eastman/Eastman-LightItalic.eot');
    src: local('Eastman Light Italic'), local('Eastman-LightItalic'), url('../fonts/Eastman/Eastman-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Eastman/Eastman-LightItalic.woff2') format('woff2'), url('../fonts/Eastman/Eastman-LightItalic.woff') format('woff'), url('../fonts/Eastman/Eastman-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.home {
    width: 99vw;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.home {
    width: 99vw;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.home .head {
    height: 50px;
    width: 100vw;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    display: flex;
    align-items: end;
    justify-content: end;
}

.home .mission {
    width: 100%;
    height: 200vh;
    background-image: url(../media/mision.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.home .head .white {
    height: 100%;
    width: 61%;
    background-color: white;
}

.home .pop-acc {
    width: 200px;
    height: 130px;
    background-color: rgb(255, 255, 255);
    border-radius: 30px;
    position: fixed;
    top: 50px;
    right: 17.25%;
    z-index: 3;
    display: flex;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}

.home .pop-acc.active {
    opacity: 1;
    pointer-events: all;
}

.home .lungo {
    width: 166px;
    height: 200px;
    background-color: rgb(255, 255, 255);
    border-radius: 30px;
    position: fixed;
    top: 50px;
    right: 18.25%;
    z-index: 3;
    display: flex;
    flex-direction: column;
}

.home .pop-acc .row {
    width: 100%;
    flex: 1;
    margin: 0;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-top: 1px solid gainsboro;
}

.home .pop-acc .row:hover {
    font-weight: bold;
    background-color: #fb8a0081;
}

.home .head .tel-box {
    height: 100%;
    background-color: rgb(251, 139, 0);
    color: white;
    width: 11%;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


.home .head .link-box {
    height: 100%;
    background-color: #fff;
    color: black;
    width: 28.5%;
    display: flex;
    flex-direction: row;
}

.home .head .link-box .link {
    margin-right: 20px;
    height: 100%;
    background-color: #fff;
    color: black;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.home .head .link-box .link-blu {
    height: 100%;
    width: 20%;
    background-image: url(../media/menu.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: white;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-left: 5%;
}

.home .head .link-box .link .bandiera {
    width: 40%;
    height: 61%;
    min-width: 40px;
    background: linear-gradient(to right, green 33%, white 33%, white 66%, red 66%);
}

.home .b-1 {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    display: grid;
    grid-template-columns: 934fr 526fr;
}

.home .b-1 .b-l {
    width: 100%;
    height: 100%;
}

.home .b-1 .b-l .logo {
    width: 500px;
    height: 200px;
    position: absolute;
    top: 47px;
    left: 50px;
    display: block;
}

.home .b-1 .b-l .logo .text {
    line-height: 1.2rem;
}

.home .b-1 .b-l .logo .title {
    line-height: 1.5rem;
}


.home .b-1 .b-l .testo {
    width: 54%;
    height: 200px;
    position: absolute;
    top: 259px;
    left: 50px;
    line-height: 5.8rem;
}

.home .b-1 .b-l #pop-up-map {
    width: 40%;
    height: 9%;
    position: absolute;
    top: 17%;
    left: 3%;
    background: rgb(244, 244, 244);
    z-index: 2;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
}

.home .b-1 .b-l #pop-up-map.show {
    opacity: 1;
    pointer-events: all;
}

.home .b-1 .b-l #pop-up-map .title {
    width: 100%;
    height: 10%;
    color: rgb(165, 165, 165);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Eastman;
    font-weight: bold;
    font-size: 2rem;
}

.home .b-1 .b-l #pop-up-map .img-cnt {
    background-color: transparent;
    width: 100%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home .b-1 .b-l #pop-up-map .img-cnt .img-box {
    width: 39%;
    height: 82%;
    border-radius: 20px;
    overflow: hidden;
}


.home .b-1 .b-l #pop-up-map .img-cnt .img-box .img {
    width: 167%;
    height: 100%;
    margin-left: -31%;
}

.home .b-1 .b-l #pop-up-cal {
    width: 40%;
    height: 9%;
    position: absolute;
    top: 17%;
    left: 3%;
    background: rgb(244, 244, 244);
    z-index: 2;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
}

.home .b-1 .b-l #pop-up-cal.show {
    opacity: 1;
    pointer-events: all;
}

.home .b-1 .b-l #pop-up-cal .title {
    width: 100%;
    height: 10%;
    color: rgb(165, 165, 165);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Eastman;
    font-weight: bold;
    font-size: 2rem;
}

.home .b-1 .b-l #pop-up-cal .corpo {
    width: 100%;
    height: 100%;
    background-color: transparent;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
}

.home .b-1 .b-l #pop-up-cal .corpo .temp-box {
    height: 11%;
    width: 250px;
    border-radius: 50px;
    color: rgb(124, 124, 124);
    background-color: rgb(217, 217, 217);
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.home .b-1 .b-l #pop-up-cal .corpo .temp-box .c-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendars-cont {
    height: 100%;
    width: 100%;
    background-color: transparent;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar {
    width: 90%;
    height: 100%;
    border-radius: 15px;
    background-color: transparent;
    border: none;
    outline: none;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar .day-h {
    width: 100%;
    height: 10%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar .day-h .day {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar .week {
    width: 100%;
    height: calc(75%/6);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar .week .day {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #616161;
    font-weight: 500;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar .week .day.active {
    background-color: #03d66c83;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar .week .day.start {
    background-color: #03d66c83;
    border-radius: 20px 0 0 20px;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar .week .day.end {
    background-color: #03d66c83;
    border-radius: 0 20px 20px 0;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar .week .day .link.transparent {
    background-color: transparent;
}



.home .b-1 .b-l #pop-up-cal .corpo .calendar .day .link.occult {
    opacity: 0;
    pointer-events: none;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar .day .link.today {
    color: white;
    background-color: #6eb2ff;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar .day .link.selected {
    color: white;
    background-color: #03d66c83;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar .day .link {
    width: 70%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar .day .link:hover {
    color: white;
    background-color: #616161;
}

.home .b-1 .b-l #pop-up-cal .corpo .calendar .header {
    height: 15%;
    background-color: transparent;
    margin: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    font-size: 1rem;
    font-weight: 500;
    color: #545454;
}

.home .b-1 .b-l #pop-up-cal .corpo .inp-cnt {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.home .b-1 .b-l #pop-up-cal .corpo .inp-cnt label {
    width: 100%;
    height: 15%;
    font-family: sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
}


.home .b-1 .b-l #pop-up-chi .hid-bod .cam-box {
    background: rgb(217, 217, 217);
    width: 40%;
    height: 15%;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-size: 0.8rem;
    font-weight: bold;
}

.home .b-1 .b-l #pop-up-chi .hid-bod .counter-box {
    background: rgb(255, 255, 255);
    width: 40%;
    height: 80%;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    position: relative;
    right: -10%;
}

.home .b-1 .b-l #pop-up-chi .hid-bod .mini-inp {
    border: none;
    outline: none;
    background-color: transparent;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
}

.home .b-1 .b-l #pop-up-chi .hid-bod input[type="number"]::-webkit-inner-spin-button,
.home .b-1 .b-l #pop-up-chi .hid-bod input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.home .b-1 .b-l #pop-up-chi .hid-bod input[type="number"] {
    -moz-appearance: textfield;
    /* Firefox */
}


.home .b-1 .b-l #pop-up-chi .hid-bod .mini-but {
    width: 30px;
    height: 30px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(217, 217, 217);
}

.home .b-1 .b-l #pop-up-chi .hid-bod .per-box {
    background: rgb(217, 217, 217);
    width: 64%;
    height: 15%;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-size: 0.8rem;
    font-weight: bold;
    margin-top: 2%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.home .b-1 .b-l #pop-up-chi .hid-bod .fam-box {
    background: transparent;
    width: 93%;
    height: 80%;
    border-radius: 25px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: row;
    position: relative;
    right: -10%;
}

.home .b-1 .b-l #pop-up-chi .hid-bod .fam-box .mini-but {
    background-color: white;
}

.home .b-1 .b-l #pop-up-chi {
    width: 40%;
    height: 9%;
    position: absolute;
    top: 17%;
    left: 3%;
    background: rgb(244, 244, 244);
    z-index: 2;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
}

.home .b-1 .b-l #pop-up-chi.show {
    opacity: 1;
    pointer-events: all;
}

.home .b-1 .b-l #pop-up-chi .title {
    width: 100%;
    height: 10%;
    color: rgb(165, 165, 165);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Eastman;
    font-weight: bold;
    font-size: 2rem;
}

.home .b-1 .b-l #pop-up-chi .corpo {
    width: 100%;
    height: 100%;
    background-color: transparent;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
}

.home .b-1 .b-l #pop-up-chi .con {
    width: 100%;
    display: flex;
    height: 10%;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.home .b-1 .b-l #pop-up-chi .con .o {
    width: 30%;
    display: flex;
    height: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #424242;
    color: white;
    text-decoration: none;
}

.home .b-1 .b-l #pop-up-chi .hid-bod.active {
    width: 100%;
    height: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.home .b-1 .b-l #pop-up-chi .hid-bod {
    width: 100%;
    height: 80%;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.home .b-1 .b-l #pop-up-chi .hid-bod .bar {
    width: 75%;
    height: 15%;
    border-radius: 50px;
    background-color: #eeeeee;
    color: #424242;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 2%;
}

.home .b-1 .b-l #pop-up-chi .hid-bod .btn-inv {
    width: 75%;
    height: 15%;
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: Eastman;
    font-weight: bold;
    background-color: #2C05F2;
}

.home .b-1 .b-l #pop-up-chi .hid-bod .bar .inp {
    height: 100%;
    outline: none;
    border: none;
    background-color: transparent;
    color: #424242;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}


.home .b-1 .b-l .testo .blu {
    font-size: 5.5rem;
    font-family: Eastman;
    color: #2c05f2;
}

.home .b-1 .b-l .testo .arancia {
    font-size: 5.5rem;
    font-family: Eastman;
    color: #FB8B00;
}

.home .b-1 .b-l .ricerca {
    display: flex;
    justify-content: center;
    width: 54%;
    height: 251px;
    position: absolute;
    top: 580px;
    left: -9%;
}

.home .b-1 .b-l .ricerca form {
    width: 100%;
}

.home .b-1 .b-l .ricerca .menu {
    width: 343px;
    height: 38px;
    display: grid;
    grid-template-columns: 1fr 4fr;
    position: absolute;
    top: -10px;
    right: 43%;
}

.home .b-1 .b-l .ricerca .menu .text {
    display: flex;
    justify-content: start;
    align-items: center;
    font-family: Eastman;
}

.home .b-1 .b-l .ricerca .menu .text a {
    text-decoration: none;
    color: #2c05f2;
    border-bottom: 3px solid;
}

.home .b-1 .b-l .ricerca .menu .text a.active {
    text-decoration: none;
    color: #FB8B00;
    border-bottom: 3px solid #2c05f2;
}

.home .b-1 .b-l .ricerca .searchbar {
    width: 800px;
    height: 75px;
    border-radius: 50px;
    border: none;
    outline: none;
    background-color: #f4f4f4;
    color: black;
    display: flex;
    position: absolute;
    top: 15%;
    left: calc(50% - 300px);
}

.home .b-1 .b-r .fascia-verticale {
    background-color: #FB8B00;
    height: 100vh;
    width: 200px;
    position: absolute;
    right: 0;
    z-index: -1;
}

.home .b-1 .b-l .ricerca .opt-cnt {
    width: 800px;
    height: 60px;
    outline: none;
    position: absolute;
    top: 53%;
    left: calc(50% - 300px);
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.home .b-1 .b-l .ricerca .opt-cnt a {
    text-decoration: none;
    pointer-events: all;
}

.home .b-1 .b-l .ricerca .opt-cnt.expanded a {
    pointer-events: none;
}

.home .b-1 .b-l .ricerca .opt-cnt .opt {
    width: 92%;
    height: 60px;
    border-radius: 50px;
    outline: none;
    background-color: #FB8B00;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    font-family: Eastman;
    justify-self: center;
    color: white;
    text-decoration: none;
    flex-direction: column;
    padding-top: 20px;
    margin-left: 16px;
}

.home .b-1 .b-l .ricerca .opt-cnt .opt.expanded {
    width: 96%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0%;
}

.home .b-1 .b-l .ricerca .opt-cnt .opt.expanded .link {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Eastman';
    font-weight: bold;
    font-size: 1.5rem;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    pointer-events: all;
}

.home .b-1 .b-l .ricerca .opt-cnt .opt.expanded .link:hover {
    color: rgba(0, 0, 0, 0.527);
}

.home .b-1 .b-l .ricerca .opt-cnt .opt.expanded .link .blu {
    color: #2c05f2;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 1rem;
}

.home .b-1 .b-l .ricerca .opt-cnt.expanded {
    grid-template-columns: 1fr;
}

.home .b-1 .b-l .ricerca .opt-cnt .b.contracted {
    width: 186%;
    opacity: 0;
    pointer-events: none;
    display: none;
}


.home .b-1 .b-l .ricerca .opt-cnt .opt .blu {
    color: #2c05f2;
    font-family: sans-serif;
    font-weight: 700;
}

.home .b-1 .b-l .ricerca .opt-cnt .opt .indicator {
    position: relative;
    top: -78%;
    right: -43%;
}

.home .b-1 .b-l .ricerca .searchbar .btn {
    width: 55px;
    height: 55px;
    border-radius: 30px;
    background: #2c05f2;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15%;
    right: 1%;
}

.home .b-1 .b-l .ricerca .searchbar .btn.active {
    width: 95px;
    height: 55px;
    border-radius: 30px;
    background: #2c05f2;
    color: white;
    font-family: Eastman;
    font-weight: bold;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15%;
    right: 1%;
}

.home .b-1 .b-l .ricerca .searchbar .inp {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 50px;
    outline: none;
    background-color: rgb(244 244 244);
    color: black;
    display: flex;
    font-family: Eastman;
    font-weight: 600;
    padding-left: 5%;
    align-items: center;
    justify-content: start;
}

.home .b-1 .b-l .ricerca .searchbar .inp.highlight {
    background-color: rgb(145, 145, 145);
}


.home .b-1 .foot {
    width: 100vw;
    height: 100px;
    position: absolute;
    top: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Eastman';
    font-size: 2rem;
    color: #2c05f2;
}


.home .b-1 .foot .cercio {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #2c05f2;
    color: #2c05f2;
    display: inline-flex;
    align-items: center;
    justify-items: center;
    align-self: flex-end;
    pointer-events: all;
    position: absolute;
    text-decoration: none;
    font-size: 1.5rem;
    padding-left: 4px;
}

.home .b-1 .foot .cercio:hover {
    border: 1px solid #FB8B00;
    color: #FB8B00;
}

.rot-90 {
    transform: rotate(-90deg);
}

.home .b-1 .b-l .logo .eastman {
    font-family: Eastman;
}

.home .head .tel-box .eastman {
    font-family: Eastman;
    font-size: 0.9rem;
}

.home .b-1 .b-l .logo .pic {
    height: 76px;
    width: 170px;
    position: relative;
    top: -8%;
    left: -5%;
}

.home .b-1 .b-l .logo .text .sototitolo {
    color: rgb(251, 139, 0);
    font-weight: 300;
}

.home .b-1 .b-r .img-cnt {
    background-color: rgb(251, 139, 0);
    width: 755px;
    height: 785px;
}

.home .b-1 .b-r .img-cnt .img {
    position: absolute;
    top: 85px;
    right: 6.15%;
    transform: scale(1.15);
}

.home .b-2 {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    background-image: url(../media/sfondo_home.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.home .b-2 .t1 {
    width: 772px;
    height: 195px;
    position: absolute;
    top: 22%;
    right: 10%;
    display: flex;
    justify-content: start;
    align-items: center;
    color: #2c05f2;
    font-family: Eastman;
    font-size: 2rem;
}

.home .b-2 .t1 .btn {
    background-color: #2c05f2;
    color: white;
    font-size: 1rem;
    font-weight: 500;
    font-family: Eastman;
    width: 150px;
    height: 50px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 75%;
    right: 28%;
}

.home .b-2 .t2 {
    width: 50%;
    height: 3%;
    position: absolute;
    top: 40%;
    right: 5%;
    display: flex;
    justify-content: start;
    align-items: center;
    color: #fff;
    font-family: Eastman;
    font-size: 3.5rem;
    flex-direction: column;
    line-height: 4rem;
}

.home .b-2 .fascia {
    background-color: #FB8B00;
    height: 250vh;
    width: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}


.home .b-2 .t2 .arancia {
    width: 100%;
    color: #FB8B00;
    display: inline;
}

.home .b-3 {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.home .b-3 .header {
    height: 180px;
    width: calc(100% - 200px);
    border: none;
    z-index: 0;
    background-color: transparent;
    display: flex;
    flex-direction: row;
}

.home .b-3 .header .partner-box {
    height: 100%;
    width: 20%;
    background-color: transparent;
    padding-left: 80px;
}

.home .b-3 .header .partner-box .img {
    height: 167px;
}

.home .b-3 .header .treno #treno {
    height: 241%;
    position: absolute;
    top: -67%;
    right: -70%;
    transition: all 2s ease;
}

.home .b-3 .header .treno #treno.arriving {
    right: 2%;
}

.home .b-3 .header .a-box {
    height: 100%;
    width: 35%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home .b-3 .header .a-box .btn {
    height: 30%;
    width: 30%;
    border-radius: 25px;
    background-color: #1861ac;
    color: white;
    font-family: Eastman;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home .b-3 .header .treno {
    height: 100%;
    width: 45%;
    background-color: transparent;
}

.home .b-3 .foto-display {
    height: calc(100% - 180px);
    width: calc(100% - 200px);
    background-color: transparent;
    display: grid;
    grid-template-rows: 1fr 1fr;
}

.home .b-3 .foto-display .row {
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: 0;
}

.home .b-3 .foto-display .row .pic-holder {
    height: 100%;
    width: 100%;
    display: flex;
    background-color: transparent;
    margin: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.home .b-3 .foto-display .row .pic-holder .image {
    margin-top: -20%;
    align-self: center;
    min-height: 200px;
    min-width: 200px;
    max-width: 400px;
    max-height: 420px;
    height: 64%;
    width: 81%;
    border-radius: 20px;
    border: 2px solid gainsboro;
    background-color: gainsboro;
    overflow: hidden;
}

.home .b-3 .foto-display .row .pic-holder .title {
    font-family: Eastman;
    font-size: 1.2rem;
    font-weight: 500;
    color: #2c05f2;
}

.home .b-3 .foto-display .row .pic-holder .my-img {
    vertical-align: middle;
    width: 154%;
    margin-top: 0%;
    margin-left: -26%;
}

.home .b-3 .foto-display .row .pic-holder .loc {
    font-family: sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #2c05f2;
}


.home .b-3 .foto-display .row .pic-holder .desc {
    font-family: sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #FB8B00;
}


.home .b-4 {
    width: 100vw;
    height: 150vh;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.home .b-4 .video-cont {
    height: calc(65% - 180px);
    width: calc(100% - 200px);
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home .b-4 .video-cont .text {
    position: absolute;
    left: 13%;
    top: 68%;
    width: 32%;
    height: 7%;
    color: #FB8B00;
    font-family: Eastman;
    font-weight: bold;
    background-color: transparent;
    font-size: 5rem;
    line-height: 5rem;
}

.home .b-4 .video-cont .gif {
    height: 727.7px;
}


.home .b-4 .but-cont {
    height: calc(40% - 180px);
    width: calc(100% - 200px);
    background-color: transparent;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.home .b-4 .but-cont .but {
    margin-top: 2%;
    margin-left: 31%;
    width: 350px;
    height: 350px;
    border-radius: 20px;
    background-color: rgb(0, 74, 173);
    display: none;
}

.home .b-4 .but-cont .but .title {
    color: white;
    font-family: Eastman;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.home .b-4 .but-cont .but .desc {
    color: white;
    font-family: Eastman;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    padding-left: 8px;
}

.home .b-4 .but-cont .but .btn {
    height: 50px;
    width: 100px;
    color: white;
    font-family: Eastman;
    background-color: #FB8B00;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 36%;
    top: 7%;
}

.home .b-4 .foot {
    width: 100%;
    height: 7%;
    background-color: #2c05f2;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.home .b-4 .foot .text {
    color: white;
    font-family: sans-serif;
    font-size: 1rem;
    margin-top: 50px;
}

.results {
    position: absolute;
    left: 0;
    width: calc(100vw - 17px);
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.results .sibylla-logo {
    width: 8%;
    min-width: 80px;
}

.results .header {
    width: 100%;
    background-color: #fff;
}

.results .subheader {
    width: 100%;
    height: 5%;
    min-height: 80px;
    display: flex;
    flex-direction: row;
}

.results .subheader .sib-text {
    flex: 1;
    background-color: transparent;
    font-family: Eastman;
    line-height: 1.6rem;
    font-size: 1.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.results .subheader .title {
    flex: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Eastman;
    line-height: 1.6rem;
    font-size: 2.5rem;
    color: #FB8B00;
}

.results .subheader .prog-ind {
    background-color: transparent;
    flex: 4;
    display: grid;
    grid-template-columns: 4fr 1fr 4fr 1fr 4fr 1fr 4fr 2fr;
}

.results .subheader .prog-ind .text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #616161;
    font-family: Eastman;
}

.results .subheader .prog-ind .text.orange {
    color: #FB8B00;
}

.results .subheader .prog-ind .text.b-orange {
    font-weight: bold;
    color: #FB8B00;
}

.results .blu-label {
    width: 94%;
    height: 3%;
    min-height: 60px;
    background-color: #1754f1;
    border-radius: 50px;
    align-self: center;
    display: grid;
    grid-template-columns: 3fr 4fr 4fr 4fr 1fr;
    margin-bottom: 1%;
    overflow: hidden;
}

.results .blu-label.short {
    width: calc(94%/4);
}


.results .blu-label .text {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    flex-direction: column;
    font-family: Eastman;
    font-weight: bold;
    border-right: 1px solid white;
}

.results .blu-label .text:hover {
    cursor: pointer;
    color: white;
}

.results .blu-label .orange {
    font-family: sans-serif;
    color: #FB8B00;
}

.results .blu-label .text:nth-child(4) {
    border: none;
}

.results .blu-label .icon-cnt {
    display: flex;
    align-items: center;
    justify-content: end;
    padding-right: 4%;
}

.results .blu-label .icon {
    background: #FB8B00;
    height: 86%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    min-width: 53px;
    min-height: 40px;
    font-size: x-large;
    font-weight: bold;
    color: #1754f1;
}


.results .corpo {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: transparent;
}

.results .corpo .filter-cnt {
    flex: 2;
    min-width: 240px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.results .corpo .cam-cnt {
    flex: 11;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.results .corpo .filter-cnt .inp-group {
    width: 100%;
    height: 50%;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    color: #424242;
    font-family: Eastman;
    font-weight: bold;
}

.results .corpo .filter-cnt .inp-group .wrap {
    display: grid;
    grid-template-columns: 1fr 4fr;
    width: 100%;
    height: 100%;
}

.results .corpo .filter-cnt .inp-group .check-btn {
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border: 1px solid #545454;
    border-radius: 3px;
    align-self: center;
    justify-self: center;
}

.results .corpo .filter-cnt .inp-group .check-btn.selected {
    background-color: #0366d6;
}

.results .corpo .filter-cnt .inp-group .label {
    font-family: sans-serif;
    color: #424242;
    align-self: center;
    font-weight: lighter;
}

.results .corpo .filter-cnt .btn-sup-cnt {
    width: 100%;
    height: 20%;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.results .corpo .filter-cnt .btn-inf-cnt {
    width: 100%;
    height: 20%;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.results .corpo .btn-sup-cnt .btn-1 {
    width: 40%;
    height: 90%;
    background-color: white;
    color: black;
    border-radius: 12px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}

.results .corpo .btn-inf-cnt .btn-2 {
    width: 90%;
    height: 90%;
    background-color: white;
    color: black;
    border-radius: 12px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}

.results .corpo .filter-cnt .text {
    width: 100%;
    height: 59%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    font-size: 0.8rem;
}

.results .corpo .filter-cnt .text .white {
    color: white;
    font-weight: bold;
}

.results .corpo .filter-cnt .text .grey {
    color: #424242;
    font-weight: bold;
}

.results .corpo .filter-cnt .filter-head {
    width: 87%;
    height: 4%;
    min-height: 60px;
    background-color: #EAF1FB;
    display: grid;
    grid-template-columns: 11fr 1fr;
    text-decoration: none;
    color: #2c05f2;
    border-radius: 11px 11px 0 0;
    transition: all 0.3s ease;
}

.results .corpo .filter-cnt .drop-ind {
    color: #FB8B00;
    padding-top: 20%;
}

.results .corpo .filter-cnt .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-width: 100%;
    z-index: 2;
    margin-left: 8%;
}

.results .corpo .filter-cnt .filter-head.collapsed {
    border-radius: 11px;
    margin-bottom: 6%;
}

.results .corpo .filter-cnt .filter-body {
    width: 87%;
    height: 17%;
    border-radius: 0 0 11px 11px;
    background-color: #EAF1FB;
    transition: all 0.3s ease;
    margin-bottom: 6%;
    min-height: 240px;
}

.results .corpo .filter-cnt .orange {
    background-color: #fdd39e;
}

.results .cam-cnt .date-disp {
    width: 99%;
    height: 7%;
    min-height: 70px;
    background: #EAF1FB;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    margin-bottom: 5px;
}

.results .cam-cnt .date-disp .dir-sel {
    flex: 1;
    height: 100%;
    min-width: 30px;
    background-color: #EAF1FB;
    color: #B1CAEF;
    cursor: pointer;
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
}

.results .cam-cnt .date-disp .date-row {
    flex: 24;
    height: 100%;
    background-color: #EAF1FB;
    display: flex;
    flex-direction: row;
    border-left: 4px solid white;
    border-right: 4px solid white;
}

.results .cam-cnt .date-row .col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    border-right: 1px solid white;
    border-left: 1px solid white;
    padding: 0;
}

.results .cam-cnt .date-row .col .title {
    width: 100%;
    height: 33%;
    min-height: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    font-size: 1rem;
}

.results .cam-cnt .date-row .col .sub-title {
    width: 100%;
    height: 33%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    font-size: 1rem;
    color: #545454;
}

.results .cam-cnt .date-row .col .prezzo {
    width: 100%;
    height: 33%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    font-size: 1.5rem;
    color: #545454;
    font-weight: bold;
}

.results .cam-cnt .date-row .col .title .grey {
    font-weight: bold;
    color: #424242;
}

.results .cam-cnt .date-row .col .title .arancia {
    font-weight: bold;
    color: #FB8B00;
}

.results .card-cnt {
    width: 100%;
    height: 100%;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.al-c {
    width: 91%;
    height: 10%;
    max-height: 250px;
    border-radius: 10px;
    border-bottom: 2px solid #1754F1;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    overflow: hidden;
    transition: all 0.3s ease;
}

.al-c .img-cnt {
    height: 100%;
    flex: 12;
    display: flex;
    align-items: center;
    justify-content: center;
}

.al-c .blo-head {
    height: 100%;
    width: 100%;
    max-height: 152px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.al-c .img-cnt .img {
    height: 100%;
    min-width: 70px;
    border-radius: 20px;
}

.al-c .text-h {
    height: 100%;
    flex: 80;
}

.al-c .text-h .r-t {
    width: 100%;
    height: calc(100%/3);
    display: flex;
    flex-direction: row;
}

.al-c .text-h .r-t .nome {
    height: 100%;
    flex: 1;
    color: black;
    font-weight: bold;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: start;
}

.al-c .text-h .r-t .stars {
    height: 100%;
    flex: 1;
    color: black;
    font-weight: bold;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFC933;
}

.al-c .text-h .r-t .tasti {
    height: 100%;
    flex: 1;
    color: black;
    font-weight: bold;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: end;
}


.al-c .text-h .r-t .tasti .tasto {
    height: 100%;
    display: flex;
    background-color: none;
    text-decoration: none;
    align-items: center;
    justify-content: start;
}

.al-c .text-h .r-t .tasti .left {
    justify-content: end;
}


.al-c .text-h .desc {
    font-size: 1rem;
    width: 100%;
    height: calc(100%/3);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.al-c .text-h .desc a {
    text-decoration: none;
    font-weight: bold;
}

.al-c .text-h .b-t {
    width: 100%;
    height: calc(100%/3);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.al-c .tasto {
    height: 100%;
    flex: 5;
    display: flex;
    align-items: start;
    padding-top: 1%;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: #2C05F2;
}

.al-c .tasto .indicator {
    transition: all 0.3s ease;
}

.al-c .tasto .indicator.rotated {
    transform: rotate(180deg);
}

.al-c .text-h .b-t .btn-cnt {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.al-c .text-h .b-t .btn-cnt .b {
    font-size: 1rem;
    height: 80%;
    width: 22%;
    background-color: #2C05F2;
    color: white;
    font-family: Eastman;
    font-weight: bold;
    border-radius: 8px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.al-c .text-h .b-t .btn-cnt .orange {
    background-color: #FB8B00;
}

.al-c .text-h .b-t .prz-cnt {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: end;
    color: #FB8B00;
    font-size: 1rem;
    padding-bottom: 1%;
}

.al-c .text-h .b-t .prz-cnt .n {
    font-size: 1.5rem;
    font-weight: bold;
}



.al-c.active {
    height: 55%;
    min-height: 600px;
}

.al-c .hid-bod {
    pointer-events: none;
    opacity: 0;
    display: none;
    transition: all 0.6s ease;
}

.al-c.active .hid-bod {
    opacity: 1;
    pointer-events: all;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.al-c.active .hid-bod .lat-1 {
    height: 100%;
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.al-c.active .hid-bod .lat-1 .room-cnt {
    width: 90%;
    height: 98%;
    background-color: white;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    overflow: hidden;
}

.al-c.active .hid-bod .lat-1 .room-cnt-2 {
    width: 90%;
    height: 98%;
    background-color: white;
    border-radius: 22px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.al-c.active .hid-bod .lat-1 .room-cnt .title {
    height: 5%;
    width: 100%;
    font-family: Eastman;
    font-weight: bold;
    font-size: 1rem;
    margin-left: 10%;
    margin-bottom: 3%;
    color: #545454;
}

.al-c.active .hid-bod .lat-1 .room-cnt-2 .title {
    font-size: 1rem;
    height: 5%;
    width: 100%;
    font-family: Eastman;
    font-weight: bold;
    margin-left: 10%;
    margin-bottom: 3%;
    color: #545454;
}

.al-c.active .hid-bod .lat-1 .room-cnt-2 .foot-cnt {
    height: 5%;
    width: 100%;
    margin-bottom: 3%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.al-c.active .hid-bod .lat-1 .room-cnt-2 .continua-btn {
    font-size: 1rem;
    text-decoration: none;
    width: 92%;
    height: 18%;
    background-color: #FB8B00;
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.al-c.active .hid-bod .lat-1 .room-cnt-2 .date-box {
    font-size: 1rem;
    width: 18%;
    height: 23%;
    min-width: 25px;
    min-height: 25px;
    max-width: 75px;
    max-height: 75px;
    background-color: #F9A72C;
    border-radius: 12px;
    margin-right: 2px;
    text-decoration: none;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row {
    width: 90%;
    height: 21%;
    background-color: rgb(234, 241, 251);
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    margin-bottom: 4px;
    overflow: hidden;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row.deactivated {
    display: none;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row.activated {
    height: 86%;
    border-radius: 12px;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row.grey {
    filter: grayscale(100);
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row .h {
    width: 100%;
    height: 100%;
    max-height: 56px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    margin-bottom: 4px;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row .imag {
    flex: 2;
    max-height: 64px;
    max-width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #173753;
    height: 90%;
    margin-left: 3%;
    margin-right: 2%;
    border-radius: 16px;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row2) .imag {
    background-color: #c21fd8;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row3.imag {
    background-color: #1fd847;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row:nth-child(4) .imag {
    background-color: #d5d81f;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row:nth-child(5) .imag {
    background-color: #1f85d8;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row .desc {
    flex: 4;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row .desc .name {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 33%;
    color: black;
    font-weight: bold;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row .desc .disp {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 33%;
    color: black;
    font-weight: light;
    font-size: 0.8rem;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row .desc .prez {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 33%;
    width: 100%;
    color: #FB8B00;
    font-weight: bold;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row .indic {
    flex: 1;
    height: 100%;
    min-width: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    margin-top: 10%;
    color: #0366d6;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row .indic * {
    transition: all 0.3s ease;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row .indic.rotated * {
    transform: rotate(180deg);
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row .b {
    display: none;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row.activated .b {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row.activated .b form {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 85%;
    justify-content: space-around;
    align-items: center;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row.activated .b .btn-p {
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: orange;
    text-decoration: none;
    color: white;
    font-weight: bold;
    width: 30%;
    height: 20%;
    border-radius: 12px;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row.activated .b .wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 12%;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row.activated .b .wrap label {
    margin: 0;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row2) {
    border-radius: 20px 20px 0 0;
}

.al-c.active .hid-bod .lat-1 .room-cnt .room-row:nth-child(6) {
    border-radius: 0 0 20px 20px;
}

.al-c.active .hid-bod .lat-2 {
    height: 100%;
    flex: 7;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.al-c.active .hid-bod .lat-2 .r-1 {
    flex: 2;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.al-c.active .hid-bod .lat-2 .r-1 .c-1 {
    flex: 2;
    height: 100%;
    border: 1px solid white;
    background-color: violet;
}

.al-c.active .hid-bod .lat-2 .r-1 .c-2 {
    flex: 3;
    height: 100%;
    border: 1px solid white;
    background-color: lightsalmon;
}

.al-c.active .hid-bod .lat-2 .r-1 .c-2.hidden {
    display: none;
}

.al-c.active .hid-bod .lat-2 .r-2 .c-4.hidden {
    display: none;
}

.al-c.active .hid-bod .lat-2 .r-2 .box {
    width: 20%;
    height: 80%;
    border: 1px solid #0366d6;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: gainsboro;
    text-decoration: none;
    color: black;
    font-weight: bold;
    padding: 3%;
}

.al-c.active .hid-bod .lat-2 .r-2 .box.hidden {
    display: none;
}

.al-c.active .hid-bod .lat-2 .r-2 {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.al-c.active .hid-bod .lat-2 .r-2 .c-4 {
    flex: 1;
    height: 100%;
    background-color: maroon;
    border: 1px solid white;
}

.results .org {
    background-color: #fb8b00;
}

.results .l-org-b {
    border-bottom: 2px solid rgb(251, 139, 0);
}

.results .cam-cnt .date-disp .l-org {
    background-color: #fff3e5;
}

.results .cam-cnt .date-disp .org-t {
    color: #FB8B00;
}

.al-c .tasto .org-t {
    color: #FB8B00;
}


.results .blu-t {
    color: #1754F1;
}

.results .al-c .text-h .b-t .blu-t {
    color: #1754F1;
}

.cli-site {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
}

.cli-site .header {
    width: 100vw;
    height: 25vh;
    background-color: transparent;
    border: none;
    display: flex;
    flex-direction: row;
    align-items: start;
}

.cli-site .header .l-cont {
    width: 15vw;
    height: 100%;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    font-family: Eastman;
}

.cli-site .header .l-cont .img {
    height: 70%;
}

.cli-site .header .l-cont .text {
    height: 50%;
    width: 56%;
    min-width: 141px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    color: black;
    font-size: 2rem;
    line-height: 1.7rem;
}

.cli-site .header .l-cont .bold {
    font-weight: bold;
}

.cli-site .header .l-cont .light {
    font-weight: light;
}

.cli-site .header .bar {
    width: 85vw;
    height: 10%;
    min-height: 60px;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.cli-site .header .bar .cnt {
    width: 30.5vw;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.cli-site .header .bar .link {
    margin-right: 20px;
    height: 100%;
    background-color: #fff;
    color: black;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.cli-site .header .bar .link-blu {
    height: 100%;
    width: 20%;
    min-width: 120px;
    background-image: url(../media/menu.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: white;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-left: 5%;
}

.cli-site .header .bar .link .bandiera {
    width: 40%;
    min-width: 45px;
    height: 61%;
    background: linear-gradient(to right, green 33%, white 33%, white 66%, red 66%);
}

.cli-site .bod {
    width: 100vw;
    height: 65vh;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.cli-site .bod .tit {
    width: 75vw;
    height: 8%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: start;
    font-family: Eastman;
    font-weight: bold;
    font-size: 3rem;
    line-height: 2.4rem;
    color: black;
}

.cli-site .bod .sot-tit {
    width: 75vw;
    height: 15%;
    background-color: #fff;
    display: flex;
    align-items: self-start;
    justify-content: start;
    flex-direction: column;
    font-family: Eastman;
    font-size: 1.5rem;
    color: black;
}

.cli-site .bod .sot-tit .tasto {
    background-color: #FB8B00;
    width: fit-content;
    height: fit-content;
    padding: 5px;
    color: white;
    text-decoration: none;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.cli-site .bod .table-p {
    width: 75vw;
    height: 100%;
    display: block;
    overflow-y: scroll;
}

.cli-site .bod .table-pr {
    width: 75vw;
    height: 100%;
    display: block;
}

.cli-site .bod .table-p .al-c {
    width: 99%;
    height: 18%;
    max-height: 250px;
    border-radius: 10px;
    background-color: #EAF1FB;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    overflow: hidden;
    transition: all 0.3s ease;
}

.cli-site .bod .table-g {
    width: 75vw;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.cli-site .bod .table-g .img-cnt {
    width: 20%;
    height: 100%;
    min-width: 214px;
}

.cli-site .bod .table-g .img-cnt form {
    width: 100%;
    height: 100%;
    min-width: 214px;
}

.cli-site .bod .table-g .img-cnt .inp {
    background: transparent;
    color: transparent;
    width: 100%;
    border-radius: 50%;
    color: transparent;
    min-width: 214px;
    min-height: 214px;
    max-width: 260px;
    height: 50%;
    background-image: url(../media/upload-img.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 400%;
}

.cli-site .bod .table-g .righe {
    width: 80%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.cli-site .bod .table-pr .righe {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.cli-site .bod .table-pr .righe .r {
    width: 100%;
    height: calc(100%/3);
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.cli-site .bod .table-g .righe .r {
    width: 100%;
    height: calc(100%/7);
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.cli-site .bod .table-g .righe .r .col {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
}

.cli-site .bod .row-pic {
    width: 100%;
    height: 20%;
    background-color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    padding-left: 5%;
}

.cli-site .bod .row-pic .bo {
    background-color: #FB8B00;
    height: 80%;
    width: 12%;
    min-width: 100px;
    border-radius: 12px;
    color: #2C05F2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cli-site .bod .row-pic .cn {
    height: 88%;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: row;
    overflow: hidden;
    padding-right: 5%;
    flex-wrap: nowrap;
    transition: all 0.5s ease;
}

.cli-site .bod .row-pic .pic-con {
    height: 100%;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    transition: all 0.5s ease;
}

.cli-site .bod .row-pic .btn-right {
    width: 3%;
    height: 40%;
    min-width: 44px;
    min-height: 44px;
    max-width: 54px;
    max-height: 54px;
    border-radius: 50%;
    color: #FB8B00;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 2rem;
}

.cli-site .aux {
    display: flex;
    flex-direction: row;
    width: 100vw;
    height: 78vh;
}

.cli-site .aux .foot {
    height: 78vh;
    width: 38%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}

.cli-site .aux .foot .te-b {
    color: white;
    font-family: Eastman;
    width: 80%;
    height: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 2rem;
}

.cli-site .aux .foot .te-l {
    color: white;
    font-family: Eastman;
    width: 80%;
    height: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: light;
    font-size: 2rem;
}

.cli-site .aux .bod {
    height: 78vh;
}


.cli-site .aux .bod .r {
    height: 20vh;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: start;
}

.cli-site .aux .bod .r-l {
    height: 58vh;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.cli-site .aux .bod .r-l .c-cnt {
    height: 50%;
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cli-site .aux .bod .r-l .c-cnt .c {
    max-width: 150px;
    max-height: 150px;
    min-width: 75px;
    min-height: 75px;
    background-color: #0366d6;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cli-site .aux .bod .r-l .c-cnt .txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cli-site .aux .bod .r .c1 {
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    padding-left: 5%;
}

.cli-site .aux .bod .r .c2 {
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-evenly;
}

.cli-site .aux .bod .r .c2 .tit {
    font-family: sans-serif;
    border-right: 4px solid #0366d6;
    padding-right: 5%;
    width: fit-content;
}

.cli-site .bod .r .tit {
    width: 50%;
    height: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: start;
    font-family: Eastman;
    font-weight: bold;
    font-size: 3rem;
    line-height: 2.4rem;
    color: black;
}

.cli-site .bod .r .sot-tit {
    width: 50%;
    height: 50%;
    background-color: #fff;
    display: flex;
    align-items: self-start;
    justify-content: start;
    flex-direction: column;
    font-family: Eastman;
    font-size: 1.5rem;
    color: black;
}

.cli-site .big {
    height: 75vh;
}

.cli-site .foot {
    width: 100vw;
    height: 10vh;
    background-color: #1754F1;
}

/*
    ALERT RIGHT
*/

.to #MyAlertRightOk {
    background-color: white;
    transition: opacity 2s;
    color: #424242;
}

#MyAlertRight.hidden {
    /*opacity: 0!important;*/
    display: none;
}

#MyAlertRightOk.hidden {
    /*opacity: 0!important;*/
    display: none;
}

/*.hiddenAlert {
    display: none;
}*/


/*#MyAlertRightOk {
    position: fixed;
    top: 150px;
    right: 20px;
    z-index: 9999;
    width: fit-content;
    padding: 10px;
    opacity: 1;
    background-color: forestgreen;
    transition: opacity 2s;
}*/

#MyAlertRightOk {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    padding: 0px;
    opacity: 1;
    background-color: white;
    transition: opacity 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 36.77px;
    text-align: center;
    color: #204769;
    width: 548px;
    height: 247px;
    gap: 0px;
    border-radius: 8px;
    border: 2px solid #DBDBDB;
    /*background-image: url('/media/ByAlfredo/alfredo4.svg');*/
    background-image: url('../media/confirm.svg');
    /*box-shadow: 0px 4px 4px 0px #00000040;*/
    background-size: 321px 338px;
    background-position: 223px -48px;
    background-repeat: no-repeat;
}

#MyAlertRight {
    /*    display:none;
*/
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    padding: 0px;
    opacity: 1;
    background-color: white;
    transition: opacity 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 36.77px;
    text-align: center;
    color: #4a4d53;
    width: 548px;
    height: 247px;
    gap: 0px;
    border-radius: 8px;
    border: 2px solid #DBDBDB;
    /*background-image: url('/media/ByAlfredo/alfredo4.svg');*/
    background-image: url('../media/close.svg');
    /*box-shadow: 0px 4px 4px 0px #00000040;*/
    background-size: 321px 338px;
    background-position: 223px -48px;
    background-repeat: no-repeat;
}



#errMsg {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    padding: 0px;
    opacity: 1;
    background-color: white;
    transition: opacity 0.5s;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #204769;
    width: 548px;
    height: 247px;
    gap: 0px;
    border-radius: 8px;
    border: 2px solid #DBDBDB;
    background-image: url('../media/attento.svg');
    /*box-shadow: 0px 4px 4px 0px #00000040;*/
    background-size: 321px 338px;
    background-position: 223px -48px;
    background-repeat: no-repeat;
}

#MyAlertRightOk b {
    color: #4A4D53;
    font-family: 'Poppins';
    font-size: 21px;
    line-height: 28.6px;
    font-weight: 600;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*#MyAlertRightOk::before {*/
/*content: "\2713";*/
/* Unicode for tick icon */

/*content: url('/media/check-solid.svg');*/
/* Path to your SVG image */
/*margin: 28px;
        height: fit-content;
        width: fit-content;
    }*/




#MyAlertRight.danger {
    background-color: white;
}

/* Customize the scrollbar for the entire document */
::-webkit-scrollbar {
    width: 5px;
    /* Width of the scrollbar */
}

/* Customize the scrollbar track (the area behind the thumb) */
::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Background color of the track */
}

/* Customize the scrollbar thumb (the draggable handle) */
::-webkit-scrollbar-thumb {
    background-color: rgb(244, 169, 57);
    /* Color of the thumb */
    border-radius: 6px;
    /* Rounded corners for the thumb */
}

/* Customize the scrollbar thumb when hovered over */
::-webkit-scrollbar-thumb:hover {
    background-color: #555;
    /* Color of the thumb on hover */
}

.spinner {
    position: absolute;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=10);
    opacity: 0.1;
    -moz-opacity: 0.1;
}

.spinner .spinner-border {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    border-width: 15px;
    border-left-color: white;
    border-top-color: white;
    border-bottom-color: white;
}


/*Modale di maps*/
#findAddr,
#AnnullaAddr {
    display: block;
    margin: 36px auto 10px auto;
    background-color: #204769 !important;
    color: white;
    width: 124.27px;
    height: 38.81px;
    border-radius: 6px;
}

2 #findAddr {
    background-color: rgb(32, 71, 105) !important;
}

#AnnullaAddr {
    background-color: white !important;
    color: #4A4D53;
    border: 2px solid #4A4D53;
}

.AddrCerca h2 {
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 600;
    line-height: 32.68px;
    text-align: center;
    color: #204769;
    margin-bottom: 5%;
}


.to .AddrCerca h2 {
    color: var(--bg-color-to);
}



.AddrCerca label {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 19.07px;
    text-align: left;
    color: #4A4949;
}

.AddrCerca .row {
    width: fit-content;
    height: fit-content;
}



.mapsModal {
    text-align: center;
    text-align: center;
    top: 15vw;
    left: 2vw;
}

.mapsModal .AddrList {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.mapsModal .AddrList .address {
    font-size: 1.1rem;
    display: flex;
    height: 40px;
    width: 100%;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.mapsModal .AddrList .address:hover {
    background-color: #dbdbdb;
    transition: 0.2s ease-out;
    color: #424242;
}

.mapsModal .modal-header {
    display: none;
}

.mapsModal .modal-footer {
    display: none;
}

.mapsModal .col {
    padding-right: 5px;
    padding-left: 5px;
}

#addressSelector .facoltativo {
    font-size: 0.8rem;
    color: #888;
    margin-top: 5px;
    margin-bottom: 10px;
}



#LessThanTenInches {
    padding: 30px;
    display: none;
    background-color: #fff;
    flex-direction: column;
    text-align: center;
    color: #fff;
    background: url("../media/foresta.svg");
    background-size: cover;
}

#LessThanTenInches img {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 70%;
}

#LessThanTenInches p {
    display: block;
    position: relative;
    font-size: 4rem;
    line-height: 70px;
    font-weight: bold;
}

#LessThanTenInches p::after {
    background-color: #fff;
    height: 2px;
}




/*
    media query
*/
@media screen and (max-width: 800px) {

    .results .cam-cnt .date-row .col .title {
        font-size: 0.5rem;
    }

    .results .cam-cnt .date-row .col .sub-title {
        font-size: 0.5rem;
    }

    .al-c .tasto {
        font-size: 0.8rem;
    }

    .al-c .text-h .r-t .nome {
        font-size: 0.8rem;
    }

    .al-c .text-h .desc {
        font-size: 0.6rem;
    }

    .al-c .text-h .b-t .btn-cnt .b {
        font-size: 0.6rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt .room-row .desc .disp {
        font-size: 0.5rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt .room-row .desc .prez {
        font-size: 0.5rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt .room-row .desc .name {
        font-size: 0.5rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt-2 .continua-btn {
        font-size: 0.6rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt-2 .title {
        font-size: 0.6rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt-2 .date-box {
        font-size: 0.6rem;
    }
}

@media screen and (min-width: 800px) and (max-width: 1090px) {
    .results .cam-cnt .date-row .col .title {
        font-size: 0.7rem;
    }

    .results .cam-cnt .date-row .col .sub-title {
        font-size: 0.7rem;
    }

    .al-c .tasto {
        font-size: 1rem;
    }

    .al-c .text-h .r-t .nome {
        font-size: 1rem;
    }

    .al-c .text-h .desc {
        font-size: 0.8rem;
    }

    .al-c .text-h .b-t .btn-cnt .b {
        font-size: 0.8rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt .room-row .desc .disp {
        font-size: 0.6rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt .room-row .desc .prez {
        font-size: 0.6rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt .room-row .desc .name {
        font-size: 0.6rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt-2 .continua-btn {
        font-size: 0.7rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt-2 .title {
        font-size: 0.7rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt-2 .date-box {
        font-size: 0.7rem;
    }

    .cli-site .bod .tit {
        font-size: 1rem;
    }

    .cli-site .bod .sot-tit {
        font-size: 0.66rem;
    }

    .cli-site .aux .foot .te-b {
        font-size: 1rem;
    }

    .cli-site .aux .foot .te-l {
        font-size: 1rem;
    }
}

@media screen and (min-width: 1090px) and (max-width: 1400px) {
    .results .cam-cnt .date-row .col .title {
        font-size: 0.9rem;
    }

    .results .cam-cnt .date-row .col .sub-title {
        font-size: 0.9rem;
    }

    .al-c .text-h .desc {
        font-size: 0.9rem;
    }

    .al-c .text-h .b-t .btn-cnt .b {
        font-size: 0.9rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt .room-row .desc .disp {
        font-size: 0.7rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt .room-row .desc .prez {
        font-size: 0.7rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt .room-row .desc .name {
        font-size: 0.7rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt-2 .continua-btn {
        font-size: 0.9rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt-2 .title {
        font-size: 0.9rem;
    }

    .al-c.active .hid-bod .lat-1 .room-cnt-2 .date-box {
        font-size: 0.9rem;
    }

    .cli-site .bod .tit {
        font-size: 1.5rem;
    }

    .cli-site .bod .sot-tit {
        font-size: 1rem;
    }

    .cli-site .aux .foot .te-b {
        font-size: 1.5rem;
    }

    .cli-site .aux .foot .te-l {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 950px) and (min-height: 500px) {
    #LessThanTenInches {
        display: block;
        position: absolute;
        height: 100vh;
        width: 100vw;
        z-index: 999;
        top: 0px;
    }
}

@media screen and (max-width: 860px) and (max-height: 500px) {
    #LessThanTenInches {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: absolute;
        height: 100vh;
        width: 100vw;
        z-index: 999;
        top: 0px;
    }

    #LessThanTenInches p {
        top: 0px;
    }
}

@media (max-height: 500px) {
    #LessThanTenInches {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: absolute;
        height: 100vh;
        width: 100vw;
        z-index: 999;
        top: 0px;
    }

    #LessThanTenInches p {
        top: 0px;
    }
}


/* change vedi tutte le notifiche 424242
a {
    color: #0366d6;
}

*/