html[data-theme="dark"] {
  scrollbar-color: #444 #111; /* Firefox */
  scrollbar-width: thin;
}

html[data-theme="dark"] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #111;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 10px;
  border: 2px solid #111;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #666;
}

[data-theme="dark"] {
    
    background: #000;
    
    
    body {
        background: #000;
    }
    
    a:focus, a:hover {
        color: #47d3e3;
    }

    label {
        color: #bdbaba;
    }

    a.list-group-item, button.list-group-item {
        color: #bdbaba;
    }

    a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
        background-color: #171e2d;
        color: #bdbaba;
    }

    li.list-group-item:hover {
        background-color: #171e2d;
    }

    .irs-line-mid, .irs-line-left, .irs-line-right {
        background: #171e2d !important;
    }

    .irs-bar, .irs-bar-edge {
        background: #009fb1 !important;
    }

    .irs-slider {
        background: #006c78 !important;
    }

    .dropzone {
        border: solid 1px #283246 !important;
        background: #171e2d !important;
    }

    .multi-bar .notification-list {
        background: #171e2d !important;
    }

    .multi-bar h4 {
        color:#fff !important;
    }

    .label-light {
        background-color: #171e2d;
    }

    .page-header {
        border-bottom: 1px solid #171e2d;
    }

    .panel-primary > .panel-heading {
        background-color: #171e2d;
    }

    .panel-default>.panel-heading {
        color: #bdbaba;
        background-color: #171e2d;
        border-color: #0d0e0f;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #fff;
    }

    .panel {
        background-color: #0d0f15;
    }

    .bg-lightgrey {
        background-color: #171e2d !important;
    }

    .bg-muted {
        background-color: #000000 !important;
    }

    .panel-group .panel .panel-heading + .panel-collapse .panel-body {
        border: 1px solid #171e2d;
    }

    hr {
        border-top: 1px solid #171e2d;
    }

    .bookingRoomTab {
        background: inherit;
    }

    .label-warning, .label-primary, .label-default {
        background-color: #171e2d;
    }

    .panel-border.panel-warning .panel-heading {
        border-color: #71623b !important;
        color: #71623b !important;
    }

    .bg-warning {
        background-color: #71623b !important;
    }

    .dropdown-menu {
        background-color: #000;
    }

    .dropdown-menu>li>a {
        color: #fff;
    }

    .dropdown-menu .divider {
        background-color: #171e2d;
    }

    .btn-default {
        color: #90979c;
    }

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
        background-color: #171e2d !important;
    }

    .table-striped > tbody > tr:nth-of-type(odd), .table-hover > tbody > tr:hover, .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
        background-color: #101317 !important;
    }

    .table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        border: 1px solid #262e3f;
    }

    .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
        background-color: #0d0f15;
    }

    table.dataTable>tbody>tr.child ul li {
        border-bottom: 1px solid #262e3f;
    }

    th {
        color: #bdbaba;
    }

    .popover {
        background-color: #000000;
    }
    
    .popover-title {
        border-bottom: 1px solid #393939;
    }

    .modal-content {
        background: #000;
    }

    .modal-header {
        border-bottom: 1px solid #171e2d;
    }

    .modal-footer {
        border-top: 1px solid #171e2d;
    }

    .btn-default {
        background-color: rgb(0 0 0 / 30%);
        border-color: #171e2d;
    }

    .btn-default:hover {
        border: 0px;
    }

    .form-control {
        background-color: #171e2d;
        border: 1px solid #373737;
        color: #fff;
    }

    .modal .modal-dialog .modal-content {
        border-color: #171e2d;
    }

    .input-group-addon {
        background-color: #0f131c; 
        color: #797979;
    }

    .input-group-addon {
        border: 1px solid #373737;
    }

    #topnav .navbar-custom {
        background-color: #171e2d;
    }

    #topnav .navigation-menu > li > a i, #topnav .navigation-menu > li > a {
        color: #bdbaad;
    }

    #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:hover i, #topnav .navigation-menu > li > a:focus, #topnav .navigation-menu > li > a:focus i, #topnav .navigation-menu > li > a:active, #topnav .navigation-menu > li > a:active i {
        color: #009fb1;
    }

    #topnav .active a:first-of-type {
        color: #009fb1;
    }

    #topnav .active a:first-of-type i {
        color: #009fb1;
    }

    #topnav .topbar-main {
        background: rgb(18, 56, 71);
        background: linear-gradient(
            90deg,
            rgb(18, 56, 71) 0%,
            rgb(10, 31, 39) 50%,
            rgb(18, 56, 71) 100%
        );
        background-size: 200% auto; /* Increase the background size to cover the entire area */
    }

    .panel-footer {
        background: #171e2d;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > th, .table-bordered {
        border-top: 1px solid #171e2d;
    }

    .table > thead > tr > th {
        border-bottom: 2px solid #171e2d;
    }

    .list-group-item {
        background-color: #0d0f15;
        border: 1px solid #171e2d;
    }

    .panel-border .panel-heading {
        background-color: #0d0f15;
    }

    .cs-page-loading {
        background: radial-gradient(circle,
        rgba(0, 75, 85, 1) 0%,        /* Σκοτεινό μπλε-γκρι στο κέντρο */
        rgba(5, 30, 35, 1) 100%       /* Πιο σκούρο teal έξω */
        );
    }

    .card-box {
        background-color: #0d0f15;
    }

    .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
        background-color: #3e0000;
    }

    .select2-container-multi .select2-choices {
        background-color: #171e2d;
    }

    .select2-drop {
        background: #171e2d;
        color: #fff;
    }

    .select2-container .select2-choice {
        color: #fff;
    }

    .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
        background: #171e2d;
    }

    .form-control.select2-container.select2-dropdown-open {
        border-color: #5897FB;
    }

    .fc .fc-col-header {
        background: #171e2d;
    }

    .fc-theme-standard td, .fc-theme-standard th {
        border: 1px solid #171e2d;
        border: 1px solid var(--fc-border-color, #171e2d);
    }

    .fc-theme-standard .fc-scrollgrid {
        border: 1px solid #171e2d;
        border: 1px solid var(--fc-border-color, #171e2d);
    }

    .fc .fc-daygrid-day.fc-day-today {
        background-color: rgba(255, 255, 255, 0.15);
        background-color: rgb(255 255 255 / 15%);
    }

    .fc .fc-daygrid-day-number {
        color: #b2afa4;
    }

    .fc .fc-button-primary {
        background-color: #171e2d;
        background-image: linear-gradient(to bottom, #171e2d, #171e2d);
        color: #b2afa4;
    }

    .swal2-popup {
        background: #0e121b;
    }

    .timeline-item.alt .timeline-desk .arrow-alt {
        border-left: 8px solid #bdbaba;
    }
    
    .timeline-item .timeline-desk .arrow {
        border-right: 8px solid #bdbaba;
    }

    .bg-plan {
        border-color: #696969 !important;
    }

    .img-thumbnail {
        background-color: #474747;
        border: 1px solid #474747;
    }

    .btn {
        background: #0d0f15;
    }
    .btn:hover {
        background: #171e2d;
        color:#fff;
        border-color: #373737 !important;
    }

    .portlet .portlet-body {
        background: #000000;
    }

    .nav-tabs > .active > a, .nav-tabs > .active > a:focus, .nav-tabs > .active > a:hover {
        border: 2px solid #000 !important;
        border-bottom-color: #000 !important;
    }
    
    .daterangepicker .ranges li {
        background: #171e2d;
        border: 1px solid #171e2d;
    }

    .daterangepicker .input-mini {
        background: #171e2d;
    }

    .daterangepicker .calendar-table {
        background: #171e2d;
    }

    .daterangepicker .calendar-table {
        border: 1px solid #171e2d;
    }

    .daterangepicker .input-mini {
        border: 1px solid #39445d;
    }

    .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
        color: #313c52;
        background: #1b2232;
    }

    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        background: #1b2232;
    }

    .daterangepicker td.in-range {
        background: #123847;
    }

    .select2-search input {
        border: 1px solid #101317;
        background: #101317 url(select2.png) no-repeat 100% -22px;
        background: url(select2.png) no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #101317), color-stop(0.99, #101317));
        background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #101317 85%, #101317 99%);
        background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #101317 85%, #101317 99%);
        background: url(select2.png) no-repeat 100% -22px, linear-gradient(to bottom, #101317 85%, #101317 99%) 0 0;
    }

    .bg-white {
        background-color: #000000 !important;
    }

    .btn-trans.btn-default {
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        background-color: rgba(0, 0, 0, 0.3) !important;
        color: #bdbaba !important;
    }

    .scrollbar-top {
        background: #000000;
    }

    .checkbox label::before {
        background-color: #171e2d;
    }

    .modal-demo {
        background-color: #000;
    }

    pre {
        background-color: #000;
        border: 1px solid #000;
    }

    div.availability thead th {
        background: #171e2d;
    }

    div.availability tr.roomFirstRow td.roomBlock:first-child {
        background: #000000 !important;
    }

    div.availability span.roomName {
        color: #bdbaad;
    }

    div.availability td, div.availability th {
        border: solid 1px #1e1e1e;
    }

    .datepicker tbody {
        background: #000;
        border-top: solid 10px #000;
        border-bottom: solid 10px #000;
    }

    .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
        background: #171e2d !important;
    }

    div.availability tbody tr.rowRoomNumbers .roomBlock {
        background: #171e2d;
        color: #bdbaad;
    }

    div.availability td.roomBlock {
        background: #000000;
    }

    th.reservationExists, td.reservationExists {
        background: #171e2d !important;
    }

    div.availability .extraDetails th, div.availability .extraDetails td {
        background: #000;
    }

    th.checkinDay:before, td.checkinDay:before {
        background-color: #000;
    }

    th.checkinDay:after, td.checkinDay:after {
        background-color: #171e2d;
    }

    .room-odd .extrasTitle, .room-even .periodTitle, .room-odd .periodTitle {
        background: #171e2d !important;
        border-bottom: solid 1px #49759a !important;
        color: #bdbaba;
    }

    .room-even label, .room-odd label {
        color: #bdbaba;
    }

    .room-even .adultsBlock, .room-odd .adultsBlock, .room-odd .extrasBlock, .room-even .extrasBlock {
        background: #000000 !important;
    }

    .room-even span.currencySymbol, .room-odd span.currencySymbol {
        background: #2a3448;
    }

    .room-even .btn-default {
        background-color: #123847 !important;
        border: 1px solid #123847 !important;
        color: #fff !important;
    }

    .right-bar {
        background: #000 !important;
    }

    .pushNotificationsContainer {
        background: #171e2d;
        border-top: solid 1px #404c65;
    }

    .panel-border.panel-primary .panel-heading {
        border-color: #123847 !important;
        color: #123847 !important;
    }

    .btn-primary {
        background-color: #123847 !important;
        border: 1px solid #123847 !important;
    }

    .btn-primary:hover {
        background-color: #064057 !important;
        border: 1px solid #064057 !important;
    }

    .btn-custom {
        background-color: #3b5b7f !important;
        border: 1px solid #3b5b7f !important;
    }

    .btn-custom:hover {
        background-color: #486e9a !important;
        border: 1px solid #486e9a !important;
    }

    .bg-primary {
        background-color: #123847 !important;
    }

    .btn-pink {
        background-color: #45344d !important;
        border: 1px solid #45344d !important;
    }

    .btn-pink:hover {
        background-color: #733e58 !important;
        border: 1px solid #733e58 !important;
    }

    .bg-pink {
        background-color: #45344d !important;
    }

    .bg-success {
        background-color: #163f39 !important;
    }

    .btn-success {
        background-color: #163f39 !important;
        border: 1px solid #163f39 !important;
    }

    .btn-success:hover {
        background-color: #1d523d !important;
        border: 1px solid #1d523d !important;
    }

    .text-success {
        color: #bdbaba !important;
    }

    .label-success {
        background-color: #163f39 !important;
    }

    .panel-border.panel-success .panel-heading {
        border-color: #163f39 !important;
        color: #163f39 !important;
    }

    .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
        background-color: #163f39;
    }

    .label-info {
        background-color: #3b5b7f !important;
    }

    .btn-warning {
        background-color: #71623b !important;
        border: 1px solid #71623b !important;
    }

    .btn-warning:hover {
        background-color: #a09535 !important;
        border: 1px solid #a09535 !important;
    }

    .btn-danger {
        background-color: #550000 !important;
        border: 1px solid #550000 !important;
    }

    .btn-danger:hover {
        background-color: #600202 !important;
        border: 1px solid #600202 !important;
    }

    .bg-danger {
        background-color: #550000 !important;
    }

    .label-danger {
        background-color: #550000 !important;
    }

    .panel-border.panel-danger .panel-heading {
        border-color: #550000 !important;
        color: #550000 !important;
    }

    .text-primary, .text-danger {
        color: #bdbaba !important;
    }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        background-color: #171e2d;
        border-color: #171e2d;
    }

    .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
        background-color: #000000;
        border-color: #171e2d;
    }

    .pagination>li>a, .pagination>li>span {
        background-color: #171e2d;
        border: 1px solid #171e2d;
    }
 
    div.availability tbody tr.rowRoomNumbers td.available {
        background: #467612;
    }
 
    div.availability tbody td.available {
        background: #467612;
    }

    div.availability tbody td.notavailable {
        background: #a2343a;
    }

    div.availability tbody td.increased {
        background: #987112;
    }

    .swal2-html-container {
        color: #bdbaba;
    }

    .modal-demo .close, .custom-modal-title {
        color: #fff;
    }

    .close {
        color: #fff;
        opacity: 1;
    }

    .progress-bar-success {
        background-color: #467612;
    }

    .progress-bar-danger {
        background-color: #a2343a;
    }

    .ms-container .ms-selectable, .ms-container .ms-selection {
        background: #171e2d;
    }

    .ms-container .ms-list {
        border: 1px solid #373737;
    }

    .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
        border-bottom: 1px #373737 solid;
        color: #bdbaba;
    }

    code {
        background-color: #171e2d;
    }

    .select2-drop-active {
        border: 1px solid #575757 !important;
    }

    .bootstrap-timepicker-widget table td input {
        background: #171e2d;
    }

    .bootstrap-timepicker-widget table td a:hover {
        background-color: #171e2d;
        border-color: #363636;
    }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        background: #171e2d;
    }

    .irs-min, .irs-max {
        background: #171e2d;
    }

    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
        background-color: #171e2d;
        border: 1px solid #171e2d;
        color: #fff;
    }

    .nav > li > a:focus, .nav > li > a:hover {
        background-color: #123847;
        color: #fff;
    }

    .card-tabs .tab-content {
        border: 2px solid #171e2d !important;
    }

    .nav-tabs {
        border-bottom: 2px solid #171e2d;
    }

    .panel-inverse > .panel-heading {
        background-color: #171e2d;
    }

    .newBookingClient {
        background: #000;
    }

    .mce-container .mce-toolbar-grp {
        background-color: #171e2d !important;
        border: 1px solid #171e2d !important;
    }

    .mce-container .mce-statusbar {
        background-color: #171e2d !important;
        border: 1px solid #171e2d !important;
    }

    .mce-container .mce-edit-area {
        border: 1px solid #171e2d !important;
    }

    .mce-container .mce-btn-group .mce-btn {
        background-color: #000000;
    }

    .mce-container .mce-btn-group {
        border: 1px solid #000000 !important;
    }

    .checkin-details {
        color: #fff;
    }

    .checkin-details .label {
        color: #bdbaba;
    }

    .checkin-left {
        background-color: #171e2d;
    }

    .checkin-right {
        background: radial-gradient(circle, rgba(0, 75, 85, 1) 0%, rgba(5, 30, 35, 1) 100%);
    }

    .suggestionBorderFull {
        border: solid 1px #242d40;
    }

    .suggestionBorderBottom {
        border-bottom: solid 1px #242d40;
    }

    .user-list .user-list-item .user-desc span.name {
        color: #fff;
    }

    .search-field:focus {
        background-color: #2a4c5a;
    }

    .close:focus, .close:hover {
        color: #fff;
    }
    
    .bg-darkgrey {
        background-color: #123847 !important;
    }

    .receiptRoomBlockMuted .input-group-addon, .receiptRoomBlockMuted em {
        background: none !important;
    }

    .panel-tabs .nav-pills li.active a {
        background-color: #0d0f15 !important;
        color: #fff !important;
    }

    .ribbon span {
        background: linear-gradient(#a93b3b 0%, #863131 100%);
    }

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
            border: 1px solid rgb(45 53 71) !important;
            color: #90979c !important;
    }

    .greyBlock {
        background: #000 !important;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover, 
    input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0px 1000px #171e2d inset !important; /* Dark background */
        -webkit-text-fill-color: #ffffff !important; /* White text */
        transition: background-color 5000s ease-in-out 0s; /* Prevent flash */
    }

    div.availability td.roomBlock {
        color:#fff;
    }

    .popover-content {
        color:#fff;
    }

    .credit-card {
        background: linear-gradient(90deg, rgb(23 30 45) 0%, rgb(0 73 83) 100%);
    }

    #dashboard-today-statistics .well {
        background: #171e2d url('../_gfx/stats-graph-dark.png') no-repeat center center;
        background-size: contain;
    }

    #addon-filters .chip {
        background: #171e2d;
        border: 1px solid #2a364f;
    }
    .status-label {
        background: #0d0f15;
        color: #90979c;
    }
    
    /* iframe {
        filter: invert(1) hue-rotate(180deg);
    } */

    @media (min-width: 1241px) {
        #topnav .navigation-menu > li .submenu {
            background-color: #171e2d;
            border: 1px solid #252c3c;
            box-shadow: 0px 10px 10px -7px #000;
        }
        #topnav .navigation-menu > li .submenu li a {
            color: #bdbaad;
        }
        #topnav .navigation-menu > li:hover a, #topnav .navigation-menu > li:hover a i {
            color: #009fb1;
        }
        #topnav .navigation-menu > li .submenu li a:hover {
            color: #009fb1;
        }
        .navigation-menu > li.addons {
            background: #2f3a51;
        }
    }

    @media (max-width: 1240px) {
        #navigation {
            background: #13212f; /* fallback */
            background: -moz-linear-gradient(top, #13212f 0%, #1e1d35 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #13212f), color-stop(100%, #1e1d35));
            background: -webkit-linear-gradient(top, #13212f 0%, #1e1d35 100%);
            background: -o-linear-gradient(top, #13212f 0%, #1e1d35 100%);
            background: -ms-linear-gradient(top, #13212f 0%, #1e1d35 100%);
            background: linear-gradient(to bottom, #13212f 0%, #1e1d35 100%);
            border-top: 1px solid #333;
        }
    }

    @media (min-width: 768px) {
        .nav-tabs.nav-justified > li > a {
            border-bottom: 2px solid #092133;
        }
    }

    @media screen and (max-width: 767px) {
        .table-responsive {
            border: 1px solid #0d0f15;
        }

        .navbar-nav .open .dropdown-menu {
            background-color: #000;
        }

        .timeline-item.alt .timeline-desk .arrow-alt, .timeline-item .timeline-desk .arrow {
            border-bottom: 8px solid #bdbaba !important;
        }
    }
}