.app-theme-item {
    border-radius: 8px;
    cursor: pointer;
    height: 36px;
    margin: 7px;
}

    .app-theme-item.theme-item-1 {
        background-color: #a32135;
    }

    .app-theme-item.theme-item-2 {
        background-color: #00a652;
    }

    .app-theme-item.theme-item-3 {
        background-color: #9b58b5;
    }

    .app-theme-item.theme-item-4 {
        background-color: #004d83;
    }

    .app-theme-item.theme-item-5 {
        background-color: #03689b;
    }

    .app-theme-item.theme-item-6 {
        background-color: #f46b45;
    }

    .app-theme-item.theme-item-7 {
        background-color: #108670;
    }

    .app-theme-item.theme-item-8 {
        background-color: #e5322e;
    }

    .app-theme-item.theme-item-9 {
        background-color: #d73c8a;
    }

    .app-theme-item.theme-item-10 {
        background-color: #1c2b36;
    }

    .app-theme-item.theme-item-11 {
        background-color: #441714;
    }

    .app-theme-item.theme-item-12 {
        background-color: #b97c46;
    }

    .app-theme-item.active:before {
        content: "✔";
        position: absolute;
        font-size: 1.6rem;
        margin-left: 5px;
        padding-top: 3px;
        color: #fff;
    }

/*general-menu*/
.left-menu.bg-theme .nav {
    background: rgba(255, 255, 255, 0) !important;
}

    .left-menu.bg-theme .nav.dk {
        background: rgba(255, 255, 255, 0.04) !important;
    }

    .left-menu.bg-theme .nav.dker {
        background: rgba(255, 255, 255, 0.05) !important;
    }

    .left-menu.bg-theme .nav > li:hover > a,
    .left-menu.bg-theme .nav > li:focus > a,
    .left-menu.bg-theme .nav > li.active > a,
    .left-menu.bg-theme .nav > li > a:hover,
    .left-menu.bg-theme .nav > li > a:focus {
        background: rgba(0, 0, 0, 0.06) !important;
    }

    .left-menu.bg-theme .nav > li.active > a {
        border-left: solid 1px #ffffff !important;
    }

.app-mode-light.menu-simplified .left-menu.bg-theme .nav.dk {
    background: rgba(255, 255, 255, 0.7) !important;
}

.app-mode-light.menu-simplified .left-menu.bg-theme .nav.dker {
    background: rgba(255, 255, 255, 0.9) !important;
}

/*theme-default*/
/*Login Screen*/
.login-screen .login-area,
.login-screen .white-box,
.login-screen .login-box {
    background-color: #1c2b36 !important;
}

    .login-screen .login-area::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .login-screen .login-area::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.login-screen .login-message-error {
    color: #f7ce0b !important;
}

.login-screen .login-message-license {
    color: #f7ce0b !important;
}

.login-screen .login-text-input {
    border: 1px solid #e6e7e7 !important;
    background: #e6e7e7 !important;
    color: #1c2b36 !important;
}

    .login-screen .login-text-input::placeholder {
        color: #1c2b36 !important;
        opacity: 1 !important;
    }

.login-screen .login-text-title,
.login-screen .login-text-other {
    color: #cfd6d6 !important;
}

.login-screen a.login-text-other:hover {
    color: #fff !important;
}

.login-screen button.btn.btn-primary,
.login-screen button.btn.btn-primary i {
    color: #fff !important;
}

button.btn.btn-success:hover {
    box-shadow: 0 0 15px #27c24c;
}

button.btn.btn-danger:hover {
    box-shadow: 0 0 15px #f05050;
}

button.btn.btn-dark:hover {
    box-shadow: 0 0 15px #1c2b36;
}

.login-screen button:hover,
button.btn.btn-primary:hover,
button.btn.btn-info:hover,
.k-button:hover {
    box-shadow: 0 0 15px #476581;
}

.login-screen .normal-language-item,
.login-screen button.btn.btn-primary {
    background: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #476581 !important;
}

    .login-screen .selected-language-item,
    .login-screen button.btn.btn-primary.active.focus,
    .login-screen button.btn.btn-primary.active:focus,
    .login-screen button.btn.btn-primary.active:hover,
    .login-screen button.btn.btn-primary.focus:active,
    .login-screen button.btn.btn-primary:active:focus,
    .login-screen button.btn.btn-primary:active:hover,
    .login-screen button.btn.btn-primary.disabled:hover,
    .login-screen button.btn.btn-primary.focus,
    .login-screen button.btn.btn-primary:focus,
    .login-screen button.btn.btn-primary:hover {
        background: rgba(0, 0, 0, 0.18) !important;
        border: 1px solid #476581 !important;
    }

/*Main Screen*/
.top-menu.navbar-inverse {
    background-color: #1c2b36 !important;
    border-color: #1c2b36 !important;
}

    .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #869fb1 !important;
    }

        .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .top-menu.navbar-inverse .navbar-nav > .open > a,
        .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #152028 !important;
            color: #ffffff !important;
        }

.navbar-header.left-menu.bg-theme,
.navbar-header.bg-theme > button {
    background-color: #152028 !important;
}

.left-menu.bg-theme {
    background-color: #1c2b36 !important;
}

    .left-menu.bg-theme .line.dk {
        background: rgba(0, 0, 0, 0.3) !important;
    }

    .left-menu.bg-theme .nav > li:hover > a,
    .left-menu.bg-theme .nav > li:focus > a,
    .left-menu.bg-theme .nav > li.active > a,
    .left-menu.bg-theme .nav > li > a:hover,
    .left-menu.bg-theme .nav > li > a:focus,
    .left-menu.bg-theme .text-lt:hover {
        color: #ffffff !important;
    }

    .left-menu.bg-theme .text-lt,
    .left-menu.bg-theme .nav > li > a {
        color: #869fb1 !important;
    }

    .left-menu.bg-theme .text-muted {
        color: #5c798f !important;
    }

.app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #283640 !important;
}

.app-mode-light.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:hover,
.app-mode-light.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:focus,
.app-mode-light.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a,
.app-mode-light.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
.app-mode-light.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:focus
.app-mode-dark.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:hover,
.app-mode-dark.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:focus,
.app-mode-dark.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a,
.app-mode-dark.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
.app-mode-dark.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:focus,
.app-mode-light.menu-simplified .left-menu.bg-theme .nav > li:hover > a,
.app-mode-light.menu-simplified .left-menu.bg-theme .nav > li:focus > a,
.app-mode-light.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-mode-light.menu-simplified .left-menu.bg-theme .nav > li > a:hover,
.app-mode-light.menu-simplified .left-menu.bg-theme .nav > li > a:focus,
.app-mode-light.menu-simplified .text-center > a:hover,
.app-mode-dark.menu-simplified .left-menu.bg-theme .nav > li:hover > a,
.app-mode-dark.menu-simplified .left-menu.bg-theme .nav > li:focus > a,
.app-mode-dark.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-mode-dark.menu-simplified .left-menu.bg-theme .nav > li > a:hover,
.app-mode-dark.menu-simplified .left-menu.bg-theme .nav > li > a:focus,
.app-mode-dark.menu-simplified .text-center > a:hover {
    color: #03689b !important;
}

.app-mode-light.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-mode-dark.menu-simplified .left-menu.bg-theme .nav > li.active > a {
    border-left: solid 1px #03689b !important;
}

/*View Controls*/
.k-checkbox:checked + .k-checkbox-label:before,
.k-radio:checked + .k-radio-label:after,
.k-calendar td.k-state-selected .k-link,
.k-calendar td.k-selected .k-link,
.k-checkbox:checked,
.k-radio:checked {
    background-color: #1f2d38 !important;
    border-color: #1f2d38 !important;
    color: #ffffffdd !important;
}

.k-calendar td.k-selected .k-link,
.k-calendar td.k-state-selected .k-link,
.k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #1f2d38 !important;
}

.k-toolbar-button-group .k-button.k-selected {
    background-color: #1f2d38 !important;
    color: #ffffffdd !important;
}

.k-list-item.k-selected {
    background-color: #1f2d38dd !important;
    border-bottom: solid 1px #1f2d38bb;
    color: #ffffffdd !important;
}

.k-textbox:focus,
.k-textbox:hover,
.k-input.k-focus,
.k-input.k-hover,
.k-input:hover,
.k-picker.k-focus,
.k-picker.k-hover,
.k-picker:hover,
.k-grid-edit-row > td > input,
.k-grid-edit-row > td > .text-box,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-active,
.k-tabstrip-items-wrapper .k-item.k-active::after,
.k-multiselect.k-state-hover > .k-multiselect-wrap,
.k-multiselect.k-state-focused > .k-multiselect-wrap,
.k-multiselect.k-state-active > .k-multiselect-wrap,
.k-radio:checked + .k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:before,
.k-checkbox:hover,
.k-radio:hover {
    border-color: #1f2d38 !important;
}

.k-tabstrip-items-wrapper .k-item.k-active {
    color: #1f2d38 !important;
}

.app-mode-dark .k-tabstrip-items-wrapper .k-item.k-active::after {
    border-color: #869fb1 !important;
}

.app-mode-dark .k-tabstrip-items-wrapper .k-item.k-active {
    color: #869fb1 !important;
}

.k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected,
.k-scheduler-toolbar .k-scheduler-views button.k-selected,
.k-tabstrip-items .k-state-active,
.k-tabstrip-items .k-state-hover {
    border-bottom-color: #1f2d38 !important;
}

.btn-info,
.btn-primary,
.combobox-header,
.k-calendar .k-header,
.navbar-header > button,
.k-button-solid-primary,
.k-action-buttons .k-button,
.k-grid .k-header .k-button,
.k-grid .k-toolbar .k-button,
.k-dialog .k-button.k-primary,
.k-dialog .k-window-titlebar,
.k-window-titlebar .k-dialog-title,
.k-window-actions .k-button,
.k-window-title {
    color: #ffffffdd !important;
}

.btn-info,
.btn-primary,
.combobox-header,
.k-calendar .k-header,
.k-button-solid-primary,
.k-action-buttons .k-button,
.k-grid .k-header .k-button,
.k-grid .k-toolbar .k-button,
.k-dialog .k-button.k-primary,
.k-dialog .k-window-titlebar,
.k-window .k-window-titlebar,
.k-window .k-window-actions,
.k-drag-clue {
    background-color: #1f2d38 !important;
    border-color: #1c2b36 !important;
}

    .btn-info:hover,
    .btn-primary:hover,
    .combobox-header:hover,
    .k-button-solid-primary:hover,
    .k-action-buttons .k-button:hover,
    .k-grid .k-header .k-button:hover,
    .k-grid .k-toolbar .k-button:hover,
    .k-dialog .k-button.k-primary:hover,
    .k-calendar .k-header .k-link.k-state-hover {
        background-color: #1c2b36 !important;
        border-color: #1c2b36 !important;
        color: #ffffff !important;
    }

.k-loading-image,
.app-menu-group,
.k-grid-header .k-grid-header-menu.k-active {
    color: #1c2b36 !important;
}

/*theme-item-1*/
/*Login Screen*/
.app-theme-1.login-screen .login-area,
.app-theme-1.login-screen .white-box,
.app-theme-1.login-screen .login-box {
    background-color: #a32135 !important;
}

    .app-theme-1.login-screen .login-area::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .app-theme-1.login-screen .login-area::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.app-theme-1.login-screen .login-message-error {
    color: #f7ce0b !important;
}

.app-theme-1.login-screen .login-message-license {
    color: #f7ce0b !important;
}

.app-theme-1.login-screen .login-text-input {
    border: 1px solid #e6e7e7 !important;
    background: #e6e7e7 !important;
    color: #a32135 !important;
}

    .app-theme-1.login-screen .login-text-input::placeholder {
        color: #a32135 !important;
        opacity: 1 !important;
    }

.app-theme-1.login-screen .login-text-title,
.app-theme-1.login-screen .login-text-other {
    color: #cfd6d6 !important;
}

.app-theme-1.login-screen a.login-text-other:hover {
    color: #fff !important;
}

.app-theme-1.login-screen button.btn.btn-primary,
.app-theme-1.login-screen button.btn.btn-primary i {
    color: #fff !important;
}

.app-theme-1.login-screen button:hover,
.app-theme-1 button.btn.btn-primary:hover,
.app-theme-1 button.btn.btn-info:hover,
.app-theme-1 .k-button:hover {
    box-shadow: 0 0 15px #cf5265;
}

.app-theme-1.login-screen .normal-language-item,
.app-theme-1.login-screen button.btn.btn-primary {
    background: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #cf5265 !important;
}

    .app-theme-1.login-screen .selected-language-item,
    .app-theme-1.login-screen button.btn.btn-primary.active.focus,
    .app-theme-1.login-screen button.btn.btn-primary.active:focus,
    .app-theme-1.login-screen button.btn.btn-primary.active:hover,
    .app-theme-1.login-screen button.btn.btn-primary.focus:active,
    .app-theme-1.login-screen button.btn.btn-primary:active:focus,
    .app-theme-1.login-screen button.btn.btn-primary:active:hover,
    .app-theme-1.login-screen button.btn.btn-primary.disabled:hover,
    .app-theme-1.login-screen button.btn.btn-primary.focus,
    .app-theme-1.login-screen button.btn.btn-primary:focus,
    .app-theme-1.login-screen button.btn.btn-primary:hover {
        background: rgba(0, 0, 0, 0.18) !important;
        border: 1px solid #cf5265 !important;
    }

/*Main Screen*/
.app-theme-1 .top-menu.navbar-inverse {
    background-color: #a32135 !important;
    border-color: #a32135 !important;
}

    .app-theme-1 .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #ffffffb8 !important;
    }

        .app-theme-1 .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .app-theme-1 .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .app-theme-1 .top-menu.navbar-inverse .navbar-nav > .open > a,
        .app-theme-1 .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .app-theme-1 .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #991f32 !important;
            color: #ffffff !important;
        }

.app-theme-1 .navbar-header.left-menu.bg-theme,
.app-theme-1 .navbar-header.bg-theme > button {
    background-color: #991f32 !important;
}

.app-theme-1 .left-menu.bg-theme {
    background-color: #a32135 !important;
}

    .app-theme-1 .left-menu.bg-theme .line.dk {
        background: rgba(0, 0, 0, 0.08) !important;
    }

    .app-theme-1 .left-menu.bg-theme .nav > li:hover > a,
    .app-theme-1 .left-menu.bg-theme .nav > li:focus > a,
    .app-theme-1 .left-menu.bg-theme .nav > li.active > a,
    .app-theme-1 .left-menu.bg-theme .nav > li > a:hover,
    .app-theme-1 .left-menu.bg-theme .nav > li > a:focus,
    .app-theme-1 .left-menu.bg-theme .text-lt:hover {
        color: #ffffff !important;
    }

    .app-theme-1 .left-menu.bg-theme .text-lt,
    .app-theme-1 .left-menu.bg-theme .nav > li > a {
        color: #ffffffb8 !important;
    }

    .app-theme-1 .left-menu.bg-theme .text-muted {
        color: #c19ba0 !important;
    }

.app-theme-1 .app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #a52d3f !important;
}

.app-theme-1.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:hover,
.app-theme-1.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:focus,
.app-theme-1.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a,
.app-theme-1.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
.app-theme-1.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:focus,
.app-theme-1.menu-simplified .left-menu.bg-theme .nav > li:hover > a,
.app-theme-1.menu-simplified .left-menu.bg-theme .nav > li:focus > a,
.app-theme-1.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-theme-1.menu-simplified .left-menu.bg-theme .nav > li > a:hover,
.app-theme-1.menu-simplified .left-menu.bg-theme .nav > li > a:focus,
.app-theme-1.menu-simplified .text-center > a:hover {
    color: #a32135 !important;
}

.app-theme-1.menu-simplified .left-menu.bg-theme .nav > li.active > a {
    border-left: solid 1px #a32135 !important;
}

/*View Controls*/
.app-theme-1 .k-checkbox:checked + .k-checkbox-label:before,
.app-theme-1 .k-radio:checked + .k-radio-label:after,
.app-theme-1 .k-calendar td.k-state-selected .k-link,
.app-theme-1 .k-calendar td.k-selected .k-link,
.app-theme-1 .k-checkbox:checked,
.app-theme-1 .k-radio:checked {
    background-color: #a52d3f !important;
    border-color: #a52d3f !important;
    color: #ffffffdd !important;
}

.app-theme-1 .k-calendar td.k-selected .k-link,
.app-theme-1 .k-calendar td.k-state-selected .k-link,
.app-theme-1 .k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #a52d3f !important;
}

.app-theme-1 .k-toolbar-button-group .k-button.k-selected {
    background-color: #a52d3f !important;
    color: #ffffffdd !important;
}

.app-theme-1 .k-list-item.k-selected {
    background-color: #a52d3fdd !important;
    border-bottom: solid 1px #a52d3fbb;
    color: #ffffffdd !important;
}

.app-theme-1 .k-textbox:focus,
.app-theme-1 .k-textbox:hover,
.app-theme-1 .k-input.k-focus,
.app-theme-1 .k-input.k-hover,
.app-theme-1 .k-input:hover,
.app-theme-1 .k-picker.k-focus,
.app-theme-1 .k-picker.k-hover,
.app-theme-1 .k-picker:hover,
.app-theme-1 .k-grid-edit-row > td > input,
.app-theme-1 .k-grid-edit-row > td > .text-box,
.app-theme-1 .k-dropdown-wrap.k-state-hover,
.app-theme-1 .k-dropdown-wrap.k-state-focused,
.app-theme-1 .k-dropdown-wrap.k-state-active,
.app-theme-1 .k-picker-wrap.k-state-hover,
.app-theme-1 .k-picker-wrap.k-state-focused,
.app-theme-1 .k-picker-wrap.k-state-active,
.app-theme-1 .k-numeric-wrap.k-state-hover,
.app-theme-1 .k-numeric-wrap.k-state-focused,
.app-theme-1 .k-numeric-wrap.k-state-active,
.app-theme-1 .k-tabstrip-items-wrapper .k-item.k-active::after,
.app-theme-1 .k-multiselect.k-state-hover > .k-multiselect-wrap,
.app-theme-1 .k-multiselect.k-state-focused > .k-multiselect-wrap,
.app-theme-1 .k-multiselect.k-state-active > .k-multiselect-wrap,
.app-theme-1 .k-radio:checked + .k-radio-label:hover:before,
.app-theme-1 .k-radio:checked + .k-radio-label:before,
.app-theme-1 .k-checkbox:hover,
.app-theme-1 .k-radio:hover {
    border-color: #a52d3f !important;
}

