/***********************************/
/**********  Typography    *********/
/***********************************/

html, body {
    font-family: Georgia, 'Times New Roman', Times, serif;
    background-color: #fff;
    color: #000000;
}

h1, h2, h3, h4 {
    font-weight: bold;
}

h1 {
    font-size: 2.250em;
    line-height: 60px;
}

h2 {
    font-size: 1.50em;
    line-height: 40px;
}

h3 {
    font-size: 1.125em;
    line-height: 30px;
}

h4 {
    font-size: 1.0em;
    line-height: 24px;
}

p {
    line-height: 24px;
    /* margin-bottom: 1.25em; */
}

p.small {
    font-size: 0.875em;
    line-height: 23px;
    margin-bottom: 1.25em;
}

p.help-tile {
    margin-bottom: 0 !important;
}

/***********************************/
/**********  Anchor Links  *********/
/***********************************/

.confirm-content a:link,
.confirm-content a:hover,
.confirm-content a:visited,
.confirm-content a:active {
    color: #037AC6;
    font-family: Arial, Helvetica, sans-serif;
}

a:link,
a:hover,
a:visited,
a:active {
    color: #037AC6;
    font-family: Arial, Helvetica, sans-serif;
}


a:hover {
    text-decoration: underline;
}

p a:link,
p a:hover,
p a:visited,
p a:active {
    font-family: Georgia, 'Times New Roman', Times, serif;
}

/***********************************/
/*****  Tiles / Blocks / Cards  ****/
/***********************************/

.tile {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 3px;
    border: 1px solid #E5E5E5;
    background-color:#FFFFFF;
    /* padding-left: 5px; */
}

/***********************************/
/***********   Lists  **************/
/***********************************/

ul li {    
    padding-left: 15px;
}

/***********************************/
/***********   LEFT NAV  ***********/
/***********************************/

.nav-logo {
    width: 245px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    box-shadow: -1px 2px 4px 0 #292C2C;
}

.nav-logo.hm {
    background-color: #00B648;
}

.nav-logo.mck {
    background-color: #037AC6;
}

.nav-logo img {
    cursor: pointer;
    border-style: none;
}
#sidebar ul li {
    padding-left: 0px;
}
/***********************************/
/***********   TOP NAV  ***********/
/***********************************/
#storeNameLbl {
    font-size: 1.50em;
    font-weight: bold;
    line-height: 30px;
}

#storeNameLbl {
    height: 30px;
    color: #292C2C;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

/***********************************/
/***********   PAGE LAYOUT  ***********/
/***********************************/
.container-fluid {
    padding-left: 0;
}

.page-content {
    background-color: #F5F5F5;
    padding-bottom: 20px;
    border: 1px solid #DBDBDB;
    width: 100%;
    border-bottom: none;
    min-height: 100vh;
    max-width: 1140px;
}

.page-content .page-controls {
    margin: 20px 0 10px 0;
}

.page-content .page-controls hr {
    margin: 6px 0 0 0;
}

/***********************************/
/***********   BUTTONS  ***********/
/***********************************/

.btn {
    font-family: Arial, Helvetica, sans-serif;
    height: 40px;
    transition: background-color 300ms ease-out;
}


/***********************************/
/***********   MODAL  ***********/
/***********************************/

.modal-backdrop {
    background-color: #1e1e1e;
    /* display: none; */
 }

.modal-backdrop.show {
    opacity: .5;
}

.modal.fade .modal-dialog 
{
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.modal-title .fa-exclamation-triangle {
    color: #FFC100;
}

.modal-body table {
    width: 100%;
}

.modal-body table tr td {
    border-bottom: 1px solid #E5E5E5;
}

.modal-body table tbody tr:last-of-type td {
    border-bottom: none;
}



/************************************/
/***********   BS4 MODAL  ***********/
/************************************/

#divUtilModal .modal-header {
    position: relative;
}
#divUtilModal .modal-footer {
    text-align: center;
}
#divUtilModal .modal-footer .btn-primary {
    padding-right: 30px;
    padding-left: 30px;
}

#divUtilModal .modal-title {
    color: #292C2C;
    font-family: Georgia;
    font-size: 21px;
    line-height: 24px;
    font-weight: normal;
    position: relative;
    /* display: inline; */
    position: absolute;
    bottom: 0;
    padding-bottom: 15px;
    padding-left: 50px;
}
#divUtilModal .modal-header img {
    height: 32px;
    width: 38px;
    margin-right: 20px;
}


/***********************************/
/***********   FORMS  ***********/
/***********************************/
label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #292C2C;
}

.accordion {
    margin-bottom: 30px;
}

.accordion a:link,
.accordion a:visited,
.accordion a:hover {
    color: #000000;
    text-decoration: none;
}

.accordion > div > div.panel-heading {
    padding: 8px 10px;
    background-color: #E6F2F9;
}

