﻿.k-grid-header .k-link:link, .k-grid-header .k-link:visited, .k-grouping-header .k-link {
    color: #fff;
}

.k-filter-row th, .k-grid-header th.k-header {
    overflow: hidden;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    background-color: #008cb7 !important;
}

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    float: right;
    margin: -.5em -.6em -.4em 0;
    padding: .5em .2em .4em;
    position: relative;
    z-index: 1;
    color: inherit;
    color: #fff !important;
}

.k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header {
    border-color: #fff;
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
    color: #fff !important;
}

.k-active-filter, .k-state-active, .k-state-active:hover {
    background-color: transparent;
}

.context-menu-item {
    padding: 5px;
    background-color: transparent;
    font-size: 14px !important;
}

.k-menu-group .k-item > .k-state-active, .k-menu.k-context-menu .k-item > .k-state-active {
    color: #fff;
    background-color: #ff6358;
}

#columnChooser a:focus {
    outline: none;
}

/* Page Template for the exported PDF */
.page-template {
    font-family: "DejaVu Sans", "Arial", sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .page-template .header {
        position: absolute;
        top: 30px;
        left: 30px;
        right: 30px;
        border-bottom: 1px solid #888;
        color: #888;
    }

    .page-template .footer {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        border-top: 1px solid #888;
        text-align: center;
        color: #888;
    }

    .page-template .watermark {
        font-weight: bold;
        font-size: 400%;
        text-align: center;
        margin-top: 30%;
        color: #aaaaaa;
        opacity: 0.1;
        transform: rotate(-35deg) scale(1.7, 1.5);
    }

.custom-black-button {
    color: #fff !important;
    background-color: #666 !important;
}

.k-grid {
    font-size: 12px !important;
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
    bottom: 0px !important;
}

.k-grid-filter:hover, .k-grid-filter:focus {
    box-shadow: none;
    background-color: transparent;
}

.k-button{
    font-size: 11px;
    padding: 8px 15px;
}

.k-grid tr > td {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.k-grid .k-state-selected > td {
    background-color: #999 !important;
    color: #ffffff;
}

.k-grid .k-alt.k-state-selected > td {
    background-color: #999 !important;
    color: #ffffff;
}

.k-grouping-header .k-group-indicator, .k-header {
    border-color: #059DCC;
    background-color: #059DCC;
}

.k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-hierarchy-cell .k-icon {
    color: #ffffff;
}

.k-menu .k-item, .k-menu-scroll-wrapper .k-item, .k-menu-scroll-wrapper.horizontal > .k-item, .k-popups-wrapper .k-item, .k-popups-wrapper.horizontal > .k-item, .k-widget.k-menu-horizontal > .k-item{
    border: none;
}

.k-menu-group .k-menu-item {
    font-size: 14px;
    line-height: 1.6;
    padding: 5px 0px;
}

.k-menu:not(.k-context-menu) > .k-item {
    color: #333;
}

.k-menu .k-link.k-state-active, .k-menu .k-menu-scroll-button:hover, .k-menu .k-state-hover > .k-link {
    background: #bdb8b8 !important;
    color: #333;
    border-color: #bdb8b8;
}

.k-menu-group .k-item.k-state-hover, .k-menu-group .k-item:hover, .k-menu.k-context-menu .k-item.k-state-hover, .k-menu.k-context-menu .k-item:hover {
    color: #333;
    background-color: #ff6358;
}

.k-menu:not(.k-context-menu) > .k-item > .k-state-active {
    color: #333;
}

.k-grid-header .k-header > .k-link{
    color: #fff !important;
}


/* Override Kendo Default theme as per Ingenium */
.k-button.k-primary {
    border-color: #059DCC;
    color: #fff;
    background-color: #059DCC;
    padding: 8px 15px;
}

    


.k-button {
    border-color: rgba(0,0,0,.3); 
}

    .k-button.k-primary.k-state-active, .k-button.k-primary:active {
        border-color: #396ea5;
        color: #fff;
        background-color: #396ea5;
        outline: none;
    }

    .k-button.k-primary.k-state-hover, .k-button.k-primary:hover {
        border-color: #396ea5;
        color: #fff;
        background-color: #396ea5;
        outline: none;
    }


.k-menu-group .k-item.k-state-hover, .k-menu-group .k-item:hover, .k-menu.k-context-menu .k-item.k-state-hover, .k-menu.k-context-menu .k-item:hover {
    background: #bdb8b8 !important;
    color: #333;
    border-color: #bdb8b8;
}

.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
    color: #fff;
    background-color: #bdb8b8;
}

.k-list .k-item.k-state-hover.k-state-selected, .k-list .k-item:hover.k-state-selected, .k-list-optionlabel.k-state-hover.k-state-selected, .k-list-optionlabel:hover.k-state-selected {
    color: #fff;
    background-color: #bdb8b8;
}

.k-menu .k-item > .k-link, .k-menu-scroll-wrapper .k-item > .k-link, .k-popups-wrapper .k-item > .k-link {
    display: block;
    padding: 1.2em 1.2em 1.2em 1.2em;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.k-icon.k-i-sort-asc-sm, .k-icon.k-i-sort-desc-sm {
    position: absolute;
    top: 7px;
    right: 50px;
}

.k-primary.k-state-disabled, .k-primary.k-state-disabled:hover, .k-primary[disabled], .k-primary[disabled]:hover, .k-state-disabled .k-primary, .k-state-disabled .k-primary:hover {
    color: #fff !important;
    border-color: #059DCC !important;
    background-color: #059DCC !important;
    box-shadow: none;
    background-image: url(textures/highlight.png);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.25) 0,rgba(255,255,255,0) 100%) !important;
}

.k-datepicker {
    width: 100% !important;
}