.app-theme-1 .k-tabstrip-items-wrapper .k-item.k-active {
    color: #a52d3f !important;
}

.app-theme-1 .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.app-theme-1 .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected,
.app-theme-1 .k-scheduler-toolbar .k-scheduler-views button.k-selected,
.app-theme-1 .k-tabstrip-items .k-state-active,
.app-theme-1 .k-tabstrip-items .k-state-hover {
    border-bottom-color: #a52d3f !important;
}

.app-theme-1 .btn-info,
.app-theme-1 .btn-primary,
.app-theme-1 .combobox-header,
.app-theme-1 .k-calendar .k-header,
.app-theme-1 .navbar-header > button,
.app-theme-1 .k-button-solid-primary,
.app-theme-1 .k-action-buttons .k-button,
.app-theme-1 .k-grid .k-header .k-button,
.app-theme-1 .k-grid .k-toolbar .k-button,
.app-theme-1 .k-dialog .k-button.k-primary,
.app-theme-1 .k-dialog .k-window-titlebar,
.app-theme-1 .k-window-titlebar .k-dialog-title,
.app-theme-1 .k-window-actions .k-button,
.app-theme-1 .k-window-title {
    color: #ffffffdd !important;
}

.app-theme-1 .btn-info,
.app-theme-1 .btn-primary,
.app-theme-1 .combobox-header,
.app-theme-1 .k-calendar .k-header,
.app-theme-1 .k-button-solid-primary,
.app-theme-1 .k-action-buttons .k-button,
.app-theme-1 .k-grid .k-header .k-button,
.app-theme-1 .k-grid .k-toolbar .k-button,
.app-theme-1 .k-dialog .k-button.k-primary,
.app-theme-1 .k-dialog .k-window-titlebar,
.app-theme-1 .k-window .k-window-titlebar,
.app-theme-1 .k-window .k-window-actions,
.app-theme-1 .k-drag-clue {
    background-color: #a52d3f !important;
    border-color: #9c2134 !important;
}

    .app-theme-1 .btn-info:hover,
    .app-theme-1 .btn-primary:hover,
    .app-theme-1 .combobox-header:hover,
    .app-theme-1 .k-button-solid-primary:hover,
    .app-theme-1 .k-action-buttons .k-button:hover,
    .app-theme-1 .k-grid .k-header .k-button:hover,
    .app-theme-1 .k-grid .k-toolbar .k-button:hover,
    .app-theme-1 .k-dialog .k-button.k-primary:hover,
    .app-theme-1 .k-calendar .k-header .k-link.k-state-hover {
        background-color: #9c2134 !important;
        border-color: #9c2134 !important;
        color: #ffffff !important;
    }

.app-theme-1 .k-loading-image,
.app-theme-1 .app-menu-group,
.app-theme-1 .k-grid-header .k-grid-header-menu.k-active {
    color: #9c2134 !important;
}

/*theme-item-2*/
/*Login Screen*/
.app-theme-2.login-screen .login-area,
.app-theme-2.login-screen .white-box,
.app-theme-2.login-screen .login-box {
    background-color: #00a652 !important;
}

    .app-theme-2.login-screen .login-area::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .app-theme-2.login-screen .login-area::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.app-theme-2.login-screen .login-message-error {
    color: #f7ce0b !important;
}

.app-theme-2.login-screen .login-message-license {
    color: #f7ce0b !important;
}

.app-theme-2.login-screen .login-text-input {
    border: 1px solid #e6e7e7 !important;
    background: #e6e7e7 !important;
    color: #00a652 !important;
}

    .app-theme-2.login-screen .login-text-input::placeholder {
        color: #00a652 !important;
        opacity: 1 !important;
    }

.app-theme-2.login-screen .login-text-title,
.app-theme-2.login-screen .login-text-other {
    color: #cfd6d6 !important;
}

.app-theme-2.login-screen a.login-text-other:hover {
    color: #fff !important;
}

.app-theme-2.login-screen button.btn.btn-primary,
.app-theme-2.login-screen button.btn.btn-primary i {
    color: #fff !important;
}

.app-theme-2.login-screen button:hover,
.app-theme-2 button.btn.btn-primary:hover,
.app-theme-2 button.btn.btn-info:hover,
.app-theme-2 .k-button:hover {
    box-shadow: 0 0 15px #5dd196;
}

.app-theme-2.login-screen .normal-language-item,
.app-theme-2.login-screen button.btn.btn-primary {
    background: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #5dd196 !important;
}

    .app-theme-2.login-screen .selected-language-item,
    .app-theme-2.login-screen button.btn.btn-primary.active.focus,
    .app-theme-2.login-screen button.btn.btn-primary.active:focus,
    .app-theme-2.login-screen button.btn.btn-primary.active:hover,
    .app-theme-2.login-screen button.btn.btn-primary.focus:active,
    .app-theme-2.login-screen button.btn.btn-primary:active:focus,
    .app-theme-2.login-screen button.btn.btn-primary:active:hover,
    .app-theme-2.login-screen button.btn.btn-primary.disabled:hover,
    .app-theme-2.login-screen button.btn.btn-primary.focus,
    .app-theme-2.login-screen button.btn.btn-primary:focus,
    .app-theme-2.login-screen button.btn.btn-primary:hover {
        background: rgba(0, 0, 0, 0.18) !important;
        border: 1px solid #5dd196 !important;
    }

/*Main Screen*/
.app-theme-2 .top-menu.navbar-inverse {
    background-color: #00a652 !important;
    border-color: #00a652 !important;
}

    .app-theme-2 .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #ffffffb8 !important;
    }

        .app-theme-2 .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .app-theme-2 .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .app-theme-2 .top-menu.navbar-inverse .navbar-nav > .open > a,
        .app-theme-2 .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .app-theme-2 .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #019e4f !important;
            color: #ffffff !important;
        }

.app-theme-2 .navbar-header.left-menu.bg-theme,
.app-theme-2 .navbar-header.bg-theme > button {
    background-color: #019e4f !important;
}

.app-theme-2 .left-menu.bg-theme {
    background-color: #00a652 !important;
}

    .app-theme-2 .left-menu.bg-theme .line.dk {
        background: rgba(0, 0, 0, 0.08) !important;
    }

    .app-theme-2 .left-menu.bg-theme .nav > li:hover > a,
    .app-theme-2 .left-menu.bg-theme .nav > li:focus > a,
    .app-theme-2 .left-menu.bg-theme .nav > li.active > a,
    .app-theme-2 .left-menu.bg-theme .nav > li > a:hover,
    .app-theme-2 .left-menu.bg-theme .nav > li > a:focus,
    .app-theme-2 .left-menu.bg-theme .text-lt:hover {
        color: #ffffff !important;
    }

    .app-theme-2 .left-menu.bg-theme .text-lt,
    .app-theme-2 .left-menu.bg-theme .nav > li > a {
        color: #ffffffb8 !important;
    }

    .app-theme-2 .left-menu.bg-theme .text-muted {
        color: #c5dbd9 !important;
    }

.app-theme-2 .app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #0fab5c !important;
}

.app-theme-2.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:hover,
.app-theme-2.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:focus,
.app-theme-2.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a,
.app-theme-2.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
.app-theme-2.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:focus,
.app-theme-2.menu-simplified .left-menu.bg-theme .nav > li:hover > a,
.app-theme-2.menu-simplified .left-menu.bg-theme .nav > li:focus > a,
.app-theme-2.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-theme-2.menu-simplified .left-menu.bg-theme .nav > li > a:hover,
.app-theme-2.menu-simplified .left-menu.bg-theme .nav > li > a:focus,
.app-theme-2.menu-simplified .text-center > a:hover {
    color: #00a652 !important;
}

.app-theme-2.menu-simplified .left-menu.bg-theme .nav > li.active > a {
    border-left: solid 1px #00a652 !important;
}

/*View Controls*/
.app-theme-2 .k-checkbox:checked + .k-checkbox-label:before,
.app-theme-2 .k-radio:checked + .k-radio-label:after,
.app-theme-2 .k-calendar td.k-state-selected .k-link,
.app-theme-2 .k-calendar td.k-selected .k-link,
.app-theme-2 .k-checkbox:checked,
.app-theme-2 .k-radio:checked {
    background-color: #0fab5c !important;
    border-color: #0fab5c !important;
    color: #ffffffdd !important;
}

.app-theme-2 .k-calendar td.k-selected .k-link,
.app-theme-2 .k-calendar td.k-state-selected .k-link,
.app-theme-2 .k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #0fab5c !important;
}

.app-theme-2 .k-toolbar-button-group .k-button.k-selected {
    background-color: #0fab5c !important;
    color: #ffffffdd !important;
}

.app-theme-2 .k-list-item.k-selected {
    background-color: #0fab5cdd !important;
    border-bottom: solid 1px #0fab5cbb;
    color: #ffffffdd !important;
}

.app-theme-2 .k-textbox:focus,
.app-theme-2 .k-textbox:hover,
.app-theme-2 .k-input.k-focus,
.app-theme-2 .k-input.k-hover,
.app-theme-2 .k-input:hover,
.app-theme-2 .k-picker.k-focus,
.app-theme-2 .k-picker.k-hover,
.app-theme-2 .k-picker:hover,
.app-theme-2 .k-grid-edit-row > td > input,
.app-theme-2 .k-grid-edit-row > td > .text-box,
.app-theme-2 .k-dropdown-wrap.k-state-hover,
.app-theme-2 .k-dropdown-wrap.k-state-focused,
.app-theme-2 .k-dropdown-wrap.k-state-active,
.app-theme-2 .k-picker-wrap.k-state-hover,
.app-theme-2 .k-picker-wrap.k-state-focused,
.app-theme-2 .k-picker-wrap.k-state-active,
.app-theme-2 .k-numeric-wrap.k-state-hover,
.app-theme-2 .k-numeric-wrap.k-state-focused,
.app-theme-2 .k-numeric-wrap.k-state-active,
.app-theme-2 .k-tabstrip-items-wrapper .k-item.k-active::after,
.app-theme-2 .k-multiselect.k-state-hover > .k-multiselect-wrap,
.app-theme-2 .k-multiselect.k-state-focused > .k-multiselect-wrap,
.app-theme-2 .k-multiselect.k-state-active > .k-multiselect-wrap,
.app-theme-2 .k-radio:checked + .k-radio-label:hover:before,
.app-theme-2 .k-radio:checked + .k-radio-label:before,
.app-theme-2 .k-checkbox:hover,
.app-theme-2 .k-radio:hover {
    border-color: #0fab5c !important;
}

.app-theme-2 .k-tabstrip-items-wrapper .k-item.k-active {
    color: #0fab5c !important;
}

.app-theme-2 .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.app-theme-2 .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected,
.app-theme-2 .k-scheduler-toolbar .k-scheduler-views button.k-selected,
.app-theme-2 .k-tabstrip-items .k-state-active,
.app-theme-2 .k-tabstrip-items .k-state-hover {
    border-bottom-color: #0fab5c !important;
}

.app-theme-2 .btn-info,
.app-theme-2 .btn-primary,
.app-theme-2 .combobox-header,
.app-theme-2 .k-calendar .k-header,
.app-theme-2 .navbar-header > button,
.app-theme-2 .k-button-solid-primary,
.app-theme-2 .k-action-buttons .k-button,
.app-theme-2 .k-grid .k-header .k-button,
.app-theme-2 .k-grid .k-toolbar .k-button,
.app-theme-2 .k-dialog .k-button.k-primary,
.app-theme-2 .k-dialog .k-window-titlebar,
.app-theme-2 .k-window-titlebar .k-dialog-title,
.app-theme-2 .k-window-actions .k-button,
.app-theme-2 .k-window-title {
    color: #ffffffdd !important;
}

.app-theme-2 .btn-info,
.app-theme-2 .btn-primary,
.app-theme-2 .combobox-header,
.app-theme-2 .k-calendar .k-header,
.app-theme-2 .k-button-solid-primary,
.app-theme-2 .k-action-buttons .k-button,
.app-theme-2 .k-grid .k-header .k-button,
.app-theme-2 .k-grid .k-toolbar .k-button,
.app-theme-2 .k-dialog .k-button.k-primary,
.app-theme-2 .k-dialog .k-window-titlebar,
.app-theme-2 .k-window .k-window-titlebar,
.app-theme-2 .k-window .k-window-actions,
.app-theme-2 .k-drag-clue {
    background-color: #0fab5c !important;
    border-color: #019e4f !important;
}

    .app-theme-2 .btn-info:hover,
    .app-theme-2 .btn-primary:hover,
    .app-theme-2 .combobox-header:hover,
    .app-theme-2 .k-button-solid-primary:hover,
    .app-theme-2 .k-action-buttons .k-button:hover,
    .app-theme-2 .k-grid .k-header .k-button:hover,
    .app-theme-2 .k-grid .k-toolbar .k-button:hover,
    .app-theme-2 .k-dialog .k-button.k-primary:hover,
    .app-theme-2 .k-calendar .k-header .k-link.k-state-hover {
        background-color: #019e4f !important;
        border-color: #019e4f !important;
        color: #ffffff !important;
    }

.app-theme-2 .k-loading-image,
.app-theme-2 .app-menu-group,
.app-theme-2 .k-grid-header .k-grid-header-menu.k-active {
    color: #019e4f !important;
}

/*theme-item-3*/
/*Login Screen*/
.app-theme-3.login-screen .login-area,
.app-theme-3.login-screen .white-box,
.app-theme-3.login-screen .login-box {
    background-color: #9b58b5 !important;
}

    .app-theme-3.login-screen .login-area::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .app-theme-3.login-screen .login-area::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.app-theme-3.login-screen .login-message-error {
    color: #f7ce0b !important;
}

.app-theme-3.login-screen .login-message-license {
    color: #f7ce0b !important;
}

.app-theme-3.login-screen .login-text-input {
    border: 1px solid #e6e7e7 !important;
    background: #e6e7e7 !important;
    color: #9b58b5 !important;
}

    .app-theme-3.login-screen .login-text-input::placeholder {
        color: #9b58b5 !important;
        opacity: 1 !important;
    }

.app-theme-3.login-screen .login-text-title,
.app-theme-3.login-screen .login-text-other {
    color: #cfd6d6 !important;
}

.app-theme-3.login-screen a.login-text-other:hover {
    color: #fff !important;
}

.app-theme-3.login-screen button.btn.btn-primary,
.app-theme-3.login-screen button.btn.btn-primary i {
    color: #fff !important;
}

.app-theme-3.login-screen button:hover,
.app-theme-3 button.btn.btn-primary:hover,
.app-theme-3 button.btn.btn-info:hover,
.app-theme-3 .k-button:hover {
    box-shadow: 0 0 15px #d399e9;
}

.app-theme-3.login-screen .normal-language-item,
.app-theme-3.login-screen button.btn.btn-primary {
    background: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #d399e9 !important;
}

    .app-theme-3.login-screen .selected-language-item,
    .app-theme-3.login-screen button.btn.btn-primary.active.focus,
    .app-theme-3.login-screen button.btn.btn-primary.active:focus,
    .app-theme-3.login-screen button.btn.btn-primary.active:hover,
    .app-theme-3.login-screen button.btn.btn-primary.focus:active,
    .app-theme-3.login-screen button.btn.btn-primary:active:focus,
    .app-theme-3.login-screen button.btn.btn-primary:active:hover,
    .app-theme-3.login-screen button.btn.btn-primary.disabled:hover,
    .app-theme-3.login-screen button.btn.btn-primary.focus,
    .app-theme-3.login-screen button.btn.btn-primary:focus,
    .app-theme-3.login-screen button.btn.btn-primary:hover {
        background: rgba(0, 0, 0, 0.18) !important;
        border: 1px solid #d399e9 !important;
    }

/*Main Screen*/
.app-theme-3 .top-menu.navbar-inverse {
    background-color: #9b58b5 !important;
    border-color: #9b58b5 !important;
}

    .app-theme-3 .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #ffffffb8 !important;
    }

        .app-theme-3 .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .app-theme-3 .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .app-theme-3 .top-menu.navbar-inverse .navbar-nav > .open > a,
        .app-theme-3 .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .app-theme-3 .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #9253aa !important;
            color: #ffffff !important;
        }

.app-theme-3 .navbar-header.left-menu.bg-theme,
.app-theme-3 .navbar-header.bg-theme > button {
    background-color: #9253aa !important;
}

.app-theme-3 .left-menu.bg-theme {
    background-color: #9b58b5 !important;
}

    .app-theme-3 .left-menu.bg-theme .line.dk {
        background: rgba(0, 0, 0, 0.08) !important;
    }

    .app-theme-3 .left-menu.bg-theme .nav > li:hover > a,
    .app-theme-3 .left-menu.bg-theme .nav > li:focus > a,
    .app-theme-3 .left-menu.bg-theme .nav > li.active > a,
    .app-theme-3 .left-menu.bg-theme .nav > li > a:hover,
    .app-theme-3 .left-menu.bg-theme .nav > li > a:focus,
    .app-theme-3 .left-menu.bg-theme .text-lt:hover {
        color: #ffffff !important;
    }

    .app-theme-3 .left-menu.bg-theme .text-lt,
    .app-theme-3 .left-menu.bg-theme .nav > li > a {
        color: #ffffffb8 !important;
    }

    .app-theme-3 .left-menu.bg-theme .text-muted {
        color: #c2b0c9 !important;
    }

.app-theme-3 .app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #9d60b5 !important;
}

.app-theme-3.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:hover,
.app-theme-3.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:focus,
.app-theme-3.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a,
.app-theme-3.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
.app-theme-3.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:focus,
.app-theme-3.menu-simplified .left-menu.bg-theme .nav > li:hover > a,
.app-theme-3.menu-simplified .left-menu.bg-theme .nav > li:focus > a,
.app-theme-3.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-theme-3.menu-simplified .left-menu.bg-theme .nav > li > a:hover,
.app-theme-3.menu-simplified .left-menu.bg-theme .nav > li > a:focus,
.app-theme-3.menu-simplified .text-center > a:hover {
    color: #9b58b5 !important;
}

