/* 
<link href="https://scripts.myth-maker.com/chem-chem/availnow-overide.css" rel="stylesheet" type="text/css" media="all">
*/

:root {
    --text: #333;
    --muted-text: #666;
    --border: #e0e0e0;
    --bg: #f4f4f4;
    --card: #fff;
    --weekend: #eee;
    --supplier-brown: rgb(107, 63, 35);
    --country-orange: rgba(233, 141, 13, 0.8);
    --region-gold: rgba(188, 153, 66, 0.8);
    /* --range-accent: #68c8c7; */
    --range-accent: var(--colours--surface-1-override);
    --danger: #b71c1c;

    --_typography---font--body-copy: Manrope, sans-serif;
    --_typography---font--heading: Eightiescomeback ltsmcn, sans-serif;
    --surface-1-override: #e6e4e1;
    --text-override: #886f5b;
    --border-on-gradient: rgba(251, 248, 245, 1);

    --available-green: #b1b4a6;
}

html,
body {
    margin: 0;
    padding: 0;
    background: var(--border-on-gradient);
    font-family: var(--_typography---font--body-copy) !important;
    color: var(--text-override) !important;
}

.availNow {
    width: 100%;
    max-width: none;
    margin: 0px;
    background-color: transparent;
}

.availabilityComponent.container {
    padding: 0px;
    max-width: none;
}

.availabilityCircleBtn {
    background-color: var(--text-override);
}

.availabilitySearch,
.availabilityHeaderBar {
    max-width: none;
    margin: 0px;
    padding: 0px;
}

.availabilityLegendSwatch {
    --size: 25px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    border: 1px solid var(--text-override);
}

.availabilityLegendSwatchUnavailable {
    background-color: var(--surface-1-override);
}

.availabilityLegendSwatchAvailable {
    background-color: var(--available-green);
}

.availabilityHeading {
    font-family: var(--_typography---font--heading) !important;
    background-color: var(--surface-1-override) !important;
    padding: 16px 24px !important;
    margin-top: 16px;
    z-index: 10 !important;
}

.rateGrid {
    background-color: var(--available-green) !important;
}

.availabilityHeading>div>div {
    color: var(--text-override) !important;
}


.availabilityHeading>div>div:nth-child(2) {
    font-family: var(--_typography---font--body-copy) !important;
    text-transform: uppercase;
    display: none;
}

.availNow td,
.availNow tr,
.availNow th {
    border: solid 1px var(--surface-1-override);
    border-color: var(--surface-1-override) !important;
}

.availNow tr {
    border-left: none !important;
}

table {
    /* border: solid 2px var(--surface-1-override); */
    border-left: none !important;
}

.availNow th {
    border: none !important;
    /* border-color: red !important; */
}

td.roomType {
    padding-left: 24px;
    color: var(--text-override) !important;
    border-left: none;
}

th.roomType {
    padding-left: 24px;
    color: var(--text-override) !important;
    border-left: none !important;
}

.availNow thead>tr {
    border-right: none;
}

.availNow thead>tr>th:nth-child(1) {
    border-bottom: solid var(--border-on-gradient) 1px !important;
    font-size: 15px;
}

.roomType {
    border-left: none !important;
    color: var(--text-override) !important;
    background: #ffffff;
    background: linear-gradient(90deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(251, 248, 245, 1) 100%);
}

.roomTypeContainer .roomTypeName {
    font-weight: 400;
    font-size: 15px;
}

.week,
.weekend {
    color: var(--text-override) !important;
    text-transform: uppercase;
}

.week>div:nth-child(2),
.weekend>div:nth-child(2) {
    font-weight: bold;
    font-size: 17px;
    /* line-height: 12px; */
}

.rateGridSoldOut {
    background-color: var(--surface-1-override) !important;
}

.availabilityDateLabel,
.availabilityRangeText,
.availabilityLegend,
.roomTypeContainer .roomTypeName {
    color: var(--text-override) !important;
}

.search-wrapper {
    border: none;
}

td.roomType,
th.roomType {
    width: 170px;
}

body.mobile-mode .availabilityTable td,
body.mobile-mode .availabilityTable th {
    text-align: left;
    min-width: 60px;
}