:root {
    --highlight: #dc7d24;
    --highlight-hover: #f8b78b;
}

a {
    color: var(--highlight);
}

a:hover {
    color: var(--highlight-hover);
}

input:focus {
    outline: none !important;
    border: 1px solid var(--highlight);
}

#appStruct {
    height: 100%;
}

#appStruct>div>div.menu {
    width: 250px;
}

#appStruct .theader {
    height: 70px;
}

#appStruct .menu {
    background: rgba(248, 249, 250);
    box-shadow: inset -1px 0 0 rgb(0 0 0 / 10%);
}

#appStruct .menu .theader {
    background: #222;
}

#appStruct .content .theader {
    background: #222;
    padding: 5px 30px;
    position: relative;
}

/* COLLAPSE MENU */
#appStruct.collapse_menu>div>div>div:first-child {
    width: 250px;
    min-width: 250px;
}

#appStruct.collapse_menu>#headerRow {
    background: #222;
}

#appStruct.collapse_menu>#headerRow #header {
    background: #222;
    padding: 5px 30px;
    position: relative;
}

#collapseMenu>div.collapse_wrapper {
    background: rgba(248, 249, 250);
    z-index: 999;
    box-shadow: inset -1px 0 0 rgb(0 0 0 / 10%);
}

#collapseMenu>div.collapse_wrapper>div.collapse_content {
    width: 250px;
}

#collapseMenu div.locker {
    background: #EEE;
    border-color: #CCC;
}

#collapseMenu div.locker>svg {
    fill: #BBB;
}

#collapseMenu div.locker:hover>svg {
    fill: #666;
}

.app_menu .item.track>a>div.label>div.text {
    color: #333;
}

.app_menu .item.selected>a>div.label>div.text {
    color: var(--highlight);
}

.app_menu .item.selected>a>div.label .icon {
    fill: var(--highlight);
}