.app-theme-3.menu-simplified .left-menu.bg-theme .nav > li.active > a {
    border-left: solid 1px #9b58b5 !important;
}

/*View Controls*/
.app-theme-3 .k-checkbox:checked + .k-checkbox-label:before,
.app-theme-3 .k-radio:checked + .k-radio-label:after,
.app-theme-3 .k-calendar td.k-state-selected .k-link,
.app-theme-3 .k-calendar td.k-selected .k-link,
.app-theme-3 .k-checkbox:checked,
.app-theme-3 .k-radio:checked {
    background-color: #9d60b5 !important;
    border-color: #9d60b5 !important;
    color: #ffffffdd !important;
}

.app-theme-3 .k-calendar td.k-selected .k-link,
.app-theme-3 .k-calendar td.k-state-selected .k-link,
.app-theme-3 .k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #9d60b5 !important;
}

.app-theme-3 .k-toolbar-button-group .k-button.k-selected {
    background-color: #9d60b5 !important;
    color: #ffffffdd !important;
}

.app-theme-3 .k-list-item.k-selected {
    background-color: #9d60b5dd !important;
    border-bottom: solid 1px #9d60b5bb;
    color: #ffffffdd !important;
}

.app-theme-3 .k-textbox:focus,
.app-theme-3 .k-textbox:hover,
.app-theme-3 .k-input.k-focus,
.app-theme-3 .k-input.k-hover,
.app-theme-3 .k-input:hover,
.app-theme-3 .k-picker.k-focus,
.app-theme-3 .k-picker.k-hover,
.app-theme-3 .k-picker:hover,
.app-theme-3 .k-grid-edit-row > td > input,
.app-theme-3 .k-grid-edit-row > td > .text-box,
.app-theme-3 .k-dropdown-wrap.k-state-hover,
.app-theme-3 .k-dropdown-wrap.k-state-focused,
.app-theme-3 .k-dropdown-wrap.k-state-active,
.app-theme-3 .k-picker-wrap.k-state-hover,
.app-theme-3 .k-picker-wrap.k-state-focused,
.app-theme-3 .k-picker-wrap.k-state-active,
.app-theme-3 .k-numeric-wrap.k-state-hover,
.app-theme-3 .k-numeric-wrap.k-state-focused,
.app-theme-3 .k-numeric-wrap.k-state-active,
.app-theme-3 .k-tabstrip-items-wrapper .k-item.k-active::after,
.app-theme-3 .k-multiselect.k-state-hover > .k-multiselect-wrap,
.app-theme-3 .k-multiselect.k-state-focused > .k-multiselect-wrap,
.app-theme-3 .k-multiselect.k-state-active > .k-multiselect-wrap,
.app-theme-3 .k-radio:checked + .k-radio-label:hover:before,
.app-theme-3 .k-radio:checked + .k-radio-label:before,
.app-theme-3 .k-checkbox:hover,
.app-theme-3 .k-radio:hover {
    border-color: #9d60b5 !important;
}

.app-theme-3 .k-tabstrip-items-wrapper .k-item.k-active {
    color: #9d60b5 !important;
}

.app-theme-3 .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.app-theme-3 .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected,
.app-theme-3 .k-scheduler-toolbar .k-scheduler-views button.k-selected,
.app-theme-3 .k-tabstrip-items .k-state-active,
.app-theme-3 .k-tabstrip-items .k-state-hover {
    border-bottom-color: #9d60b5 !important;
}

.app-theme-3 .btn-info,
.app-theme-3 .btn-primary,
.app-theme-3 .combobox-header,
.app-theme-3 .k-calendar .k-header,
.app-theme-3 .navbar-header > button,
.app-theme-3 .k-button-solid-primary,
.app-theme-3 .k-action-buttons .k-button,
.app-theme-3 .k-grid .k-header .k-button,
.app-theme-3 .k-grid .k-toolbar .k-button,
.app-theme-3 .k-dialog .k-button.k-primary,
.app-theme-3 .k-dialog .k-window-titlebar,
.app-theme-3 .k-window-titlebar .k-dialog-title,
.app-theme-3 .k-window-actions .k-button,
.app-theme-3 .k-window-title {
    color: #ffffffdd !important;
}

.app-theme-3 .btn-info,
.app-theme-3 .btn-primary,
.app-theme-3 .combobox-header,
.app-theme-3 .k-calendar .k-header,
.app-theme-3 .k-button-solid-primary,
.app-theme-3 .k-action-buttons .k-button,
.app-theme-3 .k-grid .k-header .k-button,
.app-theme-3 .k-grid .k-toolbar .k-button,
.app-theme-3 .k-dialog .k-button.k-primary,
.app-theme-3 .k-dialog .k-window-titlebar,
.app-theme-3 .k-window .k-window-titlebar,
.app-theme-3 .k-window .k-window-actions,
.app-theme-3 .k-drag-clue {
    background-color: #9d60b5 !important;
    border-color: #9253aa !important;
}

    .app-theme-3 .btn-info:hover,
    .app-theme-3 .btn-primary:hover,
    .app-theme-3 .combobox-header:hover,
    .app-theme-3 .k-button-solid-primary:hover,
    .app-theme-3 .k-action-buttons .k-button:hover,
    .app-theme-3 .k-grid .k-header .k-button:hover,
    .app-theme-3 .k-grid .k-toolbar .k-button:hover,
    .app-theme-3 .k-dialog .k-button.k-primary:hover,
    .app-theme-3 .k-calendar .k-header .k-link.k-state-hover {
        background-color: #9253aa !important;
        border-color: #9253aa !important;
        color: #ffffff !important;
    }

.app-theme-3 .k-loading-image,
.app-theme-3 .app-menu-group,
.app-theme-3 .k-grid-header .k-grid-header-menu.k-active {
    color: #9253aa !important;
}

/*theme-item-4*/
/*Login Screen*/
.app-theme-4.login-screen .login-area,
.app-theme-4.login-screen .white-box,
.app-theme-4.login-screen .login-box {
    background-color: #004d83 !important;
}

    .app-theme-4.login-screen .login-area::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .app-theme-4.login-screen .login-area::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.app-theme-4.login-screen .login-message-error {
    color: #f7ce0b !important;
}

.app-theme-4.login-screen .login-message-license {
    color: #f7ce0b !important;
}

.app-theme-4.login-screen .login-text-input {
    border: 1px solid #e6e7e7 !important;
    background: #e6e7e7 !important;
    color: #004d83 !important;
}

    .app-theme-4.login-screen .login-text-input::placeholder {
        color: #004d83 !important;
        opacity: 1 !important;
    }

.app-theme-4.login-screen .login-text-title,
.app-theme-4.login-screen .login-text-other {
    color: #cfd6d6 !important;
}

.app-theme-4.login-screen a.login-text-other:hover {
    color: #fff !important;
}

.app-theme-4.login-screen button.btn.btn-primary,
.app-theme-4.login-screen button.btn.btn-primary i {
    color: #fff !important;
}

.app-theme-4.login-screen button:hover,
.app-theme-4 button.btn.btn-primary:hover,
.app-theme-4 button.btn.btn-info:hover,
.app-theme-4 .k-button:hover {
    box-shadow: 0 0 15px #4da1db;
}

.app-theme-4.login-screen .normal-language-item,
.app-theme-4.login-screen button.btn.btn-primary {
    background: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #4da1db !important;
}

    .app-theme-4.login-screen .selected-language-item,
    .app-theme-4.login-screen button.btn.btn-primary.active.focus,
    .app-theme-4.login-screen button.btn.btn-primary.active:focus,
    .app-theme-4.login-screen button.btn.btn-primary.active:hover,
    .app-theme-4.login-screen button.btn.btn-primary.focus:active,
    .app-theme-4.login-screen button.btn.btn-primary:active:focus,
    .app-theme-4.login-screen button.btn.btn-primary:active:hover,
    .app-theme-4.login-screen button.btn.btn-primary.disabled:hover,
    .app-theme-4.login-screen button.btn.btn-primary.focus,
    .app-theme-4.login-screen button.btn.btn-primary:focus,
    .app-theme-4.login-screen button.btn.btn-primary:hover {
        background: rgba(0, 0, 0, 0.18) !important;
        border: 1px solid #4da1db !important;
    }

/*Main Screen*/
.app-theme-4 .top-menu.navbar-inverse {
    background-color: #004d83 !important;
    border-color: #004d83 !important;
}

    .app-theme-4 .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #ffffffb8 !important;
    }

        .app-theme-4 .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .app-theme-4 .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .app-theme-4 .top-menu.navbar-inverse .navbar-nav > .open > a,
        .app-theme-4 .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .app-theme-4 .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #024879 !important;
            color: #ffffff !important;
        }

.app-theme-4 .navbar-header.left-menu.bg-theme,
.app-theme-4 .navbar-header.bg-theme > button {
    background-color: #024879 !important;
}

.app-theme-4 .left-menu.bg-theme {
    background-color: #004d83 !important;
}

    .app-theme-4 .left-menu.bg-theme .line.dk {
        background: rgba(0, 0, 0, 0.08) !important;
    }

    .app-theme-4 .left-menu.bg-theme .nav > li:hover > a,
    .app-theme-4 .left-menu.bg-theme .nav > li:focus > a,
    .app-theme-4 .left-menu.bg-theme .nav > li.active > a,
    .app-theme-4 .left-menu.bg-theme .nav > li > a:hover,
    .app-theme-4 .left-menu.bg-theme .nav > li > a:focus,
    .app-theme-4 .left-menu.bg-theme .text-lt:hover {
        color: #ffffff !important;
    }

    .app-theme-4 .left-menu.bg-theme .text-lt,
    .app-theme-4 .left-menu.bg-theme .nav > li > a {
        color: #ffffffb8 !important;
    }

    .app-theme-4 .left-menu.bg-theme .text-muted {
        color: #9bb1c1 !important;
    }

.app-theme-4 .app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #115585 !important;
}

.app-theme-4.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:hover,
.app-theme-4.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:focus,
.app-theme-4.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a,
.app-theme-4.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
.app-theme-4.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:focus,
.app-theme-4.menu-simplified .left-menu.bg-theme .nav > li:hover > a,
.app-theme-4.menu-simplified .left-menu.bg-theme .nav > li:focus > a,
.app-theme-4.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-theme-4.menu-simplified .left-menu.bg-theme .nav > li > a:hover,
.app-theme-4.menu-simplified .left-menu.bg-theme .nav > li > a:focus,
.app-theme-4.menu-simplified .text-center > a:hover {
    color: #004d83 !important;
}

.app-theme-4.menu-simplified .left-menu.bg-theme .nav > li.active > a {
    border-left: solid 1px #004d83 !important;
}

/*View Controls*/
.app-theme-4 .k-checkbox:checked + .k-checkbox-label:before,
.app-theme-4 .k-radio:checked + .k-radio-label:after,
.app-theme-4 .k-calendar td.k-state-selected .k-link,
.app-theme-4 .k-calendar td.k-selected .k-link,
.app-theme-4 .k-checkbox:checked,
.app-theme-4 .k-radio:checked {
    background-color: #115585 !important;
    border-color: #115585 !important;
    color: #ffffffdd !important;
}

.app-theme-4 .k-calendar td.k-selected .k-link,
.app-theme-4 .k-calendar td.k-state-selected .k-link,
.app-theme-4 .k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #115585 !important;
}

.app-theme-4 .k-toolbar-button-group .k-button.k-selected {
    background-color: #115585 !important;
    color: #ffffffdd !important;
}

.app-theme-4 .k-list-item.k-selected {
    background-color: #115585dd !important;
    border-bottom: solid 1px #115585bb;
    color: #ffffffdd !important;
}

.app-theme-4 .k-textbox:focus,
.app-theme-4 .k-textbox:hover,
.app-theme-4 .k-input.k-focus,
.app-theme-4 .k-input.k-hover,
.app-theme-4 .k-input:hover,
.app-theme-4 .k-picker.k-focus,
.app-theme-4 .k-picker.k-hover,
.app-theme-4 .k-picker:hover,
.app-theme-4 .k-grid-edit-row > td > input,
.app-theme-4 .k-grid-edit-row > td > .text-box,
.app-theme-4 .k-dropdown-wrap.k-state-hover,
.app-theme-4 .k-dropdown-wrap.k-state-focused,
.app-theme-4 .k-dropdown-wrap.k-state-active,
.app-theme-4 .k-picker-wrap.k-state-hover,
.app-theme-4 .k-picker-wrap.k-state-focused,
.app-theme-4 .k-picker-wrap.k-state-active,
.app-theme-4 .k-numeric-wrap.k-state-hover,
.app-theme-4 .k-numeric-wrap.k-state-focused,
.app-theme-4 .k-numeric-wrap.k-state-active,
.app-theme-4 .k-tabstrip-items-wrapper .k-item.k-active::after,
.app-theme-4 .k-multiselect.k-state-hover > .k-multiselect-wrap,
.app-theme-4 .k-multiselect.k-state-focused > .k-multiselect-wrap,
.app-theme-4 .k-multiselect.k-state-active > .k-multiselect-wrap,
.app-theme-4 .k-radio:checked + .k-radio-label:hover:before,
.app-theme-4 .k-radio:checked + .k-radio-label:before,
.app-theme-4 .k-checkbox:hover,
.app-theme-4 .k-radio:hover {
    border-color: #115585 !important;
}

.app-theme-4 .k-tabstrip-items-wrapper .k-item.k-active {
    color: #115585 !important;
}

.app-theme-4 .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.app-theme-4 .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected,
.app-theme-4 .k-scheduler-toolbar .k-scheduler-views button.k-selected,
.app-theme-4 .k-tabstrip-items .k-state-active,
.app-theme-4 .k-tabstrip-items .k-state-hover {
    border-bottom-color: #115585 !important;
}

.app-theme-4 .btn-info,
.app-theme-4 .btn-primary,
.app-theme-4 .combobox-header,
.app-theme-4 .k-calendar .k-header,
.app-theme-4 .navbar-header > button,
.app-theme-4 .k-button-solid-primary,
.app-theme-4 .k-action-buttons .k-button,
.app-theme-4 .k-grid .k-header .k-button,
.app-theme-4 .k-grid .k-toolbar .k-button,
.app-theme-4 .k-dialog .k-button.k-primary,
.app-theme-4 .k-dialog .k-window-titlebar,
.app-theme-4 .k-window-titlebar .k-dialog-title,
.app-theme-4 .k-window-actions .k-button,
.app-theme-4 .k-window-title {
    color: #ffffffdd !important;
}

.app-theme-4 .btn-info,
.app-theme-4 .btn-primary,
.app-theme-4 .combobox-header,
.app-theme-4 .k-calendar .k-header,
.app-theme-4 .k-button-solid-primary,
.app-theme-4 .k-action-buttons .k-button,
.app-theme-4 .k-grid .k-header .k-button,
.app-theme-4 .k-grid .k-toolbar .k-button,
.app-theme-4 .k-dialog .k-button.k-primary,
.app-theme-4 .k-dialog .k-window-titlebar,
.app-theme-4 .k-window .k-window-titlebar,
.app-theme-4 .k-window .k-window-actions,
.app-theme-4 .k-drag-clue {
    background-color: #115585 !important;
    border-color: #024879 !important;
}

    .app-theme-4 .btn-info:hover,
    .app-theme-4 .btn-primary:hover,
    .app-theme-4 .combobox-header:hover,
    .app-theme-4 .k-button-solid-primary:hover,
    .app-theme-4 .k-action-buttons .k-button:hover,
    .app-theme-4 .k-grid .k-header .k-button:hover,
    .app-theme-4 .k-grid .k-toolbar .k-button:hover,
    .app-theme-4 .k-dialog .k-button.k-primary:hover,
    .app-theme-4 .k-calendar .k-header .k-link.k-state-hover {
        background-color: #024879 !important;
        border-color: #024879 !important;
        color: #ffffff !important;
    }

.app-theme-4 .k-loading-image,
.app-theme-4 .app-menu-group,
.app-theme-4 .k-grid-header .k-grid-header-menu.k-active {
    color: #024879 !important;
}

/*theme-item-5*/
/*Login Screen*/
.app-theme-5.login-screen .login-area,
.app-theme-5.login-screen .white-box,
.app-theme-5.login-screen .login-box {
    background-color: #03689b !important;
}

    .app-theme-5.login-screen .login-area::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .app-theme-5.login-screen .login-area::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.app-theme-5.login-screen .login-message-error {
    color: #f7ce0b !important;
}

.app-theme-5.login-screen .login-message-license {
    color: #f7ce0b !important;
}

.app-theme-5.login-screen .login-text-input {
    border: 1px solid #e6e7e7 !important;
    background: #e6e7e7 !important;
    color: #03689b !important;
}

    .app-theme-5.login-screen .login-text-input::placeholder {
        color: #03689b !important;
        opacity: 1 !important;
    }

.app-theme-5.login-screen .login-text-title,
.app-theme-5.login-screen .login-text-other {
    color: #cfd6d6 !important;
}

.app-theme-5.login-screen a.login-text-other:hover {
    color: #fff !important;
}

.app-theme-5.login-screen button.btn.btn-primary,
.app-theme-5.login-screen button.btn.btn-primary i {
    color: #fff !important;
}

.app-theme-5.login-screen button:hover,
.app-theme-5 button.btn.btn-primary:hover,
.app-theme-5 button.btn.btn-info:hover,
.app-theme-5 .k-button:hover {
    box-shadow: 0 0 15px #49a5d4;
}

.app-theme-5.login-screen .normal-language-item,
.app-theme-5.login-screen button.btn.btn-primary {
    background: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #49a5d4 !important;
}

    .app-theme-5.login-screen .selected-language-item,
    .app-theme-5.login-screen button.btn.btn-primary.active.focus,
    .app-theme-5.login-screen button.btn.btn-primary.active:focus,
    .app-theme-5.login-screen button.btn.btn-primary.active:hover,
    .app-theme-5.login-screen button.btn.btn-primary.focus:active,
    .app-theme-5.login-screen button.btn.btn-primary:active:focus,
    .app-theme-5.login-screen button.btn.btn-primary:active:hover,
    .app-theme-5.login-screen button.btn.btn-primary.disabled:hover,
    .app-theme-5.login-screen button.btn.btn-primary.focus,
    .app-theme-5.login-screen button.btn.btn-primary:focus,
    .app-theme-5.login-screen button.btn.btn-primary:hover {
        background: rgba(0, 0, 0, 0.18) !important;
        border: 1px solid #49a5d4 !important;
    }

