.GridNoFooter .k-grid-footer {
    display: none;
}

/* for DSP Summary Page */
.ExpensesInvGridClass   {
    border: none !important;
}

.ExpensesInvGridClass table tr td {
    border: none !important;
}
/* for DSP Summary Page End */

.k-button {
    text-transform: none !important;
}


.k-grid .k-edit-cell textarea {
    width: 98%;
}

.k-calendar-container .k-button, .k-calendar-container .k-edit-form-container .k-primary:active, .k-calendar-container .k-popup .k-button, .k-calendar-container .k-popup .k-primary:active {
    color: white;
}

.k-panelbar > .k-item > .k-link.k-state-selected, .k-panelbar > .k-panelbar-header > .k-link.k-state-selected {
    background-color: cornflowerblue;
    color: white;
}

    .k-panelbar > .k-item > .k-link.k-state-selected, .k-panelbar > .k-panelbar-header > .k-link.k-state-selected:after {
        content: ">>";
    }

.k-panelbar > .k-item > .k-link.k-state-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected {
    background-color: cornflowerblue;
    color: white;
}

    .k-panelbar > .k-item > .k-link.k-state-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected:after {
        content: ">>";
    }

.k-datepicker > .k-input-button, .k-input-button.k-button {
    height: unset !important;
}

.k-menu:not(.k-context-menu) .k-link {
    color: inherit;
}

.panelBarHeader {
    background-color: #458ecd;
    line-height: 2.3rem;
    color: white;
    border-radius: 2px;
}


