.btnLogin, #nextbtn, #btnVerifyCode, .btnSwitchProfile, #get-reset-link-btn, #viewTrackingDetails, .view-rx, .btnctn, #updatePasswordbtn {
    background-color: #686b6b !important;
    color: #fff !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    transform: translateY(0px) scale(1);
}

    .btnLogin:hover,
    #updatePasswordbtn:hover,
    .btnctn:hover,
    .view-rx:hover,
    #btnVerifyCode:hover,
    #nextbtn:hover,
    #viewTrackingDetails:hover,
    #get-reset-link-btn:hover,
    .btnSwitchProfile:hover {
        background-color: #212222 !important;
        transform: translateY(0px) scale(1);
    }

.close-btn:hover {
    background: white !important;
}

.btnLogin:focus,
.btnctn:focus,
.view-rx:focus,
#btnVerifyCode:focus,
#nextbtn:focus,
#viewTrackingDetails:focus,
#get-reset-link-btn:focus,
#updatePasswordbtn:focus,
.btnLogin:active,
.view-rx:active,
.btnctn:active,
#get-reset-link-btn:active,
#viewTrackingDetails:active,
#updatePasswordbtn:active,
#btnVerifyCode:active,
#nextbtn:active {
    border: 2px solid #212222 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: translateY(0px) scale(1);
}

.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(to right, #575858, #777f7f, #373333) !important;
}

.sidebar[data-color="purple"] li.active > a {
    background-color: #2ba096;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}

.card-header-parent {
    background: linear-gradient(to right, #575858, #777f7f, #373333) !important;
}

.card-body {
    background: #f8f5f3 !important;
}

.sidebar .sidebar-wrapper {
    background: white !important;
}

.main-panel ps-container ps-theme-default {
    background: white !important;
}

.btnlogout, #btnUpdate {
    background: #2ba096 !important;
    transform: translateY(0px) scale(1);
    box-shadow: none !important;
}

   
.btn-signup, #reset-password-btn-submit, #btnSaveSocialMedia, #btn-view, .btnSwitchProfile {
    background-color: #2ba096 !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#2ba096 !important;
        box-shadow: none !important;
        outline: none !important;
        transform: translateY(0px) scale(1);
    }

.acct-confirm-btn {
    background-color: #2ba096 !important;
    color: #ffffff !important;
    transform: translateY(0px) scale(1);
}

    .acct-confirm-btn:focus,
    .btn-bck-to-lgn:focus,
    .acct-confirm-btn:active,
    .btn-bck-to-lgn:active {
        border: 2px solid#2ba096 !important;
        box-shadow: none !important;
        outline: none !important;
        color: #ffffff !important;
        transform: translateY(0px) scale(1);
    }

.btn-bck-to-lgn {
    background-color: #2ba096 !important;
    color: #fff !important;
    border-color: #2ba096 !important;
    transform: translateY(0px) scale(1);
}

.header-wv-nav .main-nav > .inner-wrap .btn-links-contain .btn-teal :hover {
    background-color: #2ba096 !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: #2ba096 !important;
    }

.terms-link a:hover, #herfResendCode:hover {
    color: #2ba096 !important;
}

#btnUserUpdate, .reorder {
    background: #2ba096 !important;
    border-color: #2ba096 !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: #2ba096 !important;
    box-shadow: none !important;
    outline: none !important;
}

#FirstName:focus-within,
#FirstName:active {
    border-color: #2ba096 !important;
    box-shadow: none !important;
    outline: none !important;
}

#LastName:focus-within,
#LastName:active {
    border-color: #2ba096 !important;
    box-shadow: none !important;
    outline: none !important;
}

#DateOfBirth:focus-within,
#DateOfBirth:active {
    border-color: #2ba096 !important;
    box-shadow: none !important;
    outline: none !important;
}

#Email:focus-within,
#Email:active {
    border-color: #2ba096 !important;
    box-shadow: none !important;
    outline: none !important;
}

#chkRememberMe:checked {
    background: #1ea4ad !important;
    border-color: #1ea4ad !important;
    cursor: default !important;
}

#btnback, .appt-confirm {
    background-color: #2ba096 !important;
    color: #ffffff !important;
    transform: translateY(0px) scale(1);
}

    #btnback:focus,
    .appt-confirm:focus,
    .appt-confirm: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: #2ba096 !important;
    box-shadow: none !important;
    outline: none !important;
}

#herfResendCode {
    color: #222 !important;
    display: inline-block;
    font-weight: 400;
    text-decoration: underline;
}

.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);
}

.bmd-form-group.is-focused .form-control {
    border-color: #2ba096 !important;
    box-shadow: none !important;
    outline: none !important;
}

.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: #b3d9d8 !important;
}



.btn.btn-info {
    transform: translateY(0px) scale(1);
}

#EmailId:focus label {
    color: black !important;
}

.btn.btn-info:hover {
    transform: translateY(0px) scale(1);
}

    .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;
}

#divOrderListSuccess .responsive-message {
    background-color: #c3f1c3 !important;
}

.generate-code-warning-message .card {
    background: #f7d4b1 !important;
    color: #604e4e !important;
}


.form-group:focus-within label {
    color: #2ba096 !important;
}

.swal2-styled {
    background-color: #2ba096 !important;
}

.swal2-actions:focus {
    background-color: #2ba096 !important;
}

.swal2-confirm:focus {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.order-header {
    background: linear-gradient(to right, #64c3b8, #30b6aa, #279083) !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;
}

#btnBookAppointment, .label {
    font-size: 13px !important;
}

.small-text {
    font-size: 14px !important;
}

#btnBookAppointment {
    font-weight: 400 !important;
}

.date-text {
    font-size: 17px !important;
    font-weight: 400 !important;
}

.btn.btn-danger:hover {
    box-shadow: none !important;
}

.btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info:hover {
    box-shadow: none !important;
}
.paymentDisplay {
    background: #F4CACA !important

}
.form-control:focus,
.bmd-form-group.is-focused .form-control {
    background-size: auto !important;
}
button,.btn{
    box-shadow:none !important;
}