.accord-header {
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.alert {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
}

/* --------------------------------------------------------------------------------------------------------
/* DMZ - WARNING YOU ARE ABOUT TO LEAVE THE SAFE ZONE
/*
/*
/* EVERYTHING ABOVE THIS IS LEGIT AND BASED OF OF STYLE GUIDE
/*
/* IF YOU ARE OVERRIDING STYLES ABOVE YOU ARE DOING IT WRONG
/* -------------------------------------------------------------------------------------------------------- */


.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-sm {
    /* width: 90px !important; */
}

.btn-md {
    width: 120px !important;
}

.btn-lg {
    width: 150px !important;
}

.btn-lg-plus {
    width: 180px !important;
}

.btn-primary,
.btn-secondary,
.btn-danger {
    border-radius: 4px;
    font-weight: normal;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary {
    color: #FFFFFF;
    background-color: #037AC6;
    border-color: #037AC6;
    font-size: 1.0em;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus {
        background-color: #68AFDD !important;
        border-color: #68AFDD;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #003675 !important;
        border-color: #003675;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled] {
        background-color: #037AC6;
        border-color: #037AC6;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn-secondary {
    color: #505252 !important;
    background-color: #E6E7E7;
    border-color: #E6E7E7;
}

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary.focus {
        background-color: #F2F2F2 !important;
        border-color: #F2F2F2;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-secondary:active,
    .btn-secondary.active {
        background-color: #B4B5B5 !important;
        border-color: #B4B5B5;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-secondary.disabled,
    .btn-secondary[disabled] {
        background-color: #E6E7E7;
        border-color: #E6E7E7;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn-danger {
    color: #FFFFFF;
    background-color: #EB2F1E;
    border-color: #EB2F1E;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus {
        background-color: #F96E61 !important;
        border-color: #F96E61;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #C8281A !important;
        border-color: #C8281A;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-danger.disabled,
    .btn-danger[disabled] {
        background-color: #F2F2F2;
        border-color: #F2F2F2;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn .caret {
    margin-left: 5px;
    border: 0;
}

    .btn .caret:before {
        content: url(../images/caret_icon.png);
        position: absolute;
        top: -5px;
        font-size: 29px;
        left: 85%;
        color: #ccc;
    }


/* .fancybox-skin {
    padding: 25px !important;
    padding-bottom: 30px !important;
    border: 1px solid #E6E7E7;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(205,205,205,0.85);
}

.fancybox-body .header {
    text-align: left;
    margin-bottom: 20px;
}

.fancybox-body h3,
.fancybox-inner h3 {
    display: inline;
    color: #292C2C;
    font-family: Georgia;
    font-size: 21px;
    line-height: 24px;
    position: relative;
    left: 10px;
    top: 8px;
}

.fancybox-body .header > h3 {
    left: 10px;
}

.fancybox-body img {
    height: 32px;
    width: 38px;
}

.fancybox-outer {
    text-align: center;
}

.fancybox-body input {
    margin-top: 32px;
    padding: 9px 20px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 18px;
    line-height: 24px;
}

.fancybox-overlay .confirm-content {
    color: #292C2C;
    font-family: Georgia;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
} */




.fa-lnav {
    font-size: 24px;
    margin-right: 5px;
}

.sidebar .dropdown-toggle::after,
.divChangeStore .dropdown-toggle::after,
#dropAvatar .dropdown-toggle::after {
    display: none;
}

.sidebar > ul {
    padding: 0;
}


#liDsh {
    margin-top: 20px
}

.resOpt,
.trc,
.hmu,
.toolKit {
    display: none;
}








h6, breadcrumb, dt, dd li {
    font-size: 0.875em;
    line-height: 1.5;
    font-family: Georgia;
    font-weight: normal;
}










.pctChg {
    font-size: 0.875em;
    line-height: 1.5;
    font-family: Arial;
    font-weight: bold;
    color: #292C2C;
}

.h6-small {
    font-size: 0.875em;
}

.h6-xs {
    font-size: 0.6875em;
    line-height: 15px;
    color: #505252;
}


.table-responsive,
.table > tbody > tr > td {
    font-family: Arial;
    font-weight: normal;
}

.tooltip {
    font-size: 12px !important;
    line-height: 18px !important;
    pointer-events: none;
}

    .tooltip.bottom .tooltip-arrow {
        border-bottom-color: #292C2C !important;
    }

.tooltip-inner {
    white-space: pre-wrap;
    text-align: left;
    padding: 5px 10px 5px 10px;
    margin-top: 4px;
    background-color: #292C2C !important;
}

.tooltip.bottom .tooltip-arrow {
    border-width: 0 10px 10px;
    left: 33px !important;
}


.footer .privacy-seal {
    float: left;
    margin-top: 78px;
    margin-left: 30px;
    width: 145px;
    height: 45px;
}



    a.bluelink {
        text-decoration: underline;
        color: #037AC6;
        font-size: 14px;
        font-family: Arial;
    }

.arial14gray {
    color: #505252;
    font-size: 14px;
    font-family: Arial;
}

.arial12gray {
    color: #828283;
    font-size: 12px;
    font-family: Arial;
    padding-top: 20px;
}

.oigtitle {
    padding-bottom: 8px;
}

.pagination-detail .btn .caret:before {
    left: 60% !important;
}

.pagination-detail .btn-group .dropdown-toggle {
    min-width: 70px;
}

.dropdown .btn {
    text-align: left;
}

.dropdown > button {
    color: #292C2C;
    font-size: 1em;
    line-height: 1.5 !important;
    padding: 8px 10px;
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    height: 40px;
    background-color: #fff;
}

    .dropdown > button:focus {
        border: 2px solid #037AC6;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.dropdown.open > button:focus {
    border: 1px solid #CDCDCD;
}

.dropdown > button:disabled {
    border: 1px solid #E6E7E7;
    background-color: #F2F2F2;
}

.dropdown-menu {
    border: 1px solid #E6E7E7;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(205,205,205,0.85);
    /* width: 100%; */
    font-size: 1em;
}

    .dropdown-menu > li > a {
        display: block;
        padding: 4px 10px;
        clear: both;
        font-weight: normal;
        line-height: 1.5 !important;
        color: #292C2C;
        white-space: nowrap;
        cursor: pointer;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            color: #262626;
            text-decoration: none;
            background-color: #C0DEF1;
        }

.btn-default:hover, .btn-default:focus,
.btn-default:active, .btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: #fff;
    border-color: #CDCDCD;
}

.medium {
    width: 270px;
}

.form-control, .btn-group > .btn, .dropdown > .btn, .dropdown > .tool-tip > .btn {
    color: #292C2C;
    font-size: 1em;
    line-height: 1.5;
    padding: 8px 10px;
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    /*height: 40px;*/ /*TODO: fix this later */
}


    .form-control:focus,
    .btn-group > .btn:focus,
    .dropdown > .btn:focus {
        border: 2px solid #037AC6;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .form-control:disabled,
    .btn-group > .btn:disabled,
    .dropdown > .btn:disabled {
        border: 1px solid #E6E7E7;
        background-color: #F2F2F2;
    }

.form-control {
    color: #292C2C;
    height: 40px;
    font-family: Arial;
    font-size: 16px;
    padding: 8px 10px;
    letter-spacing: 1px;
    line-height: 24px;
    border: 1px solid #CDCDCD;
    border-radius: 3px !important;
    background-color: #fff;
    box-shadow: none;
}

    .form-control:focus {
        border: 2px solid #037AC6;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .form-control:disabled {
        border: 1px solid #E6E7E7;
        background-color: #F2F2F2;
    }

.hm-glyph-disabled {
    border: 1px solid #E6E7E7 !important;
    background-color: #F2F2F2;
    border-left: none !important;
}

#loginModal label,
#forgotPasswordModal label,
#newPasswordModal label {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 16px;
    color: #828383;
    font-weight: normal;
}

#loginModal .modal-body {
    padding: 0px 101px 0px 101px;
}

.login-content .forgot,
.login-content .error,
.login-content .placeholder {
    font-size: 11px;
    line-height: 16px;
    margin-left: 0px;
    margin-top: 3px;
}

.login-content .error {
    float: left;
    color: #EB2F1E;
    display: none;
}

.login-content .placeholder {
    color: #EB2F1E;
}

.login-content .forgot {
    float: right;
    color: #037AC6;
    text-decoration: none !important;
}

.login-content .form-group {
    width: 298px;
    height: 62px;
}

.has-error a {
    color: #b94a48;
    text-decoration: underline;
}

.form-control-error {
    border: 1px solid #EB2F1E !important;
    background-color: #FDEBE9 !important;
}

.pswd-control-error {
    background-color: #FDEBE9 !important;
}

.has-error .form-control {
    border: 1px solid #EB2F1E !important;
    background-color: #FDEBE9 !important;
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.row.header, .row.body, .row.tbl-rows {
    padding: 6px 21px;
}

.myhm-tbl-hdr {
    color: #292C2C;
    font-family: Arial;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    background-color: #00B648;
    background-color: #E6E7E7;
}

.mck-tbl-hdr {
    color: #292C2C;
    font-family: Arial;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    background-color: #00B648;
    background-color: #E6E7E7;
}

table > thead > tr > th,
table > tbody > tr > td {
    border: none;
    color: #000000;
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 6px 50px 6px 15px;
    font-family: Arial;
}

.table-bordered {
    border-radius: 3px 3px 0 0;
}

table > thead > tr > td,
table > tbody > tr > td,
.table > tbody > tr > td,
.table > thead > tr > td {
    padding: 8px 0 8px 20px;
    border-top: none;
}


table > thead > tr > th,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th {
    /*padding: 10px 0 10px 20px;*/
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: none;
}

.row.header {
    color: #292C2C;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    border: none;
    border-radius: 3px 3px 0 0;
    background-color: #00B648;
    background-color: #E6E7E7;
    min-height: 44px;
    display: flex;
    align-items: center;
}

.row.body {
    font-size: 14px;
    line-height: 24px;
    border: none;
    min-height: 44px;
    display: flex;
    align-items: center;
    color: #292C2C;
}

#tblFinLeft tbody .hdr td, #tblFinRight tbody .hdr td {
    color: #292C2C;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    background-color: #00B648;
    background-color: #E6E7E7;
}


.table-responsive table > tbody {
    border: 1px solid #F2F2F2;
}

    .table-responsive table > tbody > tr:nth-child(even) > td,
    .table-responsive table tbody > tr:nth-child(even) > td,
    .table-responsive table > tbody > tr:nth-child(even) > th {
        background-color: #f2f2f2;
    }

    .table-responsive table > tbody > tr:nth-child(odd) > td,
    .table-responsive table tbody > tr:nth-child(odd) > td,
    .table-responsive table > tbody > tr:nth-child(odd) > th {
        background-color: #ffffff;
    }

.row.header .fa-question-circle {
    color: #505252;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

.grp-header {
    background-color: #E6E7E7 !important;
}

/* CUSTOM CHECKBOX*/
.panel textarea, .well textarea, textarea.form-control {
    resize: none;
}

.badge {
    color: #3B5999;
    background-color: #fff;
}

    .badge:hover, .badge-inverse {
        background-color: #3B5999;
        color: #fff;
    }

.jumbotron {
    background-color: transparent;
}

.label-default {
    background-color: #dddddd;
}

.page-header {
    margin-top: 55px;
    padding-top: 9px;
    border-top: 1px solid #eeeeee;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.top-panel {
    position: relative;
    top: -1px;
}

.panel {
    border-radius: 3px;
    margin-top: 30px;
    margin-bottom: 0px;
}

.panel-default {
    border-color: #E6E7E7;
}

    .panel-default .panel-heading {
        background-color: Transparent;
        color: #555555;
        /*font-size: 14px;*/
        border: none;
        padding: 15px 15px 0px 15px;
        font-weight: bold;
    }

.accordgrp .panel-heading {
    padding: 0px;
}

.accordgrp .panel-default {
    border-bottom-width: inherit;
    margin-top: 0px;
}

.hm-table-header {
    background-color: #E6E7E7 !important;
    color: #292C2C !important;
}

.mck-table-header {
    background-color: #E6E7E7 !important;
    color: #292C2C !important;
}

    .mck-table-header tr > th,
    .mck-table-header .fa-question-circle {
        color: #FFFFFF !important;
    }

    .mck-table-header tr > th {
        background-color: #E6E7E7 !important;
        color: #292C2C !important;
    }

/*.accordgrp .panel-default:last-child {
    border-bottom-width: thin;
}*/
.col-sm-9.full {
    width: 100%;
}

.bkg1 {
    background: url("../images/retail_pharm.jpg") no-repeat center center fixed;
}

.bkg5 {
    background: url("../images/hmhlt.jpg") no-repeat center center fixed;
}

.bkg1, .bkg2, .bkg3, .bkg4, .bkg5 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bkgMck1 {
    background: url("../images/mck_1.jpg") no-repeat center center fixed;
}

.bkgMck2 {
    background: url("../images/mck_2.jpg") no-repeat center center fixed;
}

.bkgMck1, .bkgMck2 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



small.text-muted {
    font-family: courier,courier-new,monospace;
}

/*.dropdown {
    margin-bottom: 10px;
}*/

/* Checkboxes and Radio Buttons*/
.chk-container {
    display: inline-grid;
}

.pull-left {
    padding-left: 27px;
    font-size: 16px;
}

.dropdown-menu .pull-left {
    color: #292C2C;
}

.magic-radio,
.myhm-checkbox {
    position: absolute;
    display: none;
}

    .magic-radio[disabled],
    .myhm-checkbox[disabled] {
        cursor: not-allowed;
    }

    .magic-radio + label,
    .myhm-checkbox + label {
        position: relative;
        display: block;
        padding-left: 30px;
        cursor: pointer;
        vertical-align: middle;
    }

#welcomeWizard .myhm-checkbox + label {
    padding-left: 10px !important;
}

.magic-radio + label:hover:before,
.myhm-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
}

.magic-radio + label:before,
.myhm-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    content: '';
    border: 1px solid #c0c0c0;
}

.magic-radio + label:after,
.myhm-checkbox + label:after {
    position: absolute;
    display: none;
    content: '';
}

.magic-radio[disabled] + label,
.myhm-checkbox[disabled] + label {
    cursor: not-allowed;
    color: #e4e4e4;
}

    .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
    .myhm-checkbox[disabled] + label:hover,
    .myhm-checkbox[disabled] + label:before,
    .myhm-checkbox[disabled] + label:after {
        cursor: not-allowed;
    }

        .magic-radio[disabled] + label:hover:before,
        .myhm-checkbox[disabled] + label:hover:before {
            border: 1px solid #e4e4e4;
            animation-name: none;
        }

    .magic-radio[disabled] + label:before,
    .myhm-checkbox[disabled] + label:before {
        border-color: #e4e4e4;
    }

.magic-radio:checked + label:before,
.myhm-checkbox:checked + label:before {
    animation-name: none;
}

.magic-radio:checked + label:after,
.myhm-checkbox:checked + label:after {
    display: block;
}

.magic-radio + label:before {
    border-radius: 50%;
}

.magic-radio + label:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3e97eb;
}

.magic-radio:checked + label:before {
    border: 1px solid #3e97eb;
}

.magic-radio:checked[disabled] + label:before {
    border: 1px solid #c9e2f9;
}

.magic-radio:checked[disabled] + label:after {
    background: #c9e2f9;
}

.myhm-checkbox + label:before {
    /*border-radius: 3px;*/
}

.myhm-checkbox + label:after {
    top: 2px;
    left: 6px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left: 0;
}

.myhm-checkbox:checked + label:before {
    border: #3e97eb;
    background: #3e97eb;
}

.myhm-checkbox:checked[disabled] + label:before {
    border: #c9e2f9;
    background: #c9e2f9;
}

.multiselect-container > li {
    padding: 4px 0;
}

    .multiselect-container > li > a > label {
        padding-top: 0 !important;
        padding: 3px 20px 3px 0px;
    }

/* PAGE CONTENT */
.breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    padding: 15px 0 0 0;
    color: #037AC6;
}

.page-title {
    text-align: left;
    padding: 0;
    margin-top: 30px;
    /*display: inline-flex;*/
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

    .page-title h2 {
        padding-bottom: 11.5px;
        margin-bottom: 0px;
        line-height: 0.9em;
    }

/* ALERTS */
#alertBell {
    cursor: pointer;
    color: #555;
    width: 31px;
    height: 24px;
    padding-left: 0;
    position: relative;
    top: 10px;
}

.NCnotification {
    top: 10px;
    padding-left: 0px;
}

.alert-bell.badge {
    position: relative;
}

#topNavRight .alert-badge[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    top: -1px;
    right: -1px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    background-color: #FF5425;
    border-radius: 12px;
    padding: 0px 6px;
}

#topNavRight .alert-NC[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    top: -1px;
    right: -1px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    background-color: #FF5425;
    border-radius: 12px;
    padding: 0px 20px;
}

#topNavRight .row.pull-right {
    display: block;
    -ms-flex-wrap: auto;
    width: 100%;
}

#topNavRight .row.pull-right > div {
    float: left;
}


.alert-NC {
    padding: 0px !important;
    margin-right: 10px;
}

#imgNC {
    width: auto;
    height: auto;
}

.alertNcWithoutNew {
    padding-top: 10px !important;
}

#divAlertModalTitle {
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: solid 1px #DDD;
    margin-bottom: 10px;
    text-align: center;
    font-family: Arial;
}

#alertWrap {
}

#spnAlertExtLink {
    padding-left: 10px;
}

.ulAlerts {
    padding-left: 0px;
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}

#divAlerts, #divAccessMsg, #divNCAlerts, .logOutDv {
    border-radius: 4px;
}

    #divAlerts.fancybox-content {
        padding-top: 20px !important;
    }

.liAlert div {
    border: solid 1px #EEE;
}

.fancybox-slide--html > #divAlerts > button.fancybox-close-small,
#divAccessMsg > button.fancybox-close-small,
#divConfirmMsg > button.fancybox-close-small,
#divNCAlerts > button.fancybox-close-small,
.logOutDv > button.fancybox-close-small {
    display: none;
}

#divNCAlerts {
    padding: 20px 10px;
}

#divNCAlerts > div > div > div.row.close-row {
    display: block;
}

#divNCAlerts > div > div > div.row.modal-center {
    display: block;
    text-align: center;
}

#divNCAlerts .modalGreenTitle {
    color: #00B648;
    font-family: Georgia;
    font-size: 36px;
    font-weight: bold;
    line-height: 24px;
    align-content: center;
    margin: 15px 0px;
}
#divNCAlerts img{
    vertical-align:middle;
}
.imgMyHM_mck {
    width: 70%;
    padding-bottom: 15px;
}
.img-container {
    text-align: center;
    display: block;
}

