.nav {
    display: unset;
}

.nav-brand > h3 {
    margin-top: 0;
    margin-bottom: 0;
}


#navbar {
    margin-top: 50px;
}
/*.navbar-collapse {
    z-index: 1200;
  }*/

.product-logo {
    height: 62px;
    width: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    //cursor: pointer;
    //background-image: url("../Images/EnterpriseView_logo_color.png");
}

.product-logo-main {
    height: 45px;
    margin-top: 5px;
    width: 350px;       /* Remove when logo image is used*/
}

.product-logo:after {
    content: "Customer Care Portal";        /* Use this in case you want to have a text 'logo' and blank the image*/
    color: #084062; /* BCM Navy */
    font-size: 32px;
    margin-top: 5px;
}

.product-logo-no-nav {
    margin-top: 5px;
    width: 350px;       /* Remove when logo image is used*/
}

.product-name::after {
    content: "Customer Care Portal"; /*"EnterpriseView™";*/ /* "Customer Portal"; */
}

.menu-side-icon-common {
    background-repeat: no-repeat;
    background-position: center center;
    height: 20px;
    width: 20px;
    background-size: contain;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0;   /* undo bootstrap change to label*/
}

.menu-top-icon-common {
    background-repeat: no-repeat;
    background-position: center center;
    height: 16px;
    width: 16px;
    background-size: contain;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0;   /* undo bootstrap change to label*/
}

.menu-side-icon-default {
    background-image: url("../Images/clipboard_audit.png");
}

.menu-top-icon-default {
    background-image: url("../Images/graphic_design.png");
}

.menu-side-icon-invoice {
    background-image: url("../Images/Invoice_white24x24.png");
}

.menu-side-icon-transactions {
    background-image: url("../Images/dollar_circle_arrow_white.png");
}

.menu-top-icon-invoice {
    background-image: url("../Images/Invoice_blue24x24.png");
}

.menu-top-icon-invoice-txn {
    background-image: url("../Images/dollar_circle_arrow.png");
}

.menu-side-icon-vitalview {
    background-image: url("../Images/VitalView_white24x24.png");
}

.menu-top-icon-vitalview {
    background-image: url("../Images/VitalView_blue24x24.png");
}

.menu-side-icon-ticket {
    background-image: url("../Images/ticket_white24x24.png");
}

.menu-top-icon-ticket {
    background-image: url("../Images/ticket_blue24x24.png");
}

.menu-side-icon-order {
    background-image: url("../Images/Cart_white24x24.png");
}

.menu-top-icon-order {
    background-image: url("../Images/Cart_blue24x24.png");
}

.menu-top-icon-inven {
    background-image: url("../Images/InventoryBlue.png");
}

.menu-side-icon-contact {
    background-image: url("../Images/Contact_white24x24.png");
}

.menu-top-icon-contact {
    background-image: url("../Images/Contact_blue24x24.png");
}

.menu-side-icon-files {
    background-image: url("../Images/doc_lines_icon24.png");
}

.menu-side-icon-files-reports {
    width: 12px;
    height: 12px;
    background-image: url("../Images/doc_lines_icon24.png");
}

.menu-side-icon-comm {
    background-image: url("../Images/Dollar_money_white_24x24.png");
}

.menu-side-icon-comm-reports {
    width: 12px;
    height: 12px;
    background-image: url("../Images/doc_lines_icon24.png");
}

.menu-side-icon-inven {
    background-image: url("../Images/InventoryWhite.png");
}

.menu-side-icon-manage-inven {
    width: 12px;
    height: 12px;
    background-image: url("../Images/InventoryWhite.png");
}

.menu-side-icon-data {
    background-image: url("../Images/clipboard_audit.png");
}

.menu-side-icon-reports {
    background-image: url("../Images/chart_bar_icon24.png");
}

.menu-side-icon-reports-account {
    width: 12px;
    height: 12px;
    background-image: url("../Images/chart_bar_icon24.png");
}

.menu-side-icon-reports-service {
    width: 12px;
    height: 12px;
    background-image: url("../Images/chart_bar_icon24.png");
}

.menu-side-icon-reports-usage {
    width: 12px;
    height: 12px;
    background-image: url("../Images/chart_bar_icon24.png");
}

.menu-side-icon-reports-var {
    width: 12px;
    height: 12px;
    background-image: url("../Images/chart_bar_icon24.png");
}

.menu-side-icon-contacts-escalation-primary {
    width: 12px;
    height: 12px;
    background-image: url("../Images/Contact_white24x24.png");
}

.menu-side-icon-contacts-escalation-list {
    width: 12px;
    height: 12px;
    background-image: url("../Images/up_escalator_white_24.png");
}

.menu-side-icon-contacts-messaging {
    width: 12px;
    height: 12px;
    background-image: url("../Images/mail.png");
}

.menu-side-icon-site-problems {
    background-image: url("../Images/clipboard_audit.png");
}

.menu-side-icon-smaller {
    width: 12px;
    height: 12px;
}

.menu-item-selected {
    border-bottom: 1px solid #F15A29; /* BCM Orange */
}

.menu-top-container {
    display: inline-block;
    padding: 2px 2px 2px 2px;
}

.menu-top-item {
    display: inline-block;
}

