#MenuAccordion .SystemMenuHeader,
#MenuAccordion .SystemMenuHeaderSelected {
    background-image: none;
    font-size: 1.1rem;
    color: #424242;
    font-family: verdana !important;
    margin-bottom: 0;
    cursor: pointer;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-transform: none;
    padding: 8px;
}

#MenuAccordion .SystemMenuHeader {
    border-bottom: 1px solid #c9c9c9;
}

#MenuAccordion .SystemMenuHeaderSelected {
    border-bottom: 1px solid #231F20;
}

#tdLeftPanel #MenuAccordion .SystemMenuHeader [class^="icon"],
#tdLeftPanel #MenuAccordion .SystemMenuHeader [class^="icon"]:before {
    color: #4c9999;
    transition: all 0.5s ease;
}

#tdLeftPanel #MenuAccordion .icon-block span[class^="icon"]:before {
    color: #4c9999 !important;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#MenuAccordion .SystemMenuContent {
    padding: 0;
    background: #4c9999;
    line-height: 1;
}

    #MenuAccordion .SystemMenuContent .SystemMenuLinkButton,
    #MenuAccordion .SystemMenuContent > .SystemMenuLinkDisabled,
    #MenuAccordion #ctl00_SystemMenuAdmin1_MenuAccordionSystem a[id^="ctl00_SystemMenuAdmin1_PaneSystem_content_btnMessages"] {
        display: block;
        border: 0 !important;
        border-bottom: 1px solid #231F20 !important;
        padding: 8px !important;
        border-radius: 0 !important;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

#tdLeftPanel #MenuAccordion .SystemMenuHeader:hover .icon-block span[class^="icon"]:before {
    color: #fff !important;
}

#tdLeftPanel #MenuAccordion .SystemMenuHeaderSelected .icon-block span[class^="icon"]:before {
    color: #fff;
}

#tdLeftPanel #MenuAccordion .SystemMenuHeader:hover,
#tdLeftPanel #MenuAccordion .SystemMenuHeaderSelected,
#tdLeftPanel #MenuAccordion .SystemMenuHeaderSelected:hover,
#tdLeftPanel #MenuAccordion a[id^="ctl00_SystemMenuAdmin1_PaneSystem_content_btnMessages"]:hover,
#tdLeftPanel #MenuAccordion .SystemMenuHeader:hover [class^="icon"],
#tdLeftPanel #MenuAccordion .SystemMenuHeader:hover [class^="icon"]:before {
    color: #fff;
    background-color: #4c9999;
    transition: all 0.5s ease;
}

#tdLeftPanel.LeftMenuInUATMode {
    top: 28px;
}

#MenuAccordion .SystemMenuHeaderSelected {
    border-bottom-color: #4c9999;
}

#MenuAccordion .icon-courses:before {
    color: #fff;
}

#MenuAccordion .SystemMenuLinkButton.selected,
#MenuAccordion .SystemMenuLinkDisabled.selected {
    color: #fff;
    background-color: #141414;
    margin-left: 4px;
    font-weight: bold;
}

#MenuAccordion .SystemMenuLinkButton,
#MenuAccordion .SystemMenuLinkDisabled {
    font-size: 1.2rem;
    color: #fff;
    background-color: #545454;
    border: #c9c9c9 1px solid;
    padding: 4px 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: inline-block;
}

    #MenuAccordion .SystemMenuLinkButton:hover {
        color: #fff;
        background-color: #141414;
    }

#divSideMenu {
    width: 220px;
}

    #divSideMenu.hamburger-always {
        display: none !important;
    }

    #divSideMenu.hamburger-always.active {
        width: 100%;
        display: block !important;
    }

.hamburger-show {
    display: none !important;
}

.hamburger-hide {
    display: block !important;
}

@media screen and (max-width: 991.98px) {
    #divSideMenu.active {
        width: 100%;
        display: block !important;
    }

    .hamburger-show {
        display: block !important;
    }

    .hamburger-hide {
        display: none !important;
    }
}


/*Top menu Logged in*/
#hdrLoggedIn {
    width: 100%;
    background-color: #fff;
}

    #hdrLoggedIn nav .container-fluid {
        padding: 0;
    }

/*Top menu Logged out*/
#hdrLoggedOut {
    width: 100%;
    background-color: #fff;
}

    #hdrLoggedOut .top-panel {
        display: flex;
        background-color: #fff;
    }

        #hdrLoggedOut .top-panel .hicomLogo {
            flex-basis: auto;
            order: 0;
            background-color: #fff;
        }

        #hdrLoggedOut .top-panel .basicMenu {
            flex-basis: auto;
            flex-grow: 4;
            padding-top: 14px;
            order: 1;
            background-color: #fff;
            z-index: 999;
        }

            #hdrLoggedOut .top-panel .basicMenu a.nav-link {
                font-size: 16px;
                padding: 0 1.5rem;
                white-space: nowrap;
            }

        #hdrLoggedOut .top-panel .signInButtons {
            flex-basis: auto;
            order: 2;
            padding-top: 18px;
            white-space: nowrap;
            background-color: #fff;
            text-align: right;
        }

        #hdrLoggedOut .top-panel .clientLogo {
            flex-basis: auto;
            order: 3;
            background-color: #fff;
            margin-left: 10px;
        }

        #hdrLoggedOut .top-panel .hamburger {
            flex-basis: auto;
            order: 4;
            background-color: #fff;
            padding: 8px;
            display: none;
        }

        #hdrLoggedOut .top-panel .signinsm {
            display: none;
            white-space: nowrap;
            padding-top: 10px;
        }

@media screen and (max-width: 991.98px) {
    #hdrLoggedOut .top-panel .basicMenu #navMainMenu.show {
        position: absolute;
        top: 60px;
        left: 0;
        padding: 10px;
        border: 1px solid #c9c9c9;
    }

    #hdrLoggedOut .top-panel .signInButtons {
        flex-grow: 4;
    }

    #hdrLoggedOut .top-panel .hamburger {
        display: inline-block;
    }

        #hdrLoggedOut .top-panel .hamburger .navbar-toggler {
            padding: 0;
        }

    #hdrLoggedOut .top-panel .signinsm {
        display: inline-block;
    }

    #hdrLoggedOut .top-panel .signInButtons {
        display: none;
    }
}