.spnAlertIcon {
    width: 58px;
    text-align: center;
    float: left;
}
.immu-pg {
    border-right: 1px solid #E5E5E5;
    /*padding: 10px !important;
    height: 70px;*/
    text-align: left;
}

.page-links div:last-child {
    border-right: 0;
}

.immu-pg a {
    /*padding-right: 10px;*/
    color: #037AC6;
}
/*.spnAlertNum{display: inline-block;font-size: 10px;font-style: italic;color:#666;}*/
.relatedLink {
    color: #1C81C3;
}

    .relatedLink:link {
        color: #1C81C3;
    }

    .relatedLink:visited {
        color: #1C81C3;
    }

    .relatedLink:hover {
        color: #1C81C3;
    }

    .relatedLink:active {
        color: #1C81C3;
    }



#divConfirmMsg {
    border-radius: 4px;
}

#divConfirmMsg.fancybox-content {
    max-width: 390px;
    height: 245px;
    padding: 25px;
    cursor: auto;
}

#divConfirmMsg > div.header {
    text-align: left;
    margin-bottom: 20px;
}

#divConfirmMsg > div > img {
    height: 32px;
    width: 38px;
}

#divConfirmMsg > p.confirm-content {
    color: #292C2C;
    font-family: Georgia;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
}

#divConfirmMsg > a.confirm {
    bottom: 25px;
}

#divConfirmMsg > p.btnDiv > a.btn.btn-sm.confirm.btn-primary.ok {
    bottom: auto;
    left: auto !important;
}

p.btnDiv {
    text-align: center;
    margin-top: 30px;
}

#divConfirmMsg > p.btnDiv > a.btn.btn-sm.confirm.btn-secondary.cancel {
   margin-left: 100px;
}

#divAccessMsg.fancybox-content {
    max-width: 390px;
    height: 245px;
    padding: 25px;
}

#divAccessMsg > div > img {
    height: 32px;
    width: 38px;
}

#divAccessMsg > div.header {
    text-align: left;
    margin-bottom: 20px;
}

#divAccessMsg > p.confirm-content {
    color: #292C2C;
    font-family: Georgia;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
}

#divAccessMsg > a.confirm {
    bottom: 25px;
}

.fancybox-body .btn {
    height: 40px;
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    font-family: Arial;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    /*border: 1px solid transparent;*/
    border: 0;
    border-radius: 4px;
    transition: background-color 300ms ease-out;
}

    .fancybox-body .btn.active.focus,
    .fancybox-body .btn.active:focus,
    .fancybox-body .btn.focus,
    .fancybox-body .btn.focus:active,
    .fancybox-body .btn:active:focus,
    .fancybox-body .btn:focus {
        outline: 0 !important;
        outline-offset: 0 !important;
        background-image: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

.fancybox-body .btn-sm {
    width: 90px !important;
}

.fancybox-body .btn-md {
    width: 120px !important;
}

.fancybox-body .btn-lg {
    width: 150px !important;
}

.fancybox-body .btn-primary,
.fancybox-body .btn-secondary,
.fancybox-body .btn-danger {
    border-radius: 4px;
    font-weight: normal;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.fancybox-body .btn-primary {
    color: #FFFFFF;
    background-color: #037AC6;
    border-color: #037AC6;
    position: absolute;
    bottom: 0;
    display: inline;
    left: 0;
    right: 0;
}

.confirm.btn-primary {
    color: #FFFFFF;
    background-color: #037AC6;
    border-color: #037AC6;
    position: absolute;
    bottom: 0;
    display: inline;
    left: 27.5% !important;
    margin: unset !important;
}

.confirm.btn-single {
    left: 38% !important;
}

.fancybox-body .btn-primary:hover,
.fancybox-body .btn-primary:focus,
.fancybox-body .btn-primary.focus {
    background-color: #68AFDD !important;
    border-color: #68AFDD;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.fancybox-body .btn-primary:active,
.fancybox-body .btn-primary.active {
    background-color: #003675 !important;
    border-color: #003675;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.fancybox-body .btn-primary.disabled,
.fancybox-body .btn-primary[disabled] {
    background-color: #037AC6;
    border-color: #037AC6;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.fancybox-body .btn-secondary {
    color: #505252;
    background-color: #E6E7E7;
    border-color: #E6E7E7;
    position: absolute;
    bottom: 0;
    display: inline;
    right: 27.5%;
}

    .fancybox-body .btn-secondary:hover,
    .fancybox-body .btn-secondary:focus,
    .fancybox-body .btn-secondary.focus {
        background-color: #F2F2F2 !important;
        border-color: #F2F2F2;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .fancybox-body .btn-secondary:active,
    .fancybox-body .btn-secondary.active {
        background-color: #B4B5B5 !important;
        border-color: #B4B5B5;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .fancybox-body .btn-secondary.disabled,
    .fancybox-body .btn-secondary[disabled] {
        background-color: #E6E7E7;
        border-color: #E6E7E7;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-color: transparent !important;
    background: url('../images/xClose.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    height: 17px !important;
    width: 17px !important;
    top: 15px !important;
    right: 15px !important;
}

#fancybox-loading {
    display: none !important;
}

.liAlert i {
    color: #1C81C3;
}

.ttlNewClass {
    background-color: #c5e7fc !important;
}

.dscNewClass {
    background-color: #e5f5ff !important;
}

.ttlReadClass {
    background-color: #EEE !important;
}

.dscReadClass {
    background-color: #FFF !important;
}

#btnCloseViewStores {
    position: absolute;
    right: 5px;
    top: 5px;
}

#ulAllStores {
    text-align: left;
    background-color: #fff;
    margin-bottom: 20px;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: #CDCDCD;
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #828383;
}

#ulAllStoresModalTitle {
    height: 24px;
    color: #292C2C;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
    padding-left: 15px;
    margin-bottom: 15px;
}

    #ulAllStoresModalTitle span {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

#divMyStores {
    text-align: left;
    padding-left: 15px;
    padding-top: 16px;
    padding-bottom: 16px;
    min-height: 310px;
    border-bottom: solid 1px #DDD;
}

#divMyStoresModalTitle {
    font-weight: bold;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-top: 16px;
    /*margin-bottom: 15px;*/
    border-bottom: solid 1px #DDD;
    font-size: 20px;
    font-family: Arial;
    margin-bottom: 10px;
}

    #divMyStoresModalTitle span {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        color: #292C2C;
    }

.size-13 {
    font-size: 13px;
    font-weight: normal;
}

#btnCloseMyStores {
    position: absolute;
    right: 5px;
    top: 5px;
}

#btnCloseViewStores {
    position: absolute;
    right: 5px;
    top: 5px;
}

/*Check that this does NOT affect other fancyBox displays*/
/*.fancybox-skin {
    padding: 0 !important;
}*/

#prevVisNote {
    color: #292C2C;
    font-family: Arial;
    font-size: 13px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 10px;
}

#aViewAllStores {
    color: #037AC6 !important;
    font-family: Arial;
    font-size: 16px;
    padding-bottom: 22px !important;
    padding-top: 20px !important;
}

    #aViewAllStores:visited {
        color: #037AC6 !important;
    }

#btnCloseAlerts {
    position: absolute;
    right: 5px;
    top: 5px;
}

.fa-close {
    color: #BFBCC0;
    font-weight: normal;
    cursor: pointer;
}

.alertTitleWrap {
    background-color: #EEE;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 498px;
}
/*c5e7fc*/
.alertDescWrap {
    background-color: #FFF;
    display: inline-block;
    width: 498px;
}
/*e5f5ff*/
.divAlertTitle {
    padding: 5px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

.alertDate {
    font-size: 12px!important;
    font-weight: normal;
    padding-left: 5px;
    text-align: left;
}

.divAlertDesc {
    float: left;
    font-size: 11px;
    padding-bottom: 5px;
    padding: 10px;
    font-size: 11px;
    text-align: left;
}

.bold {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 0;
}

.detaildate {
    color: #828383;
    font-size: 11px;
    line-height: 16px;
}

.light {
    display: inline;
}

.divNoNewAlerts {
    font-size: 12px;
    padding-bottom: 5px;
    padding: 10px;
    font-size: 18px;
    text-align: left;
    color: #DDD;
    display: block;
    margin-top: 30px;
}

#spnAlertExtLink .fa-external-link {
    cursor: pointer;
}

.oldAlertsButton {
    font-size: 15px;
}

.liLoadMore {
    width: 500px;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
}

.liLoadHist {
    width: 500px;
    margin-top: 100px;
    text-align: center;
    cursor: pointer;
}

/* END ALERTS */
.offlineStore {
    font-style: italic;
}

#liBuyGrpQL {
    display: none;
}

/*#mainRow {
    width: 95%;
}*/

#divTopNav > .col-xs-12 {
    padding-left: 0px;
}

#fullColSm9 {
    min-height: 400px;
    padding-left: 30px;
}

.col-sm-6, .nopad {
    padding-left: 0px;
    padding-right: 0px;
}

.padrght5 {
    padding-left: 0px;
    padding-right: 5px;
}

.padlft5 {
    padding-left: 5px;
    padding-right: 0px;
}

.navbar-default {
    background-color: #f2f2f2;
    border: none;
}
/*E9EAED*/
.topnav {
    background-color: #FFFFFF;
}
/*E9EAED*/

.storeFirst {
    padding-left: 10px;
    padding-top: 7px;
}

.storeName {
    padding-left: 10px;
    padding-top: 7px;
}

.fltRgt {
    float: right;
}

.logOutH4 {
    padding-top: 15px;
    text-align: center;
}

.logOutSpn {
    font-size: 2rem;
    margin-right: 0.875rem;
    vertical-align: middle;
}

.logOutDv {
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
}

.fancybox-slide--html > .logOutDv.fancybox-content{
    width: 370px !important;
    height: 200px !important;
    padding: 20px;
}

#fancybox-container-1 > div.fancybox-inner > div.fancybox-stage > div > h4{

}

.topnav .nav > li > a {
    padding: 0
}

.topnav .nav > li {
    padding: 0 15px;
    background-color: #FFFFFF;
    border-bottom: solid 2px #CDCDCD;
}

    .topnav .nav > li:first-child {
        padding-left: 0 !important;
    }

    .topnav .nav > li:last-child {
        padding-right: 0 !important;
    }

    .topnav .nav > li.active {
        border-bottom: solid 2px #037AC6;
    }

        .topnav .nav > li.active > a {
            color: #037AC6 !important;
            font-weight: bold !important;
        }

#topNav {
    padding-left: 0px;
    padding-right: 0px;
}

#topNavOps {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
}

    #topNav > li > a,
    #topNavOps > li > a {
        font-size: 16px;
        line-height: 24px;
        color: #292C2C;
        font-family: Georgia;
        font-weight: normal;
    }

.rptBack {
    width: 130px;
    text-align: left;
    margin-top: 20px;
    color: #037AC6 !important;
    font-family: Arial;
    font-size: 16px;
}

.rptDetails, .rptPrint, .rptPdf, .rptExcel {
    text-align: right;
    margin-top: 20px;
    color: #037AC6 !important;
}

.spanHelp {
    color: #037ac7;
    cursor: pointer;
    font-size: 15px;
    font-family: Georgia;
    font-weight: bold;
}

.spanHelpWhite {
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-family: Georgia;
}

.disclaimer {
    /*font-size: 11px;
    font-style: italic;*/
    color: #777;
    padding-left: 5px;
    padding-bottom: 5px;
}

.list-group-item {
    padding: 10px 9px;
}

#hrefPrchAdv {
    padding-right: 5px;
}