/*Main Screen*/
.app-theme-5 .top-menu.navbar-inverse {
    background-color: #03689b !important;
    border-color: #03689b !important;
}

    .app-theme-5 .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #ffffffb8 !important;
    }

        .app-theme-5 .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .app-theme-5 .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .app-theme-5 .top-menu.navbar-inverse .navbar-nav > .open > a,
        .app-theme-5 .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .app-theme-5 .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #056190 !important;
            color: #ffffff !important;
        }

.app-theme-5 .navbar-header.left-menu.bg-theme,
.app-theme-5 .navbar-header.bg-theme > button {
    background-color: #056190 !important;
}

.app-theme-5 .left-menu.bg-theme {
    background-color: #03689b !important;
}

    .app-theme-5 .left-menu.bg-theme .line.dk {
        background: rgba(0, 0, 0, 0.08) !important;
    }

    .app-theme-5 .left-menu.bg-theme .nav > li:hover > a,
    .app-theme-5 .left-menu.bg-theme .nav > li:focus > a,
    .app-theme-5 .left-menu.bg-theme .nav > li.active > a,
    .app-theme-5 .left-menu.bg-theme .nav > li > a:hover,
    .app-theme-5 .left-menu.bg-theme .nav > li > a:focus,
    .app-theme-5 .left-menu.bg-theme .text-lt:hover {
        color: #ffffff !important;
    }

    .app-theme-5 .left-menu.bg-theme .text-lt,
    .app-theme-5 .left-menu.bg-theme .nav > li > a {
        color: #ffffffb8 !important;
    }

    .app-theme-5 .left-menu.bg-theme .text-muted {
        color: #a3bbca !important;
    }

.app-theme-5 .app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #0c6d9e !important;
}

.app-theme-5.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:hover,
.app-theme-5.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:focus,
.app-theme-5.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a,
.app-theme-5.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
.app-theme-5.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:focus,
.app-theme-5.menu-simplified .left-menu.bg-theme .nav > li:hover > a,
.app-theme-5.menu-simplified .left-menu.bg-theme .nav > li:focus > a,
.app-theme-5.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-theme-5.menu-simplified .left-menu.bg-theme .nav > li > a:hover,
.app-theme-5.menu-simplified .left-menu.bg-theme .nav > li > a:focus,
.app-theme-5.menu-simplified .text-center > a:hover {
    color: #03689b !important;
}

.app-theme-5.menu-simplified .left-menu.bg-theme .nav > li.active > a {
    border-left: solid 1px #03689b !important;
}

/*View Controls*/
.app-theme-5 .k-checkbox:checked + .k-checkbox-label:before,
.app-theme-5 .k-radio:checked + .k-radio-label:after,
.app-theme-5 .k-calendar td.k-state-selected .k-link,
.app-theme-5 .k-calendar td.k-selected .k-link,
.app-theme-5 .k-checkbox:checked,
.app-theme-5 .k-radio:checked {
    background-color: #0c6d9e !important;
    border-color: #0c6d9e !important;
    color: #ffffffdd !important;
}

.app-theme-5 .k-calendar td.k-selected .k-link,
.app-theme-5 .k-calendar td.k-state-selected .k-link,
.app-theme-5 .k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #0c6d9e !important;
}

.app-theme-5 .k-toolbar-button-group .k-button.k-selected {
    background-color: #0c6d9e !important;
    color: #ffffffdd !important;
}

.app-theme-5 .k-list-item.k-selected {
    background-color: #0c6d9edd !important;
    border-bottom: solid 1px #0c6d9ebb;
    color: #ffffffdd !important;
}

.app-theme-5 .k-textbox:focus,
.app-theme-5 .k-textbox:hover,
.app-theme-5 .k-input.k-focus,
.app-theme-5 .k-input.k-hover,
.app-theme-5 .k-input:hover,
.app-theme-5 .k-picker.k-focus,
.app-theme-5 .k-picker.k-hover,
.app-theme-5 .k-picker:hover,
.app-theme-5 .k-grid-edit-row > td > input,
.app-theme-5 .k-grid-edit-row > td > .text-box,
.app-theme-5 .k-dropdown-wrap.k-state-hover,
.app-theme-5 .k-dropdown-wrap.k-state-focused,
.app-theme-5 .k-dropdown-wrap.k-state-active,
.app-theme-5 .k-picker-wrap.k-state-hover,
.app-theme-5 .k-picker-wrap.k-state-focused,
.app-theme-5 .k-picker-wrap.k-state-active,
.app-theme-5 .k-numeric-wrap.k-state-hover,
.app-theme-5 .k-numeric-wrap.k-state-focused,
.app-theme-5 .k-numeric-wrap.k-state-active,
.app-theme-5 .k-tabstrip-items-wrapper .k-item.k-active::after,
.app-theme-5 .k-multiselect.k-state-hover > .k-multiselect-wrap,
.app-theme-5 .k-multiselect.k-state-focused > .k-multiselect-wrap,
.app-theme-5 .k-multiselect.k-state-active > .k-multiselect-wrap,
.app-theme-5 .k-radio:checked + .k-radio-label:hover:before,
.app-theme-5 .k-radio:checked + .k-radio-label:before,
.app-theme-5 .k-checkbox:hover,
.app-theme-5 .k-radio:hover {
    border-color: #0c6d9e !important;
}

.app-theme-5 .k-tabstrip-items-wrapper .k-item.k-active {
    color: #0c6d9e !important;
}

.app-theme-5 .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.app-theme-5 .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected,
.app-theme-5 .k-scheduler-toolbar .k-scheduler-views button.k-selected,
.app-theme-5 .k-tabstrip-items .k-state-active,
.app-theme-5 .k-tabstrip-items .k-state-hover {
    border-bottom-color: #0c6d9e !important;
}

.app-theme-5 .btn-info,
.app-theme-5 .btn-primary,
.app-theme-5 .combobox-header,
.app-theme-5 .k-calendar .k-header,
.app-theme-5 .navbar-header > button,
.app-theme-5 .k-button-solid-primary,
.app-theme-5 .k-action-buttons .k-button,
.app-theme-5 .k-grid .k-header .k-button,
.app-theme-5 .k-grid .k-toolbar .k-button,
.app-theme-5 .k-dialog .k-button.k-primary,
.app-theme-5 .k-dialog .k-window-titlebar,
.app-theme-5 .k-window-titlebar .k-dialog-title,
.app-theme-5 .k-window-actions .k-button,
.app-theme-5 .k-window-title {
    color: #ffffffdd !important;
}

.app-theme-5 .btn-info,
.app-theme-5 .btn-primary,
.app-theme-5 .combobox-header,
.app-theme-5 .k-calendar .k-header,
.app-theme-5 .k-button-solid-primary,
.app-theme-5 .k-action-buttons .k-button,
.app-theme-5 .k-grid .k-header .k-button,
.app-theme-5 .k-grid .k-toolbar .k-button,
.app-theme-5 .k-dialog .k-button.k-primary,
.app-theme-5 .k-dialog .k-window-titlebar,
.app-theme-5 .k-window .k-window-titlebar,
.app-theme-5 .k-window .k-window-actions,
.app-theme-5 .k-drag-clue {
    background-color: #0c6d9e !important;
    border-color: #056190 !important;
}

    .app-theme-5 .btn-info:hover,
    .app-theme-5 .btn-primary:hover,
    .app-theme-5 .combobox-header:hover,
    .app-theme-5 .k-button-solid-primary:hover,
    .app-theme-5 .k-action-buttons .k-button:hover,
    .app-theme-5 .k-grid .k-header .k-button:hover,
    .app-theme-5 .k-grid .k-toolbar .k-button:hover,
    .app-theme-5 .k-dialog .k-button.k-primary:hover,
    .app-theme-5 .k-calendar .k-header .k-link.k-state-hover {
        background-color: #056190 !important;
        border-color: #056190 !important;
        color: #ffffff !important;
    }

.app-theme-5 .k-loading-image,
.app-theme-5 .app-menu-group,
.app-theme-5 .k-grid-header .k-grid-header-menu.k-active {
    color: #056190 !important;
}

/*theme-item-6*/
/*Login Screen*/
.app-theme-6.login-screen .login-area,
.app-theme-6.login-screen .white-box,
.app-theme-6.login-screen .login-box {
    background-color: #f46b45 !important;
}

    .app-theme-6.login-screen .login-area::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .app-theme-6.login-screen .login-area::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.app-theme-6.login-screen .login-message-error {
    color: #f7ce0b !important;
}

.app-theme-6.login-screen .login-message-license {
    color: #f7ce0b !important;
}

.app-theme-6.login-screen .login-text-input {
    border: 1px solid #e6e7e7 !important;
    background: #e6e7e7 !important;
    color: #f46b45 !important;
}

    .app-theme-6.login-screen .login-text-input::placeholder {
        color: #f46b45 !important;
        opacity: 1 !important;
    }

.app-theme-6.login-screen .login-text-title,
.app-theme-6.login-screen .login-text-other {
    color: #e7e7e7 !important;
}

.app-theme-6.login-screen a.login-text-other:hover {
    color: #fff !important;
}

.app-theme-6.login-screen button.btn.btn-primary,
.app-theme-6.login-screen button.btn.btn-primary i {
    color: #fff !important;
}

.app-theme-6.login-screen button:hover,
.app-theme-6 button.btn.btn-primary:hover,
.app-theme-6 button.btn.btn-info:hover,
.app-theme-6 .k-button:hover {
    box-shadow: 0 0 15px #f78768;
}

.app-theme-6.login-screen .normal-language-item,
.app-theme-6.login-screen button.btn.btn-primary {
    background: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #f78768 !important;
}

    .app-theme-6.login-screen .selected-language-item,
    .app-theme-6.login-screen button.btn.btn-primary.active.focus,
    .app-theme-6.login-screen button.btn.btn-primary.active:focus,
    .app-theme-6.login-screen button.btn.btn-primary.active:hover,
    .app-theme-6.login-screen button.btn.btn-primary.focus:active,
    .app-theme-6.login-screen button.btn.btn-primary:active:focus,
    .app-theme-6.login-screen button.btn.btn-primary:active:hover,
    .app-theme-6.login-screen button.btn.btn-primary.disabled:hover,
    .app-theme-6.login-screen button.btn.btn-primary.focus,
    .app-theme-6.login-screen button.btn.btn-primary:focus,
    .app-theme-6.login-screen button.btn.btn-primary:hover {
        background: rgba(0, 0, 0, 0.18) !important;
        border: 1px solid #f78768 !important;
    }

/*Main Screen*/
.app-theme-6 .top-menu.navbar-inverse {
    background-color: #f46b45 !important;
    border-color: #f46b45 !important;
}

    .app-theme-6 .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #ffffffb8 !important;
    }

        .app-theme-6 .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .app-theme-6 .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .app-theme-6 .top-menu.navbar-inverse .navbar-nav > .open > a,
        .app-theme-6 .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .app-theme-6 .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #f16038 !important;
            color: #ffffff !important;
        }

.app-theme-6 .navbar-header.left-menu.bg-theme,
.app-theme-6 .navbar-header.bg-theme > button {
    background-color: #f16038 !important;
}

.app-theme-6 .left-menu.bg-theme {
    background-color: #f46b45 !important;
}

    .app-theme-6 .left-menu.bg-theme .line.dk {
        background: rgba(0, 0, 0, 0.08) !important;
    }

    .app-theme-6 .left-menu.bg-theme .nav > li:hover > a,
    .app-theme-6 .left-menu.bg-theme .nav > li:focus > a,
    .app-theme-6 .left-menu.bg-theme .nav > li.active > a,
    .app-theme-6 .left-menu.bg-theme .nav > li > a:hover,
    .app-theme-6 .left-menu.bg-theme .nav > li > a:focus,
    .app-theme-6 .left-menu.bg-theme .text-lt:hover {
        color: #ffffff !important;
    }

    .app-theme-6 .left-menu.bg-theme .text-lt,
    .app-theme-6 .left-menu.bg-theme .nav > li > a {
        color: #ffffffb8 !important;
    }

    .app-theme-6 .left-menu.bg-theme .text-muted {
        color: #e9d2c4 !important;
    }

    .app-theme-6 .left-menu.bg-theme a {
        color: #e9d2c4;
    }

        .app-theme-6 .left-menu.bg-theme a:hover {
            color: #ffffff;
        }

.app-theme-6 .app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #f47350 !important;
}

.app-theme-6.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:hover,
.app-theme-6.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:focus,
.app-theme-6.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a,
.app-theme-6.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
.app-theme-6.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:focus,
.app-theme-6.menu-simplified .left-menu.bg-theme .nav > li:hover > a,
.app-theme-6.menu-simplified .left-menu.bg-theme .nav > li:focus > a,
.app-theme-6.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-theme-6.menu-simplified .left-menu.bg-theme .nav > li > a:hover,
.app-theme-6.menu-simplified .left-menu.bg-theme .nav > li > a:focus,
.app-theme-6.menu-simplified .text-center > a:hover {
    color: #f46b45 !important;
}

.app-theme-6.menu-simplified .left-menu.bg-theme .nav > li.active > a {
    border-left: solid 1px #f46b45 !important;
}

/*View Controls*/
.app-theme-6 .k-checkbox:checked + .k-checkbox-label:before,
.app-theme-6 .k-radio:checked + .k-radio-label:after,
.app-theme-6 .k-calendar td.k-state-selected .k-link,
.app-theme-6 .k-calendar td.k-selected .k-link,
.app-theme-6 .k-checkbox:checked,
.app-theme-6 .k-radio:checked {
    background-color: #f47350 !important;
    border-color: #f47350 !important;
    color: #ffffffdd !important;
}

.app-theme-6 .k-calendar td.k-selected .k-link,
.app-theme-6 .k-calendar td.k-state-selected .k-link,
.app-theme-6 .k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #f47350 !important;
}

.app-theme-6 .k-toolbar-button-group .k-button.k-selected {
    background-color: #f47350 !important;
    color: #ffffffdd !important;
}

.app-theme-6 .k-list-item.k-selected {
    background-color: #f47350dd !important;
    border-bottom: solid 1px #f47350bb;
    color: #ffffffdd !important;
}

.app-theme-6 .k-textbox:focus,
.app-theme-6 .k-textbox:hover,
.app-theme-6 .k-input.k-focus,
.app-theme-6 .k-input.k-hover,
.app-theme-6 .k-input:hover,
.app-theme-6 .k-picker.k-focus,
.app-theme-6 .k-picker.k-hover,
.app-theme-6 .k-picker:hover,
.app-theme-6 .k-grid-edit-row > td > input,
.app-theme-6 .k-grid-edit-row > td > .text-box,
.app-theme-6 .k-dropdown-wrap.k-state-hover,
.app-theme-6 .k-dropdown-wrap.k-state-focused,
.app-theme-6 .k-dropdown-wrap.k-state-active,
.app-theme-6 .k-picker-wrap.k-state-hover,
.app-theme-6 .k-picker-wrap.k-state-focused,
.app-theme-6 .k-picker-wrap.k-state-active,
.app-theme-6 .k-numeric-wrap.k-state-hover,
.app-theme-6 .k-numeric-wrap.k-state-focused,
.app-theme-6 .k-numeric-wrap.k-state-active,
.app-theme-6 .k-tabstrip-items-wrapper .k-item.k-active::after,
.app-theme-6 .k-multiselect.k-state-hover > .k-multiselect-wrap,
.app-theme-6 .k-multiselect.k-state-focused > .k-multiselect-wrap,
.app-theme-6 .k-multiselect.k-state-active > .k-multiselect-wrap,
.app-theme-6 .k-radio:checked + .k-radio-label:hover:before,
.app-theme-6 .k-radio:checked + .k-radio-label:before,
.app-theme-6 .k-checkbox:hover,
.app-theme-6 .k-radio:hover {
    border-color: #f47350 !important;
}

.app-theme-6 .k-tabstrip-items-wrapper .k-item.k-active {
    color: #f47350 !important;
}

.app-theme-6 .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.app-theme-6 .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected,
.app-theme-6 .k-scheduler-toolbar .k-scheduler-views button.k-selected,
.app-theme-6 .k-tabstrip-items .k-state-active,
.app-theme-6 .k-tabstrip-items .k-state-hover {
    border-bottom-color: #f47350 !important;
}

.app-theme-6 .btn-info,
.app-theme-6 .btn-primary,
.app-theme-6 .combobox-header,
.app-theme-6 .k-calendar .k-header,
.app-theme-6 .navbar-header > button,
.app-theme-6 .k-button-solid-primary,
.app-theme-6 .k-action-buttons .k-button,
.app-theme-6 .k-grid .k-header .k-button,
.app-theme-6 .k-grid .k-toolbar .k-button,
.app-theme-6 .k-dialog .k-button.k-primary,
.app-theme-6 .k-dialog .k-window-titlebar,
.app-theme-6 .k-window-titlebar .k-dialog-title,
.app-theme-6 .k-window-actions .k-button,
.app-theme-6 .k-window-title {
    color: #ffffffdd !important;
}

.app-theme-6 .btn-info,
.app-theme-6 .btn-primary,
.app-theme-6 .combobox-header,
.app-theme-6 .k-calendar .k-header,
.app-theme-6 .k-button-solid-primary,
.app-theme-6 .k-action-buttons .k-button,
.app-theme-6 .k-grid .k-header .k-button,
.app-theme-6 .k-grid .k-toolbar .k-button,
.app-theme-6 .k-dialog .k-button.k-primary,
.app-theme-6 .k-dialog .k-window-titlebar,
.app-theme-6 .k-window .k-window-titlebar,
.app-theme-6 .k-window .k-window-actions,
.app-theme-6 .k-drag-clue {
    background-color: #f47350 !important;
    border-color: #f16038 !important;
}

    .app-theme-6 .btn-info:hover,
    .app-theme-6 .btn-primary:hover,
    .app-theme-6 .combobox-header:hover,
    .app-theme-6 .k-button-solid-primary:hover,
    .app-theme-6 .k-action-buttons .k-button:hover,
    .app-theme-6 .k-grid .k-header .k-button:hover,
    .app-theme-6 .k-grid .k-toolbar .k-button:hover,
    .app-theme-6 .k-dialog .k-button.k-primary:hover,
    .app-theme-6 .k-calendar .k-header .k-link.k-state-hover {
        background-color: #f16038 !important;
        border-color: #f16038 !important;
        color: #ffffff !important;
    }

