﻿.k-grid td {
    padding: .3em 0.5em;
}

.k-grid .k-alt {
   background-color: #FAFAFA; /* specify the alternate background-color */
}



.k-textbox {
    border-color: #ddd !important;
}


.k-dropdown .k-state-default {
    border-color: #ddd !important;
 
}

.k-header, .k-grid-header, .k-header {
    background-color: #83D1EE;
}

.k-grid-header .k-header .k-link, .k-grid-header .k-header, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-header, .k-scheduler-agendaview .k-scheduler-datecolumn {
    /* color: #a8a8a8; */
    color: #83D1EE;
}

.k-pager-numbers .k-state-selected {
    border-color: #71CCCD transparent transparent;
    border-radius: 0;
    box-shadow: none;
    color: #71CCCD;
}

.k-grid .k-header .k-button, .k-scheduler .k-header .k-button, .k-scheduler .k-header li, .k-scheduler .k-header .k-link, .k-gantt > .k-header li, .k-gantt > .k-header .k-link, .k-gantt-toolbar .k-button, .km-pane-wrapper .k-header .k-button {
    color: #ffffff;
    background-color: transparent;
    border-color: #fff;
    /*box-shadow: none;*/
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.k-grid .k-header .k-button:hover, .k-scheduler .k-header .k-button:hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link, .k-gantt .k-gantt-toolbar .k-button:hover, .km-pane-wrapper .k-header .k-button:hover {
    background-color: transparent;
    border-color: transparent;
}

.k-textbox{
    width:100%; 
}

.k-dropdown{
    width:100%; 
    max-width:280px;
}


.k-grid-toolbar:first-child, .k-grouping-header+.k-grid-toolbar {
    border-width: 0px 0px 1px 0px;
    /*border-color: #e6e6e6;*/
}

.k-header.k-grid-toolbar {
    border-color: #3343a4; 
}

.k-button[disabled], .k-button.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-button:hover, .k-button.k-state-disabled:hover, .k-state-disabled .k-button:active, .k-button.k-state-disabled:active, .k-button.k-state-disabled:active:hover {
    color: #999;
    border-color: #fafafa;
    background-color: #fafafa;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
}


.k-grid-header th.k-header, .k-filter-row th {
   
    white-space: normal;
    
}