#hrefProfile {
    padding-top: 10px;
}

#hrefMyLcns {
    padding-bottom: 10px;
}
.navbar {
    min-height: 30px;
}

.topnav-wrapper > .navbar {
    height: 100px;
    border-radius: 0;
    background-color: #F2F2F2;
    box-shadow: -2px 2px 4px 0 #B4B5B5;
    padding: 0;
}

.navbar-nav > li > a,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    background-color: transparent !important;
}

.temphide {
    display: none;
}


.nav > li.activeHm {
    background-color: #1c81c3;
}

    .nav > li.activeHm > a {
        color: #FFF;
        font-weight: bold;
    }

#imgLoading {
    padding-top: 100px;
}

/*DROPDOWN FOR STORES*/
.navbar-blue li > a, .navbar-toggle {
    color: #037AC7;
    background-color: #E6E4E8;
    height: 100%;
}

.navbar-nav > li > a {
    padding-bottom: 0px;
}

.wht-bkg:link {
    background-color: #333;
    color: #FFF;
    height: 100%;
    white-space: normal;
}

.wht-bkg:visited {
    background-color: #333;
    color: #FFF;
    height: 100%;
}

.wht-bkg:hover {
    background-color: #333;
    color: #FFF !important;
    height: 100%;
}

.wht-bkg:active {
    background-color: #333;
    color: #FFF;
    height: 100%;
}

.blu-bkg:link {
    background-color: #000;
    color: #FFF;
    height: 100%;
    padding: 10px 0px 8px 20px;
}

.blu-bkg:visited {
    background-color: #000;
    color: #FFF;
    height: 100%;
    padding: 10px 0px 8px 20px;
}

.blu-bkg:hover {
    background-color: #000;
    color: #FFF !important;
    height: 100%;
    padding: 10px 0px 8px 20px;
}

.blu-bkg:active {
    background-color: #000;
    color: #FFF;
    height: 100%;
    padding: 10px 0px 8px 20px;
}

.navbar-blue .dropdown-menu li a {
    padding-top: 10px;
}

.navbar-blue .dropdown-menu li > a {
    padding-left: 30px;
    padding-top: 10px;
}

.navbar-blue li > a:hover, .navbar-blue li > a:focus, .navbar-blue .open, .navbar-blue .open > a, .navbar-blue .open > a:hover, .navbar-blue .open > a:focus {
    background-color: #BBB;
    color: #fff;
}

/*.dropdown > ul > li {
    padding-top: 0px;
}*/

/*.dropdown > ul > li.active {
    padding-top: 10px;
    background-color: #CCE1F0;
}*/

.dropdown-menu > a, .dropdown-menu > a:hover, .dropdown-menu > a:focus {
    padding-top: 10px;
}

.btn-group .dropdown-toggle {
    text-align: left;
    padding-right: 14%;
}

/*.btn-group, .btn-group-vertical {
    width: auto !important;
}*/

#hrefDdlStores {
    width: 350px;
    color: #428bca;
    font-weight: bold;
    height: 58px;
    padding-top: 15px;
}

    #hrefDdlStores:hover {
        width: 350px;
        color: #1c81c3;
        font-weight: bold;
        height: 58px;
        padding-top: 15px;
    }

#hrefCorpAdmin {
    display: none;
    padding-top: 8px;
    padding-bottom: 7px;
}

    #hrefCorpAdmin > img {
        height: 33px;
    }





#ddstores {
    width: 100%;
    border: 1px solid #ccc;
}

    #ddstores li {
        font-size: 12px;
        border-bottom: 1px solid #ccc;
    }

        #ddstores li a {
            color: #1c81c3;
            background-color: #fff;
        }

            #ddstores li a:hover {
                color: #3b7db5 !important;
                background-color: #eeeeee;
            }

    #ddstores .chain-header {
        color: #fff;
        background-color: #1c81c3;
        padding: 6px 0px 3px 20px;
        font-size: 11px;
    }

        #ddstores .chain-header a:hover {
            color: #234b6c !important;
            background-color: #1c81c3;
        }

    #ddstores .btns {
        width: 100%;
        line-height: 30px;
        text-align: center;
    }

        #ddstores .btns a:hover {
            background-color: #262626;
        }

        #ddstores .btns a:last-child {
            border-left: 1px solid #fff;
        }

    #ddstores #aSeeAllStores {
        color: #fff;
        background-color: #000;
        padding: 5px 0px 5px 20px;
    }

        #ddstores #aSeeAllStores:hover {
            background-color: #262626;
        }

    #ddstores .btns,
    #ddstores .btns a {
        color: #fff;
        background-color: #000;
        display: inline-flex;
        width: 100%;
        line-height: 13px;
    }
    
#avchev {
    height: 40px;
    position: relative;
    padding: 0px;
    display: inline-block;
    top: -15px;
}

#divAvatarWrapTop {
    height: 49px;
    width: 49px;
    position: relative;
    padding: 0px;
    margin-left: 15px;
}

#divAvatarWrapTop_dd {
    height: 60px;
    width: 60px;
    position: relative;
    padding: 0px;
    display: inline-block;
    top: 5px;
}

#imgHdrAvatar {
    display: inline-block;
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 48px;
    width: 48px;
    padding: 0px;
}

#imgHdrAvatar_dd {
    display: inline-block;
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 48px;
    width: 48px;
    padding: 0px;
}

#imgHdrMask {
    display: inline-block;
    z-index: 3;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 48px;
    width: 48px;
    padding: 0px;
}

#imgHdrMask_dd {
    display: inline-block;
    z-index: 3;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 48px;
    width: 48px;
    padding: 0px;
}

.row {
    /*height: 100%;*/
    margin-left: 0;
    margin-right: 0;
}

.wrapper:before, .wrapper:after,
.column:before, .column:after {
    content: "";
    display: table;
}

.wrapper:after,
.column:after {
    clear: both;
}

.column {
    height: 100%;
    overflow: auto;
    zoom: 1;
}

    .column .padding {
        padding-top: 20px;
    }

.navbar {
    border-bottom: none;
    margin-bottom: 0;
}

.box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1349px;
}

.divider {
    margin-top: 32px;
}

.navbar-blue {
    border-width: 0;
    background-color: #e9eaed;
    color: #ffffff;
    font-family: arial,sans-serif;
    top: 0;
    position: fixed;
    width: inherit;
}

    .navbar-blue li {
        color: #037AC7;
        background-color: #E6E4E8;
    }

#main {
    /*background-color:#e9eaed;*/
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
}

    #main .img-circle {
        margin-top: 18px;
        height: 70px;
        width: 70px;
    }

.main-content {
    width: calc(100%-245px);
}

/*LEFT NAV*/
#lg-menu {
    padding-top: 2px;
}

#xs-menu {
    padding-top: 8px;
}

#sidebar {
    padding: 0px;
}

    #sidebar, #sidebar a, #sidebar-footer a {
        background-color: transparent;
    }

a#hrefSubEdu {
    border: none;
    border-radius: 0;
}

a#hrefBula {
    border: none;
    border-radius: 0;
}

a#hrefFranRsc {
    border: none;
    border-radius: 0;
}

a#hrefPhLet {
    border: none;
    border-radius: 0;
}

a#hrefPrchAdv {
    border: none;
    border-radius: 0;
}

a.list-group-item {
    color: #FFF;
}

.logo {
    display: block;
    padding: 3px;
    background-color: #fff;
    color: #3B5999;
    height: 28px;
    width: 28px;
    margin: 9px;
    margin-right: 2px;
    margin-left: 15px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px;
    border-radius: 2px;
}

#sidebar-footer {
    background-color: #444;
    position: absolute;
    bottom: 5px;
    padding: 5px;
    padding-top: 100px;
}

#footer {
    margin-bottom: 20px;
}

.footer {
    color: #292C2C;
    background-color: #fff;
    float: left;
    margin-left: 245px;
    height: 204px;
    vertical-align: middle;
    bottom: 0;
    width: 1104px;
}

    .footer.bk-grey {
        /*background-color: #F2F2F2;*/
    }

    .footer nav {
        font-family: Arial;
        font-size: 14px;
        margin-top: 60px;
        margin-left: 150px;
        right: 0;
        color: #292C2C;
        margin-left: 0;
    }

#tbl-footer-menu td {
    padding: 10px 40px;
    border-right: 1px solid #E5E5E5;
    vertical-align: top;
    text-align: left;
}

    #tbl-footer-menu td:last-child {
        border-right: none;
    }

#tbl-footer-menu a {
    font-size: 14px;
}

.footer a {
    color: #292C2C !important;
    line-height: 28px;
}

.footer nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .footer nav ul li {
        display: inline-block;
        padding: 0px 10px;
    }

        .footer nav ul li:first-child {
            border: medium none;
        }

.footer .copyright {
    padding-top: 4%;
    padding-left: 30px;
    float: left;
    color: #505252;
}

.footer .social {
    padding-top: 4%;
    float: right;
    margin-right: 29px;
}

.social-links {
    margin-bottom: 0px;
}

.social-links li {
    display: inline-block;
    list-style: none;
    margin: 0 0 5px 15px;
    text-indent: -9999px;
    vertical-align: middle;
}

.social-links a {
    background-repeat: no-repeat;
    background-position: 0 -16px;
    display: block;
    transition: all 0.2s ease-out;
}

.social-links li.twitter a {
    background: url(../images/icon_twitter.png) no-repeat;
    background-position: -1px;
    height: 20px;
    width: 20px;
}

.social-links li.facebook a {
    background: url(../images/icon_facebook.png) no-repeat;
    background-position: -1px;
    height: 20px;
    width: 20px;
}

.social-links li.instagram a {
    background: url(../images/icon_instagram.png) no-repeat;
    background-position: -1px;
    height: 20px;
    width: 20px;
}

.list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.donutChart {
    width: 96px;
    height: 96px;
    margin: 0 auto;
    padding-bottom: 2px;
    cursor: pointer;
    cursor: pointer;
    margin-top: 10px;
}

.donutChartRef {
    width: 400px;
    height: 200px;
    margin: 0 auto;
    padding-bottom: 2px;
    cursor: pointer;
    cursor: pointer;
}

button.viewRpt, a.viewRpt {
    float: right;
}

.btn-mystore:hover {
    color: #428bca;
}

#Status {
    font-weight: bold;
}

.navbar-nav {
    padding-left: 15px;
    padding-right: 8%;
    margin: 0px 0px;
}

#divTopYpo div {
    border: none 1px #CCC;
    height: 40px;
}

#main {
    background-color: #fff;
    z-index: 1;
    min-height: 100%;
    width: calc(100% - 245px);
    float: left;
    /*margin-left: 245px;*/
}

#storesNav {
    width: 280px;
    margin-left: 220px;
}

.collapsedSidebar {
    background-color: #444;
    overflow: hidden;
    height: 100%;
    width: 50px !important;
}

.expandedSidebar {
    background-color: #444;
    overflow: hidden;
    height: 100%;
    width: 160px !important;
}

.collapsedMain {
    left: 50px !important;
}

.expandedMain {
    left: 160px !important;
}

#lg-menu.panel {
    margin-bottom: 0px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.0);
    box-shadow: 0 0px 0px rgba(0,0,0,0.0);
}