.app-theme-6 .k-loading-image,
.app-theme-6 .app-menu-group,
.app-theme-6 .k-grid-header .k-grid-header-menu.k-active {
    color: #f16038 !important;
}

/*theme-item-7*/
/*Login Screen*/
.app-theme-7.login-screen .login-area,
.app-theme-7.login-screen .white-box,
.app-theme-7.login-screen .login-box {
    background-color: #108670 !important;
}

    .app-theme-7.login-screen .login-area::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .app-theme-7.login-screen .login-area::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.app-theme-7.login-screen .login-message-error {
    color: #f7ce0b !important;
}

.app-theme-7.login-screen .login-message-license {
    color: #f7ce0b !important;
}

.app-theme-7.login-screen .login-text-input {
    border: 1px solid #e6e7e7 !important;
    background: #e6e7e7 !important;
    color: #108670 !important;
}

    .app-theme-7.login-screen .login-text-input::placeholder {
        color: #108670 !important;
        opacity: 1 !important;
    }

.app-theme-7.login-screen .login-text-title,
.app-theme-7.login-screen .login-text-other {
    color: #cfd6d6 !important;
}

.app-theme-7.login-screen a.login-text-other:hover {
    color: #fff !important;
}

.app-theme-7.login-screen button.btn.btn-primary,
.app-theme-7.login-screen button.btn.btn-primary i {
    color: #fff !important;
}

.app-theme-7.login-screen button:hover,
.app-theme-7 button.btn.btn-primary:hover,
.app-theme-7 button.btn.btn-info:hover,
.app-theme-7 .k-button:hover {
    box-shadow: 0 0 15px #38c1a7;
}

.app-theme-7.login-screen .normal-language-item,
.app-theme-7.login-screen button.btn.btn-primary {
    background: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #38c1a7 !important;
}

    .app-theme-7.login-screen .selected-language-item,
    .app-theme-7.login-screen button.btn.btn-primary.active.focus,
    .app-theme-7.login-screen button.btn.btn-primary.active:focus,
    .app-theme-7.login-screen button.btn.btn-primary.active:hover,
    .app-theme-7.login-screen button.btn.btn-primary.focus:active,
    .app-theme-7.login-screen button.btn.btn-primary:active:focus,
    .app-theme-7.login-screen button.btn.btn-primary:active:hover,
    .app-theme-7.login-screen button.btn.btn-primary.disabled:hover,
    .app-theme-7.login-screen button.btn.btn-primary.focus,
    .app-theme-7.login-screen button.btn.btn-primary:focus,
    .app-theme-7.login-screen button.btn.btn-primary:hover {
        background: rgba(0, 0, 0, 0.18) !important;
        border: 1px solid #38c1a7 !important;
    }

/*Main Screen*/
.app-theme-7 .top-menu.navbar-inverse {
    background-color: #108670 !important;
    border-color: #108670 !important;
}

    .app-theme-7 .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #ffffffb8 !important;
    }

        .app-theme-7 .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .app-theme-7 .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .app-theme-7 .top-menu.navbar-inverse .navbar-nav > .open > a,
        .app-theme-7 .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .app-theme-7 .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #107a66 !important;
            color: #ffffff !important;
        }

.app-theme-7 .navbar-header.left-menu.bg-theme,
.app-theme-7 .navbar-header.bg-theme > button {
    background-color: #107a66 !important;
}

.app-theme-7 .left-menu.bg-theme {
    background-color: #108670 !important;
}

    .app-theme-7 .left-menu.bg-theme .line.dk {
        background: rgba(0, 0, 0, 0.08) !important;
    }

    .app-theme-7 .left-menu.bg-theme .nav > li:hover > a,
    .app-theme-7 .left-menu.bg-theme .nav > li:focus > a,
    .app-theme-7 .left-menu.bg-theme .nav > li.active > a,
    .app-theme-7 .left-menu.bg-theme .nav > li > a:hover,
    .app-theme-7 .left-menu.bg-theme .nav > li > a:focus,
    .app-theme-7 .left-menu.bg-theme .text-lt:hover {
        color: #ffffff !important;
    }

    .app-theme-7 .left-menu.bg-theme .text-lt,
    .app-theme-7 .left-menu.bg-theme .nav > li > a {
        color: #ffffffb8 !important;
    }

    .app-theme-7 .left-menu.bg-theme .text-muted {
        color: #a3bfba !important;
    }

.app-theme-7 .app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #208a77 !important;
}

.app-theme-7.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:hover,
.app-theme-7.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:focus,
.app-theme-7.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a,
.app-theme-7.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
.app-theme-7.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:focus,
.app-theme-7.menu-simplified .left-menu.bg-theme .nav > li:hover > a,
.app-theme-7.menu-simplified .left-menu.bg-theme .nav > li:focus > a,
.app-theme-7.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-theme-7.menu-simplified .left-menu.bg-theme .nav > li > a:hover,
.app-theme-7.menu-simplified .left-menu.bg-theme .nav > li > a:focus,
.app-theme-7.menu-simplified .text-center > a:hover {
    color: #108670 !important;
}

.app-theme-7.menu-simplified .left-menu.bg-theme .nav > li.active > a {
    border-left: solid 1px #108670 !important;
}

/*View Controls*/
.app-theme-7 .k-checkbox:checked + .k-checkbox-label:before,
.app-theme-7 .k-radio:checked + .k-radio-label:after,
.app-theme-7 .k-calendar td.k-state-selected .k-link,
.app-theme-7 .k-calendar td.k-selected .k-link,
.app-theme-7 .k-checkbox:checked,
.app-theme-7 .k-radio:checked {
    background-color: #208a77 !important;
    border-color: #208a77 !important;
    color: #ffffffdd !important;
}

.app-theme-7 .k-calendar td.k-selected .k-link,
.app-theme-7 .k-calendar td.k-state-selected .k-link,
.app-theme-7 .k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #208a77 !important;
}

.app-theme-7 .k-toolbar-button-group .k-button.k-selected {
    background-color: #208a77 !important;
    color: #ffffffdd !important;
}

.app-theme-7 .k-list-item.k-selected {
    background-color: #208a77dd !important;
    border-bottom: solid 1px #208a77bb;
    color: #ffffffdd !important;
}

.app-theme-7 .k-textbox:focus,
.app-theme-7 .k-textbox:hover,
.app-theme-7 .k-input.k-focus,
.app-theme-7 .k-input.k-hover,
.app-theme-7 .k-input:hover,
.app-theme-7 .k-picker.k-focus,
.app-theme-7 .k-picker.k-hover,
.app-theme-7 .k-picker:hover,
.app-theme-7 .k-grid-edit-row > td > input,
.app-theme-7 .k-grid-edit-row > td > .text-box,
.app-theme-7 .k-dropdown-wrap.k-state-hover,
.app-theme-7 .k-dropdown-wrap.k-state-focused,
.app-theme-7 .k-dropdown-wrap.k-state-active,
.app-theme-7 .k-picker-wrap.k-state-hover,
.app-theme-7 .k-picker-wrap.k-state-focused,
.app-theme-7 .k-picker-wrap.k-state-active,
.app-theme-7 .k-numeric-wrap.k-state-hover,
.app-theme-7 .k-numeric-wrap.k-state-focused,
.app-theme-7 .k-numeric-wrap.k-state-active,
.app-theme-7 .k-tabstrip-items-wrapper .k-item.k-active::after,
.app-theme-7 .k-multiselect.k-state-hover > .k-multiselect-wrap,
.app-theme-7 .k-multiselect.k-state-focused > .k-multiselect-wrap,
.app-theme-7 .k-multiselect.k-state-active > .k-multiselect-wrap,
.app-theme-7 .k-radio:checked + .k-radio-label:hover:before,
.app-theme-7 .k-radio:checked + .k-radio-label:before,
.app-theme-7 .k-checkbox:hover,
.app-theme-7 .k-radio:hover {
    border-color: #208a77 !important;
}

.app-theme-7 .k-tabstrip-items-wrapper .k-item.k-active {
    color: #208a77 !important;
}

.app-theme-7 .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.app-theme-7 .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected,
.app-theme-7 .k-scheduler-toolbar .k-scheduler-views button.k-selected,
.app-theme-7 .k-tabstrip-items .k-state-active,
.app-theme-7 .k-tabstrip-items .k-state-hover {
    border-bottom-color: #208a77 !important;
}

.app-theme-7 .btn-info,
.app-theme-7 .btn-primary,
.app-theme-7 .combobox-header,
.app-theme-7 .k-calendar .k-header,
.app-theme-7 .navbar-header > button,
.app-theme-7 .k-button-solid-primary,
.app-theme-7 .k-action-buttons .k-button,
.app-theme-7 .k-grid .k-header .k-button,
.app-theme-7 .k-grid .k-toolbar .k-button,
.app-theme-7 .k-dialog .k-button.k-primary,
.app-theme-7 .k-dialog .k-window-titlebar,
.app-theme-7 .k-window-titlebar .k-dialog-title,
.app-theme-7 .k-window-actions .k-button,
.app-theme-7 .k-window-title {
    color: #ffffffdd !important;
}

.app-theme-7 .btn-info,
.app-theme-7 .btn-primary,
.app-theme-7 .combobox-header,
.app-theme-7 .k-calendar .k-header,
.app-theme-7 .k-button-solid-primary,
.app-theme-7 .k-action-buttons .k-button,
.app-theme-7 .k-grid .k-header .k-button,
.app-theme-7 .k-grid .k-toolbar .k-button,
.app-theme-7 .k-dialog .k-button.k-primary,
.app-theme-7 .k-dialog .k-window-titlebar,
.app-theme-7 .k-window .k-window-titlebar,
.app-theme-7 .k-window .k-window-actions,
.app-theme-7 .k-drag-clue {
    background-color: #208a77 !important;
    border-color: #107a66 !important;
}

    .app-theme-7 .btn-info:hover,
    .app-theme-7 .btn-primary:hover,
    .app-theme-7 .combobox-header:hover,
    .app-theme-7 .k-button-solid-primary:hover,
    .app-theme-7 .k-action-buttons .k-button:hover,
    .app-theme-7 .k-grid .k-header .k-button:hover,
    .app-theme-7 .k-grid .k-toolbar .k-button:hover,
    .app-theme-7 .k-dialog .k-button.k-primary:hover,
    .app-theme-7 .k-calendar .k-header .k-link.k-state-hover {
        background-color: #107a66 !important;
        border-color: #107a66 !important;
        color: #ffffff !important;
    }

.app-theme-7 .k-loading-image,
.app-theme-7 .app-menu-group,
.app-theme-7 .k-grid-header .k-grid-header-menu.k-active {
    color: #107a66 !important;
}

/*theme-item-8*/
/*Login Screen*/
.app-theme-8.login-screen .login-area,
.app-theme-8.login-screen .white-box,
.app-theme-8.login-screen .login-box {
    background-color: #e5322e !important;
}

    .app-theme-8.login-screen .login-area::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .app-theme-8.login-screen .login-area::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.app-theme-8.login-screen .login-message-error {
    color: #f7ce0b !important;
}

.app-theme-8.login-screen .login-message-license {
    color: #f7ce0b !important;
}

.app-theme-8.login-screen .login-text-input {
    border: 1px solid #e6e7e7 !important;
    background: #e6e7e7 !important;
    color: #e5322e !important;
}

    .app-theme-8.login-screen .login-text-input::placeholder {
        color: #e5322e !important;
        opacity: 1 !important;
    }

.app-theme-8.login-screen .login-text-title,
.app-theme-8.login-screen .login-text-other {
    color: #cfd6d6 !important;
}

.app-theme-8.login-screen a.login-text-other:hover {
    color: #fff !important;
}

.app-theme-8.login-screen button.btn.btn-primary,
.app-theme-8.login-screen button.btn.btn-primary i {
    color: #fff !important;
}

.app-theme-8.login-screen button:hover,
.app-theme-8 button.btn.btn-primary:hover,
.app-theme-8 button.btn.btn-info:hover,
.app-theme-8 .k-button:hover {
    box-shadow: 0 0 15px #ef807d;
}

.app-theme-8.login-screen .normal-language-item,
.app-theme-8.login-screen button.btn.btn-primary {
    background: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #ef807d !important;
}

    .app-theme-8.login-screen .selected-language-item,
    .app-theme-8.login-screen button.btn.btn-primary.active.focus,
    .app-theme-8.login-screen button.btn.btn-primary.active:focus,
    .app-theme-8.login-screen button.btn.btn-primary.active:hover,
    .app-theme-8.login-screen button.btn.btn-primary.focus:active,
    .app-theme-8.login-screen button.btn.btn-primary:active:focus,
    .app-theme-8.login-screen button.btn.btn-primary:active:hover,
    .app-theme-8.login-screen button.btn.btn-primary.disabled:hover,
    .app-theme-8.login-screen button.btn.btn-primary.focus,
    .app-theme-8.login-screen button.btn.btn-primary:focus,
    .app-theme-8.login-screen button.btn.btn-primary:hover {
        background: rgba(0, 0, 0, 0.18) !important;
        border: 1px solid #ef807d !important;
    }

/*Main Screen*/
.app-theme-8 .top-menu.navbar-inverse {
    background-color: #e5322e !important;
    border-color: #e5322e !important;
}

    .app-theme-8 .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #ffffffb8 !important;
    }

        .app-theme-8 .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .app-theme-8 .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .app-theme-8 .top-menu.navbar-inverse .navbar-nav > .open > a,
        .app-theme-8 .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .app-theme-8 .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #d82f2c !important;
            color: #ffffff !important;
        }

.app-theme-8 .navbar-header.left-menu.bg-theme,
.app-theme-8 .navbar-header.bg-theme > button {
    background-color: #d82f2c !important;
}

.app-theme-8 .left-menu.bg-theme {
    background-color: #e5322e !important;
}

    .app-theme-8 .left-menu.bg-theme .line.dk {
        background: rgba(0, 0, 0, 0.08) !important;
    }

    .app-theme-8 .left-menu.bg-theme .nav > li:hover > a,
    .app-theme-8 .left-menu.bg-theme .nav > li:focus > a,
    .app-theme-8 .left-menu.bg-theme .nav > li.active > a,
    .app-theme-8 .left-menu.bg-theme .nav > li > a:hover,
    .app-theme-8 .left-menu.bg-theme .nav > li > a:focus,
    .app-theme-8 .left-menu.bg-theme .text-lt:hover {
        color: #ffffff !important;
    }

    .app-theme-8 .left-menu.bg-theme .text-lt,
    .app-theme-8 .left-menu.bg-theme .nav > li > a {
        color: #ffffffb8 !important;
    }

    .app-theme-8 .left-menu.bg-theme .text-muted {
        color: #ddb2b1 !important;
    }

.app-theme-8 .app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #e8423f !important;
}

.app-theme-8.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:hover,
.app-theme-8.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:focus,
.app-theme-8.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a,
.app-theme-8.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
.app-theme-8.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:focus,
.app-theme-8.menu-simplified .left-menu.bg-theme .nav > li:hover > a,
.app-theme-8.menu-simplified .left-menu.bg-theme .nav > li:focus > a,
.app-theme-8.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-theme-8.menu-simplified .left-menu.bg-theme .nav > li > a:hover,
.app-theme-8.menu-simplified .left-menu.bg-theme .nav > li > a:focus,
.app-theme-8.menu-simplified .text-center > a:hover {
    color: #e5322e !important;
}

.app-theme-8.menu-simplified .left-menu.bg-theme .nav > li.active > a {
    border-left: solid 1px #e5322e !important;
}

/*View Controls*/
.app-theme-8 .k-checkbox:checked + .k-checkbox-label:before,
.app-theme-8 .k-radio:checked + .k-radio-label:after,
.app-theme-8 .k-calendar td.k-state-selected .k-link,
.app-theme-8 .k-calendar td.k-selected .k-link,
.app-theme-8 .k-checkbox:checked,
.app-theme-8 .k-radio:checked {
    background-color: #e8423f !important;
    border-color: #e8423f !important;
    color: #ffffffdd !important;
}

.app-theme-8 .k-calendar td.k-selected .k-link,
.app-theme-8 .k-calendar td.k-state-selected .k-link,
.app-theme-8 .k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #e8423f !important;
}

.app-theme-8 .k-toolbar-button-group .k-button.k-selected {
    background-color: #e8423f !important;
    color: #ffffffdd !important;
}

.app-theme-8 .k-list-item.k-selected {
    background-color: #e8423fdd !important;
    border-bottom: solid 1px #e8423fbb;
    color: #ffffffdd !important;
}

.app-theme-8 .k-textbox:focus,
.app-theme-8 .k-textbox:hover,
.app-theme-8 .k-input.k-focus,
.app-theme-8 .k-input.k-hover,
.app-theme-8 .k-input:hover,
.app-theme-8 .k-picker.k-focus,
.app-theme-8 .k-picker.k-hover,
.app-theme-8 .k-picker:hover,
.app-theme-8 .k-grid-edit-row > td > input,
.app-theme-8 .k-grid-edit-row > td > .text-box,
.app-theme-8 .k-dropdown-wrap.k-state-hover,
.app-theme-8 .k-dropdown-wrap.k-state-focused,
.app-theme-8 .k-dropdown-wrap.k-state-active,
.app-theme-8 .k-picker-wrap.k-state-hover,
.app-theme-8 .k-picker-wrap.k-state-focused,
.app-theme-8 .k-picker-wrap.k-state-active,
.app-theme-8 .k-numeric-wrap.k-state-hover,
.app-theme-8 .k-numeric-wrap.k-state-focused,
.app-theme-8 .k-numeric-wrap.k-state-active,
.app-theme-8 .k-tabstrip-items-wrapper .k-item.k-active::after,
.app-theme-8 .k-multiselect.k-state-hover > .k-multiselect-wrap,
.app-theme-8 .k-multiselect.k-state-focused > .k-multiselect-wrap,
.app-theme-8 .k-multiselect.k-state-active > .k-multiselect-wrap,
.app-theme-8 .k-radio:checked + .k-radio-label:hover:before,
.app-theme-8 .k-radio:checked + .k-radio-label:before,
.app-theme-8 .k-checkbox:hover,
.app-theme-8 .k-radio:hover {
    border-color: #e8423f !important;
}

