/* This file is used to create ThemeBuilder.css when the theme is saved. It should only contain css that affects colors and borders. */
/* If your theme uses a different css make a copy of this file and place it in your theme's folder                                   */
BODY {
    background-color: rgb(255, 255, 255);
    color: rgb(33, 37, 41);
}

#loginSection > .frame {
    background-color: rgb(255, 255, 255);
}

#main .header-text {
    background-color: rgb(0, 75, 130);
    color: rgb(255, 255, 255);
}

#sidebar fieldset:first-of-type legend {
    background-color: rgb(0, 75, 130);
    color: rgb(255, 255, 255);
}

a:link, a:visited {
    color: rgb(0, 135, 224);
}

a:active, a:hover {
    color: rgb(0, 86, 179);
}

.nav-fostrap li:hover {
    background-color: transparent;
    border-color: transparent;
}

    .nav-fostrap li:hover > a {
        color: rgba(33, 37, 41, 0.9);
    }

.nav-fostrap li > a {
    color: rgba(33, 37, 41, 0.5);
}

.nav-fostrap li ul.dropdown {
    background-color: rgb(228, 231, 235);
    border-color: rgb(228, 231, 235);
}

    .nav-fostrap li ul.dropdown li a {
        color: rgb(33, 37, 41);
    }

    .nav-fostrap li ul.dropdown li:hover {
        background-color: rgb(0, 75, 130);
    }

        .nav-fostrap li ul.dropdown li:hover a {
            color: rgb(255, 255, 255);
        }

#sidebar > .links a:hover {
    background-color: rgba(0,123,255,0.08);
    border: 1px solid rgb(0, 75, 130);
}

.info-button:hover,
.info-button {
    background-color: rgb(184, 221, 246);
    color: rgb(0, 70, 116);
    background-image: unset;
}

.red-button:hover,
.red-button {
    background-color: rgb(245, 198, 203);
    color: rgb(114, 28, 36);
    background-image: unset;
}

.orange-button:hover,
.orange-button {
    background-color: rgb(255, 238, 186);
    color: rgb(133, 100, 4);
    background-image: unset;
}

.green-button:hover,
.green-button {
    background-color: rgb(195, 230, 203);
    color: rgb(21, 87, 36);
    background-image: unset;
}

.info-label {
    color: ;
}

.red-label {
    color: red;
}

.green-label {
    color: green;
}

.orange-label {
    color: orange;
}

.popup-script-loading-success {
    color: green;
}

.popup-script-loading-failure {
    color: red;
}

.k-i-cancel:before {
    color: orange;
}

.k-i-save:before {
    color: green;
}

.k-i-unlock:before,
.k-i-lock:before {
    color: green;
}

.dark-theme .k-i-unlock:before,
.dark-theme .k-i-lock:before {
    color: unset;
}

.k-split-wrapper .k-i-lock:before {
    color: unset;
}

.k-i-notification:before {
    color: orange;
}

.field-validation-error {
    color: red;
}

.validation-summary-errors {
    color: red;
}

#sidebar fieldset legend {
    border-bottom: 1px solid rgb(228, 231, 235);
}

#footer #info {
    border-top: 1px solid rgb(228, 231, 235);
}

.navbar-fostrap > img,
.logo {
    filter: invert(17%) sepia(53%) saturate(3677%) hue-rotate(188deg) brightness(96%) contrast(103%);
}

@media only screen and (max-width:900px) {
    .nav-fostrap,
    .nav-bg-fostrap {
        background-color: rgb(255, 255, 255);
    }

        .nav-bg-fostrap .title-mobile {
            color: rgb(33, 37, 41);
        }

    #sidebar ul,
    #sidebar {
        background-color: rgb(255, 255, 255);
    }
}

@media only screen and (min-width:901px) {
    .nav-fostrap::before {
        content: "";
        float: left;
        margin-top: -16px;
        border-bottom: 1px solid rgb(0, 75, 130);
        width: 220px;
        margin-left: 10px;
    }
}