@media screen and (min-width: 320px) {
    #addr2 {
        display: none;
    }

    #addr3 {
        display: none;
    }

    #tblTable {
        display: none;
    }

    .hdr {
        text-align: left;
    }

    .qGrid {
        position: relative;
        padding: 18px 0px 0px 10px;
        border: solid 2px #777;
        margin-bottom: 10px;
    }

    .qGrid2 {
        position: relative;
        padding: 18px 0px 0px 10px;
        border: none 2px #777;
        margin-bottom: 10px;
    }

    .grid {
        border: none 1px #EEE;
        height: 60px;
        padding: 15px 0px 0px 10px;
        overflow: hidden;
    }

    .grid2 {
        border: none 1px #EEE;
        height: 60px;
        padding: 15px 0px 0px 5px;
        overflow: hidden;
    }

    .gridP {
        border: none 1px #EEE;
        height: 30px;
        padding: 5px 0px 0px 5px;
        font-size: 13px;
    }

    .lblQ {
        display: inline-block;
        padding-right: 10px;
    }

    .exportbtn {
        border: none 1px red;
        text-align: right;
        height: 37px;
    }

    .navbar-nav > li > a.avatar {
        padding-top: 10px !important;
    }

    .navbar-nav > li > a.ddlacct {
        padding-top: 10px !important;
    }

    .navbar-nav > li > a.ddlHelp {
        padding-top: 10px !important;
    }

    .navbar-right .dropdown-menu {
        right: auto;
    }

    .navbar-right > li {
        position: relative;
        display: inline-block !important;
    }

    #storesNav {
        margin-left: 50px;
    }

    .navright {
        float: left !important;
        margin-left: 50px;
    }
}

/* adjust the contents on smaller devices */
@media (min-width: 768px) {
    #tblTable2 {
        display: block;
    }

    .sidebar {
        width: 245px;
    }

    .sliderMain {
        left: 245px;
    }

    .grid2 {
        border: solid 1px #EEE;
        height: 60px;
        padding: 15px 0px 0px 10px;
        overflow: hidden;
        text-align: left;
    }

    .gridP {
        border: none 1px #EEE;
        height: 30px;
        padding: 5px 0px 0px 5px;
        font-size: 13px;
    }

    .column .padding {
        padding: 7px;
    }

    .full {
        padding-top: 0px;
    }
    /*20px*/
    .navbar-blue {
        background-color: #3B5999;
        top: 0;
        width: 100%;
        position: relative;
    }

    .navbar-nav > li > a.avatar {
        padding-top: 10px !important;
    }

    .navbar-right .dropdown-menu {
        right: auto;
    }

    .navbar-right > li {
        position: relative;
        display: inline-block !important;
    }

    #storesNav {
        margin-left: 220px;
    }

    .navright {
        float: left !important;
        margin-left: 220px;
    }
}

@media screen and (min-width: 992px) {
    #tblTable {
        display: none;
    }

    .qGrid {
        position: relative;
        padding: 18px 0px 0px 10px;
        border: solid 2px #777;
        margin-bottom: 10px;
    }

    .grid {
        border: none 1px #EEE;
        height: 60px;
        padding: 15px 0px 0px 5px;
        overflow: hidden;
        font-size: 11px;
    }

    .qGrid div:first-child {
        padding-left: 20px !important;
    }

    .gridP {
        border: none 1px #EEE;
        height: 30px;
        padding: 5px 0px 0px 5px;
        color: #292C2C;
        font-family: Arial;
        font-size: 11px;
        line-height: 21px;
    }

    .lblQ {
        display: inline-block;
        padding-right: 10px;
    }

    .exportbtn {
        border: none 1px red;
        text-align: right;
        height: 37px;
    }

    .navbar-nav > li > a.avatar {
        padding-top: 10px !important;
    }

    .navbar-right .dropdown-menu {
        right: auto;
    }

    .navbar-right > li {
        position: relative;
        display: inline-block !important;
    }

    #storesNav {
        margin-left: 220px;
    }

    .navright {
        float: right !important;
        margin-left: 0px;
    }
}

@media screen and (min-width: 1200px) {
    #tblTable {
        display: block;
        font-size: 14px;
    }

    .qGrid {
        position: relative;
        padding: 0px;
        border: none 2px #FF0;
        margin-bottom: 0px;
    }

    .grid {
        border: solid 1px #EEE;
        height: 60px;
        padding: 18px 0px 0px 5px;
        font-size: 11px;
        overflow: hidden;
    }

    .qGrid div:first-child {
        padding-left: 20px !important;
    }

    .gridP {
        border: solid 1px #EEE;
        height: 30px;
        padding: 5px 0px 0px 5px;
        color: #292C2C;
        font-family: Arial;
        font-size: 13px;
        line-height: 21px;
    }

    .gridctr {
        border: solid 1px #EEE;
        height: 60px;
        padding: 18px 0px 0px 0px;
        text-align: center !important;
        font-size: 11px;
        overflow: hidden;
    }

    .lblQ {
        display: none;
        padding-right: 10px;
    }

    .exportbtn {
        border: none 1px red;
        text-align: right;
        height: 37px;
    }

    .navbar-nav > li > a.avatar {
        padding-top: 10px !important;
    }

    .navbar-right .dropdown-menu {
        right: auto;
    }

    .navbar-right > li {
        position: relative;
        display: inline-block !important;
    }

    #storesNav {
        margin-left: 220px;
    }

    .navright {
        float: right !important;
        margin-left: 0px;
    }
}

.col2 {
    width: 170px;
    display: inline-block;
    padding: 10px;
    padding-left: 0px;
}

.col2x {
    width: 200px;
    display: inline-block;
    padding: 10px;
    padding-left: 0px;
    color: #292C2C;
}

.col2a {
    display: inline-block;
    padding: 10px;
}

.ddstate {
    height: 150px;
    overflow-y: scroll;
}

.ddrole {
    height: 150px;
    overflow-y: scroll;
}

.ddRoleLi {
    height: 25px !important;
}


.ddrptlen {
    height: 150px;
    overflow-y: scroll;
}

.ddrptlen {
    height: 150px;
    overflow-y: scroll;
}

.with-errors {
    text-align: left;
    color: #EB2F1E;
    font-family: Arial;
    font-size: 12px;
    line-height: 24px;
}

.help-block {
    margin-top: 2px;
}

.bord1 {
    height: 25px;
    border: solid 1px #DDD;
    text-align: center;
    padding-top: 3px;
}

.dropdown-menu > li > a.topNavAcct {
    background-color: #292C2C;
    color: #FFF !important;
    font-size: 16px;
    padding: 7px;
    padding-left: 20px;
    cursor: pointer;
    font-family: Arial;
}

.prof {
    padding-top: 0px;
    padding-bottom: 0px;
}

.dropdown-menu {
    border-radius: 0px;
    padding: 0 0 0 0;
    background-color: #FFF;
    box-shadow: 0 4px 16px 0 #444;
}

.dropdown-menu > li:first-child {
    padding-top: 10px;
}

.dropdown-menu.ddlacct li {
    padding-left: 0px;
}

.dropdown-menu.ddlacct > li:first-child {
    padding-top: 0px;
}

.sidebar .dropdown-menu > li:first-child {
    padding-top: 0px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #CCE1F0;
}

.ddstores li {
    background-color: #FFF;
}

/*This makes the little triangle tabs at the top of dropdown menus*/
.dropdown-menu.ddstores:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #1c81c3;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu.ddstores:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #1c81c3;
    border-left: 6px solid transparent;
    content: '';
}

.dropdown-menu.ddlHelp:before {
    position: absolute;
    top: -7px;
    left: 178px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #333;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu.ddlHelp:after {
    position: absolute;
    top: -6px;
    left: 178px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #333;
    border-left: 6px solid transparent;
    content: '';
}

.dropdown-menu.ddlacct {
    width: 300px;
    top: 53px;
    z-index: 1100; /*needed to ensure that this always stays on top*/
    left: -190px !important;
}

    .dropdown-menu.ddlacct:before {
        position: absolute;
        top: -7px;
        left: 220px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #333;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .dropdown-menu.ddlacct:after {
        position: absolute;
        top: -6px;
        left: 220px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #333;
        border-left: 6px solid transparent;
        content: '';
    }

.dropdown-menu.ddlquicklinks:before {
    position: absolute;
    top: -7px;
    left: 87px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #333;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu.ddlquicklinks:after {
    position: absolute;
    top: -6px;
    left: 87px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #333;
    border-left: 6px solid transparent;
    content: '';
}

.topNavHdr {
    background-color: #292C2C;
    padding: 5px;
    padding-left: 20px;
    color: #FFF;
    font-size: 20px;
    font-family: Arial;
}

.ddlquicklinks {
    right: -50px !important;
}

#hrefChainlink {
    padding-left: 5px;
    padding-right: 25px;
    padding-top: 13px;
}

#qlText {
    color: #444;
    height: 46px;
    display: inline-block;
}

    #qlText:hover {
        color: #428bca;
        height: 46px;
        display: inline-block;
    }

#hrefUserIcon {
    color: #444;
    height: 48px;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
}

.fa-chevron-down {
    color: #777;
    font-size: 14px;
}

#hrefUserIcon div {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}

#hrefUserIcon:hover {
    opacity: 0.5;
    color: #555;
}

#hrefUserIcon_dd {height: 60px;display: inline-block;vertical-align: middle;}

    #hrefUserIcon_dd:hover {
        height: 60px;
    }

.helpTitle {
    color: #EEE;
    font-size: 13px;
    padding: 5px;
    padding-left: 20px;
    padding-bottom: 15px;
}

.helpdiv {
    color: #EEE;
    font-size: 12px;
    padding: 5px;
    padding-left: 20px;
    font-weight: normal;
}

.sub {
    font-size: 12px;
    height: 30px;
}

#liSubPrchAdv {
    padding-bottom: 5px;
}

#market ul li:last-child, #patients ul li:last-child, #order ul li:last-child, #network ul li:last-child {
    padding-bottom: 5px;
}

.fa-phone, .fa-envelope {
    margin-right: 5px;
    display: inline;
}

.helpMail {
    font-size: 11px;
    word-wrap: break-word;
    display: inline;
}

/*allows dropdown menus to open up on hover and not just on click */
.navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.navbar .dropdown-menu > li > a:hover, .navbar .dropdown-menu > li > a:focus {
    background-color: #1C81C3;
    color: #333;
}

.heightzero {
    height: 24px;
}

.divImpersonate {
    display: none;
    background-color: yellow;
    height: 50px;
    font-size: 18px;
    text-align: center;
    margin-right: 8%;
    padding-top: 9px;
    width: 300px;
    font-size: 12px;
    border-radius: 0px 0px 10px 10px;
    height: 35px;
    border-bottom: solid 1px #DDD;
    margin-left: 220px;
}

.impwrap {
    text-align: center;
    display: inline-block;
    z-index: 1000;
}

iframe {
    display: block;
    border: none;
    height: 150rem;
    height: 150vh;
    width: 100%;
}

    iframe#ifrmEdu {
        /*padding-left: 15px;*/
    }

.sso {
    height: 100% !important;
    /*margin-top: 0 !important;*/
    padding: 0;
}

/* -------------------------------------------- */
/* Left Nav Sidebar */
/* -------------------------------------------- */
.sidebar {
    z-index: 10;
    background-color: #505252 !important;
    overflow: visible;
    height: 100vh;
    width: 245px;
    float: left;
    position: relative;
}

.sliderMain {
    left: 245px;
}

#lg-menu ul {
    padding-left: 0;
}

.sidebar .list-group-item {
    border: none;
    border-radius: 0;
}

/************************Details popup and disclaimer***************************************/
#divRptDetails {
    width: 500px;
    overflow: auto;
    background-color: #f9f9f9;
}

.rptDetHdr {
    font-size: 16px;
    color: #000;
    padding: 10px 0px 10px 0px;
    font-weight: bold;
}

.rptDetNote {
    font-size: 12px;
    color: #000;
    padding: 10px;
}

.disclaimer {
    background: #FFFFFF;
    border: 1px solid #ddd;
    box-shadow: 0px 1px 2px #ddd;
}

    .disclaimer div {
        margin: 2px 2px 10px 2px;
    }

    .disclaimer span {
        font-size: 14px;
        font-weight: 600;
        margin: 10px 5px 2px 5px;
        font-style: initial;
    }

    .disclaimer span, .disclaimer div {
        display: block;
        clear: both;
    }

        .disclaimer div div {
            display: inline-block;
            vertical-align: top;
            font-style: normal;
        }