.app-theme-8 .k-tabstrip-items-wrapper .k-item.k-active {
    color: #e8423f !important;
}

.app-theme-8 .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.app-theme-8 .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected,
.app-theme-8 .k-scheduler-toolbar .k-scheduler-views button.k-selected,
.app-theme-8 .k-tabstrip-items .k-state-active,
.app-theme-8 .k-tabstrip-items .k-state-hover {
    border-bottom-color: #e8423f !important;
}

.app-theme-8 .btn-info,
.app-theme-8 .btn-primary,
.app-theme-8 .combobox-header,
.app-theme-8 .k-calendar .k-header,
.app-theme-8 .navbar-header > button,
.app-theme-8 .k-button-solid-primary,
.app-theme-8 .k-action-buttons .k-button,
.app-theme-8 .k-grid .k-header .k-button,
.app-theme-8 .k-grid .k-toolbar .k-button,
.app-theme-8 .k-dialog .k-button.k-primary,
.app-theme-8 .k-dialog .k-window-titlebar,
.app-theme-8 .k-window-titlebar .k-dialog-title,
.app-theme-8 .k-window-actions .k-button,
.app-theme-8 .k-window-title {
    color: #ffffffdd !important;
}

.app-theme-8 .btn-info,
.app-theme-8 .btn-primary,
.app-theme-8 .combobox-header,
.app-theme-8 .k-calendar .k-header,
.app-theme-8 .k-button-solid-primary,
.app-theme-8 .k-action-buttons .k-button,
.app-theme-8 .k-grid .k-header .k-button,
.app-theme-8 .k-grid .k-toolbar .k-button,
.app-theme-8 .k-dialog .k-button.k-primary,
.app-theme-8 .k-dialog .k-window-titlebar,
.app-theme-8 .k-window .k-window-titlebar,
.app-theme-8 .k-window .k-window-actions,
.app-theme-8 .k-drag-clue {
    background-color: #e8423f !important;
    border-color: #d82f2c !important;
}

    .app-theme-8 .btn-info:hover,
    .app-theme-8 .btn-primary:hover,
    .app-theme-8 .combobox-header:hover,
    .app-theme-8 .k-button-solid-primary:hover,
    .app-theme-8 .k-action-buttons .k-button:hover,
    .app-theme-8 .k-grid .k-header .k-button:hover,
    .app-theme-8 .k-grid .k-toolbar .k-button:hover,
    .app-theme-8 .k-dialog .k-button.k-primary:hover,
    .app-theme-8 .k-calendar .k-header .k-link.k-state-hover {
        background-color: #d82f2c !important;
        border-color: #d82f2c !important;
        color: #ffffff !important;
    }

.app-theme-8 .k-loading-image,
.app-theme-8 .app-menu-group,
.app-theme-8 .k-grid-header .k-grid-header-menu.k-active {
    color: #d82f2c !important;
}

/*theme-item-9*/
/*Login Screen*/
.app-theme-9.login-screen .login-area,
.app-theme-9.login-screen .white-box,
.app-theme-9.login-screen .login-box {
    background-color: #d73c8a !important;
}

    .app-theme-9.login-screen .login-area::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .app-theme-9.login-screen .login-area::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.app-theme-9.login-screen .login-message-error {
    color: #f7ce0b !important;
}

.app-theme-9.login-screen .login-message-license {
    color: #f7ce0b !important;
}

.app-theme-9.login-screen .login-text-input {
    border: 1px solid #e6e7e7 !important;
    background: #e6e7e7 !important;
    color: #d73c8a !important;
}

    .app-theme-9.login-screen .login-text-input::placeholder {
        color: #d73c8a !important;
        opacity: 1 !important;
    }

.app-theme-9.login-screen .login-text-title,
.app-theme-9.login-screen .login-text-other {
    color: #cfd6d6 !important;
}

.app-theme-9.login-screen a.login-text-other:hover {
    color: #fff !important;
}

.app-theme-9.login-screen button.btn.btn-primary,
.app-theme-9.login-screen button.btn.btn-primary i {
    color: #fff !important;
}

.app-theme-9.login-screen button:hover,
.app-theme-9 button.btn.btn-primary:hover,
.app-theme-9 button.btn.btn-info:hover,
.app-theme-9 .k-button:hover {
    box-shadow: 0 0 15px #f36fb1;
}

.app-theme-9.login-screen .normal-language-item,
.app-theme-9.login-screen button.btn.btn-primary {
    background: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #f36fb1 !important;
}

    .app-theme-9.login-screen .selected-language-item,
    .app-theme-9.login-screen button.btn.btn-primary.active.focus,
    .app-theme-9.login-screen button.btn.btn-primary.active:focus,
    .app-theme-9.login-screen button.btn.btn-primary.active:hover,
    .app-theme-9.login-screen button.btn.btn-primary.focus:active,
    .app-theme-9.login-screen button.btn.btn-primary:active:focus,
    .app-theme-9.login-screen button.btn.btn-primary:active:hover,
    .app-theme-9.login-screen button.btn.btn-primary.disabled:hover,
    .app-theme-9.login-screen button.btn.btn-primary.focus,
    .app-theme-9.login-screen button.btn.btn-primary:focus,
    .app-theme-9.login-screen button.btn.btn-primary:hover {
        background: rgba(0, 0, 0, 0.18) !important;
        border: 1px solid #f36fb1 !important;
    }

/*Main Screen*/
.app-theme-9 .top-menu.navbar-inverse {
    background-color: #d73c8a !important;
    border-color: #d73c8a !important;
}

    .app-theme-9 .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #ffffffb8 !important;
    }

        .app-theme-9 .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .app-theme-9 .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .app-theme-9 .top-menu.navbar-inverse .navbar-nav > .open > a,
        .app-theme-9 .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .app-theme-9 .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #c93981 !important;
            color: #ffffff !important;
        }

.app-theme-9 .navbar-header.left-menu.bg-theme,
.app-theme-9 .navbar-header.bg-theme > button {
    background-color: #c93981 !important;
}

.app-theme-9 .left-menu.bg-theme {
    background-color: #d73c8a !important;
}

    .app-theme-9 .left-menu.bg-theme .line.dk {
        background: rgba(0, 0, 0, 0.08) !important;
    }

    .app-theme-9 .left-menu.bg-theme .nav > li:hover > a,
    .app-theme-9 .left-menu.bg-theme .nav > li:focus > a,
    .app-theme-9 .left-menu.bg-theme .nav > li.active > a,
    .app-theme-9 .left-menu.bg-theme .nav > li > a:hover,
    .app-theme-9 .left-menu.bg-theme .nav > li > a:focus,
    .app-theme-9 .left-menu.bg-theme .text-lt:hover {
        color: #ffffff !important;
    }

    .app-theme-9 .left-menu.bg-theme .text-lt,
    .app-theme-9 .left-menu.bg-theme .nav > li > a {
        color: #ffffffb8 !important;
    }

    .app-theme-9 .left-menu.bg-theme .text-muted {
        color: #d3a6bd !important;
    }

.app-theme-9 .app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #db4791 !important;
}

.app-theme-9.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:hover,
.app-theme-9.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:focus,
.app-theme-9.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a,
.app-theme-9.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
.app-theme-9.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:focus,
.app-theme-9.menu-simplified .left-menu.bg-theme .nav > li:hover > a,
.app-theme-9.menu-simplified .left-menu.bg-theme .nav > li:focus > a,
.app-theme-9.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-theme-9.menu-simplified .left-menu.bg-theme .nav > li > a:hover,
.app-theme-9.menu-simplified .left-menu.bg-theme .nav > li > a:focus,
.app-theme-9.menu-simplified .text-center > a:hover {
    color: #d73c8a !important;
}

.app-theme-9.menu-simplified .left-menu.bg-theme .nav > li.active > a {
    border-left: solid 1px #d73c8a !important;
}

/*View Controls*/
.app-theme-9 .k-checkbox:checked + .k-checkbox-label:before,
.app-theme-9 .k-radio:checked + .k-radio-label:after,
.app-theme-9 .k-calendar td.k-state-selected .k-link,
.app-theme-9 .k-calendar td.k-selected .k-link,
.app-theme-9 .k-checkbox:checked,
.app-theme-9 .k-radio:checked {
    background-color: #db4791 !important;
    border-color: #db4791 !important;
    color: #ffffffdd !important;
}

.app-theme-9 .k-calendar td.k-selected .k-link,
.app-theme-9 .k-calendar td.k-state-selected .k-link,
.app-theme-9 .k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #db4791 !important;
}

.app-theme-9 .k-toolbar-button-group .k-button.k-selected {
    background-color: #db4791 !important;
    color: #ffffffdd !important;
}

.app-theme-9 .k-list-item.k-selected {
    background-color: #db4791dd !important;
    border-bottom: solid 1px #db4791bb;
    color: #ffffffdd !important;
}

.app-theme-9 .k-textbox:focus,
.app-theme-9 .k-textbox:hover,
.app-theme-9 .k-input.k-focus,
.app-theme-9 .k-input.k-hover,
.app-theme-9 .k-input:hover,
.app-theme-9 .k-picker.k-focus,
.app-theme-9 .k-picker.k-hover,
.app-theme-9 .k-picker:hover,
.app-theme-9 .k-grid-edit-row > td > input,
.app-theme-9 .k-grid-edit-row > td > .text-box,
.app-theme-9 .k-dropdown-wrap.k-state-hover,
.app-theme-9 .k-dropdown-wrap.k-state-focused,
.app-theme-9 .k-dropdown-wrap.k-state-active,
.app-theme-9 .k-picker-wrap.k-state-hover,
.app-theme-9 .k-picker-wrap.k-state-focused,
.app-theme-9 .k-picker-wrap.k-state-active,
.app-theme-9 .k-numeric-wrap.k-state-hover,
.app-theme-9 .k-numeric-wrap.k-state-focused,
.app-theme-9 .k-numeric-wrap.k-state-active,
.app-theme-9 .k-tabstrip-items-wrapper .k-item.k-active::after,
.app-theme-9 .k-multiselect.k-state-hover > .k-multiselect-wrap,
.app-theme-9 .k-multiselect.k-state-focused > .k-multiselect-wrap,
.app-theme-9 .k-multiselect.k-state-active > .k-multiselect-wrap,
.app-theme-9 .k-radio:checked + .k-radio-label:hover:before,
.app-theme-9 .k-radio:checked + .k-radio-label:before,
.app-theme-9 .k-checkbox:hover,
.app-theme-9 .k-radio:hover {
    border-color: #db4791 !important;
}

.app-theme-9 .k-tabstrip-items-wrapper .k-item.k-active {
    color: #db4791 !important;
}

.app-theme-9 .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.app-theme-9 .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected,
.app-theme-9 .k-scheduler-toolbar .k-scheduler-views button.k-selected,
.app-theme-9 .k-tabstrip-items .k-state-active,
.app-theme-9 .k-tabstrip-items .k-state-hover {
    border-bottom-color: #db4791 !important;
}

.app-theme-9 .btn-info,
.app-theme-9 .btn-primary,
.app-theme-9 .combobox-header,
.app-theme-9 .k-calendar .k-header,
.app-theme-9 .navbar-header > button,
.app-theme-9 .k-button-solid-primary,
.app-theme-9 .k-action-buttons .k-button,
.app-theme-9 .k-grid .k-header .k-button,
.app-theme-9 .k-grid .k-toolbar .k-button,
.app-theme-9 .k-dialog .k-button.k-primary,
.app-theme-9 .k-dialog .k-window-titlebar,
.app-theme-9 .k-window-titlebar .k-dialog-title,
.app-theme-9 .k-window-actions .k-button,
.app-theme-9 .k-window-title {
    color: #ffffffdd !important;
}

.app-theme-9 .btn-info,
.app-theme-9 .btn-primary,
.app-theme-9 .combobox-header,
.app-theme-9 .k-calendar .k-header,
.app-theme-9 .k-button-solid-primary,
.app-theme-9 .k-action-buttons .k-button,
.app-theme-9 .k-grid .k-header .k-button,
.app-theme-9 .k-grid .k-toolbar .k-button,
.app-theme-9 .k-dialog .k-button.k-primary,
.app-theme-9 .k-dialog .k-window-titlebar,
.app-theme-9 .k-window .k-window-titlebar,
.app-theme-9 .k-window .k-window-actions,
.app-theme-9 .k-drag-clue {
    background-color: #db4791 !important;
    border-color: #c93981 !important;
}

    .app-theme-9 .btn-info:hover,
    .app-theme-9 .btn-primary:hover,
    .app-theme-9 .combobox-header:hover,
    .app-theme-9 .k-button-solid-primary:hover,
    .app-theme-9 .k-action-buttons .k-button:hover,
    .app-theme-9 .k-grid .k-header .k-button:hover,
    .app-theme-9 .k-grid .k-toolbar .k-button:hover,
    .app-theme-9 .k-dialog .k-button.k-primary:hover,
    .app-theme-9 .k-calendar .k-header .k-link.k-state-hover {
        background-color: #c93981 !important;
        border-color: #c93981 !important;
        color: #ffffff !important;
    }

.app-theme-9 .k-loading-image,
.app-theme-9 .app-menu-group,
.app-theme-9 .k-grid-header .k-grid-header-menu.k-active {
    color: #c93981 !important;
}

/*theme-item-11*/
/*Login Screen*/
.app-theme-11.login-screen .login-area,
.app-theme-11.login-screen .white-box,
.app-theme-11.login-screen .login-box {
    background-color: #441714 !important;
}

    .app-theme-11.login-screen .login-area::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .app-theme-11.login-screen .login-area::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.app-theme-11.login-screen .login-message-error {
    color: #f7ce0b !important;
}

.app-theme-11.login-screen .login-message-license {
    color: #f7ce0b !important;
}

.app-theme-11.login-screen .login-text-input {
    border: 1px solid #e6e7e7 !important;
    background: #e6e7e7 !important;
    color: #441714 !important;
}

    .app-theme-11.login-screen .login-text-input::placeholder {
        color: #441714 !important;
        opacity: 1 !important;
    }

.app-theme-11.login-screen .login-text-title,
.app-theme-11.login-screen .login-text-other {
    color: #cfd6d6 !important;
}

.app-theme-11.login-screen a.login-text-other:hover {
    color: #fff !important;
}

.app-theme-11.login-screen button.btn.btn-primary,
.app-theme-11.login-screen button.btn.btn-primary i {
    color: #fcd50d !important;
}

.app-theme-11.login-screen button:hover,
.app-theme-11 button.btn.btn-primary:hover,
.app-theme-11 button.btn.btn-info:hover,
.app-theme-11 .k-button:hover {
    box-shadow: 0 0 15px #976561;
}

.app-theme-11.login-screen .normal-language-item,
.app-theme-11.login-screen button.btn.btn-primary {
    background: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #976561 !important;
}

    .app-theme-11.login-screen .selected-language-item,
    .app-theme-11.login-screen button.btn.btn-primary.active.focus,
    .app-theme-11.login-screen button.btn.btn-primary.active:focus,
    .app-theme-11.login-screen button.btn.btn-primary.active:hover,
    .app-theme-11.login-screen button.btn.btn-primary.focus:active,
    .app-theme-11.login-screen button.btn.btn-primary:active:focus,
    .app-theme-11.login-screen button.btn.btn-primary:active:hover,
    .app-theme-11.login-screen button.btn.btn-primary.disabled:hover,
    .app-theme-11.login-screen button.btn.btn-primary.focus,
    .app-theme-11.login-screen button.btn.btn-primary:focus,
    .app-theme-11.login-screen button.btn.btn-primary:hover {
        background: rgba(0, 0, 0, 0.18) !important;
        border: 1px solid #976561 !important;
    }

/*Main Screen*/
.app-theme-11 .top-menu.navbar-inverse {
    background-color: #441714 !important;
    border-color: #441714 !important;
}

    .app-theme-11 .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #f7ce0bb8 !important;
    }

        .app-theme-11 .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .app-theme-11 .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .app-theme-11 .top-menu.navbar-inverse .navbar-nav > .open > a,
        .app-theme-11 .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .app-theme-11 .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #371310 !important;
            color: #f7ce0b !important;
        }

.app-theme-11 .navbar-header.left-menu.bg-theme,
.app-theme-11 .navbar-header.bg-theme > button {
    background-color: #371310 !important;
}

.app-theme-11 .left-menu.bg-theme {
    background-color: #441714 !important;
}

    .app-theme-11 .left-menu.bg-theme .line.dk {
        background: rgba(0, 0, 0, 0.3) !important;
    }

    .app-theme-11 .left-menu.bg-theme .nav > li.active > a {
        border-left: solid 1px #ffc107 !important;
    }

    .app-theme-11 .left-menu.bg-theme .nav > li:hover > a,
    .app-theme-11 .left-menu.bg-theme .nav > li:focus > a,
    .app-theme-11 .left-menu.bg-theme .nav > li.active > a,
    .app-theme-11 .left-menu.bg-theme .nav > li > a:hover,
    .app-theme-11 .left-menu.bg-theme .nav > li > a:focus,
    .app-theme-11 .left-menu.bg-theme .text-lt:hover {
        color: #f7ce0b !important;
    }

    .app-theme-11 .left-menu.bg-theme .text-lt,
    .app-theme-11 .left-menu.bg-theme .nav > li > a {
        color: #f7ce0bb8 !important;
    }

    .app-theme-11 .left-menu.bg-theme .text-muted {
        color: #b9adac !important;
    }

.app-theme-11 .app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #4d201d !important;
}

.app-theme-11.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:hover,
.app-theme-11.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:focus,
.app-theme-11.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a,
.app-theme-11.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
.app-theme-11.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:focus,
.app-theme-11.menu-simplified .left-menu.bg-theme .nav > li:hover > a,
.app-theme-11.menu-simplified .left-menu.bg-theme .nav > li:focus > a,
.app-theme-11.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-theme-11.menu-simplified .left-menu.bg-theme .nav > li > a:hover,
.app-theme-11.menu-simplified .left-menu.bg-theme .nav > li > a:focus,
.app-theme-11.menu-simplified .text-center > a:hover {
    color: #cb5f1d !important;
}