.menu-vertical-line {
    display: inline;
    height: 100%;
    border: 1px solid;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.menu-vertical-space {
    display: inline;
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.menu-horizontal-line {
    display: block;
    width: 100%;
    border: 1px solid;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.menu-horizontal-space {
    display: block;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.nav-top-header {
    /*background-color: #333958;*/
    background-color: white;
    margin-left: -250px;
    width: 100%;
}

.nav-top-header-logo {
    margin-top: 0px;
    margin-bottom: -5px;
    width: 250px; /* must be positive complement to .nav-top-header -> margin-left */
}

.nav-body-offsets {
    margin-left: 250px; /* must be positive complement to .nav-top-header -> margin-left */
    margin-top: 60px;
}

.nav-menu-slider-icon {
    font-size: 24px;
    padding-right: 5px;
    color: gray;
    cursor: pointer;
    margin-top: -8px;
    float: right;
}

.nav-menu-icon-all-expanded {
    font-size: 14px;
    padding-left: 5px;
    color: gray;
    cursor: pointer;
}

.nav-menu-icon-all-expanded:after {
    content:  '\25B6'; /* solid right arrow - make them all collapsed when clicked */
}

.nav-menu-icon-all-collapsed {
    font-size: 14px;
    padding-left: 5px;
    color: gray;
    cursor: pointer;
}

.nav-menu-icon-all-collapsed:after {
    content: '\25BC'; /* solid down arrow - make them all expanded when clicked */
}

.nav-side-bar {
    position: relative; 
    z-index: 1; 
    height: 100%;
    font-weight: bold;
    margin-top: 5px; 
    /*background-color: #161A2A;*/
    background-color: #084062; /* BCM Navy */
    display: none; /* start out with nothing - showNavSidebar must be called on document load */
}

.nav-side-bar-when-thin {
    margin-left: -250px;    /* must match .nav-top-header -> margin-left */
    width: 65px;            /* as desired */
    display: none;          /* start out with nothing - showNavSidebar must be called on document load */
}

.nav-menu-zone-when-thin {
    width: 65px;            /* must match .nav-side-bar-when-thin */
    overflow-x: hidden;
    overflow-y: auto;
}

.nav-side-bar-when-wide {
    margin-left:-250px;     /* must match .nav-top-header -> margin-left */
    width: 200px;           /* as desired */
    display: none;          /* start out with nothing - showNavSidebar must be called on document load */
}

.nav-menu-zone-when-wide {
    width: 200px;           /* must match .nav-side-bar-when-wide */
    overflow-x: hidden;
    overflow-y: auto;
}

.nav-body {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    display: none;          /* start out with nothing - showNavSidebar must be called on document load */
}

.nav-body-when-thin {
    margin-left: -185px;    /* must be navSidbarWhenThin -> margin-left + width */
}

.nav-body-when-wide {
    margin-left: -50px;     /* must be navSidbarWhenWide -> margin-left + width */
}

.nav-menu-item {
    width: 100%;
    text-wrap: none;
}

.nav-hide-thin {
    display: none; /* start out with nothing - showNavSidebar must be called on document load */
}

.nav-hide-wide {
    display: none; /* start out with nothing - showNavSidebar must be called on document load */
}

.no-nav-region {
    background: white;
    padding: 10px;
    margin: 25px;
}

.no-nav-header {
 
}

.no-nav-body {
    height: 100%;
    padding-left: 50px;
    padding-right: 50px;
}

.no-nav-body-region {
    width: 600px;
    padding-left: 50px;
    padding-right: 50px;
    margin: 0 auto;
}

.no-nav-popup-region {
    width: 600px;
    margin: 0 auto;
}

.no-nav-popup-header {
    display: inline-block;
}

.no-nav-centered-table {
    display: table;
    text-align: center;
    width: 100%;
}
.no-nav-centered-table-row {
    display: table-row;
}

.no-nav-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    padding-top: 10px;
    margin-left: 25px;
}

.no-nav-popup-error-header {
    font-size: 24px;
    color: red;
}

.no-nav-popup-success-header {
    font-size: 24px;
    color: darkgreen;
}

.no-nav-popup-msg {
    font-size: 14px;
    color: black;
}

.btn-wide {
    width: 200px;
}

.sys-menu-header {

}

.sys-menu-header:hover > .sys-menu {
    display: block;
}

.sys-menu {
    display: none;
    position: absolute;
    width: 100px;
    font-size: 14px;
    padding: 10px;
    border: 1px solid black;
    background-color: #084062; /* BCM Navy */
    color: white;
    z-index: 500;
}

.sys-menu-right {
    width: 100%;
}

.sys-menu-wide {
    width: 250px;
}

.sys-menu-item:hover a{
    color: #F15A29; /* BCM Orange */
}

.menu-side-copyright{
    position: fixed;
    bottom: 0;
    text-align: center;
    z-index: 0;
}

.impersonator-user-name {
    color: lightgray;
    font-size: 10px;
}

.menu-side-favorite {
    display: none;
    background-image: url('../Images/StarEmptyYellow.png');
    width: 15px;
    height: 15px;
    margin-top: 3px;
    margin-right: 3px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    float: right;
}

.menu-side-favorite-current {
    display: inline-block;
    background-image: url('../Images/StarFilledYellow.png');
    width: 15px;
    height: 15px;
    margin-top: 3px;
    margin-right: 3px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    float: right;
}