/* Started from https://raw.githubusercontent.com/KevinJump/Our.Umbraco.BackOfficeThemes/master/Our.Umbraco.BackOfficeThemes/App_Plugins/BackOfficeThemes/themes/orangeBar/theme.css*/

:root {
    --color-dark: #414141;
    --color-gray: #888888;
    --color-skc: #e63312;
    --color-skc-light: #f58d7b;
    --color-skc-lightest: rgba(230, 51, 18, 0.12);
    --color-text-100: #222;
    --color-text-200: #fff;
    --color-skc-local: #2b91c2;
    --color-skc-staging: #951b1b;
    /* Umbraco controls customisation */
    --umb-login-primary-color: #575757;
    --umb-login-header-font-size: 2em;
    --umb-login-header-font-size-large: 2.5em;
    --umb-login-curves-display: none;
    --uui-button-background-color: var(--color-skc);
    --uui-button-background-color-hover: var(--color-skc-light);
}

/* main nav */
.umb-app-header {
    background-color: #414141;
    background-color: var(--color-dark);
}

ul.sections > li.current > a {
    color: #fff;
    color: var(--color-text-200);
}

ul.sections > li > a {
    color: #ffffff;
    white-space: pre;
}

ul.sections > li + li::before {
    content: " | ";
    color: #fff;
    color: var(--color-text-200);
}

ul.sections > li > a:after {
    background-color: #e63312;
    background-color: var(--color-skc);
}

#mainwrapper {
    background-color: #414141;
    background-color: var(--color-dark);
}

    #mainwrapper:before {
        content: "";
        background-image: url('/App_Plugins/SKChase/img/RGB_SK_Full_Logo_White.png');
        background-size: 137px 26px;
        display: inline-block;
        width: 137px;
        height: 26px;
        min-width: 137px;
        margin-right: 20px;
        margin-top: 20px;
        margin-left: 20px;
    }

.umb-app-content {
    top: 106px;
}

.btn-primary {
    color: #fff;
    background-color: #e63312;
    background-color: var(--color-skc);
    text-decoration: none;
}

    .btn-primary:focus, .btn-primary:hover {
        color: #fff;
        background-color: #f58d7b;
        background-color: var(--color-skc-light);
        text-decoration: none;
    }

ul.sections-tray {
    background: #414141;
    background: var(--color-dark);
}

    ul.sections-tray > li > a:after {
        background-color: #e63312;
        background-color: var(--color-skc);
    }

    ul.sections-tray > li.current > a {
        color: #fff;
        color: var(--color-text-200);
    }

    ul.sections-tray > li > a {
        color: white;
    }

.umb-tree-item.current > .umb-tree-item__inner {
    background-color: rgba(230, 51, 18, 0.12);
    background-color: var(--color-skc-lightest);
}

.umb-sub-views-nav-item > a:before, .umb-sub-views-nav-item__action:before {
    background-color: #e63312;
    background-color: var(--color-skc);
}

.umb-panel-header-name {
    color: #414141;
    color: var(--color-dark);
}

.umb-load-indicator__bubble {
    border: 2px solid #e63312;
    border: 2px solid var(--color-skc);
}

.umb-tree-item__inner:hover .umb-tree-icon, .umb-tree-root:hover .umb-tree-icon {
    color: #e63312;
    color: var(--color-skc);
}

.umb-tree-item__inner:hover a, .umb-tree-root:hover a {
    color: #e63312;
    color: var(--color-skc);
}

.umb-loader {
    background-color: #f58d7b;
    background-color: var(--color-skc-light);
}

.umb-tab.umb-tab--active > .umb-tab-button:after {
    background-color: #e63312;
    background-color: var(--color-skc);
}

.umb-tab.umb-tab--active > .umb-tab-button {
    color: #414141;
    color: var(--color-dark);
}

.umb-tab:focus > .umb-tab-button {
    color: #414141;
    color: var(--color-dark);
}

.umb-tab:focus-within > .umb-tab-button {
    color: #414141;
    color: var(--color-dark);
}

.umb-tab:active > .umb-tab-button {
    color: #414141;
    color: var(--color-dark);
}

.umb-tab:hover > .umb-tab-button {
    color: #414141;
    color: var(--color-dark);
}

.umb-tab > .umb-tab-button {
    color: #888888;
    color: var(--color-gray);
    font-weight: 700;
}

/*Removes global help icon in menu*/
li[data-element="global-help"] {
    display: none;
}

/*Removes link functionality to external identity providers*/
.umb-control-group.external-logins {
    display:none !important;
}

/*Removes content and media start node columns from user groups list*/
.umb-table[ng-if*="vm.filteredUserGroups.length"] > .umb-table-head > .umb-table-row > .umb-table-cell:nth-child(4),
.umb-table[ng-if*="vm.filteredUserGroups.length"] > .umb-table-head > .umb-table-row > .umb-table-cell:nth-child(5),
.umb-table[ng-if*="vm.filteredUserGroups.length"] > .umb-table-body > .umb-table-row > .umb-table-cell:nth-child(4),
.umb-table[ng-if*="vm.filteredUserGroups.length"] > .umb-table-body > .umb-table-row > .umb-table-cell:nth-child(5) {
    display: none;
}
/* Removes umbraco icon in v8.18.4 */
.umb-app-header__logo{
    display:none;
}

.umb-editor {
    overflow: auto;
}