.app-theme-11.menu-simplified .left-menu.bg-theme .nav > li.active > a {
    border-left: solid 1px #cb5f1d !important;
}

/*View Controls*/
.app-theme-11 .k-checkbox:checked + .k-checkbox-label:before,
.app-theme-11 .k-radio:checked + .k-radio-label:after,
.app-theme-11 .k-calendar td.k-state-selected .k-link,
.app-theme-11 .k-calendar td.k-selected .k-link,
.app-theme-11 .k-checkbox:checked,
.app-theme-11 .k-radio:checked {
    background-color: #4d201d !important;
    border-color: #4d201d !important;
    color: #f7ce0b !important;
}

.app-theme-11 .k-calendar td.k-selected .k-link,
.app-theme-11 .k-calendar td.k-state-selected .k-link,
.app-theme-11 .k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #4d201d !important;
}

.app-theme-11 .k-toolbar-button-group .k-button.k-selected {
    background-color: #4d201d !important;
    color: #ffffffdd !important;
}

.app-theme-11 .k-list-item.k-selected {
    background-color: #4d201ddd !important;
    border-bottom: solid 1px #4d201dbb;
    color: #ffffffdd !important;
}

.app-theme-11 .k-textbox:focus,
.app-theme-11 .k-textbox:hover,
.app-theme-11 .k-input.k-focus,
.app-theme-11 .k-input.k-hover,
.app-theme-11 .k-input:hover,
.app-theme-11 .k-picker.k-focus,
.app-theme-11 .k-picker.k-hover,
.app-theme-11 .k-picker:hover,
.app-theme-11 .k-grid-edit-row > td > input,
.app-theme-11 .k-grid-edit-row > td > .text-box,
.app-theme-11 .k-dropdown-wrap.k-state-hover,
.app-theme-11 .k-dropdown-wrap.k-state-focused,
.app-theme-11 .k-dropdown-wrap.k-state-active,
.app-theme-11 .k-picker-wrap.k-state-hover,
.app-theme-11 .k-picker-wrap.k-state-focused,
.app-theme-11 .k-picker-wrap.k-state-active,
.app-theme-11 .k-numeric-wrap.k-state-hover,
.app-theme-11 .k-numeric-wrap.k-state-focused,
.app-theme-11 .k-numeric-wrap.k-state-active,
.app-theme-11 .k-tabstrip-items-wrapper .k-item.k-active::after,
.app-theme-11 .k-multiselect.k-state-hover > .k-multiselect-wrap,
.app-theme-11 .k-multiselect.k-state-focused > .k-multiselect-wrap,
.app-theme-11 .k-multiselect.k-state-active > .k-multiselect-wrap,
.app-theme-11 .k-radio:checked + .k-radio-label:hover:before,
.app-theme-11 .k-radio:checked + .k-radio-label:before,
.app-theme-11 .k-checkbox:hover,
.app-theme-11 .k-radio:hover {
    border-color: #4d201d !important;
}

.app-theme-11 .k-tabstrip-items-wrapper .k-item.k-active {
    color: #4d201d !important;
}

.app-theme-11 .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.app-theme-11 .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected,
.app-theme-11 .k-scheduler-toolbar .k-scheduler-views button.k-selected,
.app-theme-11 .k-tabstrip-items .k-state-active,
.app-theme-11 .k-tabstrip-items .k-state-hover {
    border-bottom-color: #4d201d !important;
}

.app-theme-11 .btn-info,
.app-theme-11 .btn-primary,
.app-theme-11 .combobox-header,
.app-theme-11 .k-calendar .k-header,
.app-theme-11 .navbar-header > button,
.app-theme-11 .k-button-solid-primary,
.app-theme-11 .k-action-buttons .k-button,
.app-theme-11 .k-grid .k-header .k-button,
.app-theme-11 .k-grid .k-toolbar .k-button,
.app-theme-11 .k-grid .k-toolbar .k-button,
.app-theme-11 .k-dialog .k-button.k-primary,
.app-theme-11 .k-dialog .k-window-titlebar,
.app-theme-11 .k-window-titlebar .k-dialog-title,
.app-theme-11 .k-window-actions .k-button,
.app-theme-11 .k-window-title {
    color: #f7ce0b !important;
}

.app-theme-11 .btn-info,
.app-theme-11 .btn-primary,
.app-theme-11 .combobox-header,
.app-theme-11 .k-calendar .k-header,
.app-theme-11 .k-button-solid-primary,
.app-theme-11 .k-action-buttons .k-button,
.app-theme-11 .k-grid .k-header .k-button,
.app-theme-11 .k-grid .k-toolbar .k-button,
.app-theme-11 .k-dialog .k-button.k-primary,
.app-theme-11 .k-dialog .k-window-titlebar,
.app-theme-11 .k-window .k-window-titlebar,
.app-theme-11 .k-window .k-window-actions,
.app-theme-11 .k-drag-clue {
    background-color: #4d201d !important;
    border-color: #3e1612 !important;
}

    .app-theme-11 .btn-info:hover,
    .app-theme-11 .btn-primary:hover,
    .app-theme-11 .combobox-header:hover,
    .app-theme-11 .k-button-solid-primary:hover,
    .app-theme-11 .k-action-buttons .k-button:hover,
    .app-theme-11 .k-grid .k-header .k-button:hover,
    .app-theme-11 .k-grid .k-toolbar .k-button:hover,
    .app-theme-11 .k-dialog .k-button.k-primary:hover,
    .app-theme-11 .k-calendar .k-header .k-link.k-state-hover {
        background-color: #3e1612 !important;
        border-color: #3e1612 !important;
        color: #ffc107 !important;
    }

.app-theme-11 .k-loading-image,
.app-theme-11 .app-menu-group,
.app-theme-11 .k-grid-header .k-grid-header-menu.k-active {
    color: #ffc107 !important;
}

/*theme-item-12*/
/*Login Screen*/
.app-theme-12.login-screen .login-area,
.app-theme-12.login-screen .white-box,
.app-theme-12.login-screen .login-box {
    background-color: #b97c46 !important;
}

    .app-theme-12.login-screen .login-area::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0.5) !important;
    }

    .app-theme-12.login-screen .login-area::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.2) !important;
    }

.app-theme-12.login-screen .login-message-error {
    color: #f7ce0b !important;
}

.app-theme-12.login-screen .login-message-license {
    color: #f7ce0b !important;
}

.app-theme-12.login-screen .login-text-input {
    border: 1px solid #e6e7e7 !important;
    background: #e6e7e7 !important;
    color: #b97c46 !important;
}

    .app-theme-12.login-screen .login-text-input::placeholder {
        color: #b97c46 !important;
        opacity: 1 !important;
    }

.app-theme-12.login-screen .login-text-title,
.app-theme-12.login-screen .login-text-other {
    color: #cfd6d6 !important;
}

.app-theme-12.login-screen a.login-text-other:hover {
    color: #fff !important;
}

.app-theme-12.login-screen button.btn.btn-primary,
.app-theme-12.login-screen button.btn.btn-primary i {
    color: #fff !important;
}

.app-theme-12.login-screen button:hover,
.app-theme-12 button.btn.btn-primary:hover,
.app-theme-12 button.btn.btn-info:hover,
.app-theme-12 .k-button:hover {
    box-shadow: 0 0 15px #e3b083;
}

.app-theme-12.login-screen .normal-language-item,
.app-theme-12.login-screen button.btn.btn-primary {
    background: rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #e3b083 !important;
}

    .app-theme-12.login-screen .selected-language-item,
    .app-theme-12.login-screen button.btn.btn-primary.active.focus,
    .app-theme-12.login-screen button.btn.btn-primary.active:focus,
    .app-theme-12.login-screen button.btn.btn-primary.active:hover,
    .app-theme-12.login-screen button.btn.btn-primary.focus:active,
    .app-theme-12.login-screen button.btn.btn-primary:active:focus,
    .app-theme-12.login-screen button.btn.btn-primary:active:hover,
    .app-theme-12.login-screen button.btn.btn-primary.disabled:hover,
    .app-theme-12.login-screen button.btn.btn-primary.focus,
    .app-theme-12.login-screen button.btn.btn-primary:focus,
    .app-theme-12.login-screen button.btn.btn-primary:hover {
        background: rgba(0, 0, 0, 0.18) !important;
        border: 1px solid #e3b083 !important;
    }

/*Main Screen*/
.app-theme-12 .top-menu.navbar-inverse {
    background-color: #b97c46 !important;
    border-color: #b97c46 !important;
}

    .app-theme-12 .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #ffffffb8 !important;
    }

        .app-theme-12 .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .app-theme-12 .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .app-theme-12 .top-menu.navbar-inverse .navbar-nav > .open > a,
        .app-theme-12 .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .app-theme-12 .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background-color: #aa7242 !important;
            color: #ffffff !important;
        }

.app-theme-12 .navbar-header.left-menu.bg-theme,
.app-theme-12 .navbar-header.bg-theme > button {
    background-color: #aa7242 !important;
}

.app-theme-12 .left-menu.bg-theme {
    background-color: #b97c46 !important;
}

    .app-theme-12 .left-menu.bg-theme .line.dk {
        background: rgba(0, 0, 0, 0.08) !important;
    }

    .app-theme-12 .left-menu.bg-theme .nav > li:hover > a,
    .app-theme-12 .left-menu.bg-theme .nav > li:focus > a,
    .app-theme-12 .left-menu.bg-theme .nav > li.active > a,
    .app-theme-12 .left-menu.bg-theme .nav > li > a:hover,
    .app-theme-12 .left-menu.bg-theme .nav > li > a:focus,
    .app-theme-12 .left-menu.bg-theme .text-lt:hover {
        color: #ffffff !important;
    }

    .app-theme-12 .left-menu.bg-theme .text-lt,
    .app-theme-12 .left-menu.bg-theme .nav > li > a {
        color: #ffffffb8 !important;
    }

    .app-theme-12 .left-menu.bg-theme .text-muted {
        color: #cbbfb4 !important;
    }

.app-theme-12 .app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #bb8555 !important;
}

.app-theme-12.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:hover,
.app-theme-12.menu-simplified .top-menu.navbar-inverse .navbar-nav > li > a:focus,
.app-theme-12.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a,
.app-theme-12.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
.app-theme-12.menu-simplified .top-menu.navbar-inverse .navbar-nav > .open > a:focus,
.app-theme-12.menu-simplified .left-menu.bg-theme .nav > li:hover > a,
.app-theme-12.menu-simplified .left-menu.bg-theme .nav > li:focus > a,
.app-theme-12.menu-simplified .left-menu.bg-theme .nav > li.active > a,
.app-theme-12.menu-simplified .left-menu.bg-theme .nav > li > a:hover,
.app-theme-12.menu-simplified .left-menu.bg-theme .nav > li > a:focus,
.app-theme-12.menu-simplified .text-center > a:hover {
    color: #b97c46 !important;
}

.app-theme-12.menu-simplified .left-menu.bg-theme .nav > li.active > a {
    border-left: solid 1px #b97c46 !important;
}

/*View Controls*/
.app-theme-12 .k-checkbox:checked + .k-checkbox-label:before,
.app-theme-12 .k-radio:checked + .k-radio-label:after,
.app-theme-12 .k-calendar td.k-state-selected .k-link,
.app-theme-12 .k-calendar td.k-selected .k-link,
.app-theme-12 .k-checkbox:checked,
.app-theme-12 .k-radio:checked {
    background-color: #bb8555 !important;
    border-color: #bb8555 !important;
    color: #ffffffdd !important;
}

.app-theme-12 .k-calendar td.k-selected .k-link,
.app-theme-12 .k-calendar td.k-state-selected .k-link,
.app-theme-12 .k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 0 1px #bb8555 !important;
}

.app-theme-12 .k-toolbar-button-group .k-button.k-selected {
    background-color: #bb8555 !important;
    color: #ffffffdd !important;
}

.app-theme-12 .k-list-item.k-selected {
    background-color: #bb8555dd !important;
    border-bottom: solid 1px #bb8555bb;
    color: #ffffffdd !important;
}

.app-theme-12 .k-textbox:focus,
.app-theme-12 .k-textbox:hover,
.app-theme-12 .k-input.k-focus,
.app-theme-12 .k-input.k-hover,
.app-theme-12 .k-input:hover,
.app-theme-12 .k-picker.k-focus,
.app-theme-12 .k-picker.k-hover,
.app-theme-12 .k-picker:hover,
.app-theme-12 .k-grid-edit-row > td > input,
.app-theme-12 .k-grid-edit-row > td > .text-box,
.app-theme-12 .k-dropdown-wrap.k-state-hover,
.app-theme-12 .k-dropdown-wrap.k-state-focused,
.app-theme-12 .k-dropdown-wrap.k-state-active,
.app-theme-12 .k-picker-wrap.k-state-hover,
.app-theme-12 .k-picker-wrap.k-state-focused,
.app-theme-12 .k-picker-wrap.k-state-active,
.app-theme-12 .k-numeric-wrap.k-state-hover,
.app-theme-12 .k-numeric-wrap.k-state-focused,
.app-theme-12 .k-numeric-wrap.k-state-active,
.app-theme-12 .k-tabstrip-items-wrapper .k-item.k-active::after,
.app-theme-12 .k-multiselect.k-state-hover > .k-multiselect-wrap,
.app-theme-12 .k-multiselect.k-state-focused > .k-multiselect-wrap,
.app-theme-12 .k-multiselect.k-state-active > .k-multiselect-wrap,
.app-theme-12 .k-radio:checked + .k-radio-label:hover:before,
.app-theme-12 .k-radio:checked + .k-radio-label:before,
.app-theme-12 .k-checkbox:hover,
.app-theme-12 .k-radio:hover {
    border-color: #bb8555 !important;
}

.app-theme-12 .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.app-theme-12 .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected,
.app-theme-12 .k-scheduler-toolbar .k-scheduler-views button.k-selected,
.app-theme-12 .k-tabstrip-items .k-state-active,
.app-theme-12 .k-tabstrip-items .k-state-hover {
    border-bottom-color: #bb8555 !important;
}

.app-theme-12 .k-tabstrip-items-wrapper .k-item.k-active {
    color: #bb8555 !important;
}

.app-theme-12 .btn-info,
.app-theme-12 .btn-primary,
.app-theme-12 .combobox-header,
.app-theme-12 .k-calendar .k-header,
.app-theme-12 .navbar-header > button,
.app-theme-12 .k-button-solid-primary,
.app-theme-12 .k-action-buttons .k-button,
.app-theme-12 .k-grid .k-header .k-button,
.app-theme-12 .k-grid .k-toolbar .k-button,
.app-theme-12 .k-dialog .k-button.k-primary,
.app-theme-12 .k-dialog .k-window-titlebar,
.app-theme-12 .k-window-titlebar .k-dialog-title,
.app-theme-12 .k-window-actions .k-button,
.app-theme-12 .k-window-title {
    color: #ffffffdd !important;
}

.app-theme-12 .btn-info,
.app-theme-12 .btn-primary,
.app-theme-12 .combobox-header,
.app-theme-12 .k-calendar .k-header,
.app-theme-12 .k-button-solid-primary,
.app-theme-12 .k-action-buttons .k-button,
.app-theme-12 .k-grid .k-header .k-button,
.app-theme-12 .k-grid .k-toolbar .k-button,
.app-theme-12 .k-dialog .k-button.k-primary,
.app-theme-12 .k-dialog .k-window-titlebar,
.app-theme-12 .k-window .k-window-titlebar,
.app-theme-12 .k-window .k-window-actions,
.app-theme-12 .k-drag-clue {
    background-color: #bb8555 !important;
    border-color: #aa7242 !important;
}

    .app-theme-12 .btn-info:hover,
    .app-theme-12 .btn-primary:hover,
    .app-theme-12 .combobox-header:hover,
    .app-theme-12 .k-button-solid-primary:hover,
    .app-theme-12 .k-action-buttons .k-button:hover,
    .app-theme-12 .k-grid .k-header .k-button:hover,
    .app-theme-12 .k-grid .k-toolbar .k-button:hover,
    .app-theme-12 .k-dialog .k-button.k-primary:hover,
    .app-theme-12 .k-calendar .k-header .k-link.k-state-hover {
        background-color: #aa7242 !important;
        border-color: #aa7242 !important;
        color: #ffffff !important;
    }

.app-theme-12 .k-loading-image,
.app-theme-12 .app-menu-group,
.app-theme-12 .k-grid-header .k-grid-header-menu.k-active {
    color: #aa7242 !important;
}

/*.IsFlexible*/
.app-mode-light.IsFlexible .k-window .k-window-titlebar,
.app-mode-light.IsFlexible .k-window .k-window-actions {
    background-color: #fbfbfb !important;
}

.app-mode-light.IsFlexible .k-window-title,
.app-mode-light.IsFlexible .k-window-titlebar-actions,
.app-mode-light.IsFlexible .k-window-titlebar .k-button-icon {
    color: #303030 !important;
}

.app-mode-dark.IsFlexible .k-window .k-window-titlebar,
.app-mode-dark.IsFlexible .k-window .k-window-actions {
    background-color: #1a1a1a !important;
}

.app-mode-dark.IsFlexible .k-window-title,
.app-mode-dark.IsFlexible .k-window-titlebar-actions,
.app-mode-dark.IsFlexible .k-window-titlebar .k-button-icon {
    color: #c2c3c3 !important;
}

/*menu-simplified.app-mode-light*/
.menu-simplified.app-mode-light .navbar-header.left-menu.bg-theme,
.menu-simplified.app-mode-light .navbar-header.bg-theme > button {
    background-color: #f3f5f5 !important;
}

.menu-simplified.app-mode-light .left-menu.bg-theme {
    background-color: #f6f8f8 !important;
    border-right: #e6e6e6 solid 1px;
}

    .menu-simplified.app-mode-light .left-menu.bg-theme .line.dk {
        background: rgba(0, 0, 0, 0.03) !important;
    }

    .menu-simplified.app-mode-light .left-menu.bg-theme .text-lt,
    .menu-simplified.app-mode-light .left-menu.bg-theme .nav > li > a {
        color: #3b3b3b !important;
    }

    .menu-simplified.app-mode-light .left-menu.bg-theme .text-muted {
        color: #bbbfc8 !important;
    }

.menu-simplified.app-mode-light .app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #f6f8f8 !important;
}