.disclaimer-content {
    width: 55%;
}

.expert {
    width: 99px;
    text-align: center;
}

    .expert p {
        color: #666666;
        font-style: normal;
    }

    .expert img {
        margin: 2px 0;
    }

/*http://www.icons-land.com*/
.expert-contact {
    width: 330px;
}

    .expert-contact a {
        color: #428bca;
        word-break: break-all;
    }

.ftrAh {
    display: none;
}

.ftrHm {
    display: none;
}

.text-bolder {
    font-weight: 600;
    display: inline;
}

.expert-contact div {
    display: block;
    clear: both;
    width: 100%;
    position: relative;
    margin: 1px 2px;
}

    .expert-contact div p {
        margin: 0;
        display: inline;
        font-family: Georgia;
        font-size: 16px;
        line-height: 24px;
        font-style: normal;
    }

        .expert-contact div p:first-child {
            font-weight: 600;
        }

        .expert-contact div p:nth-child(2) {
            color: #666666;
        }

        .expert-contact div p + a {
            display: inline;
        }

.help-sign {
    color: #037ac7;
    margin: 6px;
    cursor: pointer;
    vertical-align: middle;
}

.powered-by {
    display: block;
    clear: both;
    width: 100%;
    position: relative;
    text-align: left !important;
    margin: 10px;
    font-size: 12px;
    color: #ccc;
}

.rptPopNote {
    font-size: 14px;
    color: #000;
    padding: 10px;
    width: 490px;
    text-align: left !important;
    font-family: Georgia;
}

#divAverageProfit, #divAverageMargin, #divPercentageOfClaims {
    width: 500px;
}

#btnClosefancy {
    position: absolute;
    right: 5px;
    top: 5px;
}

#divMoreInfoTitle {
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
    /*border-bottom: solid 1px #DDD;*/
    margin-bottom: 10px;
    text-align: center;
    /*background: #428bca;
    color: #fff;*/
}

.progBack {
    width: 160px;
    text-align: left;
    margin-top: 20px;
    color: #1C81C3 !important;
}

.fa-bell {
    font-size: 25px;
}

.tdMedAlertTitle .fa-exclamation-circle {
    color: #FF5425;
    position: absolute;
    top: -2px;
    right: -1px;
    display: none;
    font-size: 20px;
    font-style: normal;
}

/****GLOBAL SEARCH****/
/**************************/
.fa-search:hover {
    color: #1C81C3;
}

li#globalSearch {
    padding-top: 15px;
    padding-right: 25px;
    cursor: pointer;
}

input.txtSearch {
    border: 1px solid #e0e0e0;
    font-size: 12px;
    color: #444444;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    height: 38px;
    padding: 5px;
    width: 250px;
    position: relative;
    -webkit-transition: all 0.2s;
    -moz-transition: all 2s;
    transition: all 0.2s;
}

/* NEW GLOBAL SEARCH STYLES*/

#btnGlobalSearch {
    background-color: #1C81C3;
    color: #FFF;
    border: none;
    font-size: 11px;
    padding: 10px;
    height: 38px;
    background-image: url(../images/search_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 67px;
    border-radius: 0;
}

    #btnGlobalSearch:hover {
        color: #1C81C3;
        border: none;
        font-size: 11px;
        padding: 10px;
        height: 38px;
    }

/* This forces IE to hide the default close icon for input element with type=search*/
input.txtSearch::-ms-clear {
    display: none;
}

input.txtSearch:not(:valid) ~ .close-icon {
    display: none;
}

#divResults {
    display: none;
    z-index: 2;
    width: 448px;
    height: 228px;
    border: solid 2px #d6d6d6;
    background-color: #e0e0e0;
}

#imgSearchLoading {
    padding: 70px 0 0 180px;
}

/*Previous Search Keyword*/

.div-nav-prev-search {
    position: absolute;
}

.nav-prev-search {
    position: relative;
    z-index: 100;
    display: none;
}

.nav-prev-search li {
    color: #000000;
    font-family: Arial;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}

.nav-prev-search li img {
    width: 15px;
}

    .nav-prev-search li.divider {
        padding: 0 9px;
        height: 0;
        line-height: 1;
    }

.nav-prev-search .sub-title,
.nav-prev-search > li.item {
    padding: 3px 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    cursor:pointer;
}

.nav-prev-search .previous.item {
    color: #52188C;
}

.nav-prev-search .trending.item {
    color: #037AC6;
}
/* NEW GLOBAL SEARCH STYLES*/
.typeahead, .tt-query, .tt-hint {
    background-position: 5px center;
    background-repeat: no-repeat;
    border: none;
    font-size: 16px;
    font-family: Arial;
    color: #444444;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    height: 38px;
    padding: 5px;
    width: 305px;
    position: relative;
    -webkit-transition: all 0.2s;
    -moz-transition: all 2s;
    transition: all 0.2s;
}

.typeahead {
    background-color: #FFFFFF;
}

    .typeahead:focus {
        border: 2px solid #C8C7C7;
    }

.tt-query {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.tt-hint {
    color: #999999;
}

.tdMedAlertTitle {
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    width: 498px;
}

.tdMedAlertDesc {
    float: left;
    font-size: 11px;
    padding-bottom: 5px;
    padding-left: 27px;
    text-align: left;
}
/****PRINT****/
@page {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

@media print {
    a[href]:after {
        content: none;
    }

    #sidebar, #divTopNav, .wrapdisclaimer, #btnPrint, #aShowRptDetails, #backToReport, #ulAllStores {
        display: none;
    }

    * {
        vertical-align: baseline;
        margin: 0px;
        padding: 0px;
    }

    #totRebPaid {
        vertical-align: top;
        margin: 0px;
        float: left;
        page-break-after: always;
    }

    #rptPageHeader {
        display: inline;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .box {
        bottom: 0;
        left: 0;
        position: inherit;
        right: 0;
        top: 0;
        width: 1349px;
    }
}

#rptPageHeader {
    position: running(pageHeader);
}

#allStoresPlaceholder {
    display: none;
}

.fbTypeahead {
    text-align: center;
    padding: 0px 15px 0px 0px;
}

    .fbTypeahead input {
        font-size: 14px;
    }

#txtStoreTypeahead{
    margin-top: 10px;
    font-weight: normal;
}

.allstores-search-icon {
    vertical-align: middle;
    position: absolute;
    left: 8px;
    top: 10px;
}

.titleTypAhead {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 10px;
}

#spinHolder {
    position: absolute;
    width: 100%;
    text-align: right;
    padding-right: 30px;
    display: none;
    top: 10px;
}

.globalLoading {
    position: absolute;
    top: 300px;
    left: 55%;
    font-size: 30px;
    display: none;
    color: #AAA;
    z-index: 1000;
}

.globalLoadingKpi {
    position: absolute;
    top: 165px;
    left: 44%;
    font-size: 30px;
    display: none;
    color: #AAA;
    z-index: 1000;
}

#xRecent {
    font-size: 10px;
    text-decoration: underline;
    color: #FFF;
    display: inline-block;
    float: right;
    padding-right: 20px;
    cursor: pointer;
}

#tenmax {
    font-size: 11px;
}

.dropdown-menu {
    margin: 0px;
}


/*THIS IS THE MAIN LEFT NAV DIVS*/
.btn.btn-ln {
    border-radius: 0px;
    width: 245px;
    text-align: left;
    border: none;
    background-color: #505252;
    color: #FFF;
    padding: 5px 0px 5px 25px;
    font-size: 16px;
    line-height: 40px;
    font-family: Arial;
}

/*this makes the left nav NON-dropdown items (do NOT have flyout menus) have dark background on hover*/
div.leftNavClick {
    transition: 0s background-color ease-in-out 0.2s;
}

    div.leftNavClick:hover {
        background-color: #292C2C !important;
    }

.open > .dropdown-menu.dropdown-menu-right {
    visibility: hidden;
    opacity: 0;
}

ul.dropdown-menu.dropdown-menu-right {
    display: block;
    visibility: hidden;
    opacity: 0;
}

div.dropdown.main-menu-dropdown {
    transition: 0s background-color ease-in-out 0.2s;
}

    /*this makes the left nav dropdown items (that DO have flyout menus) have dark background on hover*/
    div.dropdown.main-menu-dropdown:hover {
        background-color: #292C2C !important;
    }

        /*this causes the flyouts to open when hovering over the left nav item.  no need to click.*/
        div.dropdown.main-menu-dropdown:hover > ul.dropdown-menu.dropdown-menu-right {
            display: block;
            visibility: visible;
            opacity: 1.0;
            color: #FFF !important;
            font-size: 50px;
        }

    /*this keeps the flyout menu from 'sticking open' when user clicks on a left nav menu item (which sets the 'open' class per bootstrap).  they don't need to click since the hover opens it anyway...*/
    div.dropdown.main-menu-dropdown > ul.dropdown-menu.dropdown-menu-right {
        display: block;
        visibility: hidden;
        opacity: 0;
        box-shadow: none;
    }

    div.leftNavClick .btn,
    div.dropdown.main-menu-dropdown .btn {
        height: auto;
    }

/*THIS IS THE UL BLOCKS FOR THE FLYOUT MENUS*/
.dropdown-menu-right {
    top: 0px;
    left: 245px;
    float: none;
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: none;
    margin: 0px;
    font-size: 16px;
    background-color: #292C2C !important;
    color: #FFF !important;
    transition: opacity 0s ease-in-out 0.2s, visibility 0s ease-in-out 0.2s;
}

    /*THIS CONTROLS THE CLICKED MAIN NAV BUTTON THAT IS TIED TO THE FLYOUT MENU*/
    .dropdown-menu-right > li > a {
        color: #FFF !important;
    }

.fa-chevron-right.fa-lnav {
    visibility: hidden;
    opacity: 0;
    color: #FFF !important;
    font-size: 14px;
    font-weight: normal;
    transition: opacity 0s ease-in-out 0.2s, visibility 0s ease-in-out 0.2s;
}

/* shows the chevron on mouseover*/
div.dropdown.main-menu-dropdown:hover > a i.fa-chevron-right.fa-lnav {
    visibility: visible;
    opacity: 1.0;
    font-weight: normal;
    font-size: 14px;
}

/*THIS IS THE INDIVIDUAL ELEMENTS IN THE FLYOUT MENU*/
.dropdown-menu.dropdown-menu-right > li > a {
    line-height: 34px !important;
}

div.dropdown.main-menu-dropdown ul li a {
    color: #FFF !important;
    font-weight: normal !important;
    padding: 5px 0px 5px 20px;
    background-color: #292C2C !important;
    font-size: 16px;
    line-height: 40px !important;
    width: 100%;
}

    /*widths of the various flyout menus*/
    div.dropdown.main-menu-dropdown ul li a:hover {
        background-color: #037AC6 !important;
    }

    div.dropdown.main-menu-dropdown ul li a.aNavWide {
        width: 300px;
    }

    div.dropdown.main-menu-dropdown ul li a.aNavMed {
        width: 260px;
    }

    div.dropdown.main-menu-dropdown ul li a.aNavSm {
        width: 200px;
    }

/*this is the left nav "icon and text combo" */
.menu-left {
    display: inline-block;
    width: 185px;
    color: #FFF !important;
}

.menu-help {
    top: -130px;
}

.dashboard-content {
    padding-left: 0px !important;
}

#mainRow {
    box-shadow: 5px 0px 4px -2px #B4B5B5;
}


    #actualPageContent .col-sm-12 {
        padding-left: 0 !important;
    }

    #actualPageContent .full {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

