/* grey.css */
html,
body {
    background: radial-gradient(#fff, #fff) !important;
    color: #333 !important;
}

.container .calendar table tbody tr td,
.container .calendar table tbody tr td div table tr td,
.roomorder form .row > div .table.ordertable tr td {
    background: #fff !important;
    color: #444 !important;
}

.container .calendar table tbody tr td.enabled span {
    color: #444 !important;
}

.container .calendar table tbody tr td div table tr:hover td {
    background: #ccc !important;
    color: #333 !important;
}

.roomorder form .row > div .table.ordertable thead tr th {
    background: #666 !important;
    color: #fff !important;
}

.roomorder form .row > div table tr td {
    background: #f0f0f0 !important;
    color: #444 !important;
}

.roomorder form .row > div table tr td.ordered {
    background: #666 !important;
    color: #fff !important;
}

.table-light {
    --bs-table-bg: #f0f0f0;
    --bs-table-striped-bg: #e5e5e5;
    --bs-table-striped-color: #555;
    --bs-table-active-bg: #999;
    --bs-table-active-color: #333;
    --bs-table-hover-bg: #ccc;
    --bs-table-hover-color: #444;
    color: #555 !important;
    border-color: #999 !important;
}

.table.month thead.table-light tr th {
    background: #666 !important;
    color: #fff !important;
}

.bg-light {
    background: #eee !important;
}

.bg-custom {
    background: none !important;
    border: 1px solid #666;
}

.btn-primary,
a.btn-primary {
    background: #666 !important;
    color: #fff !important;
    border: none !important;
}

i.btn-primary {
    background: none !important;
    color: #666 !important;
}

.close-order i {
    color: #666 !important;
}

.btn-primary:hover,
a.btn-primary:hover {
    background: #999 !important;
    color: #fff !important;
}

.btn-light {
    background: #f0f0f0 !important;
    color: #444 !important;
    border: 1px solid #666 !important;
}

.btn-light:hover {
    background: #666 !important;
    color: #fff !important;
}

.table.week tbody tr td.disabled,
.container .calendar table tbody tr td.disabled {
    background: #ddd !important;
}

.container .calendar table tbody > tr > td {
    border: 1px solid #ddd !important;
}

.container .calendar table thead tr th {
    color: #444 !important;
}

.bg-video {
    opacity: 0.07;
    filter: grayscale(100%) brightness(104%) contrast(98%);
}

div.logo {
    background: #fff !important;
    border-color: transparent !important;
    color: #333 !important;
}

.container .calendar table tbody tr td.thisday {
    -webkit-box-shadow: inset 0px 0px 3px 0px #666;
    -moz-box-shadow: inset 0px 0px 3px 0px #666;
    box-shadow: inset 0px 0px 3px 0px #666;
}

.container.text-center.p-3.bg-light.rounded-3.my-5 .roomorder form .row.bg-light table.table.table-hover.text-center tbody,
html {
    scrollbar-color: #666 #ddd;
}