:root {
    --wcag-dark-blue: #0D0630;
    --wcag-dark-bluef-font: #2d264d;
    --wcag-link-text: #183234;
    --wcag-grey: #4D4D4D;
    --wcag-red: #A80000;
    --wcag-border: #10428E;
    --wcag-text: #2B74DE;
    --wcag-placeholder:#707070;
    --wcab-btn-border:#0D0630;
}

.h-wrapper .btn-primary:active:focus,
.h-wrapper .btn-primary:focus,
.h-wrapper .btn-primary:active:hover,
.h-wrapper .btn-primary:hover,
.h-wrapper .btn-confirm:active:focus,
.h-wrapper .btn-confirm:active:hover,
.h-wrapper .btn-confirm:hover,
.h-wrapper .btn-confirm:focus,
.h-wrapper .btn-search:active:focus,
.h-wrapper .btn-search:active:hover,
.h-wrapper .btn-search:hover,
.h-wrapper .btn-search:focus{
    border: 1px solid var(--wcab-btn-border) !important;
    box-shadow: 0 0 2px 0.15rem #458EFC !important;
}

.h-wrapper ::-webkit-input-placeholder,.input-sm-brn ::-webkit-input-placeholder  {
    color: var(--wcag-placeholder) !important;
    font-weight: 400;
    font-size: 14px;
}
.h-wrapper ::-moz-placeholder,.input-sm-brn ::-moz-placeholder {
    font-weight: 400;
    color: var(--wcag-placeholder) !important;
    font-size: 14px;
}

.h-wrapper :-ms-input-placeholder,.input-sm-brn :-ms-input-placeholder {
    color: var(--wcag-placeholder) !important;
    font-weight: 400;
    font-size: 14px;
}

.h-wrapper :-moz-placeholder,.input-sm-brn :-moz-placeholder {
    color: var(--wcag-placeholder) !important;
    font-weight: 400;
    font-size: 14px;
}

.h-wrapper .form-label .text-red,
.h-wrapper .text-red {
    color: #E60000 ;
}

.btncompose-wcag {
    color:#FFFFFF !important;
    background-color: var(--wcag-dark-blue) !important;
    border-color: var(--wcag-dark-blue) !important
}

.h-wrapper .ui-datepicker .ui-state-default.ui-state-highlight,
.h-wrapper .ui-datepicker .ui-state-default.ui-state-highlight.ui-state-hover,
.h-wrapper .ui-datepicker .ui-state-default.ui-state-highlight.ui-state-active,
.h-wrapper .ui-datepicker .ui-widget-content .ui-state-default.ui-state-highlight {
    border: 1px solid var(--wcag-dark-blue);
}
.h-wrapper .ui-datepicker .ui-state-default:hover {
    color: #FFF !important;
}
.h-wrapper .select2-results__option li:hover,.select2-results .select2-results__option--highlighted,.select2-results__message:hover,
.select2-results__option li:hover,.select2-results__option li:focus,.select2-results__option li a:hover,.select2-results__option li a:focus,
.h-wrapper .sel-optn li:hover,.select2-results .select2-highlighted,.select2-no-results:hover,
.sel-optn li:hover,.sel-optn li:focus,.sel-optn li a:hover,.sel-optn li a:focus,.select2-results__option--highlighted {
    background: var(--wcag-dark-blue) !important;
    color: #fff !important;
}

.select2-results__option .select2-rendered__match {
    text-decoration: underline;
}

.no-focus-wcag:focus {
    box-shadow: none !important;
    border: 0 !important;
}
.no-focus-wcag:focus > .focus-wcag {
    box-shadow: 0 0 0 0.08rem #458EFC !important;
    border: 1px solid var(--wcag-border) !important;
}

.h-wrapper a:not(.no-focus-wcag):focus,
.h-wrapper .form-control:focus,
.h-wrapper .form-control:hover,
.h-wrapper input:focus,
.h-wrapper input:hover,
.select2-container-active,
.h-wrapper .select-box:focus,
.h-wrapper .select-box:hover,#profileDropDwn:focus,#profileDropDwn:hover {
    box-shadow: 0 0 0 0.08rem #458EFC !important;
    border: 1px solid var(--wcag-border) !important;
}
#LanguageDropdown:focus{
    background: #fff !important;
}

.h-wrapper .main-cardtab.nav-pills .nav-item .nav-link:focus .section-header .header-block:hover,
.h-wrapper .rounded-tabs.nav-pills .nav-link:focus .section-header .header-block:hover,
.h-wrapper .rounded-tabs.nav-pills .nav-link.active:focus .section-header .header-block:hover,
.h-wrapper .searchby-tabs.nav-pills .nav-link:focus .section-header .header-block:hover,
.h-wrapper .searchby-tabs.nav-pills .nav-link.active:focus .section-header .header-block:hover {
    border-bottom: 0!important;
}