/*over ride kendo loading animation*/
.k-loading-image,
.k-loading-image:before,
.k-loading-image:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.k-loading-image {
    background-image: none;
    color: #67d2e8;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .k-loading-image:before,
    .k-loading-image:after {
        content: '';
        position: absolute;
        top: 0;
    }

    .k-loading-image:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .k-loading-image:after {
        left: 3.5em;
    }

/*over ride kendo loading animation end*/

.k-menu-link input {
    margin-right: 5px !important;
}

.k-menu-link:first-child {
    margin-right: 10px !important;
}

.k-combobox > .k-dropdown-wrap > .k-clear-value {
    /*right: calc(3.67142857em - 8px);*/
    display: none;
}

.k-combobox > .k-input, .k-widget.k-input {
    border-color: #8b8b8b;
    color: #444;
    background-color: white;
    padding-left: 5px;
}

.k-input.hove, .k-input:hover, k-widge.tab-icon.k-input.k-hover, k-widge.tab-icon.k-input:hover {
    border-color: #8b8b8b !important;
    background-color: white !important;
}

.k-input:focus-within, k-widget.k-input:focus-within {
    border-color: #8b8b8b !important;
    background-color: white !important;
}

.k-listbox .k-item, .k-popup .k-list .k-item {
    border-top: 1px solid #eee !important;
}

.k-menu .k-item > .k-link {
    /*user for export button*/
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
}


/* Kendo Upload Dropzone */
.dropZoneElement {
    position: relative;
    display: inline-block;
    background-color: #aaa;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    width: 100%;
    height: 100%;
    text-align: center;
}

.ddlLooks .k-multiselect-wrap {
    border: 1px solid #888;
    border-radius: 3px;
}

.kendoFileListNoActionButtonOnly .k-action-buttons {
    display: none;
}

.kendoFileListNoActionButton .k-action-buttons {
    display: none;
}

/* hide the select file button*/
.kendoFileListNoActionButton .k-dropzone {
    display: none;
}

.dzTextWrapper {
    height: 100%;
    width: 100%;
    font-size: 16px;
    line-height: 1.2em;
    font-family: Arial,Helvetica,sans-serif;
    color: wheat;
    vertical-align: middle;
}

.reOrderPlaceholder {
    color: maroon;
    font-weight: bold;
}


/* Kendo Upload Dropzone with Icon view only*/
.dropZonePtyIconElement {
    margin-top: 5px;
    position: relative;
    display: inline-block;
    background-color: #aaa;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    width: 100%;
    height: 95px;
    text-align: center;
    cursor: pointer;
}

.dropZonePtyDFIconElement {
    margin-top: 2px;
    position: relative;
    display: inline-block;
    background-color: #aaa;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    width: 120px;
    height: 95px;
    text-align: center;
    cursor: pointer;
}


.dropImageHereText {
    color: wheat;
    text-transform: uppercase;
    font-size: 12px;
}

.dropIcon {
    width: 100%;
    height: 100%;
    padding-top: 8px;
}

.kendo-fixed-header {
    top: 0px;
    position: fixed;
    width: auto;
    z-index: 1;
}

.k-text-primary {
    color: #6a89cc !important;
}

    .k-text-primary:hover {
        color: #3c5996 !important;
    }

.k-input-inner {
    padding: 2px 2px 2px 4px;
}

.datepicker.k-input-inner {
    padding: 2px 2px 2px 1px;
}

.k-grid-edit-row .k-input-inner {
    text-align: center;
}



select.k-dropdown {
    padding: 0;
}

.k-label input[type="checkbox"] {
    margin-right: 5px;
}

.k-datepicker {
    padding: 0px;
    padding-left: 3px;
    height: 1.75rem;
    min-width: 42px;
    color: black;
    /*    display: inherit;*/
}

/****************Grid*************/
/**************** changing here will affect all other module************/

.k-grid .k-edit-cell {
    padding: 0.5em;
    line-height: 26px;
}

.k-grid {
    display: block;
    width: 100%;
    /*overflow-x: auto;*/
    border-radius: 0.25rem;
    border: 1px solid #bbb;
}

    .k-grid .k-button {
        text-transform: none !important;
        background-color: transparent;
    }

    .k-grid .k-grid-toolbar .k-button {
        font-weight: bold;
        background-color: #eeeeee;
        color: #323435;
    }


.k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link {
    color: white;
    background-color: #458ecd;
}

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

.k-grid .k-column-title {
    white-space: normal;
}

.k-grid-header th.k-header {
    vertical-align: middle;
    white-space: normal;
    padding: 5px;
}

.k-command-cell button {
    text-align: left;
    color: #00008b;
}

/*.k-grid-lockedcolumns {
    white-space: normal;
}

*/
    .k-grid-lockedcolumns > .k-grid-header > .k-grid-header-wrap th.k-header {
        padding: 0px;
    }

.k-grid .k-icon {
    opacity: 1;
    display: block;
    vertical-align: middle;
    margin: auto;
}

.k-header .k-grid-filter {
    bottom: unset;
}

.k-grid .k-header.k-filterable {
    position: relative;
    padding-right: calc(20px + 1em) !important;
}

.k-grid .k-cell-inner > .k-link > .k-icon {
    color: white;
    vertical-align: middle;
}

.k-grid .k-cell-inner > .k-link {
    display: block;
    vertical-align: middle;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
}

.k-grid .k-cell-inner {
    white-space: normal;
    /*padding: 0.3rem 0.3rem;*/
    text-align: center;
}

.k-master-row td {
    white-space: normal;
    padding: 0.3rem 0.3rem;
}


.k-grid .k-dirty {
    /*hide the small top left triangle on each cell*/
    display: none;
}


.k-grid .k-alt {
    background-color: rgba(50, 53, 55, 0.06);
}


.k-i-more-vertical:before {
    content: "\e12b";
    font-size: x-large;
}

.k-grid tbody tr:hover, .k-grid tbody tr.k-state-hover {
    background-color: rgba(144, 203, 190, 0.50);
}

.k-tr-hover-custom {
    background-color: rgba(144, 203, 190, 0.50);
}

.k-grid-header .k-header > .k-link {
    white-space: normal;
    padding: 0.75rem 0.4rem;
    text-align: center;
}

.k-grid th {
    border-color: white !important;
    border-bottom-color: white !important;
    border-top-color: white !important;
}

.k-grid tr td {
    border-color: #bbb !important;
    border-bottom: 1px solid #8b8b8b !important;
}

.k-grid-content tr td {
    border-left-width: 1px !important;
}

k-grid th, .k-grid td {
    padding: 0.3rem 0.3rem;
}

.k-header-column-menu .k-icon {
    position: unset;
    margin: -5px;
}

.k-grid-content-locked {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: maroon;
}

.k-grid-filter.k-state-active {
    background-color: transparent;
    color:brown;
}

.k-grid-filter.k-active, .k-grid-filter.k-state-active {
    background-color: transparent;
    color: brown;
}

.k-header-column-menu.k-active {
    background-color: transparent;
    color: brown;
}

/*Use for fix width with text warp for long text like file names*/
.GridTableFixedLayout.k-grid table {
    table-layout: fixed;
}

/*.k-grid-header .k-grid-filter{
    margin: auto;
}

.k-grid-header th.k-header > .k-link {
    margin: auto;
    padding: 6.4px;
}*/



/*** Form Control */
.k-combobox {
    border: 1px solid #8b8b8b
}

.k-dropdowntree {
    border-color: #8b8b8b;
    color: #212529;
    background-color: white;
    padding: 0rem 0.3rem 0rem 0rem;
    height: 1.8rem;
    border-width: 1px;
}
    .k-dropdowntree > .k-input-values:after {
        content: "\e916";
        font-family: 'cew-iconset-v2';
        display: inline-block;
        font-size: 1.3em;
        color: black;

    }

    .k-dropdowntree > .k-input-values >.k-icon {
        background-color:grey;
    }

    .k-dropdown .k-dropdown-wrap, .k-combobox .k-select, .k-select, .k-timepicker .k-select, .k-datetimepicker .k-select, .k-dateinput .k-select, .k-dropdowntree .k-dropdown-wrap, .k-editor-toolbar a.k-tool, .k-numerictextbox .k-select, .k-handle, .k-map .k-navigator, .k-gantt-views li, .k-task-single, .k-scheduler-navigation .k-nav-today, .k-scheduler-navigation .k-nav-prev, .k-scheduler-navigation .k-nav-next, .k-scheduler-views li, .k-scheduler-footer li {
        border-color: #8b8b8b;
        color: #212529;
        background-color: white;
        padding: 0rem 0.3rem 0rem 0rem;
        height: 1.8rem;
    }


.k-picker, .k-widget.k-picker {
    border-width: 1px;
    border-color: #8b8b8b;
    color: #212529;
    background-color: white;
    padding: 0px;
    height: 1.8rem;
}

    .k-picker:hover, .k-widget.k-picker:hover {
        border-width: 1px;
        border-color: #8b8b8b;
        color: #212529;
        background-color: white;
        padding: 0px;
        height: 1.8rem;
    }

/*    .k-picker .k-input-button {
        margin-top: -4px;
        padding-right: 0px;
        padding-top: 0px;
    }*/

.k-in, .k-item {
    font-size: 13px;
}

.k-dropdown span.k-input-inner, .k-dropdowntree span.k-input-inner {
    padding-left: 5px;
}

.k-treeview-leaf.k-focus {
    border-color: transparent;
    box-shadow: none !important;
}

/*.k-hover:hover {
    border: unset;
}*/

/*.k-datepicker .k-select {
    padding: 0rem 0.5rem 0rem 0rem;
}*/

k-autocomplete, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    padding: 0rem 0.3rem 0rem 0.3rem;
}

