/* Custom colors for Semantic UI */

/* Grey segment bar */

.ui.lightgrey.segment:not(.inverted) {
    border-top: 2px solid #ACACAC !important;
}

.ui.inverted.lightgrey.segment {
    background-color: #ACACAC !important;
    color: #FFFFFF !important;
}

/* Stagb overrides */

/* Main background color */
html,
body {
    background: #FFFFFF !important;
}

.mainWrap {
    background: #FFFFFF !important;
    padding-top: 20px !important;
}

/* Left sidebar and logo background color*/
.ui.vertical.menu {
    background: #F5F6F8 !important;
}

.logo {
    background: #F5F6F8 !important;
}

/* Menu Stuff */

.mainmenu.border {
    /* 
    This is a hacky fix to introduce a drop shadow bottom border to the main menu without having to spend the time figuring out how it's done, since
    the default divider automatically adds it in. This is just to hide the actual dividing line.
*/
    border-top: 0px solid rgba(255, 255, 255, 0) !important;
    border-bottom: 0px solid rgba(255, 255, 255, 0) !important;
}