:root {
  --mo-primary-blue: #577389;
  --mo-secondary-blue: #015b81;
  --mo-purple: #5B304E;
}

.bb-section-title__highlight-bg {
  background-color: var(--mo-primary-blue, #577389);
}
.bb-btn--primary {
  background-image: linear-gradient(180deg, var(--mo-primary-blue) 0, var(--mo-primary-blue) 100%), linear-gradient(180deg, var(--mo-primary-blue) 0, #576089 100%);
}
.bb-btn--primary:hover:not(:disabled):not([aria-disabled=true]):not(.bb-btn--loading) {
    background-image:
        linear-gradient(#354b5f80, #354b5f80),
        linear-gradient(180deg, #7190a5 0, #577389 100%),
        linear-gradient(180deg, #577389 0, #3f596d 100%);

    background-origin: border-box;
    background-clip: padding-box, padding-box, border-box;
}
.bb-btn--secondary {
    background-image: linear-gradient(180deg, var(--mo-purple) 0, var(--mo-purple) 100%), linear-gradient(180deg, var(--mo-purple) 0, #7a4a6c 100%);
    color:#fff;

}
.bb-btn--secondary:hover:not(:disabled):not([aria-disabled=true]):not(.bb-btn--loading) {
    background-image:
        linear-gradient(#3d203580, #3d203580),
        linear-gradient(180deg, #7a4a6c 0, #5B304E 100%),
        linear-gradient(180deg, #5B304E 0, #422238 100%);

    background-origin: border-box;
    background-clip: padding-box, padding-box, border-box;
}
.bb-opening-hours {
    background-color: var(--mo-primary-blue, #577389);
}
.bb-safety-section {
  background-color: var(--mo-purple, #5B304E);
}
.bb-opening-hours__curve--bottom {
    color:var(--mo-purple, #5B304E);
}
.bb-sticky-btn__icon {
    color: var(--mo-purple, #5B304E);
}
.bb-opening-hours__time-value {
  color: var(--mo-primary-blue, #577389);
}
.bb-opening-hours__time-period {
    background-color: var(--mo-primary-blue, #577389);
}
.bb-safety-buttons .bb-btn--secondary, .bb-btn--quaternary {
    background-image: linear-gradient(180deg, var(--mo-secondary-blue) 0, var(--mo-secondary-blue) 100%), linear-gradient(180deg, var(--mo-secondary-blue) 0, #004261 100%);
    color:#fff;

}
.bb-safety-buttons .bb-btn--secondary:hover:not(:disabled):not([aria-disabled=true]):not(.bb-btn--loading), .bb-btn--quaternary:hover {
    background-image:
        linear-gradient(#003d5780, #003d5780),
        linear-gradient(180deg, #147da9 0, #015b81 100%),
        linear-gradient(180deg, #015b81 0, #004261 100%);

    background-origin: border-box;
    background-clip: padding-box, padding-box, border-box;
}
#bookAVisit .modal-title span, .bavCurrentStep, .slotSelected, .ui-datepicker-current-day, .blueBlock, .blueButton, .blueBtn {
    background-color: var(--mo-primary-blue, #577389);
}
.yellowBtn {
    background-image:
        linear-gradient(#3d203580, #3d203580),
        linear-gradient(180deg, #7a4a6c 0, #5B304E 100%),
        linear-gradient(180deg, #5B304E 0, #422238 100%);

    background-origin: border-box;
    background-clip: padding-box, padding-box, border-box;
    color:#fff;
    box-shadow:none;
}
.redBtn {
    background-image:
        linear-gradient(#354b5f80, #354b5f80),
        linear-gradient(180deg, #7190a5 0, #577389 100%),
        linear-gradient(180deg, #577389 0, #3f596d 100%);

    background-origin: border-box;
    background-clip: padding-box, padding-box, border-box;
    box-shadow: none;
}
.session-slot.active {
    background:none;
    box-shadow:none;
    background-image:
        linear-gradient(#354b5f80, #354b5f80),
        linear-gradient(180deg, #7190a5 0, #577389 100%),
        linear-gradient(180deg, #577389 0, #3f596d 100%);

    background-origin: border-box;
    background-clip: padding-box, padding-box, border-box;
}
.bb-sticky-btn__action-btn {
    padding-left:1.5rem!important;
}
.form-check-input:checked, .info-tile.selected {
     background-color: var(--mo-primary-blue, #577389)!important;
     border-color:#576089!important;
      
}