.h-wrapper .main-cardtab.nav-pills .nav-item .nav-link:focus,
.h-wrapper .rounded-tabs.nav-pills .nav-link:focus,
.h-wrapper .rounded-tabs.nav-pills .nav-link.active:focus,
.h-wrapper .searchby-tabs.nav-pills .nav-link:focus,
.h-wrapper .searchby-tabs.nav-pills .nav-link.active:focus {
    box-shadow: 0 0 0 0.15rem  rgb(13 110 253 / 10%) !important;
    border: 1px solid var(--wcag-border) !important;
}

.phone-verification-container .phone-verification-opt:focus,
.phone-verification-container .phone-verification-opt:hover {
    box-shadow: 0 0 0 0.15rem  rgb(13 110 253 / 10%) !important;
    border: 1px solid var(--wcag-dark-blue) !important;
}

.h-wrapper .accordion-button:focus,.h-wrapper .accordion-button:hover, .h-wrapper .accordion-item:focus,
.btn-default.active:focus,.btn-default.active:hover,.btn-default:hover,.btn-default:focus,
.h-wrapper .bookapt-wrapper .location-list.nav-tabs .nav-link:focus,.h-wrapper .bookapt-wrapper .location-list.nav-tabs .nav-link:hover,
.h-wrapper .primary-tab .nav-link:focus,.h-wrapper .primary-tab .nav-link:hover,
.btncompose-cancel-wcag:focus,.btncompose-cancel-wcag:hover
{
    border: 1px solid var(--wcag-border) !important;
    box-shadow: 0 0 0 0.15rem  rgb(13 110 253 / 10%) !important;
}

.h-wrapper .list-group.provider-list .list-group-item:hover, .h-wrapper .list-group.provider-list .list-group-item.selected{
    border: 1px solid var(--wcag-border) !important;
    box-shadow: 0 0 0 0.15rem  rgb(13 110 253 / 10%) !important;
}

.h-wrapper .loader{
    width: 35px;
    height: 35px;
    border-top: 5px solid #4ec3e0;
    border-right: 5px solid #4ec3e0;
    border-bottom: 5px solid #4ec3e0;
    border-left: 5px solid #000;
}
.h-wrapper .select-box.language-dropdown {
    max-width: max-content;
}
.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-state-active {
    background: var(--wcag-dark-blue) !important;
    color: #fff !important;
}
.ui-widget-content .ui-state-focus {
    background: #e9f3f5 !important;
    color: #000 !important;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all .ui-state-hover, .ui-autocomplete .ui-menu-item > a.ui-corner-all .ui-state-active {
    background: var(--wcag-dark-blue) !important;
    color: #fff !important;
}
.compose-div .stripedHeader a {
    color: var(--wcag-dark-blue);
    text-decoration: underline;
}
.pat_accdet p span,.fnt-wcag {
    color: #4B4B4B !important;
}

.btn-secondary.h-btn-secondary {
    color: #FFFFFF !important;
    background-color: var(--wcag-dark-blue);
    border-color: var(--wcag-dark-blue);
}
.label-success-wcag{
    background-color: #157E17;
}

.table-header-color {
    color: #737373 !important;
}

.wcag-link {
    color: var(--wcag-dark-blue) !important;
    text-decoration: underline !important;
}

.wcag-dark-color {
    color: var(--wcag-dark-blue) !important;
}

.h-wrapper .parallax-section.footer-section .list-group .list-group-item:hover,
.h-wrapper .btn-primary:active:focus, .h-wrapper .btn-primary:focus{
    text-decoration: underline !important;
}
.h-wrapper .main-cardtab.nav-pills .nav-item .nav-link .section-header .header-block:hover{
    border-bottom: 2px solid var(--wcag-dark-blue) !important;
    text-align: center;
}
.h-wrapper .main-cardtab.nav-pills .nav-item .nav-link .section-header .header-block:focus{
    border-bottom: 0 !important;
}
.h-wrapper .rounded-tabs.nav-pills .nav-link:hover,.h-wrapper .searchby-tabs.nav-pills .nav-link:hover,
.h-wrapper .rounded-tabs.nav-pills .nav-link:focus,.h-wrapper .searchby-tabs.nav-pills .nav-link:focus,
.h-wrapper .ui-datepicker-close:hover, .h-wrapper .ui-datepicker-close:focus,
.h-wrapper .ui-datepicker-current:hover, .h-wrapper .ui-datepicker-current:focus {
    outline: 1px solid var(--wcag-border) !important;
    box-shadow: 0 0 2px 0.15rem #458EFC !important;
}

.carousel-indicators li.active {
    background-color: var(--wcag-dark-blue) !important;
}

.h-wrapper .instant-type .consult-type .type-block label:hover{
    border-color: var(--wcag-dark-blue);
}

