.availability_table {
    border-collapse: separate;
    border-spacing: 1px 1px;
    position: relative;
    /* margin-left: auto;
    margin-right: auto; */
}


.availability_table .dates {
    /* width: 92px; */
    width: 70px;
}

.availability_table .availability {
    width: 47px;
}

.availability_table .property {
    width: 38px;
}

.availability_table .totals {
    width: 34px
}

.availability_table tr {
    height: 16px;
}


.availability_table_container {
    height: 170px;
    overflow-y: auto;
}

.button-container {
    text-align: center;
    margin-top: 9px;
}

.button-container button {
    background: #fff;
    border: 1px solid #ccc;
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    font-size: 9px;
    color: #00446a;
    cursor: pointer;
    padding: 4px;
    width: 300px;
}

#popupMessage {
    display: none;
    z-index: 1000;
    position: fixed;
    transform: translate(0%, -150%);
    background-color: white;
    padding: 5px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1);

}

#keydate_popup {
    position: relative;
    width: 200px;
    top: 325px;
    margin-left: 125px;
    background: white;
    border: 1px solid #ccc;
    padding: 9px;
    color: #00446a;
    text-align: center;
    display: none;
}


/* Scroll to month/year anchor on page load */
.page-scroll {
    scroll-behavior: smooth;
}


/* .col_shortstay {
    opacity: 0.5;
} */

.col_hide {
    visibility: collapse;
}

.col_disabled {
    pointer-events: none;
    opacity: 0.5;
}

.col_extras_disabled {
    /* pointer-events: none; */
    opacity: 0.5;
}

.col_greyedout {
    opacity: 0.5;
}


.col_property,
.col_date {
    text-align: center;
    /* cursor: pointer; */
}

/* .col_date {
    cursor: pointer;
}

.col_date:hover {
    color: white;
    background-color: #00446a;
} */


.col_date_selected,
.col_availability_selected,
.col_ceremony_selected {
    color: white;
    background-color: #00446a;
    /* outline: 1px solid #00446a; */
    font-size: 9px;
}




.col_property a {
    color: #00446a;
    text-decoration: none;
}

.col_available {
    text-align: center;
    font-size: 9px;
    /* cursor: pointer; */
}

/* .col_available:hover {
    color: white;
    background-color: #00446a;
} */

/* .col_available:hover {
    color: white;
    background-color: #00446a;
} */

.col_availability {
    cursor: pointer;
}

.col_availability:hover {
    color: white;
    background-color: #00446a;
}

.col_booked {
    color: white;
    background-color: #00446a;
    font-size: 9px;
    cursor: unset;
}

tr.col_no_book td, .col_no_book {
    opacity: 0.5;
    cursor: unset;
}

.col_booked_leave {
    color: #00446a;
    background-color: white;
}

/* .col_booked_leave:hover {
    color: white;
    background-color: #00446a;
    cursor: pointer;
} */

.col_selected {
    color: white;
    background-color: #00446a;
    /* outline: 1px solid #00446a; */
    font-size: 9px;
}

.col_requested {
    border: 1px solid #00446a;
    font-size: 9px;
}

.bubble {
    padding: 3px 5px;
}

.keydate_container {
    border: dashed 1px #ccc;

}

/* .keydate_container:hover {
    border: none;
} */

.numberrange-container {
    width: 30px !important;
    margin: auto !important;
}

.numberrange-value-inner {
    font-size: 9px !important;
}

.numberrange-rightbtn, .numberrange-leftbtn {
    cursor: pointer !important;
}

#popupWindow {
    position: absolute;
    width: 300px;
    top: 225px;
    margin-left: 75px;
    background: white;
    border: 1px solid #ccc;
    padding: 9px;
    display: none;
}

#keydate_popup {
    position: relative;
    width: 200px;
    top: 140px;
    margin-left: 125px;
    background: white;
    border: 1px solid #ccc;
    padding: 9px;
    color: #00446a;
    display: none;
}

h1 {
    padding-top: 0px;
}