﻿.btnLogin, #nextbtn, #btnVerifyCode, #get-reset-link-btn, #viewTrackingDetails, .view-rx, #ScheduleExistingUserbtn, #updatePasswordbtn {
    background-color: #c8102e !important;
    color: #fff !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    transform: translateY(0px) scale(1);
}
.paymentDisplay .responsive-message {
    background-color: #F4CACA !important;
}
button, .btn, button:hover, .btn:hover {
    box-shadow: none !important;
}

.paymentDisplay {
    background-color: #F4CACA !important;
}
#btnSubmit {
    height: 50px !important
}
    .btnLogin:hover,
    .view-rx:hover,
    #btnVerifyCode:hover,
    #nextbtn:hover,
    #viewTrackingDetails:hover,
    #get-reset-link-btn:hover,
    #updatePasswordbtn:hover, .btn-eye-exam:hover, .btnctn:hover {
        background-color: #9c011a !important;
    }
    .btnLogin:focus,
    .view-rx:focus,
    #btnVerifyCode:focus,
    #nextbtn:focus,
    #viewTrackingDetails:focus,
    #get-reset-link-btn:focus, #updatePasswordbtn:focus,
    .btnLogin:active,
    .view-rx:active,
    #get-reset-link-btn:active,
    #viewTrackingDetails:active,
    #btnVerifyCode:active,
    #nextbtn:active, #updatePasswordbtn:active {
        border: 2px solid #9c011a !important;
        box-shadow: none !important;
        outline: none !important;
    }
    .card .card-header-primary .card-icon,
    .card .card-header-primary .card-text,
    .card .card-header-primary:not(.card-header-icon):not(.card-header-text),
    .card.bg-primary,
    .card.card-rotate.bg-primary .front,
    .card.card-rotate.bg-primary .back {
        background: linear-gradient(12deg, #f64251, #b9253d) !important;
    }

.sidebar[data-color="purple"] li.active > a {
    background-color: #c8102e;
    box-shadow: 0 4px 10px rgba(188, 160, 137, 0.6), 0 0 5px rgba(188, 160, 137, 0.9) !important;
}
.card-header-parent {
    background: linear-gradient(12deg, #f64251, #b9253d) !important;
}
.card-header-dependent {
    background: linear-gradient(to right, #e6d3c4 0%, #c1ae9c 50%, #ab8566 100%) !important;
}
    .card-body {
    background: #f8f5f3 !important;
}
.sidebar .sidebar-wrapper {
    background: white !important;
}
.main-panel ps-container ps-theme-default {
    background: white !important;
}
.btnlogout {
    background: #c8102e !important;
    transform: translateY(0px) scale(1);
    box-shadow: none !important;
}

.btnlogout:hover, .btnlogout:focus {
    box-shadow:none !important;
    background-color: #9c011a !important;
}
.btn-signup, #reset-password-btn-submit, #btnSaveSocialMedia, #btn-view, .btnSwitchProfile {
    background-color: #bca089 !important;
    color: #ffffff !important;
    transform: translateY(0px) scale(1);
}
    .btn-signup:focus,
    .btnSwitchProfile:focus,
    #reset-password-btn-submit:focus,
    #btnSaveSocialMedia:focus,
    .btn-signup:active,
    .btnSwitchProfile:active,
    #btn-view:active,
    #reset-password-btn-submit:active,
    #btnSaveSocialMedia:active,
    #btn-view:active,
    #btnSaveSocialMedia:active {
        border: 2px solid #b49072 !important;
        box-shadow: none !important;
        outline: none !important;
        transform: translateY(0px) scale(1);
    }
.acct-confirm-btn {
    background-color: #bca089 !important;
    color: #ffffff !important;
    transform: translateY(0px) scale(1);
}
    .acct-confirm-btn:focus,
    .btn-bck-to-lgn:focus,
    #btnUpdate:focus,
    #btnUpdate:active,
    .acct-confirm-btn:active,
    .btn-bck-to-lgn:active {
        border: 2px solid #b49072 !important;
        box-shadow: none !important;
        outline: none !important;
        color: #ffffff !important;
        transform: translateY(0px) scale(1);
    }
.btn-location, .btn-bck-to-lgn, #btnUpdate {
    background-color: #bca089 !important;
    color: #fff !important;
    border-color: #bca089 !important;
    transform: translateY(0px) scale(1);
}
.btn-eye-exam {
    background-color: #c8102e !important;
    color: #fff !important;
    border-color: #c8102e !important;
    transform: translateY(0px) scale(1);
}
.header-wv-nav .main-nav .btn-location .inner::before {
    filter: brightness(0) invert(1);
}
.header-wv-nav .main-nav .btn-location .inner::before {
    filter: brightness(0) invert(1);
    width: 15px;
    height: 18px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(1) brightness(0%) invert(1);
    filter: grayscale(1) brightness(0%) invert(1);
}
.header-wv-nav .main-nav > .inner-wrap .btn-links-contain .btn-teal :hover {
    background-color: #9c011a !important;
}
.header-hv-nav .main-nav .btn-location .inner::before {
    filter: brightness(0) invert(1);
}
.header-hv-nav .main-nav .btn-location .inner::before {
    filter: brightness(0) invert(1);
    width: 15px;
    height: 18px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(1) brightness(0%) invert(1);
    filter: grayscale(1) brightness(0%) invert(1);
}
.header-hv-nav .main-nav > .inner-wrap .btn-links-contain .btn-teal :hover {
    background-color: #9c011a !important;
}
.card {
    background: #f8f5f3 !important;
}
.terms-link  a {
    color: #222 !important;
    display: inline-block;
    font-weight: 400;
    text-decoration: underline !important;
}
.reset-password-link {
    color: #222;
    display: inline-block;
    font-weight: 400;
    text-decoration: underline;
}
    .reset-password-link:hover {
        color: #c8102e !important;
    }