.h-wrapper .nav-item.spacing-sec{
    padding: 5px 12px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid transparent;
}

.h-wrapper .nav-item.spacing-sec:hover,
.h-wrapper .nav-item.spacing-sec:focus-within{
    background: #fff;
    cursor: pointer;
    box-shadow: 0 0 0 0.08rem #458EFC !important;
    border: 1px solid var(--wcag-border) !important;
}

.h-wrapper .nav-item.spacing-sec .nav-link{
    padding: 5px 0px;
}

.h-wrapper .h32{
    height: 32px;
}

.h-wrapper .navbar.healow-navbar .seprator {
    border-right: 1px solid rgb(112 112 112 / 25%);
    height: 20px;
    margin-top: 6px;
    margin-right: 8px;
    margin-left: 8px;
}

/* The below css is specific to combo box suggested by w3 */

.combo *,
.combo *::before,
.combo *::after {
    box-sizing: border-box;
}

.combo {
    display: block;
    margin-bottom: 1.5em;
    max-width: 400px;
    position: relative;
}

.combo::after {
    border-bottom: 1.5px solid rgb(0 0 0 / 75%);
    border-right: 1.5px solid rgb(0 0 0 / 75%);
    content: "";
    display: block;
    height: 7px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -65%) rotate(45deg);
    width: 7px;
}

.combo-input {
    height: 34px;
    padding: 7px 13px 9px;
    text-align: left;
    width: 100%;
    position: relative;
    border-radius: 10px;
    border: 1px solid #8091A3;
}

.open .combo-input {
    border-radius: 4px 4px 0 0;
}

.combo-input:focus {
    border-color: #0067b8;
    box-shadow: 0 0 4px 2px #0067b8;
    outline: 4px solid transparent;
}

.combo-label {
    display: block;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 0.25em;
}

.combo-menu {
    background-color: #fff;
    border: 1px solid #00000033;
    border-radius: 10px;
    display: none;
    max-height: 300px;
    overflow-y: auto;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 100;
}

.open .combo-menu {
    display: block;
}

.combo-option {
    padding: 10px 12px 12px;
}

.combo-option:hover {
    background: var(--wcag-dark-blue);
    color: #fff;
}

.combo-option:focus,
.combo-option.option-current {
    outline: 3px solid #0067b8 !important;
    outline-offset: -3px;
}

.combo-option[aria-selected="true"] {
    padding-right: 30px;
    position: relative;
}

.combo-option[aria-selected="true"]::after {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    content: "";
    height: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%) rotate(45deg);
    width: 8px;
}

.h-wrapper .main-cardtab.nav-pills .nav-item .nav-link .section-header .header-block:hover {
    border-bottom: 2px solid var(--wcag-dark-blue);
}

