/*
    Author: Srinivas Kacham
    Purpose: Kendo CSS customization
*/

.k-input {
    color: black !important;
}

.k-input, input.k-textbox, textarea.k-textbox, input.k-textbox:hover, textarea.k-textbox:hover, .k-textbox > input, .k-multiselect-wrap {
    color: black !important;
}

.k-widget .k-dropdown .k-dropdown-wrap .k-state-default {
    background-image: none;
    background-color: rgb(255, 216, 178);
}

k-widget .k-dropdown .mandatory > span .k-dropdown-wrap .k-state-default {
    background-color: rgb(255, 216, 178) !important;
}

.k-panelbar .k-content {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: normal;
}

.k-panelbar .k-header {
    background-image: none;
    background-color: #0c2440;
}

.k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link > .k-link .k-header {
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.k-panelbar > li.k-state-default > .k-link {
    color: white;
}

.k-panelbar > .k-link > .k-link.k-state-hover {
    color: white;
}

.k-panelbar > li > .k-state-selected {
    color: white;
}

.k-panelbar > li.k-state-default > .k-link.k-state-selected {
    color: white;
}

.k-panelbar > li.k-state-default > .k-link.k-state-hover {
    color: white;
}

.k-panelbar > li > .k-link {
    color: white;
}

.k-panelbar .k-state-hover.k-state-selected.k-link,
.k-split-container .k-state-active.k-button,
.k-toolbar .k-state-active.k-button {
    color: white;
}

.k-autocomplete .k-header {
    background-color: blueviolet;
}


.k-window {
    padding: 2px;
}

    .k-window .k-window-titlebar {
        background-color: #0c2440;
        text-align: left;
        font-weight: bold;
        color: white;
        width: auto;
    }

.k-widget .k-window .k-window-titlebar .k-window-actions .k-icon .k-i-close {
    background-position: -50px -60px;
}

.k-grid-top {
    text-align: left !important;
    background-color: rgba(192,218,241,1);
}

.k-grid .k-header {
    background-color: #0c2440;
    text-align: left;
    font-weight: bold !important;
}

.k-grid-header th.k-header {
    vertical-align: top;
}

.k-grid-header th.k-header, .k-filter-row th {
    text-align: center;
}

.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
    color: white;
}

.k-grid .k-header .k-link {
    color: white;
    font-weight: bold !important;
    vertical-align: top;
    white-space: pre-line;
}

.k-grid tbody .k-button {
    min-width: 25px;
}

.k-button-icontext .k-sprite {
    margin-right: 0px;
}

.k-grid td {
    vertical-align: top;
}

    .k-grid td.k-state-selected,
    .k-grid td.k-state-selected:hover,
    .k-grid tr.k-state-selected td,
    .k-grid tr.k-state-selected:hover td {
        background-color: #FFE39D;
        color: black;
    }

.k-ie8 .k-grid tbody button.k-button {
    min-width: 25px;
}

.k-grid tbody button.k-button {
    min-width: 25px;
}

.k-ie7 .k-grid tbody a.k-button {
    min-width: 25px;
}

.k-widget.k-tooltip-validation > span {
    height: 21px;
}

.k-widget.k-tooltip-validation {
    color: red !important;
    font-weight: bold;
}

.k-menu {
    background-color: rgb(47, 164, 231);
    background-image: none;
    color: #fff;
    font-size: 1.2em;
}

    .k-menu .k-item .k-link:visited {
        color: white !important;
        background-color: rgb(33,145,192);
    }

    .k-menu .k-item > k-state-selected {
        color: black;
        background-color: rgb(47, 164, 231);
    }

    .k-menu k-item k-state-highlight k-state-default {
        height: 25px;
    }

.k-button .k-grid-update {
    background-color: #bcb4b0 !important;
}

.k-button .k-state-active {
    color: white;
    background-color: #428bca;
}

.k-primary .k-icon {
    color: white;
}

.k-primary:hover, .k-primary.k-state-hover {
    color: white;
    background-color: #428bca;
}

.kDate {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mandatory > .k-state-default.k-dropdown-wrap {
    background-color: rgb(255, 216, 178) !important;
}

div.k-window-content {
    overflow: visible;
}

.k-edit-form-container {
    width: 100%;
}

.k-i-close {
    color: white;
}

span.k-tooltip {
    position: absolute;
}

.k_i_close_black {
    color: black;
}

.k-i-window-maximize,
.k-i-window-restore {
    color: white;
}

.k-tabstrip-items {
    color: white;
}

    .k-tabstrip-items .k-state-default {
        background-color: #0c2440;
        font-weight: bold;
    }

    .k-tabstrip-items .k-item.k-state-active {
        background-color: orangered;
        background-image: none;
        border-top-color: orangered;
    }

        .k-tabstrip-items .k-item.k-state-active > a:hover {
            color: white;
        }

    .k-tabstrip-items .k-state-default .k-link:hover {
        color: black;
    }

    .k-tabstrip-items .k-state-default .k-link {
        color: white;
    }

.k-state-selected.k-state-focused {
    box-shadow: none;
}

div.k-top .k-bot {
    background-color: red;
}

@media (max-width: 767px) {
    .k-menu.k-menu-horizontal .k-item {
        float: none;
    }
}

.backgrndheader > .k-panelbar > .k-item > .k-header {
    color: white;
    background-image: url("../default/jquery/start/images/ui-bg_gloss-wave_50_6eac2c_500x100.png");
}

.k-treeview .k-in {
    cursor: pointer !important;
}

span.k-i-plus {
    display: none;
}

span.k-i-edit {
    display: none;
}


.k-grid .k-button {
    border-color: #0c2440;
    padding-left: 10px;
    padding-right: 10px;
}

    .k-grid .k-button .k-icon,
    .k-grid .k-grid-add,
    .k-grid .k-grid-add.k-button:hover,
    .k-grid .k-grid-edit,
    .k-grid .k-grid-edit.k-button:hover,
    .k-grid-view-details {
        color: #0c2440;
    }

.k-grid > table {
    table-layout: fixed;
}

.k-widget.k-notification.k-notification-info {
    background-color: white;
}

.k-widget {
    color: black;
}

.k-grid .k-loading-image {
    background-image: none;
}

.k-grid .k-loading-color {
    opacity: 0;
}

.k-grid-header .k-icon {
    color: white;
}

.k-grid-filter.k-state-active > span {
    color: #0c2440;
}

.k-grid-footer td {
    background-color: #0c2440;
    color: white;
    border-color: #ccc;
    font-weight: 700;
}

.k-grid td {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.k-multiselect .k-button {
    color: white;
}

.k-splitbar {
    background-color: lightgray;
}

    .k-splitbar:hover {
        background-color: lightgray;
    }

.k-danger {
    background-color: red;
    color: white;
}

    .k-danger:hover {
        background-color: lightcoral;
        color: white;
    }

.k-hold {
    background-color: #ffc107;
    color: white;
}

    .k-hold:hover {
        background-color: rgb(211, 158, 0);
        color: white;
    }


.k-success {
    background-color: #1e7e34;
    color: white;
}

    .k-success:hover {
        background-color: #1e7e34;
        color: white;
    }