.terms-link a:hover, #herfResendCode:hover {
    color: #c8102e !important;
}
#btnUserUpdate, .reorder {
    background: #bca089 !important;
    border-color: #bca089 !important;
    transform: translateY(0px) scale(1);
}
#btnUserUpdate, .reorder {
    outline: none !important;
    border: none !important;
    color: #fff !important;
    transform: translateY(0px) scale(1);
}
   
    #Password:focus-within,
    #Password:active {
        border-color: #bca089 !important;
        box-shadow: none !important;
        outline: none !important;
    }
#Email:focus-within,
#Email:active {
    border-color: #bca089 !important;
    box-shadow: none !important;
    outline: none !important;
}
#chkRememberMe:checked {
    background: #1ea4ad !important;
    border-color: #1ea4ad !important;
    cursor: default !important;
}
#btnback {
    background-color: #bca089 !important;
    color: #ffffff !important;
    transform: translateY(0px) scale(1);
}
    #btnback:focus,
    #btnback:active {
        border: 2px solid #b49072 !important;
        box-shadow: none !important;
        outline: none !important;
        color: #ffffff !important;
        transform: translateY(0px) scale(1);
    }
.inputCode:focus-within,
.inputCode:active {
    border-color: #bca089 !important;
    box-shadow: none !important;
    outline: none !important;
}
#herfResendCode {
    color: #222 !important;
    display: inline-block;
    font-weight: 400;
    text-decoration: underline;

}

.main-panel ps-container ps-theme-default ps-active-y, .sidebar-background, .wrapper, .content, #MainDiv {
    background: white !important;
}
.card-partial {
    background: #efefef !important;
}
.bg-info {
    background: #dccaba !important;
}
.bmd-form-group 
.bmd-form-group.is-focused .form-control {
    border-bottom: 1px solid #bca089 !important;
}
.bmd-form-group .form-control[readonly],
.bmd-form-group.is-focused .form-control[readonly],
.bmd-form-group .form-control[readonly]:focus {
    border: none !important;
    border-bottom: 1px solid #d2d2d2 !important; /* light normal line */
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: default !important;
    color: #000 !important;
}


    .form-group input:focus .card {
        border-bottom: 1px solid #bca089 !important;
        outline: none !important;
    }

.btn.btn-info {
    box-shadow: none !important;
}

    .btn.btn-info:hover {
        box-shadow: none !important;
    }

    .btn.btn-info:focus,
    .btn.btn-info.focus,
    .btn.btn-info:hover {
        box-shadow: none !important;
    }

    .btn.btn-info:active,
    .btn.btn-info.active,
    .open > .btn.btn-info.dropdown-toggle,
    .show > .btn.btn-info.dropdown-toggle {
 
    box-shadow: none !important;
    }
.responsive-message .generate-code-error-message .card {
    background-color: #f5c6cb !important;
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
	background-image: none !important;
}
#divOrderListSuccess .responsive-message {
    background-color: #c3f1c3 !important;
    padding-top: 10px;
}
.generate-code-warning-message .card {
    background: #f7d4b1 !important;
    color: #604e4e !important;
}
.form-control[readonly]:focus {
    border-bottom: 2px solid #bca089 !important;
    outline: none !important;
}

.form-group:focus-within label {
    color: #c8102e !important;
}

.swal2-styled {
    background-color: #bca089 !important;
}
.swal2-actions:focus {
    background-color: #bca089 !important;
}
.swal2-confirm:focus {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
#FirstName:focus-within,
#FirstName:active,
#LastName:focus-within,
#LastName:active,
#DateOfBirth:focus-within,
#DateOfBirth:active {
    border-color: #bca089 !important;
    box-shadow: none !important;
    outline: none !important;
}
.value {
    font-weight: 400 !important;
    font-size: 12px !important;
}

#btnBookAppointment, .label {
    font-size: 13px !important;
}

.small-text {
    font-size: 14px !important;
}

#btnBookAppointment {
    font-weight: 400 !important;
}
.order-header {
    background: linear-gradient(to right, #e6d3c4 0%, #c1ae9c 50%, #ab8566 100%) !important;
    box-shadow: 0 4px 12px rgba(0, 121, 107, 0.4);
}

#labOrderStatusLabel, .btn-close {
    color: white !important;
}

    .btn-close:hover {
        background: transparent !important;
        font-size: 12px !important;
    }

#labOrderStatusModal .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    scrollbar-color: #f3eeee !important;
    background: #f3eeee !important;
    border-radius: 4px;
}

.value {
    font-weight: 400 !important;
    font-size: 12px !important;
}

.form-control:focus,
.bmd-form-group.is-focused .form-control {
    background-size: auto !important;
}

.form-control:read-only {
    border: 0px !important;
    background-image: linear-gradient(to top, #d2d2d2 0px, rgba(210, 210, 210, 0) 0px), linear-gradient(to top, #d2d2d2 0px, rgba(210, 210, 210, 0) 1px);
}