/*Old Practice Widget, Provider Widget, New Practice Widget*/
.copyright-footer a {
    color: #23527B !important;
}
.locationAddressSpan {
    color: var(--wcag-grey) !important;
}
#ProviderDiv .btn-info.dark-text {
    color: var(--wcag-link-text) !important;
    text-shadow: none;
    background-color: #ebf6f7;
    box-shadow: 0 3px 0 #ffffff;
    border-color: #beced3;
}
#ProviderDiv .btn-info.dark-text:hover {
    color: var(--wcag-link-text) !important;
    text-shadow: none;
    background-color: #61cdd8;
    box-shadow: 0 3px 0 #ffffff;
}
.widget-slot-date-picker input.datetimepicker {
    color: var(--wcag-dark-blue) !important;
}
.practice-widget-slots td h5 {
    color: var(--wcag-grey) !important;
}
.practice-widget-slots .appt-slots-list a {
    color: var(--wcag-dark-blue) !important;
}
.practice-widget-slots #appt-slots-more-div a {
    color: var(--wcag-dark-blue) !important;
}
.weather-list li.active div, .time-sm-div:hover, .time-sm-div.active  {
    color: var(--wcag-dark-blue);
    border:2px solid var(--wcag-dark-blue);
}
.slot-date .greytext {
    color: var(--wcag-grey) !important;
}
.ui-datepicker-title .ui-datepicker-year, .ui-datepicker-title .ui-datepicker-month {
    color: var(--wcag-dark-blue);
}
/*UC widget*/
ul.sort-by>li.active>a {
    color: #000 !important;
}
.uc-facility-name {
    color: var(--wcag-dark-blue) !important;
}
.check-in-sec .btn-checkin span {
    color: #FFF !important;
}
.selected-uc-facility {
    color: #3b474e !important;
}
.bluetab-group-btn .servicebtn.active, .bluetab-group-btn .insurancebtn.active {
    background-color: var(--wcag-dark-blue) !important;
    color: #FFF !important;
}
.bluetab-group-btn .servicebtn, .bluetab-group-btn .insurancebtn {
    background-color: #FFF !important;
    color: var(--wcag-dark-blue) !important;
}
.fac-currently-closed {
    color: #AD0000 !important;
}
.fac-direction-link, .fac-direction-link:hover {
    color: var(--wcag-link-text);
}
.select2-container .select2-selection > .select2-selection__rendered {
    color: var(--wcag-grey);
}
.uc-date-picker .dark-blue-bld {
    color: var(--wcag-dark-blue);
    font-weight: bold;
}
.uc-more-slots-btn, .uc-show-availabilities {
    color: var(--wcag-dark-blue) !important;
    border-color: var(--wcag-dark-blue) !important;
}
.uc-more-slots-btn:hover, .uc-show-availabilities:hover {
    color:#FFFFFF !important;
    background-color: var(--wcag-dark-blue) !important;
    border-color: var(--wcag-dark-blue) !important
}
.powered-by {
    color: #FFF !important;
}
.uc-facility-addr, .uc-slot-time-pref, .uc-slot-day {
    color: var(--wcag-grey) !important;
}
.uc-slot a {
    color: var(--wcag-dark-blue) !important;
}
.weather-lst li.active a, .weather-lst li a:hover, .time-sm-div:hover, .time-sm-div.active {
    background: var(--wcag-dark-blue) !important;
    border: var(--wcag-dark-blue) !important;
}
.ui-datepicker .ui-datepicker-current-day a, .ui-datepicker td a:hover {
    background: var(--wcag-dark-blue);
    color: #FFF;
}
/*UC Booking Form*/
.step-tabs > ul > li > a, .verify-cont p, .white-pan p.grey {
    color: var(--wcag-grey);
}
.step-tabs > ul > li.active > a {
    color: var(--wcag-dark-blue);
    font-weight: bold;
}
.color-grey, .select2-container-multi .select2-choices .select2-search-field input, .spn-max-chars,
.new-uc-booking-frm .multiselect-selected-text, #stateDiv > select, .blue-sec-dotted .booking {
    color: var(--wcag-grey) !important;
}
.ph-ver-div-hdr h4, .blue-heading {
    color: var(--wcag-dark-blue) !important;
}
.verify-sec .booking a, .blue-sec-dotted .fnt18blu, #validationEmail, #oa_ph_resend_code .font16 {
    color: var(--wcag-dark-blue) !important;
}
.red-txt {
    color: var(--wcag-red) !important;
}
.h-wrapper .btn-group.scheduleday-group .btn.btn-outline-primary:hover,
.h-wrapper .btn-group.scheduleday-group .btn.btn-outline-primary:focus,
.h-wrapper .ui-datepicker .ui-datepicker-close:focus,.h-wrapper .ui-datepicker .ui-datepicker-close:hover{
    border: 1px solid var(--wcag-border);
    box-shadow: 0 0 0 0.1rem rgb(13 110 253 / 10%);
}
.styled-checkbox+label:before {
    border: 2px solid var(--wcag-dark-blue);
}
.ui-datepicker .ui-datepicker-buttonpane button
{
    background: var(--wcag-dark-blue) !important;
    color: #FFF !important;
    border-radius: 33px !important;
    padding: 6px 12px !important;
}
.h-wrapper .ui-datepicker .ui-datepicker-current{
    background: var(--wcag-dark-blue) !important;
    color: #fff !important;
    border-radius: 33px !important;
    padding: 6px 12px !important;
}
.carousel-inner .carousel-item .time-box {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #B6D0D6;
    color: #2B2B2B;
    font: normal 500 13px/16px "Poppins", sans-serif;
    padding: 6px 7px;
}
.h-wrapper .ui-datepicker .ui-datepicker-current:focus,.h-wrapper .ui-datepicker .ui-datepicker-current:hover{
    border: 1px solid var(--wcag-border) !important;
    color: #fff !important;
    box-shadow: 0 0 0 0.1rem rgb(13 110 253 / 10%);
}
.appt-reason-panel .btn-group button:focus, .appt-reason-panel .btn-group button.active {
    border: 1px solid var(--wcag-dark-blue);
}
.time-box:hover {
    border: 1px solid var(--wcag-dark-blue);
}
.time-indication.active, .time-indication:hover {
    background: var(--wcag-dark-blue);
    border: 1px solid var(--wcag-dark-blue);
}
.show-avatabs li:hover, .show-avatabs li.active {
    border-bottom: 3px solid var(--wcag-dark-blue) !important;
}
.styled-checkbox:checked+label:after {
    background: var(--wcag-dark-blue) !important;
    box-shadow: 2px 0 0 var(--wcag-dark-blue), 4px 0 0 var(--wcag-dark-blue), 4px -2px 0 var(--wcag-dark-blue), 4px -4px 0 var(--wcag-dark-blue), 4px -6px 0 var(--wcag-dark-blue), 4px -8px 0 var(--wcag-dark-blue) !important;
}
.greytext {
    color: var(--wcag-grey) !important;
}
.available-click-btn .btncompose-wcag.show-availability {
    color: var(--wcag-dark-blue) !important;
    background-color: #FFF !important;
    border-color: var(--wcag-dark-blue) !important;
}
.available-click-btn .btncompose-wcag.show-availability:hover,
.available-click-btn .btncompose-wcag.show-availability.active {
    color: #FFF !important;
    background-color: var(--wcag-dark-blue) !important;
    border-color: var(--wcag-dark-blue) !important;
}
.btncompose-cancel-wcag{color:#0D0630 !important;border-color: #0D0630 !important;text-decoration: none !important;}
.captchaBox a {
    color: var(--wcag-dark-blue);
}
.appoin-search.verify-form .error,.errorText {
    color: var(--wcag-red) !important;
}
.panel-heading-wcag{
    color: #5b4218 !important;
}
.dashboard-highlight-text{
    color:#0D0630;
    text-decoration: underline;
}
.extrafilter .result-filter:focus,
.extrafilter .result-filter:hover{
    box-shadow: 0 0 0 0.08rem #458EFC !important;
    border: 1px solid var(--wcag-border) !important;
}
.extrafilter .result-filter.clearfilter {
    padding: 2px 6px;
    border-radius: 24px;
}
.h-wrapper .no-shadow a:focus {
    box-shadow: none !important;
    border: 0 !important;
}
.todays-app{
    border: 1px solid var(--wcag-dark-blue);
}
.todays-app .video-triangle{
    border-top: 50px solid var(--wcag-dark-blue);
}
.todays-app .period_div span{
    color: var(--wcag-dark-blue);
}
.drkblu-head{
    background: var(--wcag-dark-blue);
}
.wcag-font-color{
    color: var(--wcag-dark-bluef-font);
}
.health-fac .borl{
    border-color: #454646;
}
.health-fac .borl{
    color: var(--wcag-dark-bluef-font);
}
.doc_namestyle{
    color: var(--wcag-dark-bluef-font);
}
.care-provright h3{
    color: var(--wcag-dark-bluef-font);
}
.health-fac .table .inner-tab th{
    color: #2B2B2B;
}
.health-fac .table th{
    color: #2B2B2B;
}
.h-wrapper.badge.filtertags:hover,.h-wrapper.badge.filtertags:focus {
    border: 1px solid var(--wcag-border) !important;
    box-shadow: 0 0 0 0.15rem  rgb(13 110 253 / 10%) !important;
}

.searchby-visitreason-border-focus {
    border: 1px solid var(--wcag-border) !important;
    box-shadow: 0 0 0 0.15rem  rgb(13 110 253 / 10%) !important;
    border-radius: 15px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.white-background{
    border: 1px solid var(--wcag-border) !important;
    background: #fff !important;
}

.btn-decline-wcag {
    height: 30px !important;
    border: 1px solid !important;
    border-radius: 4px !important;
}

.btn-accept-wcag {
    height: 30px !important;
    border: 1px solid !important;
    border-radius: 4px !important;
}

.wcag-logo-part {
    border: 1px solid var(--wcag-border) !important;
}

.tab-menu-active:focus {
    border: 1px solid var(--wcag-border) !important;
}

#terms_accepted:focus,#terms_accepted:hover {
    box-shadow: 0 0 0 0.05rem  #2B74DE !important;
}

.tc-pp-a:focus,.tc-pp-a:hover {
    color: #0067b8 !important;
}
.span-text{
    color :var(--wcag-border) !important;
}

.btn-accept-wcag:hover, .btn-accept-wcag:focus, .btn-decline-wcag:hover, .btn-decline-wcag:focus  {
    box-shadow: 0 0 0 0.10rem  #2B74DE !important;
}
.h-wrapper input[type="text"][required]:focus + label[placeholder]:before {
    color: var(--wcag-placeholder) !important;
}
.h-wrapper input[type="text"][required]:focus + label[placeholder]:before,
.h-wrapper input[type="text"][required]:valid + label[placeholder]:before,
.h-wrapper input[type="text"][readonly] + label[placeholder]:before,
.h-wrapper input[type="email"][required]:focus + label[placeholder]:before,
.h-wrapper input[type="email"][required]:valid + label[placeholder]:before,
.h-wrapper input[type="email"][readonly]:valid + label[placeholder]:before,
.h-wrapper input[type="tel"][required]:focus + label[placeholder]:before,
.h-wrapper input[type="tel"][required]:valid + label[placeholder]:before,
.h-wrapper input[type="tel"][readonly]:valid + label[placeholder]:before,
.h-wrapper input[type="tel"][readonly] + label[placeholder]:before{
    transition-duration: .3s;
    transform: translate(0, -2.4em) scale(0.9, 0.9);
    z-index: 10;
    position: relative;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    color :var(--wcag-border) !important;
    content: attr(alt) !important;
}
.h-wrapper input[type="text"][required]:focus + label[placeholder][class="appt-result-floting-label-top"]:before,
.h-wrapper input[type="text"][required]:valid + label[placeholder][class="appt-result-floting-label-top"]:before,
.h-wrapper input[type="email"][required]:focus + label[placeholder][class="appt-result-floting-label-top"]:before,
.h-wrapper input[type="email"][required]:valid + label[placeholder][class="appt-result-floting-label-top"]:before,
.h-wrapper input[type="tel"][required]:focus + label[placeholder][class="appt-result-floting-label-top"]:before,
.h-wrapper input[type="tel"][required]:valid + label[placeholder][class="appt-result-floting-label-top"]:before{
    transform: translate(0, -1.4em) scale(0.9, 0.9) !important;
}
/* .h-wrapper input[type="text"][required]:focus + label[placeholder].l-15:before{
  left: -5px;
} */
/*.h-wrapper input[type="text"][required]:invalid + label[placeholder][alt]:before {*/
/*    content: attr(alt);*/
/*}*/

.h-wrapper input[type="text"][required] + label[placeholder],
.h-wrapper input[type="email"][required] + label[placeholder],
.h-wrapper input[type="tel"][required] + label[placeholder] {
    display: block;
    pointer-events: none;
    line-height: 1em;
    position: absolute;
    top: 27px;
    left: 40px;
    color: var(--wcag-placeholder) !important;
    font-weight: 400;
    font-size: 14px;
    content: attr(placeholder) !important;
}
.appt-result-floting-label-top{
    top:13px !important;
}
.h-wrapper input[type="text"][required] + label[placeholder].l-15,
.h-wrapper input[type="email"][required] + label[placeholder].l-15,
.h-wrapper input[type="tel"][required] + label[placeholder].l-15{
    left: 7px;
}
.h-wrapper input[type="text"][required] + label[placeholder]:before,
.h-wrapper input[type="email"][required] + label[placeholder]:before,
.h-wrapper input[type="tel"][required] + label[placeholder]:before{
    content: attr(placeholder);
    display: inline-block;
    margin: 0 calc(0.3em);
    padding: 0 5px;
    color: var(--wcag-placeholder);
    white-space: nowrap;
    transition: 0.3s ease-in-out;
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-size: 100% 5px;
    background-repeat: no-repeat;
    background-position: center;

}
.h-wrapper input[type="text"][disabled] + label[placeholder]:before,
.h-wrapper input[type="email"][disabled] + label[placeholder]:before,
.h-wrapper input[type="tel"][disabled] + label[placeholder]:before{
    background-image: none !important;
}
@media (min-width: 320px) and (max-width: 767px) {
    .h-wrapper input[type="text"][required] + label[placeholder],
    .h-wrapper input[type="email"][required] + label[placeholder],
    .h-wrapper input[type="tel"][required] + label[placeholder]{
        top: 17px;
        left: 35px;
    }
    .h-wrapper input[type="text"][required]:focus + label[placeholder]:before,
    .h-wrapper input[type="text"][required]:valid + label[placeholder]:before,
    .h-wrapper input[type="email"][required]:focus + label[placeholder]:before,
    .h-wrapper input[type="email"][required]:valid + label[placeholder]:before,
    .h-wrapper input[type="tel"][required]:focus + label[placeholder]:before,
    .h-wrapper input[type="tel"][required]:valid + label[placeholder]:before{
        transform: translate(0, -1.7em) scale(0.9, 0.9);
    }
    .h-wrapper input[type="tel"][required]:focus + label[placeholder][class="dob-label-position"]:before,
    .h-wrapper input[type="tel"][required]:valid + label[placeholder][class="dob-label-position"]:before {
        transform: translate(0, -1.9em) scale(0.9, 0.9);
    }
}
@media (max-width: 950px) {
    .h-wrapper .input-group.location-input.readonly label {
        display: none !important;
    }
}
.h-wrapper .bookapt-wrapper .tabicon .right-click:focus,
.h-wrapper .bookapt-wrapper .tabicon .right-click:hover,
.h-wrapper .bookapt-wrapper .tabicon .left-click:focus,
.h-wrapper .bookapt-wrapper .tabicon .right-click:focus {
    box-shadow: 0 0 0 0.15rem  rgb(13 110 253 / 10%) !important;
    border: 1px solid var(--wcag-border) !important;
    padding: 0 10px;
}
.label-top-18{
    top: 18px !important
}
.h-wrapper input[type="text"][required]:focus + label[placeholder][class="label-top-18"]:before,
.h-wrapper input[type="text"][required]:valid + label[placeholder][class="label-top-18"]:before,
.h-wrapper input[type="email"][required]:focus + label[placeholder][class="label-top-18"]:before,
.h-wrapper input[type="email"][required]:valid + label[placeholder][class="label-top-18"]:before,
.h-wrapper input[type="tel"][required]:focus + label[placeholder][class="label-top-18"]:before,
.h-wrapper input[type="tel"][required]:valid + label[placeholder][class="label-top-18"]:before,
.h-wrapper input[type="tel"][required]:focus + label[placeholder][class="dob-label-position"]:before,
.h-wrapper input[type="tel"][required]:valid + label[placeholder][class="dob-label-position"]:before{
    transform: translate(0, -1.8em) scale(0.9, 0.9) !important;
}
.img-height-19{
    height: 19px;
}
/* Floating Label For Password Field */

.h-wrapper input[type="password"][required]:focus~label[placeholder]:before,
.h-wrapper input[type="password"][required]:valid~label[placeholder]:before {
    transition-duration: .3s;
    transform: translate(0, -2.0em) scale(0.9, 0.9);
    z-index: 10;
    position: relative;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    color: var(--wcag-border) !important;
}

.h-wrapper input[type="password"][required]:focus~label[placeholder][class="pwd-top-11"]:before,
.h-wrapper input[type="password"][required]:valid~label[placeholder][class="pwd-top-11"]:before {
    transform: translate(0, -1.2em) scale(0.9, 0.9) !important;
}

.h-wrapper input[type="password"][required]:invalid~label[placeholder][alt]:before {
    content: attr(alt);
}
.pwd-top-11{
    top: 11px !important;
}
.h-wrapper input[type="password"][required]~label[placeholder] {
    display: block;
    pointer-events: none;
    line-height: 1em;
    position: absolute;
    top: 20px;
    left: 40px;
    color: #ced4da !important;
    font-weight: 400;
    font-size: 14px;
}

.h-wrapper input[type="password"][required]~label[placeholder].l-15 {
    left: 7px;
}

.h-wrapper input[type="password"][required]~label[placeholder]:before {
    content: attr(placeholder);
    display: inline-block;
    margin: 0 calc(0.3em);
    padding: 0 5px;
    color: var(--wcag-placeholder) !important;
    white-space: nowrap;
    transition: 0.3s ease-in-out;
    background: #FFF;
    background-size: 100% 5px;
    background-repeat: no-repeat;
    background-position: center;
}

.mt15 {
    margin-top: 15px;
}
.min-width-90{
    min-width: 90px;
}
.placeholder-default-color{
    color: var(--wcag-placeholder) !important;
}

.dob-label-position {
    position: absolute !important;
    top: 18px !important
}

.device-item {
    border-color: #0D0630;
    border: 1px solid #FFF;
}

.device-item.active {
    background: #BAF1FF;
    border-color: #0D0630;
}

.device-item a, .device-item.active a {
    color: var(--wcag-dark-blue);
}

#deviceSearch {
    width:85%;
}