.k-combobox, .k-combobox .k-input, .k-datepicker, .k-datepicker .k-input, .k-datetimepicker, .k-datetimepicker .k-input, .k-timepicker, .k-timepicker .k-input {
    background-color: white;
    border-color: #8b8b8b;
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    line-height: 1.3rem;
    text-indent: 0.2rem;
}

.k-multiselect {
    border-color: #8b8b8b;
    color: #212529;
    background-color: white;
    border-width: 1px;
} 

.k-selection-multiple .k-input-inner {

    padding-left:5px;
}


element.style {
}

.k-chip-solid-base {
    border-color: rgba(68,68,68,.3);
    color: #444;
    background-color: rgba(68,68,68,.08);
}

.k-multiselect .k-chip {
    height: 25px;
    font-size: 13px;
}

.k-dropdown-wrap .k-select {
    line-height: 1.6em;
}

.k-widget {
    font-size: 0.8rem;
}

.k-datepicker .k-picker-wrap, .k-textbox {
    border-style: none;
}

.k-datetimepicker .k-picker-wrap, .k-textbox {
    border-style: none;
}

.k-filter-menu-container .k-textbox {
    border-style: solid;
    border-color: #888;
    line-height: 1.5rem;
}

.k-filter-menu-container .k-datepicker .k-picker-wrap {
    border-style: solid;
    border-color: #888;
    line-height: 1.8rem;
}

.k-filter-menu-container .k-dropdown-wrap .k-select {
    visibility: hidden;
}



.k-button-group .k-button {
    color: black;

    border-radius: 3px;
    border: 1px solid #bbb
}

    .k-button-solid-base.k-selected{
        background-color:darkblue;
        color:white;
    }

    .k-button-group .k-button.k-active, .k-button-group .k-button:active {
        color: white;
        background-color: #3c5996;
        border-radius: 3px;
    }

.k-header.k-grid-toolbar {
    background-color: white;
}


.tab-icon.k-icon {
    position: unset;
}



.k-list-filter > .k-textbox {
    border: 1px solid #8b8b8b;
    margin-top: -50px !important;
}

.k-list-filter > .k-input {
    border: 1px solid #8b8b8b;
    margin-top: -60px !important;
    width: 100%;
    height: 1.7rem;
}

.k-list-filter {
    padding: 0;
}

.k-list-item.k-selected {
    background-color: darkgray;
    color: white;
}

.k-list-filter > .k-icon {
    margin-top: -25px !important;
}
/***************** list selected background color***********************/
.k-list .k-item.k-state-selected {
    color: black;
    /*background-color: #a9a9a9;*/
}


/**********************color***********/

.k-bg-primary {
    background-color: #082769;
}


.k-active-filter, .k-state-active, .k-state-active:hover, .k-tabstrip .k-state-active {
    background-color: transparent;
}

element.style {
}

/* Kendo tilelayout */
.k-tilelayout-item-body {
    overflow-y: auto;
    overflow-x: hidden;
}



.k-card > .k-card-header:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.k-tilelayout-item-header.k-card-header {
    color: black;
    background-color: #c7c7c7;
    min-height: 19px;
}

.k-tilelayout-item-header {
}

    .k-tilelayout-item-header h5 {
        color: black;
    }


/* color */

.k-primary {
    color: #fff;
    border-color: #3f51b5;
    background-color: #3f51b5;

}