.primary-toolbar > .k-toolbar {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.primary-content {
    border-left: 1px solid rgba(0,0,0,0.08);
    border-right: 1px solid rgba(0,0,0,0.08);
    border-bottom: 1px solid rgba(0,0,0,0.08);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/*session info in the top right corner*/
#header .search-container {
    border-radius: 8px;
}

#breadcrumb {
    border-radius: 8px;
}

#main .header-text {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

@media only screen and (min-width:901px) {
    #sidebar fieldset:first-of-type legend {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }
}

.nav-fostrap .search-container > span {
    border-radius: 8px;
}

li > ul.dropdown {
    border-radius: 8px;
}

.nav-fostrap li ul.dropdown li:hover {
    border-radius: 8px;
}

.k-filemanager-toolbar {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.k-border-radius,
.k-filemanager {
    border-radius: 8px;
}

.k-border-radius,
.k-border-radius-right,
.k-border-radius-top-right {
    border-top-right-radius: 8px;
}

.k-border-radius,
.k-border-radius-right,
.k-border-radius-bottom-right {
    border-bottom-right-radius: 8px;
}

.k-border-radius,
.k-border-radius-left,
.k-border-radius-top-left {
    border-top-left-radius: 8px;
}

.k-border-radius-left,
.k-border-radius-bottom-left {
    border-bottom-left-radius: 8px;
}

.sidebar-switch {
    color: rgb(0, 75, 130);
}

.Service_FastDownload #aspxcontent,
.Service_Script #aspxcontent,
.Service_ScriptParameters #aspxcontent,
.Service_PunkBuster #aspxcontent,
.Service_Steam #aspxcontent,
.Service_Console #aspxcontent {
    border-radius: 8px;
}

/* when configured to apply primary color to sidebar/toolbar */

@media only screen and (min-width:901px) {
    .primary-color-sesion-toolbar #session-toolbar {
        background-color: rgb(0, 75, 130);
    }

    .primary-color-sesion-toolbar #session-split_wrapper > a {
        color: rgb(255, 255, 255);
    }

    .primary-color-sesion-toolbar .search-container.k-toolbar {
        background-color: rgb(0, 75, 130);
    }

    .primary-color-sidebar #main .header-text {
        background-color: unset;
        color: rgb(33, 37, 41);
    }

    .primary-color-sidebar #sidebar fieldset:first-of-type legend {
        background-color: unset;
        color: rgb(33, 37, 41);
        border-color: rgb(228, 231, 235);
    }

    .primary-color-sidebar .nav-fostrap {
        background-color: rgb(0, 75, 130);
    }

        .primary-color-sidebar .nav-fostrap li > a {
            color: rgb(255, 255, 255);
        }

        .primary-color-sidebar .nav-fostrap li:hover > a {
            color: rgb(255, 255, 255);
        }

        .primary-color-sidebar .nav-fostrap li ul.dropdown li:hover {
            color: rgb(33, 37, 41);
            background-color: rgb(228, 231, 235);
        }

        .primary-color-sidebar .nav-fostrap li ul.dropdown {
            background-color: rgb(228, 231, 235);
        }

            .primary-color-sidebar .nav-fostrap li ul.dropdown li:hover a {
                color: rgb(33, 37, 41);
            }

    .primary-color-sidebar .navbar-fostrap > img,
    .primary-color-sidebar .logo {
        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(96deg) brightness(105%) contrast(102%);
    }

    .primary-color-sidebar .sidebar-switch {
        color: rgb(255, 255, 255);
    }


    .primary-color-sidebar .nav-fostrap::before {
        border-bottom: 1px solid rgb(255, 255, 255);
    }

    .primary-color-sidebar #main .header-text {
        border-radius: 0;
        border-bottom: 1px solid rgb(228, 231, 235);
    }

    .primary-color-sidebar #sidebar fieldset:first-of-type legend {
        border-radius: 0;
        border-bottom: 1px solid rgb(228, 231, 235);
    }
}