@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

html #bookle-diarium-connect #bookle-diarium-connect-inner  {
    font-family: "Work Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 400 !important;
    font-style: normal !important;

    --brand-color: #006781 !important;
    --text-color: #003441 !important;
    --header-text-color: #003441 !important;
    --modal-text-color: #003441 !important;
    --modal-form-label-text-color: #003441 !important;
    --captcha-draggable-color: #003441 !important;
    --modal-buttons-filled-bg-color-dark: #003441 !important;
    --modal-buttons-filled-bg-color-light: #003441 !important;
    --instructions-heading-text-color: #003441 !important;
    --instructions-text-color: #003441 !important;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-dropdown-button {
    color: #004556;
    border-color: #004556;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-dropdown-button.bookle-dropdown-highlight {
    transition: all 250ms ease-in-out;
    border: 1px solid #006781;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-dropdown-button.bookle-dropdown-highlight,
html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-dropdown-button.bookle-dropdown-is-active {
    color: #fff;
    background: #006781;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-dropdown-button.bookle-dropdown-highlight:hover {
    color: #004556;
    background: #fff;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-dropdown-button.bookle-dropdown-highlight:before {
    background: #F7D080;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-dropdown-item-button,
html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-dropdown-item-button.is-child,
html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-dropdown-item-toggle i {
    color: #006781;
}

html #bookle-diarium-connect .bookle-instructions-wrap .highlight-icon{
    display: none;
}

html #bookle-diarium-connect .bookle-instructions-wrap .bookle-icon{
    color: #F0A202;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-filter-tag:not(.bookle-filter-disabled) {
    background: #F7D080;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-filter-tag:not(.bookle-filter-disabled):hover {
    background: #F0A202;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-filter-tag.bookle-filter-reset {
    background: var(--alert-color);
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-filter-tag.bookle-filter-reset:hover {
    background: var(--warning-color);
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-timeslots-container .timeslots-container .timeslots-wrap .timeslot  {
    background: #E9FBFF;
    border: 1px solid #AACCD5;
    color: #006781;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-timeslots-container .timeslots-container .timeslots-wrap .timeslot .time,
html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-timeslots-container .timeslots-container .timeslots-wrap .timeslot .min-price {
    color: #006781;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-timeslots-container .timeslots-container .timeslots-wrap .timeslot .min-price {
    opacity: 0.55;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-timeslots-container .timeslots-container .timeslots-wrap .timeslot:hover {
    background: #CCE1E6;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-timeslots-container .timeslots-container .timeslots-wrap .timeslot:hover .time,
html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-timeslots-container .timeslots-container .timeslots-wrap .timeslot:hover .min-price {
    color: #006781;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .air-datepicker .air-datepicker-nav {
    background: #006781;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .air-datepicker--content {
    background: #E9FBFF;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .air-datepicker .air-datepicker-cell.-day-.-disabled- {
    color: #F24236;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-timeslots-container .timeslots-container .date-and-durations-wrap .toggle-durations .duration {
    color: #004556;
    border-color: #004556;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-timeslots-container .timeslots-container .date-and-durations-wrap .toggle-durations .duration.active {
    background: #004556;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-timeslots-container .date-filter-wrap .mobile-calendar .month {
    background: #004556;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-timeslots-container .date-filter-wrap .mobile-calendar .days .day {
    color: #004556;
    border-color: #004556;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-timeslots-container .date-filter-wrap .mobile-calendar .days .day.selected {
    background: #004556;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-booking-modal {
    --accent-color: #003441;
    --modal-employee-selected-button-bg-color: #006781;
    --modal-employee-selected-button-bg-color-hover: #004556;
    --modal-details-highlight-border-color: #F5C156;
    --filters-toggle-bg-color-active-dark: #006781;
    --filters-toggle-bg-color-active-light: #006781;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-booking-modal-footer {
    padding-top: 32px;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-booking-modal-footer .bookle-toggle-wrapper {
    margin-bottom: 16px;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-booking-modal-footer .booking-bookle-captcha-container {
    margin-top: 16px;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-heading-and-toggle-container .bookle-heading {
    font-family: "Work Sans", sans-serif !important;
    font-weight: 600 !important;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-heading-and-toggle-container .bookle-appointment-type-toggle {
    min-width: 360px;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-toggle span::before {
    top: 4px;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-filters-container i.hand-drawn-arrow {
    top: -10px;
}
html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-employee-appointments {
    margin-bottom: 32px;
}

html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-booking-modal h1,
html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-booking-modal h2,
html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-booking-modal h3,
html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-booking-modal h4,
html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-booking-modal h5,
html #bookle-diarium-connect #bookle-diarium-connect-inner .bookle-booking-modal h6 {
    font-family: "Work Sans", sans-serif !important;
}