#searchTrackerBtn {
    height: 26px;
}

.time-frame p {
    font-size: 12px;
    margin: 0;
    font-weight: normal;
}

.question-button {
    background-color: #fff;
    border: 1px solid #000;
    width: 19px;
    height: 19px;
    padding: 0;
    border-radius: 50%;
}

.question-image {
    margin-top: -1px;
    margin-left: -1px;
}

.ltblutext-wcag, .av-head .btn.active, .tracker-panel .grey-head .btn.active {
    color: #2E5C70 !important;
}

.calor-steup label {
    color: #0A4B4D;
}

.tracker-wcag-border {
    border-color: #595959;
}

.device-details-name-header {
    background-color: var(--wcag-dark-blue);
}

.datepicker-tracker:hover, .datepicker-tracker:focus {
    text-decoration: underline !important;
}

.h-wrapper .ui-slider-handle:hover,
.h-wrapper .ui-slider-handle:focus {
    background: #009BC2 !important;
    border: 1px solid #0a2f38 !important;
}
.h-wrapper .input-group .form-control{
    border-color: #B5C1C9;
}

.slot-arrow:focus, .slot-arrow:hover {
    box-shadow: 0 0 0 0.15rem rgb(13 110 253 / 10%) !important;
    border: 1px solid var(--wcag-border) !important;
    padding: 5px;
}
.h-wrapper .type-block:focus{
    box-shadow: 0 0 2px 0.15rem #458EFC;
}
.h-wrapper .radio-wrapper .form-check-input:focus + label:before,
.h-wrapper .radio-wrapper .form-check-input:hover + label:before{
    outline: 1px solid black !important;
}