/*** NEW TOP NAV STYLES ***/
#topNavWide {
    width: 1104px;
    height: 78%;
    white-space: nowrap;
    border-right: 1px solid #DBDBDB;
    border-left: 1px solid #DBDBDB;
    flex-flow: row nowrap;
}

#topNavLeft {
    padding: 0px 0px 0px 0px;
    margin-left: 30px;
    width: 420px;
    display: inline-block;
    vertical-align: top;
    float: left;
}

#topNavRight {
    /* width: 550px; */
    padding: 0px;
    margin: 0px;
    margin-left: 80px;
    display: inline-block;
    visibility: hidden;
}


.single-store {
    margin-top: 9px;
}


#ulStoreDropdown .liVisitedStore {    
    padding-left: 0px;
}

#ulStoreDropdown .liVisitedStore a {
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 15px;
}

.liVisitedStore a > span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    vertical-align: middle;
    color: #333;
    max-width: 430px;
}

#ulStoreSearch .liSearchedStore {
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 0px;
}

.liSearchedStore a > span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    vertical-align: middle;
    color: #333;
    max-width: 430px;
}
.liSearchedStore a:focus {
    outline: 0px;
    background-color: #DDD !important;
}

.liSearchedStore:hover, .liVisitedStore a:hover {
    background-color: #DDD !important;
}
#pageContent {
    background-color: white;
}

#aChangeStore {
    height: 20px;
    color: #828383;
    font-family: Arial;
    font-size: 14px;
    line-height: 18px;
    padding-left: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    text-decoration: underline;
    display: block;
    padding-top: 3px;
    padding-left: 0px;
}

.divChangeStore {
    padding-left: 0px;
}

#aChangeAvatar {
    height: 60px;
    color: #FFF;
    font-family: Arial;
    font-size: 12px;
    display: inline-block;
}
#aChangeAvatar:hover {
    text-decoration: none;
}


.topNavHdr .ddl-avatar-wrap {
    line-height: 70px;
}

#hrefLogout {
    text-align: center;
    background-color: #353535;
    padding: 10px;
}
#hrefLogout:hover {
    background-color: #1C81C3;
}
ul.ddlacct li div.divider {
    line-height: 0.5px;
    margin: 0;
}

li#liSignOut {
    border-top: solid 1px #f2f2f2;
}

.dropdown-menu .divider {
    line-height: 0.5px;
}

#searchBar {
    padding: 0px;
    margin-top: 4px;
    margin-left: 10px;
    margin-right: 10px;
    width: 373px;
    max-width: 373px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

    #searchBar .search-wrapper {
        height: 40px;
        border: 1px solid #C8C7C7;
        border-right: none;
        border-radius: 3px;
        background-color: #FFFFFF;
        display: block !important;
    }
.search-wrapper {
    width:100%;
}
    #searchBar .search-wrapper .twitter-typeahead {
     width: 304px;
     display: inline !important;
    }

     #searchBar .search-wrapper .twitter-typeahead input:first-child {
         top: -8px !important;
     }

ul#ulStoreDropdown {
    top: 90px;
    width: 512px;
    left: 30px;
}

.recentStore {
    font-family: Arial;
}

.hmStoreImg {
    margin-right: 10px;
}

.hmGoldStoreImg {
    margin-right: 10px;
}

.mckStoreImg {
    margin-right: 10px;
}

.currStoreChkImg {
    margin-left: 10px;
}

#aCloseBtn {
    float: right;
    margin-right: 10px;
    margin-top: 1.7px;
}

#aCloseBtn .fa-times-circle{
    color: #777;    
}
span#spStoreName {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 300px;
}

span.spWrap {
    display: inline-flex;
    line-height: 15px;
}

#pName {
    line-height: 24px;
    height: 24px;
    margin-bottom: 5px;
    font-size: 16px;
}

/****GLOBAL SEARCH****/
/**************************/
.fa-search:hover {
    color: #1C81C3;
}

li#globalSearch {
    padding-top: 15px;
    padding-right: 25px;
    cursor: pointer;
}

input.txtSearch {
    border: 1px solid #e0e0e0;
    font-size: 12px;
    color: #444444;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    height: 38px;
    padding: 5px;
    width: 250px;
    position: relative;
    -webkit-transition: all 0.2s;
    -moz-transition: all 2s;
    transition: all 0.2s;
}

    /* This forces IE to hide the default close icon for input element with type=search*/
    input.txtSearch::-ms-clear {
        display: none;
    }

    input.txtSearch:not(:valid) ~ .close-icon {
        display: none;
    }

#divResults {
    display: none;
    z-index: 2;
    width: 448px;
    height: 228px;
    border: solid 2px #d6d6d6;
    background-color: #e0e0e0;
}

#imgSearchLoading {
    padding: 70px 0 0 180px;
}

.typeahead {
    background-color: #FFFFFF;
}

    .typeahead:focus {
        border: 2px solid #C8C7C7;
    }

.tt-hint {
    color: #fff;
}

.tt-menu {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 0;
    padding: 8px 0;
    width: 305px;
    overflow-x: hidden;
}

.tt-suggestion {
    color: #000000;
    padding: 3px 9px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .tt-suggestion:hover {
        color: #037AC6;
        cursor: pointer;
    }

    .tt-suggestion p {
        margin: 0;
    }

#dropAvatar {
    padding-left: 0;
}

li.divider {
    color: #f2f2f2 !important;
    margin: 0 !important;
}

div#pEmail {
    font-size: 12px;
    margin-bottom: 10px;
}

#allStoresContent, #allStoresHeader, #allStoresBody {
    background-color: #fff;
}

    #allStoresHeader button.close {
        opacity: 1.0;
    }

        #allStoresHeader button.close:focus,
        #allStoresHeader button.close:active {
            outline: none !important;
            box-shadow: none;
        }

#allStoresHeader {
    padding-top: 16px;
    padding-bottom: 10px;
    display: inline;
    border-bottom: none;
}

#allStoresContent {
    width: 490px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin: auto;
}

    #allStoresContent hr {
        margin: 16px 0px;
        border-color: #E6E7E7;
    }

/* Important part */
#viewAllStoresModal div.modal-dialog {
    overflow-y: initial !important;
    vertical-align: middle;
    top: 0;
}

#viewAllStoresModal div.modal-body {
    overflow-y: auto;
    height: 354px;
    padding: 0px 0px 0px 15px;
}

/* enable absolute positioning */
.inner-addon {
    position: relative;
}

    /* style glyph */
    .inner-addon .glyphicon {
        position: absolute;
        padding: 10px;
        pointer-events: none;
    }

/* align glyph */
.left-addon .glyphicon {
    left: 0px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
    font-weight: bold;
}

.pgTitle {
    border-top: none !important;
}

.offlineStore {
    opacity: 0.3;
    color: #777;
}

    .offlineStore + span {
        color: #AAA;
    }


.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

/*  BOOTSTRAP OVERRIDES */
.hm-glyph-text {
    color: #828383;
    font-size: 12px;
    line-height: 14px;
    height: 22px !important;
    position: relative;
    left: -40px;
    top: 14px;
    width: 0px;
}

    .hm-glyph-text:focus {
        outline: none;
    }

.input-group.passwrod-control {
    color: #292C2C;
    height: 40px;
    background-color: #fff;
    display: inline-flex;
    width: 298px;
}

.password-reset .input-group.passwrod-control {
    width: 260px;
}

.input-group.passwrod-control input {
    color: #292C2C;
    padding: 8px 0 8px 10px;
    box-shadow: none;
}

    .input-group.passwrod-control input:focus {
        border-right: 2px solid #037AC6;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

#saveOk {
    margin: 15px;
    font-size: 14px;
    display: none;
}

#saveFail {
    margin: 15px;
    font-size: 14px;
    display: none;
}

.no-display {
    display: none;
}

.close img {
    margin-right: 15px;
}

#allStoresHeader .close img {
    margin-right: 10px;
}

.menu-quik {
    top: -200px;
}

.menu-quik-mck {
    top: -150px;
}

.menu-pat {
    width: 160px;
}

.menu-ord, .menu-mc {
    width: 275px;
}

#liNet .menu-mc {
    width: 350px;
}

.menu-ops {
    width: 245px;
}

.menu-mkt {
    width: 240px;
}

.menu-clinical {
    width: 285px;
}

.divModalTitle {
    font-weight: bold;
    margin-top:10px;
}


/* DATEPICKER OVERRIDES */

.datetimepicker {
    margin-bottom: 10px;
}

    .datetimepicker table > thead {
        color: #292C2C;
        font-weight: bold;
        line-height: 24px;
        background-color: transparent;
        min-height: 44px;
        border-radius: 0;
        font-family: Georgia;
    }

        .datetimepicker table > thead > tr:first-child {
            background-color: #00B648;
        }

    .datetimepicker table > tbody {
        border: 0px;
        padding-left: 26px !important;
        padding-right: 26px !important;
    }

        .datetimepicker table > tbody tr {
            padding-left: 26px !important;
            padding-right: 26px !important;
        }

            .datetimepicker table > tbody tr > td {
                background-color: #fff !important;
            }

    .datetimepicker .glyphicon-chevron-left:before {
        background-image: url("../images/icon_small_arrow_left.png") !important;
        background-repeat: no-repeat;
        position: absolute;
        top: -13px;
        left: 8px;
        color: #ccc;
        height: 12px;
        width: 8px;
        content: "";
    }

    .datetimepicker .glyphicon-chevron-right:before {
        background-image: url("../images/icon_small_arrow_right.png") !important;
        background-repeat: no-repeat;
        position: absolute;
        top: -13px;
        right: 10px;
        color: #ccc;
        height: 12px;
        width: 8px;
        content: "";
    }

    .datetimepicker .input-group-addon {
        color: #292C2C;
        font-size: 16px !important;
        line-height: 24px !important;
        padding: 0px !important;
        border: 0px !important;
        border-radius: 0px !important;
        background-color: transparent !important;
        margin-bottom: 5px;
    }

        .datetimepicker .input-group-addon:before {
            background-image: url("../images/icon_calendar.png") !important;
            background-repeat: no-repeat;
            position: absolute;
            top: 9px;
            left: 85%;
            color: #ccc;
            height: 20px;
            width: 22px;
            content: "";
        }

    .datetimepicker .form-control {
        color: #B4B5B5;
    }

.bootstrap-datetimepicker-widget.dropdown-menu {
    border: 1px solid #E6E7E7;
    border-radius: 3px;
    box-shadow: 0 4px 6px 0 rgba(205,205,205,0.85);
}

.bootstrap-datetimepicker-widget .picker-switch {
    width: 130px !important;
}

/*.bootstrap-datetimepicker-widget .next,
.bootstrap-datetimepicker-widget prev {
    width: 100px !important;
}*/

.bootstrap-datetimepicker-widget table {
    table-layout: fixed;
}

    .bootstrap-datetimepicker-widget table th {
        color: #828383;
        text-transform: uppercase;
        height: 24px !important;
        width: 25px !important;
        padding: 0px !important;
        margin: 5px !important;
    }

    .bootstrap-datetimepicker-widget table td {
        color: #292C2C !important;
        height: 24px !important;
        width: 18px !important;
        padding: 5px 0px !important;
        margin: 5px !important;
    }

    .bootstrap-datetimepicker-widget table td,
    .bootstrap-datetimepicker-widget table th {
        font-family: Arial;
        font-size: 12px !important;
        font-weight: bold;
        line-height: 24px;
        border-radius: 0px !important;
    }

    .bootstrap-datetimepicker-widget table thead tr:first-child {
        height: 35px !important;
    }

    .bootstrap-datetimepicker-widget table thead tr:last-child th {
        color: #828383 !important;
        font-size: 12px !important;
        font-weight: normal !important;
        padding-top: 15px !important;
    }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        color: #292C2C !important;
        font-size: 16px !important;
        text-transform: none !important;
    }

        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
            background-color: #00B648 !important;
        }

