body {
    font-family: 'Varela Round', sans-serif;
    background: rgb(237, 233, 224);
    background: linear-gradient(180deg, rgba(237, 233, 224, 1) 0%, rgba(249, 237, 185, 1) 100%);
    min-height: 100vh;
    overflow-y: overlay;
    overflow-x: hidden;
    backdrop-filter: brightness(1.05);
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

body.dark-mode {
    background: linear-gradient(180deg, rgba(18, 22, 31, 1) 0%, rgba(10, 24, 93, 1) 100%);
}

body.dark-mode header{
    background-color: rgb(16, 23, 30);
}

body.dark-mode header .header-container{
    filter: invert(1);
}

body.dark-mode .modal{
    filter: invert(1);
}

body.dark-mode main{
    filter: invert(1) brightness(1.25);
    font-weight: bold !important;
}

body.dark-mode .nav-tabs .nav-link.active {
    border-color: rgb(100,100,100) !important;
}
body.dark-mode .darkmode-white-border{ border-color: gray !important;}
body.dark-mode .filter-invert{filter: invert(1) !important;}
body.dark-mode input, body.dark-mode select,
body.dark-mode textarea, body.dark-mode div.form-control,
body.dark-mode a.form-control{
    border: 1px solid grey;
}
body.dark-mode .dropdown-toggle{ border-color: gray !important;}
body.dark-mode input.cc-num-part{
    border-radius: 0 !important;
}



body.dark-mode .events-list .reservation-event-log.canceled{ border-right-color: rgb(0, 255, 255) !important;}
body.dark-mode .events-list .reservation-event-log.confirmed{ border-right-color: rgb(255, 127, 255) !important;}

body.dark-mode .user-settings-wrap i{filter: inherit !important;}
body.dark-mode .rooms-container i{filter: inherit !important;}

body.dark-mode .modal-backdrop{
    z-index: -1;
}

body.dark-mode .alert-success{
    color: rgb(255 205 216);
    background-color: rgb(119 87 94);
}
body.dark-mode .alert-danger{    
    color: rgb(123 223 214);
    background-color: rgb(225, 245, 250);
    border-color: rgb(10, 61, 56);}

body.dark-mode .btn:not(.secondary-nav-btn, .btn-light, .dropdown-toggle, .input-group .btn){filter: invert(1) contrast(2);}

body.dark-mode .reservations-list .border-success{border-right-color: rgb(255, 127, 255) !important;}
body.dark-mode .reservations-list .border-danger{ border-right-color: rgb(0, 255, 255) !important;}

body.dark-mode .calender-tab-content{border: 1px solid gray !important;}
body.dark-mode .calendar-body .bg-light{background-color: mistyrose !important;}
body.dark-mode .calendar-day .col.closed{ background-color: rgb(180,220,220) ;}

@media only screen and (max-width: 575px) { /* SM BREAKPOINT */

    body.dark-mode{
        overflow: hidden;
    }

    body.dark-mode.mobile-menu-active #primary-nav-wrap{
        right: -16px;
        top: 51px;
        height: 100vh;
        /* background: linear-gradient(180deg, rgba(18, 22, 31, 1) 0%, rgba(10, 24, 93, 1) 100%); */
    }

}