.icon.icon-close.close-prompt:focus, .icon.icon-close.close-prompt:hover {
    box-shadow: 0 0 0 0.15rem rgb(13 110 253 / 10%) !important;
    border: 1px solid var(--wcag-border) !important;
    padding: 5px;
}

.h-wrapper .ui-slider-handle:hover,
.h-wrapper .ui-slider-handle:focus {
    background: #009BC2 !important;
    border: 1px solid #0a2f38 !important;
}
.h-wrapper .input-group .form-control{
    border-color: #B5C1C9;
}
.h-wrapper .type-block:focus{
    box-shadow: 0 0 2px 0.15rem #458EFC;
}
.h-wrapper .radio-wrapper .form-check-input:focus + label:before,
.h-wrapper .radio-wrapper .form-check-input:hover + label:before{
    outline: 1px solid black !important;
}
.h-wrapper .btn-group.dayslist-group-lg .btn-outline-primary:hover{
    box-shadow: 0 0 0 0.08rem #458EFC !important;
}
.anytime-label-focus{
    box-shadow: 0 0 0 0.08rem #458EFC !important;
}
.h-wrapper .searchby-tabs.nav-pills .nav-link{
    border: 1px solid #0D0630;
    background: #0D0630;
    color: #ffffff;
}
.close-prompt:focus, .tracker-icon-box:focus > span, .tracker-icon-box:focus > img,
.question-button:hover, .question-button:focus, .tracker-detail-btn:focus,
.card-container .item:hover, .card-container .item:focus, .no-btn:focus, .no-btn:hover{
    outline: none;
    border: 1px solid var(--wcag-border) !important;
    box-shadow: 0 0 0 0.2rem rgb(13 110 253 / 50%);
}
.load-more-div-focus:focus > span, .load-more-div-focus:hover > span {
    border: 1px solid var(--wcag-border) !important;
    box-shadow: 0 0 0 0.2rem rgb(13 110 253 / 50%);
    padding: 5px;
}
.ui-state-highlight-today {
    border: 1px solid var(--wcag-dark-blue) !important;
}
.int-header h2 {
    margin:0;
    color:#17acb2;
    font-size:18px;
    font-weight:600;
}
.header-container h1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.top-pad-0{
    padding-top: 0px !important;
}
#tracker_btn_back_device:hover, #tracker_btn_back_device:focus, #tracker_btn_back_device:active, .btn.btn-primary:hover, .btn.btn-primary:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.timepicker-hour-min-label {
    float: left !important;
    clear: left !important;
    padding: 0 0 0 5px !important;
    font-weight: bold !important;
    line-height: 1.428571429 !important;
    color: #222222 !important;
    font-size: 13px !important;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
}