.bootstrap-datetimepicker-widget .accordion-toggle {
    display: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 0px !important;
    padding: 0px !important;
    height: 293px !important;
    width: 260px !important;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #037AC6 !important;
    border-radius: 50% !important;
    color: #fff !important;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background-color: #E6E7E7 !important;
    border-radius: 50% !important;
    cursor: default !important;
}

.bootstrap-datetimepicker-widget table td.day {
    color: #292C2C;
    /*height: 24px !important;
    width: 18px !important;*/
    padding-right: 1px !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: transparent !important;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    text-shadow: none !important;
}

.medd_title_disabled {
    color: #CCC !important;
    cursor: default;
}

.medd_icon_disabled {
    color: #CCC !important;
    cursor: default;
}

.medd_play_disabled {
    color: #CCC !important;
    cursor: default;
}

.medd_linkbox_disabled {
    background-color: #EEE;
    cursor: default;
}

.medd_tile_disabled {
    background-color: #EEE;
    cursor: default;
}

.meddfile_wrap_disabled {
    background-color: #EEE;
    cursor: default;
}

/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
}*/


/*#goToTop {
    position: fixed;
    bottom: 25%;
    right: 0%;
    display: inline-block;
    background-color: #777;
    color: #FFF;
    padding: 5px 15px;
}*/

/* Scroll to Top */
html .scroll-to-top {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background: #404040;
    /*border-radius: 7px 7px 0 0;*/
    bottom: 20%;
    color: #FFF;
    display: block;
    /*height: 9px;*/
    opacity: 0;
    padding: 3px 2px 2px 6px;
    position: fixed;
    right: 0%;
    text-align: center;
    text-decoration: none;
    min-width: 49px;
    z-index: 1040;
    height: 30px;
    width: 50px;
}

    html .scroll-to-top:hover {
        opacity: 0.75;
    }

    html .scroll-to-top.visible {
        opacity: 1;
    }

    html .scroll-to-top span {
        display: inline-block;
        padding: 0 5px;
        color: #FFFFFF;
        font-family: Arial;
        font-size: 12px;
        /*font-weight: bold;*/
        line-height: 16px;
    }

html.lightbox-opened .scroll-to-top {
    right: 27px;
}

html.ie11 .scroll-to-top {
    right: 25px;
}


/* Responsive */
@media (max-width: 991px) {
    html .scroll-to-top.hidden-mobile {
        display: none !important;
    }
}

.nobord {
    border: none;
}

/*bug fix : Google chart - Tool tip flickering issue*/
svg > g > g:last-child {
    pointer-events: none;
}

/*PURCHASING INSIGHTS*/

.piBack, .piPdf, .piXls, .piWord, .piPpt, .piFile {
    height: 24px;
    width: 120px;
    color: #037AC6 !important;
    font-family: Arial;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: right !important;
    text-decoration: none !important;
}

    .piPdf .fa-file-pdf-o {
        font-size: 24px;
        color: #FF5622;
        position: relative;
        top: -3px;
    }

    .piXls .fa-file-excel-o {
        font-size: 24px;
        color: #307E33;
        position: relative;
        top: -3px;
    }

    .piWord .fa-file-word-o {
        font-size: 24px;
        color: #0078d7;
        position: relative;
        top: -3px;
    }

    .piPpt .fa-file-powerpoint-o {
        font-size: 24px;
        color: #D04423;
        position: relative;
        top: -3px;
    }

    .piFile .fa-file-o {
        font-size: 24px;
        color: #000000;
        position: relative;
        top: -3px;
    }

#btnPDF {
    padding-right: 20px;
}

.downloads {
    display: flex;
    justify-content: flex-end;
    top: -3px;
}

    .downloads .separator {
        padding: 0 4px 0 8px;
        color: #CDCDCD;
    }

#rptPageHeader > div.back.row {
    border-bottom: #E6E7E7 solid 1px;
}

.data-as-of {
    font-size: 11px;
    color: #7F7F7F;
    text-align: right;
}
/*************************/

/*News Center*/
/*.imgMyHM_mck {
    width: 90%;
}*/

.ncModalTitle {
    color: #292C2C;
    font-family: Georgia;
    font-size: 24px;
    line-height: 24px;
    margin: 20px 10px 20px 0;
}
.modalBlueTitle {
    color: #037AC6;
    font-family: Georgia;
    font-size: 36px;
    font-weight: bold;
    line-height: 24px;
    align-content: center;
    margin: 15px 0;
}

.ncModalGreenTitle {
    color: #00B648;
    font-family: Georgia;
    font-size: 36px;
    font-weight: bold;
    line-height: 24px;
    align-content: center;
    margin: 15px 0;
}

#alertsNCPlaceholder + .fancybox-skin {
    padding: 0px !important;
}

#divNCAlerts .page-links {
    font-size: 14px;
}

#aNCCloseBtn {
    float: right;
    outline:none;
}

#btnNCClose {
    margin-left: 20px;
}

.NCModalDescr {
    color: #292C2C;
    font-family: Georgia;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    position: relative;
    float: left;
    margin-bottom: 15px;
}

/*PDF * Excel download spinner css*/
/* Start by setting display:none to make this hidden.
Then we position it in relation to the parent window. */
.p-m {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 );
}

.proc .p-m {
    overflow: hidden;
    display: block;
}

    .proc .p-m > i {
        position: absolute;
        top: 15%;
        left: 48%;
    }

.isDisabledDIR {
    cursor: not-allowed !important;
}

    .isDisabledDIR > a {
        display: inline-block; /* For IE11/ MS Edge bug */
        pointer-events: none;
        text-decoration: none;
    }

/* New fancybox modal styles */
.fancy-terms-cond .fancybox-skin {
    padding: 0px !important;
    background-color: #FFF;
}

.fancy-terms-cond .toc-header {
    padding: 10px 20px 15px 20px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #E6E7E7;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}
.new-faq{
    display: none;
}

/*
    GLOBAL NOTIFICATIONS
*/

.globalBanner {
    text-align: center;
    font-size: 16px;
    margin-bottom: 0px;
    color: #654C02;
    background-color: #fff3cd;
    border-color: #ffeeba;
    display: block;
}

.box .globalBanner {
    border-radius: 0px;
    box-shadow: 5px 4px 4px -2px #B4B5B5;
    padding: 15px;
    border-top: 5px solid #fbab18 !important;
    z-index: 1;
}

.btn-global-banner {
    margin-left: 10px;
    color: #FFF !important;
}

#gnModal .modal-dialog {
    position: absolute;
    top: 50% !important;
    transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    -webkit-transform: translate(0, -50%) !important;
    margin: auto 35%;
}

#gnModal .modal-header {
    position: relative;
    height: 65px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #FFF;
}

#gnModal .modal-body {
    font-family: Georgia;
    text-align: left;
    padding: 20px;
    line-height: 24px;
    color: #040707;
}

#gnModal .modal-footer {
    width: 100%;
    border-top: 1px solid #e5e5e5;
    padding: 20px;
    display: flex;
    justify-content: flex-end;
}

    #gnModal .modal-footer .btn-primary {
        padding-right: 30px;
        padding-left: 30px;
        font-size: 16px;
    }

#gnModal .modal-title {
    color: #292C2C;
    font-family: Georgia;
    font-size: 21px;
    line-height: 24px;
    font-weight: bold;
    position: relative;
    position: absolute;
    bottom: 0;
    padding: 20px;
}
.modal-header .close {
    margin-right: -10px;
}

/* FILE UPLOAD UTILITY*/
#divFileUploadModal .modal-body{
    margin-bottom: 0px;
    overflow-y: hidden;
}

#divFileUploadModal .file-upload-spinner {
    display: none;
    font-size: 20px;
}

#divFileUploadModal .err-spinn-wrapper {
    text-align: center;
    height: 30px;
}
#divFileUploadModal .div-upload-timeout {
    text-align: left;
    font-size: 14px;
    margin-right: 30PX;
}
#divFileUploadModal .file-size-note {
    font-size: 11px;
}
.dispNone {
    display: none;
}
.liStoreRow:hover, .recentStores a:hover {
    background-color: #DDD !important;
    text-decoration: none!important;
}
.liStoreRow a:hover, .recentStores a:hover {
    text-decoration: none!important;
}

#ulStoreSearch{
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 5px;
    padding-left: 0px;
}
#ulStoreSearch li a {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    padding-top: 5px;
}
#searchNote {
    display: none;
    font-size: 12px;
    color: #AAA;
    font-family: arial;
    padding-left: 15px;
    margin-bottom: 10px;
}
.not-allowed {
    cursor: not-allowed;
}
.etn-div-hide {
    display: none !important;
}

.covid-vaccine-toolbox {
    margin-bottom: 20px;
    padding: 20px 0px 20px 20px;
    border-radius: 3px;
    border: 1px solid #E5E5E5;
    background-color: #FFFFFF;
}

.covid-vaccine-dist-left {
    width: 76%;
    float: left;
}

.covid-vaccine-dist-right {
    width: 24%;
    float: left;
}

#covid-toolbox-right-links {
    border-left: solid 1px #E5E5E5;
}

#covid-toolbox-title {
    font-size: 18px !important;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 0px;
    font-family: Georgia;
    line-height: 1.333333333333333;
}

#CovidClinicRequestForm,
#CovidQuarterlyAttestation,
#CovidScheduleChangeRequest,
#CovidLatestUpdates {
    padding-left: 5px;
}

#CovidClinicRequestFormP,
#CovidQuarterlyAttestationP,
#CovidScheduleChangeRequestP {
    margin-bottom: 20px;
}

#CovidLatestUpdatesImg {
    margin-bottom: 0px;
}

.toolbox-link-disabled {
    color: #CDCDCD !important;
    pointer-events: none;
}

.covid-toolbox-persona {
    font-size: 16px;
    line-height: 24px;
    color: #337ab7 !important;
    padding: 0px 3px !important;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}


    .covid-toolbox-persona p {
        margin: 0;
    }

    .covid-toolbox-persona .pts-img-wrap {
        margin-bottom: 13px;
    }

    .covid-toolbox-persona a {
        color: #337ab7;
    }

/* Chain Level Warning */


#chain_lervel_warning .warning {
    margin-bottom: 20px;
    padding: 10px;
    color: #654C02;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    border-radius: 4px;
    display: block;
}

#divAlerts .alert-table {text-align:left;margin-right:10px;padding-top:5px;margin:0px;border-bottom:solid 1px #DDD;/* margin-bottom:10px; */width:100%;padding-right:30px;}
#divAlerts .alert-table tbody tr {text-align:left;padding:0px;margin:0px}
#divAlerts .alert-table tbody tr td {text-align:left;padding:0px 0px 0px 5px;margin:0px}
#divAlerts .alert-table tbody tr td.alert-title {padding-top:5px;font-weight:bold;font-size:13px!important;}
#divAlerts .alert-table tbody tr td.alert-date {font-style:italic;font-size:12px!important;}
#divAlerts .alert-table tbody tr td.alert-desc {font-size:12px!important;padding-bottom:5px}
#divAlerts .alert-table tbody tr td.alert-bkg-even {background-color:#E5E5E5;}
#divAlerts .alert-table tbody tr td.alert-bkg-odd {background-color:#FFFFFF;}
#divAlerts .alert-table tbody tr td i.fa-times-circle {font-size:16px;color:#000;position:relative;float:right;right:10px;padding-top:5px;cursor:pointer;}
#divAlerts .li-hide {display: none;}
#divAlerts .dismiss-all {padding-left:20px;color:#037AC6;cursor:pointer;}