/* Main header styles */
.navbar {
    border-bottom: 1px solid #777777;
    background-color: var(--default-header-color) !important;
}
.navbar .navbar-nav > li > a, .navbar .navbar-nav > li > a:hover {
    background-color: var(--default-header-color) !important;
}

.navbar .navbar-nav > li > a:link {
    font-family: 'Roboto', sans-serif;
    color: var(--header-text-color) !important;
    background-color: var(--default-header-color) !important;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2px;
    margin-left: 6px;
    margin-right: 6px;
    transition: 0.2s;
}

.navbar .navbar-nav > li > a.lh-active {
    color: var(--header-links-color-active) !important;
    border-bottom: 4px solid var(--header-links-color-active);
}

.navbar .navbar-nav > li > a.lh-inactive {
    color: var(--header-text-color) !important;
    background-color: var(--default-header-color) !important;
}

.navbar .navbar-nav > li > a:hover {
    color: var(--header-links-color-active) !important;
    border-bottom: 4px solid var(--header-links-color-active);
}

.navbar .navbar-nav:hover > li > a.lh-active {
    color: var(--header-text-color) !important;
    border-bottom: 0;
}

.navbar .navbar-nav:hover > li > a.lh-active:hover {
    border-bottom: 4px solid var(--header-links-color-active)!important;
    color: var(--header-links-color-active) !important;
}

.header-search input {
    font-family: 'Roboto', sans-serif;
    color: var(--header-text-color) !important;
    background: #fff url(../../images/bioreference/search.png) no-repeat 93% center;
    background-size: 16px;
    border-color: #777777;
}

.options {
    border-left: 1px solid #777777;
}

.options div.mail {
    border-right: 1px solid #777777;
}

.header-profile > a {
    font-family: 'Roboto', sans-serif;
    color: var(--header-profile-dropdown-color);
}

.caret {
    width: 10px;
}

.header-profile.dropdown .dropdown-menu {
    background-color: var(--default-header-color) !important;
    border-top: 0px solid var(--header-profile-dropdown-color) !important;
    top: 98%;
}

.header-profile.dropdown .dropdown-menu li {
    padding: 0;
}

.header-profile.dropdown .dropdown-menu a {
    color: var(--header-profile-dropdown-color);
    transition: 0.2s;
}

.header-profile.dropdown .dropdown-menu a:hover {
    background-color: var(--header-profile-dropdown-color) !important;
    color: var(--default-header-color);
}

/* alert bar styles */

section.rangeArea {
    font-family: 'Roboto', sans-serif;
    background-image: none !important;
    background-color: var(--standard-gray-light);
    border-bottom: 1px solid #777777 !important;
}

div.rangeArea {
    background-image: none !important;
    background-color: var(--standard-gray-light);
    border-bottom: 1px solid #555555 !important;
    border-left: 1px solid rgba(100, 100, 100, 0.5) !important;
    border-right: 1px solid rgba(100, 100, 100, 0.5) !important;
}

.innerRangeBg img {
    margin-top: 0 !important;
}

.improv-txt {
    font-family: 'Roboto', sans-serif !important;
    color: var(--default-dashboard-icons-color) !important;
}

.improv-txt a {
    color: var(--default-dashboard-icons-color) !important;
}

.cmn {
    margin-top: 0 !important;
    padding-top: 5px !important;
}

.lftArrow {
    margin-top: 5px !important;
    height: 14px !important;;
    opacity: 0.8;
    background-color: var(--default-dashboard-icons-color)!important;
    display: inline-block !important;
    -webkit-mask: url(../../images/common/icon-right-arrow.svg) no-repeat 50% 50% !important;
    mask: url(../../images/common/icon-right-arrow.svg) no-repeat 50% 50% !important;
    -webkit-mask-size: cover !important;
    mask-size: cover !important;
}

.pathology-button {
    font-family: 'Roboto', sans-serif;
    background-image: none !important;
    background-color: var(--pathology-button-color);
    border: none !important;
    transition: 0.3s;
}

.pathology-button:hover {
    background-color:  var(--pathology-button-color-active) !important;
}

.header-icon {
    background-color: var(--standard-gray-dark);
}

/* Patient Login & Signup pages whitelabel design */
.button-teal {
    background-color: var(--brand-primary-color);
}

.login-submit button.login:hover, .login-submit button.login:before, .login-submit button.login:after, .login-submit button.login:focus,
.button-teal, .button-teal:hover, .button-teal:before, .button-teal:focus {
    color: var(--default-header-color);
    text-decoration: none;
}

#signup-form-submit-btn {
    background-color: var(--brand-primary-color);
}

.login-form-outer input[type=text], .login-form-outer input[type=password] {
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 0px 0px 0px 7px #eee;
    -moz-box-shadow: 0px 0px 0px 7px #eee;
    box-shadow: 0px 0px 0px 7px #eee;
    background: #fff;
}

#password-group div.input-prepend span.add-on {
    background-color: #eee;
    border: 0px;
}

/* Provider Login page whitelabel design */
.login-submit button.login, .loginBtn, .loginHead  {
    background-color: var(--brand-primary-color)!important;
    color: var(--default-header-color)!important;
}

.provider-form-control {
    border-radius: 2px;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 0px 0px 0px 5px #eee;
    -moz-box-shadow: 0px 0px 0px 5px #eee;
    box-shadow: 0px 0px 0px 5px #eee;
    background: #fff;
}

.form-control:focus {
    border-color: #cbcbcb;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(196, 196, 196, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(196, 196, 196, 0.6);
}

.button-container svg,
.button-container span {
    fill: var(--brand-primary-color);
    color: var(--standard-gray-light);
}
.button-container:hover svg,
.button-container:hover span {
    fill: var(--brand-primary-color-active);
    color: var(--brand-primary-color-active);
}

.dropdown-menu {
    font-family: 'Roboto', sans-serif;
}