.spo2-medline-link:focus, .spo2-medline-link:hover {
    border: 1px solid var(--wcab-btn-border) !important;
    box-shadow: 0 0 2px 0.15rem #458EFC !important;
}

/* The below css is specific to combo box suggested by w3 */

.combo *,
.combo *::before,
.combo *::after {
    box-sizing: border-box;
}

.combo {
    display: block;
    /* margin-bottom: 1.5em; */
    /* max-width: 400px; */
    position: relative;
}

.combo::after {
    border-bottom: 1.5px solid rgb(0 0 0 / 75%);
    border-right: 1.5px solid rgb(0 0 0 / 75%);
    content: "";
    display: block;
    height: 8px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -65%) rotate(45deg);
    width: 8px;
}

.combo-input {
    height: 24px;
    padding: 2px 13px;
    text-align: left;
    width: 100%;
    position: relative;
    border-radius: 10px;
    border: 1px solid #8091A3;
    color: #2B2B2B;
    background: #fff;
}

.combo.open .combo-input {
    border-radius: 4px 4px 0 0;
}

.combo-input:focus {
    border-color: #0067b8;
    box-shadow: 0 0 4px 2px #0067b8;
    outline: 4px solid transparent;
}

.combo-label {
    display: block;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 0.25em;
}

.combo-menu {
    background-color: #fff;
    border: 1px solid #00000033;
    border-radius: 10px;
    display: none;
    max-height: 170px;
    overflow-y: auto;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 100;
}

.combo.open .combo-menu {
    display: block;
}

.combo-option {
    padding: 10px 12px 12px;
}

.combo-option:hover {
    background: #0D0630;
    color: #fff;
}

.combo-option:focus,
.combo-option.option-current {
    outline: 3px solid #0067b8 !important;
    outline-offset: -3px;
}

.combo-option[aria-selected="true"] {
    padding-right: 30px;
    position: relative;
}

.combo-option[aria-selected="true"]::after {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    content: "";
    height: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%) rotate(45deg);
    width: 8px;
}

.input-group-btn .combo-input {
    border: 0;
    border-radius: 10px 0 0 10px;
    z-index: 1;
    padding: 8px 13px 7px 7px;
}

.input-group-btn .combo::after {
    right: 10px;
}

.input-group-btn.mw-60 {
    min-width: 85px;
}