/* Navbar */
div.sky-nav-content {
    background-color: var(--navbarColor) !important;
}

/* Navbar Logo */
.im-logo-container > a > img {
    content: url("/images/Sky_logo_full_color.png");
}

/* Banner, Modal Header, Titlebars */
.menuTitle,
.im-status,
.sky-modal-header {
    background-color: var(--grey4);
}

    .menuTitleLabel,
    .im-status > span,
    .sky-modal-header > div,
    .sky-modal-header * {
        font-size: var(--fSizeL);
        color: var(--black);
        font-weight: 400;
    }

/*div.sky-nav-area-container {
    background-color: var(--white);
}*/

.sky-modal-body {
    background-color: var(--stdBackground);
}

/* Mobile Buttons Area Background */
#sky-ctrl-toggle:checked ~ .sky-nav-content-container .sky-nav-area-main {
    background-color: var(--stdBackground);
}

/* Buttons and Links */
button.DELETEME,
.DELETEME a,
.DELETEME a {
}

.sky-nav-area-btn {
    font-size: var(--navButtonTextSize) !important;
    font-weight: var(--navButtonTextWeight) !important;
    text-transform: uppercase;
}

.sky-task-link:hover,
.sky-nav-link:hover {
    font-weight: bolder;
}

img.sky-nav-area-btn {
    Width: 10px;
    Height: 6px;
    align-self: center;
}

div.DELETEME-close {
    content: url("/icons/arrow-left.svg");
}

/* UserProfile */
.sky-nav-profile-initials[data-initials]:only-child:before {
    background: rgba(95, 119, 122, 0.40);
    color: #000;
    border: 1px solid #5F777A;
    font-weight: 600;
    font-size: var(--fSizeS);
}

/*************************************************
*
* DESKTOP
*
*************************************************/
@media only screen and (min-width: 900px) {
    /*
    .icon-settings:before {
        opacity: 0.1;
        background: url("/icons/gear-wide.svg");
        background-repeat: no-repeat;
        background-position: calc(90% + calc(380px / 2));
        background-size: 500px auto;
    }

    .icon-profile:before {
        opacity: 0.1;
        background: url("/icons/person.svg");
        background-repeat: no-repeat;
        background-position: calc(90% + calc(380px / 2));
        background-size: 500px auto;
    }

    .icon-report:before {
        opacity: 0.1;
        background: url("/icons/graph-up-arrow.svg");
        background-repeat: no-repeat;
        background-position: calc(90% + calc(380px / 3));
        background-size: 400px 100%;
    }

    .icon-app:before {
        opacity: 0.1;
        background: url("/icons/window.svg");
        background-repeat: no-repeat;
        background-position: calc(90% + calc(380px / 2));
        background-size: 500px auto;
    }

    .profile > .company {
        font-size: var(--smLinkTextSize);
        font-weight: var(--smLinkTextWeight);
        color: var(--smLinkTextColor);
        max-height: 30px;
    }

        .profile > .company > img {
            width: 120px;
            height: auto;
        }

    .profile > .info {
        font-size: var(--smLinkTextSize);
        font-weight: var(--smLinkTextWeight);
    }

        .profile > .info > .highlight {
            font-weight: 600;
        }*/
}