/*$red: #7c0a02;*/
/*$white: #fff;*/
/*$grey: #363936;*/
/*$lightGrey: #e3e3e3;*/
/*$black: #000;*/

:root {
    --color-primary: #7c0a02 !important;
    --color-primary-darker: #7c0a02 !important;
    --color-primary-dark: #363936 !important;
    --color-input-focus: #e3e3e3 !important;
    --color-input-focus-border: #e3e3e3 !important;
}

/*login*/
body.login, main.content-wrapper {
    background-color: white;
    color: var(--color-primary-dark);
}

.login label {
    color: var(--color-primary-dark);
}

.login ul.fields > li {
    background-color: white !important;
    border: none;
}

.login .submit > button.button {
    background-color: white !important;
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
    border-radius: 5px;
}

.login .submit > button.button:hover {
    background-color: var(--color-primary) !important;
    border: 2px solid var(--color-primary);
    color: white;
    border-radius: 5px;
}

.login ul.fields > li.full {
    background-color: whitesmoke;
    border: 1px solid var(--color-primary);
    color: var(--color-primary-dark);
}

.login input:not([type="submit"]), select, .logihn.full .iconfield .input::before {
    color: var(--color-primary-dark);
}

.login ul.fields > li:first-child {
    background-color: whitesmoke;
    border-bottom: none;
}

.login-logo {
    /*position: fixed;*/
    /*top: 1rem;*/
    /*left: 2rem;*/
    font-size: 2rem;
    color: var(--color-primary);
    font-family: "Architects Daughter", sans-serif;
}

header.merged.nice-padding, header, header.has-form {
    background-color: white !important;
    color: #7c0a02 !important;
    border-bottom: 1px solid #7c0a02;
}

header.merged.nice-padding {
    padding-left: 4rem;
}

header h1, header h2, header .user-name, header h1 {
    color: #7c0a02 !important;
}

header > .field-content {
    border: 1px solid #7c0a02;
}

header .button {
    background-color: #7c0a02 !important;
    color: #ffffff !important;
    border: 1px solid white !important;
}

header.merged.nice-padding > .row > .col1 {
    display: none !important;
}

/*Side Nav*/
.sidebar__inner {
    background: whitesmoke;
}

.sidebar-custom-branding > .upstream-nav-logo {
    fill: #7c0a02;
    padding: 1rem;
}

.sidebar-menu-item__link {
    color: unset;
}

.sidebar-menu-item--active, .sidebar-menu-item__link--active {
    background: var(--color-primary-darker);
}

.sidebar__collapse-toggle {
    background-color: #3a3a3a;
    color: #ccc;
}

.sidebar-menu-item__link:focus, .sidebar-menu-item__link:hover, .sidebar-menu-item__link:hover {
    text-shadow: none !important;
    color: var(--color-primary) !important;
}

.sidebar-menu-item.sidebar-menu-item--active > .sidebar-menu-item__link:hover {
    color: white !important;
}

.nav-main .account, .nav-main .account:hover {
    border-top: 2px solid #7c0a02 !important;
    background-color: whitesmoke !important;
    color: #7c0a02 !important;
    text-shadow: none;
}

.nav-search input {
    background-color: unset;
}

.sidebar-search__input {
    background-color: whitesmoke;
}

.nav-main a {
    color: #363936 !important;
    background-color: whitesmoke !important;
}

.nav-main a:active, .nav-main a:hover, .menu-item, .menu-active {
    color: #7c0a02 !important;
    text-shadow: none !important;
}

.nav-main .menu-active > a {
    border-left-color: #7c0a02;
    color: #7c0a02 !important;
    background-color: #C6C6C6 !important
}

.nav-main a:active, .nav-main a:hover, .menu-active {
    background: #C6C6C6 !important;
    color: #7c0a02 !important;
}

.sidebar-sub-menu-panel {
    background: var(--color-primary);
}

.sidebar-sub-menu-panel ul > li {
    color: white;
}

.sidebar-sub-menu-item.sidebar-menu-item--active.sidebar-sub-menu-item--open {
    color: white !important;
}


.changelist-filter li.selected a {
    background-color: #7c0a02 !important;
    border: none !important;
}

.changelist-filter a:hover {
    background-color: #7c0a02 !important;
    color: white !important;
}

.changelist-filter a {
    background-color: white !important;
    border: 1px solid #363936 !important;
    color: #363936 !important;
}

.nav-submenu h2 {
    color: #363936 !important;
}

.avatar.square.avatar-on-dark {
    display: none !important;
}

.sidebar-nav-toggle {
    background: var(--color-primary);
}

#account-settings {
    text-align: center;
    min-height: 50px;
}

.nav-submenu {
    background: whitesmoke;
}


/*Page views*/
.object > .title-wrapper {
    background: whitesmoke !important;
}

.object > .title-wrapper::before {
    background-color: #7c0a02 !important;
}

.nav-main .nav-footer {
    position: fixed;
    width: 200px;
    bottom: 0;
}