/* ==========================================================================
   Custom overrides for Kendo theme
   ========================================================================== */

.k-list { white-space: nowrap; }

/* multiselect (used for multiselect filters) */
.k-filter-menu div.k-multiselect-wrap .k-button {
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
} 

/* Override default word-wrapping of the items in Kendo UI Dropdown  */
.k-list-container {
     /*width: 280px !important;*/
    width: auto !important;
    min-width: 180px;
    max-width: 350px;
}

.k-button  {border-radius: 2px; text-transform:uppercase; color:#fff!important; background:#333; border-color:#333;}
.k-button.k-window-action { color:inherit !important; }
.k-group-indicator > .k-button { color:inherit !important; }
/*.k-button  {text-transform:uppercase; }*/
.k-button:hover, .k-button:focus , .k-primary:active {background-color:#1A1A1A; border-color:#1A1A1A; color:#fff; }

.k-button.k-primary,
.k-primary,
.k-overflow-container .k-primary {
  color: #ffffff;
  border-color: #008B91;
  background-color:#008B91;
}
.k-primary:focus,
.k-primary.k-state-focused,
.k-primary:hover, .k-primary:active  {
  color: #ffffff;
  border-color: #00598F;
  background-color:#00598F;
}
.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: 0 0 3px 0 #008B91;
  box-shadow: 0 0 3px 0 #008B91;
}

.k-button[disabled], 
.k-button.k-state-disabled, 
.k-state-disabled .k-button, 
.k-button[disabled]:hover,
.k-state-disabled .k-button:hover, 
.k-button.k-state-disabled:hover, 
.k-button[disabled]:active,
.k-state-disabled .k-button:active, 
.k-button.k-state-disabled:active,
.k-primary.k-state-disabled,
.k-state-disabled .k-primary,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:hover,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:active,
.k-primary.k-state-disabled:active {
  color: #a6a6a6!important;
  border-color: #ccc;
  background-color: #f0f0f0;
  background-image: none;
  background-image: none, -webkit-linear-gradient(top, );
  background-image: none, -moz-linear-gradient(top, );
  background-image: none, -o-linear-gradient(top, );
  background-image: none, linear-gradient(to bottom, );
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
    background-color:#fff;
}

/* Control the width of the Grid Popup*/
.k-edit-form-container {
    width: 100%;
}

/*.editor-label {
    width: 120px;
    background-color: yellow;
}

.editor-field {
    margin: auto;
    width: 100%;
    background-color: pink;
}*/

.k-multiselect-wrap {
    border-color: #c5c5c5
}

.k-animation-container {
    padding: 0 2px 4px 2px;
    margin-left: -2px;
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    padding: .177em 0 !important;
}

.k-tabstrip-scrollable .k-tabstrip-items {
    white-space: normal;
    margin-left: 0;
    margin-right: 0;
}

.k-widget, .k-widget * {
    box-sizing: border-box;
}

.k-item label {
    font-weight: normal;
    margin-left: 4px;
}

input[type='radio'], input[type='checkbox'] {
    margin: 4px 0 0;
    margin-right: 4px;
    margin-top: 0px;
}

.multiselect .k-button {
    width: auto !important;
    font-size: 11px;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 5px !important;
}

.multiselect .k-multiselect {
    min-height: 59px;
    max-height: 59px;
    overflow-y: scroll;
    min-width: 150px !important;
    max-width: 150px !important;
}

.multiselectwide .k-multiselect {
    max-width: 40% !important;
}

.multiselect .k-i-close {
    font-size: 8px !important;
}

span.k-autocomplete > .k-input {
    width: 77% !important;
    border-color: #cccccc;
    float: left !important;
}

li.k-filter-item.k-state-disabled > span.k-link {
    pointer-events: all !important;
}

li[id^=li_].k-state-disabled > span.k-link {
    pointer-events: all !important;
}