:root {
    --Button-Colour: #0088c4;
    --Main-Colour: #eeeeee;
    --Secondary-Colour: #7e8186;
    --Active-Colour: #0051b5;
}

.change-quantity-button,
#selectStayButton,
.product-deep-link-container,
.basket-link-button,
#payFeeToChooseButton,
#autoChooseButton,
#selectProductButton,
.resource-type-selector,
.select-resource-button:hover,
.select-resource-button {
    background-color: var(--Button-Colour) !important;
    color: white !important;
}


.box-header,
.daterangepicker td.available:hover,
.daterangepicker td.active,
.change-quantity-button-sq,

.display-product-header,
.daterangepicker td.in-range:not(.end-date)
{
    background-color: var(--Main-Colour) !important;
    color: black !important;
}
.daterangepicker td.active {
    background-color: var(--Button-Colour) !important;
    color: white !important;
}

.box-header .name
{
    color: black !important;
}

.btn-secondary-text, .product-deep-link-container a, .home-link, .basket-link, .nav-text, .footer-text {
    color: white !important;
}

.product-price-container, .alternative-text-lg, .alternative-text-sm {
    background-color: var(--Main-Colour) !important;
    color: black !important;
}

.nav-bar {
    background-color: var(--Secondary-Colour) !important;
}

#footer {
    background-color: var(--Secondary-Colour) !important;
    color: white !important;
}

.change-quantity-button-sq.disabled {
    opacity: 0.3;
}