.menu-simplified.app-mode-light .use-top-menu .left-menu.bg-theme {
    border-right: none !important;
}

.menu-simplified.app-mode-light .top-menu.navbar-inverse {
    background-color: #f6f8f8 !important;
    border-top: solid 1px #e6e6e6 !important;
}

    .menu-simplified.app-mode-light .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #3b3b3b !important;
    }

        .menu-simplified.app-mode-light .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .menu-simplified.app-mode-light .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .menu-simplified.app-mode-light .top-menu.navbar-inverse .navbar-nav > .open > a,
        .menu-simplified.app-mode-light .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .menu-simplified.app-mode-light .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background: rgba(0, 0, 0, 0.03) !important;
        }

/*menu-simplified.app-mode-dark*/
.menu-simplified.app-mode-dark .navbar-header.left-menu.bg-theme,
.menu-simplified.app-mode-dark .navbar-header.bg-theme > button {
    background-color: #1a1a1a !important;
}

.menu-simplified.app-mode-dark .left-menu.bg-theme {
    background-color: #1a1a1a !important;
    border-right: #2d2d2d solid 1px;
}

    .menu-simplified.app-mode-dark .left-menu.bg-theme .line.dk {
        background: rgb(255, 255, 255, 0.03) !important;
    }

    .menu-simplified.app-mode-dark .left-menu.bg-theme .text-lt,
    .menu-simplified.app-mode-dark .left-menu.bg-theme .nav > li > a {
        color: #999 !important;
    }

    .menu-simplified.app-mode-dark .left-menu.bg-theme .text-muted {
        color: #555555 !important;
    }

.menu-simplified.app-mode-dark .app-aside-folded .left-menu.bg-theme .nav.dk {
    background: #1a1a1a !important;
}

.menu-simplified.app-mode-dark .use-top-menu .left-menu.bg-theme {
    border-right: none !important;
}

.menu-simplified.app-mode-dark .top-menu.navbar-inverse {
    background-color: #1a1a1a !important;
    border-top: solid 1px #2d2d2d !important;
}

    .menu-simplified.app-mode-dark .top-menu.navbar-inverse .navbar-nav > li > a {
        color: #999 !important;
    }

        .menu-simplified.app-mode-dark .top-menu.navbar-inverse .navbar-nav > li > a:hover,
        .menu-simplified.app-mode-dark .top-menu.navbar-inverse .navbar-nav > li > a:focus,
        .menu-simplified.app-mode-dark .top-menu.navbar-inverse .navbar-nav > .open > a,
        .menu-simplified.app-mode-dark .top-menu.navbar-inverse .navbar-nav > .open > a:hover,
        .menu-simplified.app-mode-dark .top-menu.navbar-inverse .navbar-nav > .open > a:focus {
            background: rgb(255, 255, 255, 0.03) !important;
        }

/*app-mode-dark*/
.app-mode-dark .k-pager,
.app-mode-dark .toolbar,
.app-mode-dark .k-grid-toolbar,
.app-mode-dark .k-splitter,
.app-mode-dark .breadcrumb,
.app-mode-dark .app-breadcrumb,
.app-mode-dark .app-footer-content,
.app-mode-dark .quick-search-heading,
.app-mode-dark .nav-tabs > li.active > a,
.app-mode-dark .nav-tabs > li.active > a:hover,
.app-mode-dark .nav-tabs > li.active > a:focus {
    background-color: #1a1a1a !important;
}

.app-mode-dark .k-grid-header,
.app-mode-dark .k-grid-header th.k-header {
    background-color: #1a1a1a;
    color: #c2c3c3 !important;
}

.app-mode-dark .app-breadcrumb {
    border-bottom: #303030 solid 1px;
    border-top: #303030 solid 1px;
}

.app-mode-dark input,
.app-mode-dark .k-textbox,
.app-mode-dark .k-input,
.app-mode-dark .k-picker,
.app-mode-dark .navbar-top-right button,
.app-mode-dark .k-input-inner {
    background-color: #121212 !important;
    color: #c2c3c3 !important;
}

    .app-mode-dark .app,
    .app-mode-dark .app-body,
    .app-mode-dark .app-content,
    .app-mode-dark .app-content-body,
    .app-mode-dark .app-header,
    .app-mode-dark .app-footer,
    .app-mode-dark .nav-tabs,
    .app-mode-dark .panel-body,
    .app-mode-dark .dropdown-menu,
    .app-mode-dark .k-multiselect .k-button,
    .app-mode-dark .k-dropzone .k-button,
    .app-mode-dark ::-webkit-scrollbar-button,
    .app-mode-dark .panel-info > .panel-heading,
    .app-mode-dark .k-multiselect-wrap,
    .app-mode-dark .navbar-top-right,
    .app-mode-dark .k-select,
    .app-mode-dark .k-pane,
    .app-mode-dark .tab-content,
    .app-mode-dark .k-splitbar,
    .app-mode-dark .k-treeview,
    .app-mode-dark .k-grid,
    .app-mode-dark .k-list,
    .app-mode-dark .k-window-content,
    .app-mode-dark .k-autocomplete,
    .app-mode-dark .k-grouping-header,
    .app-mode-dark .k-pager-wrap .k-link,
    .app-mode-dark .k-pager-wrap,
    .app-mode-dark .k-grid-footer,
    .app-mode-dark .k-grid-footer td,
    .app-mode-dark .k-grid-content,
    .app-mode-dark .k-grid-content-locked,
    .app-mode-dark .k-grid-header th.k-header > .k-link,
    .app-mode-dark .k-pager-numbers .k-selected,
    .app-mode-dark .k-pager-numbers .k-state-selected,
    .app-mode-dark .k-picker.k-focus > .k-input-button,
    .app-mode-dark .k-picker.k-hover > .k-input-button,
    .app-mode-dark .k-input.k-focus > .k-button,
    .app-mode-dark .k-input.k-hover > .k-button,
    .app-mode-dark .k-dropdown-wrap.k-state-default,
    .app-mode-dark .k-numeric-wrap.k-state-default,
    .app-mode-dark .k-picker-wrap.k-state-default,
    .app-mode-dark .parameter-report-info,
    .app-mode-dark .result-report-info,
    .app-mode-dark .popup-commands,
    .app-mode-dark .k-upload {
        background-color: #0f0f0f !important;
        color: #c2c3c3 !important;
    }

        .app-mode-dark .dropdown-menu > li > a {
            color: #c2c3c3 !important;
        }

            .app-mode-dark .dropdown-menu .divider,
            .app-mode-dark .dropdown-menu > li > a:hover {
                background-color: #303030 !important;
            }

.app-mode-dark .div-label-center,
.app-mode-dark .div-label-info {
    color: #5d5f68 !important;
}

.app-mode-dark .k-grid tr td {
    color: #c2c3c3 !important;
}

.app-mode-dark .app-footer-content {
    border-top: 1px solid #303030;
}

.app-mode-dark .k-treeview span.k-in {
    background-color: #0f0f0f;
    color: #c2c3c3;
}

.app-mode-dark .k-treeview .k-selected,
.app-mode-dark .k-treeview .k-state-selected {
    color: #337ab7;
}

.app-mode-dark .nav-tabs > li > a,
.app-mode-dark .nav-tabs > li > a:focus,
.app-mode-dark .nav-tabs > li > a:hover {
    border-color: none;
    color: #c2c3c3;
}

.app-mode-dark .tabs-left > .nav-tabs > li > a,
.app-mode-dark .tabs-left > .nav-tabs > li > a:focus,
.app-mode-dark .tabs-left > .nav-tabs > li > a:hover {
    border-color: #303030;
    color: #c2c3c3;
}

.app-mode-dark .nav-tabs > li.active > a,
.app-mode-dark .nav-tabs > li.active > a:focus,
.app-mode-dark .nav-tabs > li.active > a:hover {
    border-top: 2px solid #4C8FBD;
    border-right: none;
    border-left: none;
}

.app-mode-dark .tabs-left > .nav-tabs > li.active > a,
.app-mode-dark .tabs-left > .nav-tabs > li.active > a:focus,
.app-mode-dark .tabs-left > .nav-tabs > li.active > a:hover {
    border-left: 2px solid #4C8FBD;
    border-bottom: none;
    border-top: none;
}

.app-mode-dark .k-autocomplete,
.app-mode-dark .k-block,
.app-mode-dark .k-content,
.app-mode-dark .k-dropdown-wrap,
.app-mode-dark .k-dropzone-active,
.app-mode-dark .k-editable-area,
.app-mode-dark .k-filter-row > th,
.app-mode-dark .k-grid td,
.app-mode-dark .k-grid td.k-selected,
.app-mode-dark .k-grid td.k-state-selected,
.app-mode-dark .k-grid-content-locked,
.app-mode-dark .k-grid-header,
.app-mode-dark .k-grid-header-locked,
.app-mode-dark .k-grid-header-wrap,
.app-mode-dark .k-group,
.app-mode-dark .k-grouping-header,
.app-mode-dark .k-grouping-header .k-group-indicator,
.app-mode-dark .k-header,
.app-mode-dark .k-input,
.app-mode-dark .k-pager-refresh,
.app-mode-dark .k-panel > .k-item > .k-link,
.app-mode-dark .k-panelbar .k-content,
.app-mode-dark .k-panelbar .k-panel,
.app-mode-dark .k-panelbar > .k-item > .k-link,
.app-mode-dark .k-popup.k-align .k-list .k-item:last-child,
.app-mode-dark .k-separator,
.app-mode-dark .k-slider-track,
.app-mode-dark .k-splitbar,
.app-mode-dark .k-state-default,
.app-mode-dark .k-state-default .k-select,
.app-mode-dark .k-state-disabled,
.app-mode-dark .k-picker,
.app-mode-dark .k-textbox,
.app-mode-dark .k-textbox > input,
.app-mode-dark .k-tiles, .k-tooltip,
.app-mode-dark .k-treemap-tile,
.app-mode-dark .k-upload-files,
.app-mode-dark .k-grid-toolbar,
.app-mode-dark .k-toolbar,
.app-mode-dark .k-widget,
.app-mode-dark .extend-tree-search,
.app-mode-dark .nav-tabs,
.app-mode-dark .panel-info,
.app-mode-dark .panel-info > .panel-heading,
.app-mode-dark .k-multiselect-wrap,
.app-mode-dark .k-dropzone .k-button,
.app-mode-dark .showSearchControl,
.app-mode-dark .tab-container .tab-content,
.app-mode-dark .quick-search-item {
    border-color: #303030;
}

.app-mode-dark .k-pager-wrap .k-link {
    border: none !important;
}

.app-mode-dark .nav-tabs > li > a {
    border-bottom-color: #303030 !important;
}

.app-mode-dark .hr-double {
    border-top-color: #323232 !important;
    border-bottom-color: #323232 !important;
}

.app-mode-dark .name-field-default-style,
.app-mode-dark .code-field-default-style,
.app-mode-dark tr td.name-field-default-style,
.app-mode-dark tr td.code-field-default-style {
    color: #428bca !important;
}

.app-mode-dark input[readonly],
.app-mode-dark textarea[readonly],
.app-mode-dark input[disabled],
.app-mode-dark textarea[disabled] {
    background: #1a1a1a !important;
}

.app-mode-dark.app-theme-11 .k-tabstrip-items-wrapper .k-item.k-active::after {
    border-color: #f7ce0b !important;
}

.app-mode-dark.app-theme-11 .k-tabstrip-items-wrapper .k-item.k-active {
    color: #f7ce0b !important;
}

/*Start: IsViewDetail*/
.app-mode-dark .IsEditorTemplate input:not(.search-control input),
.app-mode-dark .IsEditorTemplate .k-textbox:not(.search-control .k-textbox),
.app-mode-dark .IsEditorTemplate .k-input:not(.search-control .k-input),
.app-mode-dark .IsEditorTemplate .k-picker:not(.search-control .k-picker),
.app-mode-dark .IsEditorTemplate .k-input-inner:not(.search-control .k-input-inner),
.app-mode-dark .IsEditorTemplate .k-dropzone:not(.search-control .k-dropzone),
.app-mode-dark .IsDisplayTemplate input:not(.search-control input),
.app-mode-dark .IsDisplayTemplate .k-textbox:not(.search-control .k-textbox),
.app-mode-dark .IsDisplayTemplate .k-input:not(.search-control .k-input),
.app-mode-dark .IsDisplayTemplate .k-picker:not(.search-control .k-picker),
.app-mode-dark .IsDisplayTemplate .k-input-inner:not(.search-control .k-input-inner),
.app-mode-dark .IsDisplayTemplate .k-upload:not(.search-control .k-upload),
.app-mode-dark .IsDisplayTemplate .k-dropzone:not(.search-control .k-dropzone) {
    background-color: #131313 !important;
}
/*End: IsViewDetail*/

/*Begin: Chat (Content/app.chatbox.css) - màu nhấn theo theme + chế độ tối*/
.app-theme-1 { --chat-accent: #a32135; --chat-accent-strong: #84192a; --chat-accent-soft: rgba(163, 33, 53, .1); }
.app-theme-2 { --chat-accent: #00a652; --chat-accent-strong: #008542; --chat-accent-soft: rgba(0, 166, 82, .11); }
.app-theme-3 { --chat-accent: #9b58b5; --chat-accent-strong: #7f4296; --chat-accent-soft: rgba(155, 88, 181, .12); }
.app-theme-4 { --chat-accent: #004d83; --chat-accent-strong: #003b65; --chat-accent-soft: rgba(0, 77, 131, .1); }
.app-theme-5 { --chat-accent: #03689b; --chat-accent-strong: #02527a; --chat-accent-soft: rgba(3, 104, 155, .1); }
.app-theme-6 { --chat-accent: #f46b45; --chat-accent-strong: #e0532c; --chat-accent-soft: rgba(244, 107, 69, .12); }
.app-theme-7 { --chat-accent: #108670; --chat-accent-strong: #0c6b59; --chat-accent-soft: rgba(16, 134, 112, .11); }
.app-theme-8 { --chat-accent: #e5322e; --chat-accent-strong: #c4231f; --chat-accent-soft: rgba(229, 50, 46, .1); }
.app-theme-9 { --chat-accent: #d73c8a; --chat-accent-strong: #b82a71; --chat-accent-soft: rgba(215, 60, 138, .11); }
.app-theme-10 { --chat-accent: #1c2b36; --chat-accent-strong: #121c23; --chat-accent-soft: rgba(28, 43, 54, .09); }
.app-theme-11 { --chat-accent: #441714; --chat-accent-strong: #2e0f0d; --chat-accent-soft: rgba(68, 23, 20, .09); }
.app-theme-12 { --chat-accent: #b97c46; --chat-accent-strong: #9a6537; --chat-accent-soft: rgba(185, 124, 70, .13); }

.app-mode-dark {
    --chat-accent: #4b6a82;
    --chat-accent-strong: #3c566b;
    --chat-accent-soft: rgba(120, 160, 190, .16);
    --chat-bg: #1a1a1a;
    --chat-bg-2: #262626;
    --chat-border: #303030;
    --chat-text: #d4d5d5;
    --chat-muted: #8b8f93;
    --chat-hover: rgba(255, 255, 255, .05);
    --chat-theirs: #2a2a2a;
    --chat-theirs-text: #e2e3e3;
    --chat-warn-bg: #3a2e0b;
    --chat-warn-text: #f5d27a;
    --chat-tip-bg: #2d2d2d;
    --chat-shadow: 0 12px 40px -10px rgba(0, 0, 0, .8);
    --chat-shadow-sm: 0 1px 3px rgba(0, 0, 0, .6);
}
/* Chế độ tối: các theme màu quá tối được làm sáng lại để đọc rõ trên nền tối */
.app-mode-dark.app-theme-1 { --chat-accent: #c4344b; --chat-accent-strong: #a32135; --chat-accent-soft: rgba(220, 70, 95, .18); }
.app-mode-dark.app-theme-2 { --chat-accent-soft: rgba(0, 200, 100, .16); }
.app-mode-dark.app-theme-3 { --chat-accent-soft: rgba(185, 120, 210, .18); }
.app-mode-dark.app-theme-4 { --chat-accent: #1f6fae; --chat-accent-strong: #185a8e; --chat-accent-soft: rgba(70, 140, 200, .18); }
.app-mode-dark.app-theme-5 { --chat-accent: #0a80bd; --chat-accent-strong: #03689b; --chat-accent-soft: rgba(40, 150, 210, .18); }
.app-mode-dark.app-theme-6 { --chat-accent-soft: rgba(244, 107, 69, .18); }
.app-mode-dark.app-theme-7 { --chat-accent: #14a088; --chat-accent-strong: #108670; --chat-accent-soft: rgba(30, 180, 150, .16); }
.app-mode-dark.app-theme-8 { --chat-accent-soft: rgba(240, 80, 75, .18); }
.app-mode-dark.app-theme-9 { --chat-accent-soft: rgba(230, 90, 160, .18); }
.app-mode-dark.app-theme-10 { --chat-accent: #4b6a82; --chat-accent-strong: #3c566b; --chat-accent-soft: rgba(120, 160, 190, .16); }
.app-mode-dark.app-theme-11 { --chat-accent: #f7ce0b; --chat-accent-strong: #ddb800; --chat-accent-soft: rgba(247, 206, 11, .14); --chat-accent-contrast: #1a1a1a; }
.app-mode-dark.app-theme-12 { --chat-accent-soft: rgba(205, 145, 90, .18); }

.app-mode-dark .chat-box .dropdown-menu.chat-menu { background: var(--chat-bg); border-color: var(--chat-border); }
.app-mode-dark .ct-quote { background: rgba(255, 255, 255, .07); }
.app-mode-dark .ct-file { background: rgba(255, 255, 255, .06); }
.app-mode-dark .ct-file:hover, .app-mode-dark .ct-file:focus { background: rgba(255, 255, 255, .1); }
.app-mode-dark .ct-row.mine .ct-quote, .app-mode-dark .ct-row.mine .ct-file { background: rgba(0, 0, 0, .18); }
.app-mode-dark .ch-text small.online { color: #4ade80; }
.app-mode-dark .ci-badge.muted { background: #4b5563; }
.app-mode-dark .ct-file-chip button { background: #6b7280; }
.app-mode-dark .chat-modal-backdrop { background: rgba(0, 0, 0, .65); }
/*End: Chat*/