body {
  background-color: #efefef !important;
  color: black;
}
#view {
  background-color: #efefef !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#main-view {
  background-color: #efefef !important;
}
#widget-footer img {
  height: 23px;
  opacity: 0.7;
}
#widget-footer {
  background-color: #f7f7f7 !important;
  display: none !important;
  width: 100% !important;
  padding-top: 10px;
  padding-bottom: 13px;
}
#progress-indicator {
  color: #ffffff;
  background-color: #c1dfe2 !important;
}
#progress-indicator .step {
  background-color: #c1dfe2 !important;
}
#progress-indicator .step.visited {
  background-color: #068699 !important;
}
#progress-indicator .step:not(:last-child):after {
  border-left-color: #c1dfe2 !important;
}
#progress-indicator .step:not(:last-child):before {
  border-left-color: #068699 !important;
}
#progress-indicator .step:not(:last-child).visited:after {
  border-left-color: #068699 !important;
}
#progress-indicator .step:not(:last-child).visited:before {
  border-left-color: #c1dfe2 !important;
}
.btn-default, .btn-primary {
  font-family: Arial;
  font-weight: normal;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  padding: 5px 13px;
  text-decoration: none;
  display: inline-block;
}
.btn-default, .btn-primary {
  border: 1px solid #068699;
  background: -moz-linear-gradient(center top, #068699 5%, #068699 100%);
  background: -ms-linear-gradient(top, #068699 5%, #068699 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$button_top_color", endColorstr="$button_bottom_color");
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #068699), color-stop(100%, #068699));
  background-color: #068699;
  color: #ffffff;
  text-shadow: inset 1px 1px 0px #c1dfe2;
  -webkit-box-shadow: inset 1px 1px 0px 0px #c1dfe2;
  -moz-box-shadow: inset 1px 1px 0px 0px #c1dfe2;
  box-shadow: inset 1px 1px 0px 0px #c1dfe2;
}
.btn-default:hover, .btn-primary:hover {
  background: -moz-linear-gradient(center top, #068699 5%, #068699 100%);
  background: -ms-linear-gradient(top, #068699 5%, #068699 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$button_top_color", endColorstr="$button_bottom_color");
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #068699), color-stop(100%, #068699));
  background-color: #068699;
  color: #ffffff;
  opacity: 0.85;
}
.selected, .btn-default:active, .btn-primary:active, .btn-default.selected, .btn-primary.selected {
  position: relative !important;
  top: 1px !important;
  background-color: #068699 !important;
  border: 1px solid #068699 !important;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset !important;
  color: #ffffff !important;
}
.selected {
  background-color: #068699 !important;
  border: 1px solid #068699 !important;
}
.date-change-button-container .btn-default {
  padding: 8px 13px !important;
}
/* time slots */
.time-slot:hover {
  background-color: #e6e6e6;
}
.day.active {
  background-image: -webkit-linear-gradient(top, #adadad, #6b6b6b) !important;
  background-image: -moz-linear-gradient(top, #adadad, #6b6b6b) !important;
  background-image: -o-linear-gradient(top, #adadad, #6b6b6b) !important;
  background-image: linear-gradient(top, #adadad, #6b6b6b) !important;
}
.time-slot-container-highlight {
  background-color: #064f7d !important;
  color: #ffffff !important;
}
.new-ui p, .new-ui h6, .new-ui div:not(.form-group-is-invalid):not(.wpwl-hint), .new-ui .text-header {
  color: #000000;
}
.new-ui .step-indicator .step {
  border-color: #ffffff;
  color: #ffffff !important;
  background-color: #c1dfe2;
}
.new-ui .step-indicator li.complete .step, .new-ui .step-indicator li.complete:after {
  background: #068699;
  border-color: #068699;
}
.new-ui .step-indicator li.active .step {
  color: #ffffff;
  background: #068699;
  border-color: #068699;
}
.new-ui .selected {
  border: none !important;
}
.new-ui a {
  color: #337ab7;
}
.new-ui .booking-preference-icon, .new-ui .form-label-group > label, .new-ui .stripe-payment.payment-form label, .new-ui .ui-select__label-text.is-inline, .new-ui .ui-select.has-floating-label .ui-select__label-text.is-floating, .new-ui .ui-select .ui-select__dropdown-button {
  color: #000000 !important;
}
.new-ui button.vt-btn-elevated {
  color: #000000 !important;
}
.new-ui .icon-button-v2, .new-ui #btn_cancellation_policy, .new-ui .calendar-button .icon-calendar, .new-ui .icon-icons-edit {
  background-color: #068699;
  background-image: linear-gradient(180deg, #068699, #068699) !important;
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  text-decoration-color: #079bb2;
}
.new-ui .ui-select__content .ui-select__display-value {
  color: #495057 !important;
}
.new-ui .date-selector .slick-track .item.active .item-link {
  background: #068699 !important;
  color: #ffffff !important;
  cursor: pointer;
}
.new-ui #select-appointment-type .is_selected .ui-select__content, .new-ui .clinician-selector .item.active .item-link {
  background: #068699 !important;
  color: #ffffff !important;
}
.new-ui .select-species-type.is_selected .ui-select__content .ui-select__label .ui-select__label-text, .new-ui .select-species-type.is_selected .ui-select__content .ui-select__label .ui-select__display > * {
  color: #ffffff !important;
}
.new-ui .select-species-type .ui-select__content:hover .ui-select__label .ui-select__label-text, .new-ui .select-species-type .ui-select__content:hover .ui-select__label .ui-select__display > *, .new-ui .select-species-type .ui-select__content .ui-select__label .ui-select__label-text, .new-ui .select-species-type .ui-select__content .ui-select__label .ui-select__display > * {
  color: #000000 !important;
}
.new-ui #select-branch button.vt-btn-elevated:hover, .new-ui #select-branch button.vt-btn-elevated:focus, .new-ui #select-appointment-type .vt-btn-elevated:hover, .new-ui #select-appointment-type .vt-btn-elevated:focus, .new-ui #select-referral-type .vt-btn-elevated:hover, .new-ui #select-referral-type .vt-btn-elevated:focus, .new-ui .ui-select__content:hover, .new-ui .ui-select__content:focus, .new-ui .clinician-selector .item .item-link:hover, .new-ui .clinician-selector .item .item-link:focus {
  background: #dddddd !important;
  color: #000000 !important;
}
.new-ui #select-branch button.vt-btn-elevated.selected, .new-ui #select-appointment-type .vt-btn-elevated.selected, .new-ui #select-referral-type .vt-btn-elevated.selected, .new-ui .ui-select__content.selected, .new-ui .clinician-selector .item .item-link.selected {
  background: #068699 !important;
  color: #ffffff !important;
}
.new-ui .clinician-selector .item .item-link, .new-ui .date-selector .slick-track .item .item-link, .new-ui .date-selector .slick-list .slick-active .item-link {
  color: #000000 !important;
}
.new-ui .date-selector .slick-track .item.active .item-link {
  border-color: #000000 !important;
}
.new-ui .date-selector .slick-list .slick-active .item-link {
  border-color: #000000 !important;
}
.new-ui .slick-slider .slick-next::before, .new-ui .slick-slider .slick-prev::before {
  background-color: #068699;
  background-image: linear-gradient(180deg, #068699, #068699) !important;
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  text-decoration-color: #079bb2;
}
.new-ui #available-slots button.vt-btn-elevated:hover, .new-ui #available-slots button.vt-btn-elevated:focus {
  background-color: #dddddd;
}
.new-ui #available-slots button.vt-btn-elevated.selected {
  color: #ffffff !important;
}
.new-ui .vt-btn-primary {
  border: 1px solid #068699;
  background: -moz-linear-gradient(center top, #068699 5%, #068699 100%);
  background: -ms-linear-gradient(top, #068699 5%, #068699 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$button_top_color", endColorstr="$button_bottom_color");
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #068699), color-stop(100%, #068699));
  background-color: #068699;
  color: #ffffff;
  text-shadow: inset 1px 1px 0px #c1dfe2;
  -webkit-box-shadow: inset 1px 1px 0px 0px #c1dfe2;
  -moz-box-shadow: inset 1px 1px 0px 0px #c1dfe2;
  box-shadow: inset 1px 1px 0px 0px #c1dfe2;
}
.new-ui .vt-btn-primary:hover {
  background: -moz-linear-gradient(center top, #068699 5%, #068699 100%);
  background: -ms-linear-gradient(top, #068699 5%, #068699 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$button_top_color", endColorstr="$button_bottom_color");
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #068699), color-stop(100%, #068699));
  background-color: #068699;
  color: #ffffff;
  opacity: 0.85;
}
.new-ui .vt-btn-primary:active, .new-ui .vt-btn-primary:focus {
  position: relative !important;
  top: 1px !important;
  background-color: #068699 !important;
  border: 1px solid #068699 !important;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset !important;
  color: #ffffff !important;
}
.new-ui .vt-btn-primary.disabled {
  color: #ffffff !important;
}
.new-ui button.btn-link, .new-ui button.btn-link:active {
  background-color: #068699;
  background-image: linear-gradient(180deg, #068699, #068699) !important;
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  text-decoration-color: #079bb2;
}
.new-ui input[type="checkbox"].form-check-input:checked + label::before {
  background-color: #068699 !important;
}
.ui-select__options .ui-select-option.is-highlighted, .ui-select-option.ui-select-option--type-image.is-highlighted .ui-select-option__image-text {
  background: #dddddd !important;
  color: #000000 !important;
}
.ui-select__options .ui-select-option.is-selected, .ui-select-option.ui-select-option--type-image.is-selected .ui-select-option__image-text {
  background: #068699 !important;
  color: #ffffff !important;
}