﻿/*BUTTON START*/

.k-button {
    height: 25px;
    font-size: 12px;
    border-radius: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    background-color: white;
    color: rgb(0,75,133);
    background-image: linear-gradient(rgba(255,255,255,.075)50%, rgba(0,0,0,.045)100%);
}

.k-button:hover:not([disabled]),
.k-button:enabled:hover,
.k-button:focus:hover {
    background-color: rgb(0,75,133) !important;
    color: white;
    background-image: linear-gradient(rgba(0, 0, 0, 0.055) 50%, rgba(0,0,0,.035)100%);
}

.k-button.k-state-active, .k-button:active {
    background-color: rgb(127,156,190);
    border-color: rgb(127,156,190);
    border-width: 1px;
    box-shadow: none;
}

.k-button[disabled],
.k-button[disabled]:hover
{
    background-color: white;
}

.k-button:active:hover:not([disabled]),
.k-button:enabled:active:hover,
.k-button.k-state-active:hover {
    color: #aeb3bc;
    border-color: #aeb3bc;
    background-image: linear-gradient(rgba(0, 0, 0, 0.055) 50%, rgba(0,0,0,.035)100%);
    box-shadow: inset 0 0px 0px #c5c9cf, 0 0 3px rgba(0,0,0,.45) !important;
}


.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: white;
}

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    background-color: white;
    box-shadow: none;
    border-color:#8b939f;
}

.k-button.k-state-disabled,
.k-button[disabled] {
    color:#c3c3c3;
    border-color:#c5c5c5;
}

/*BUTTON END*/


/*GRID START*/
.k-grid {
    font-size: 12px;
    border:none;
}

.k-grid .k-grid-content table {
    /*height: 100%;*/

}

.k-grid .k-grid-header-locked th:last-of-type{
    border-right: 1px solid #c5c5c5;
}

.k-grid .k-grid-content tr:last-of-type > td,
.k-grid .k-grid-content-locked tr:last-of-type > td {
    border-bottom-width: 1px;
}

.k-grid .k-grid-header,
.k-grid .k-grid-header-locked{
    border:none;
}

/*GRID CONTENT CELL*/
.k-grid .k-grid-content td,
.k-grid .k-grid-content-locked td{
    padding: 0.1em 0.4em;
    height:25px !important;
    white-space:nowrap !important;
    text-overflow:ellipsis;
}

/*EVERY OTHER ROW*/
.k-grid .k-grid-content .k-alt,
.k-grid .k-grid-content-locked .k-alt{
    background-color: white;
}

/*ROW HOVER*/
.k-grid .k-grid-content tr:hover,
.k-grid .k-grid-content-locked tr:hover{
    background: #e2e4e7;
}

/*ROW SELECTED*/
.k-grid .k-grid-content td.k-state-selected,
.k-grid .k-grid-content tr.k-state-selected,
.k-grid .k-grid-content-locked td.k-state-selected,
.k-grid .k-grid-content-locked tr.k-state-selected {
    background-color: #c5c9cf;
    color: black;
    border-bottom: 0px;
}

/*GRID HEADER BACKGROUND COLOR*/
.k-grid .k-grid-header,
.k-grid .k-grid-header th {
    background: #8b939f;
}

/*GRID HEADER TEXT COLOR*/
.k-grid .k-grid-header .k-header,
.k-grid .k-grid-header .k-header > .k-link {
    color: white;
    white-space: normal;
    vertical-align: top;
    font-weight: bold;
}

    .k-grid .k-header.k-grid-toolbar.k-grid-top {
        padding-bottom: 5px;
        border: none;
        background: #8b939f;
    }

.k-grid-header-wrap.k-auto-scrollable {
    border-left: solid 1px #8b939f;
}

.k-dirty {
    border-width: 0;
}

/*GRID FOOTER*/
.k-grid .k-grid-footer {
    background: #8b939f;
}

.k-grid .k-grid-footer td {
    background: #8b939f;
    color: white;
    padding: 1px;
    border-right: solid 1px inset;
}

/*GRID END*/

/*SLIDER START*/
.k-slider-horizontal .k-button {
    background: none;
    background-color: none !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}

.k-slider-horizontal .k-button,
.k-slider-horizontal .k-button:active,
.k-slider-horizontal .k-button.k-state-active,
.k-slider-horizontal .k-button:active:hover,
.k-slider-horizontal .k-button.k-state-active:hover,
.k-slider-horizontal .k-button-increase:hover, 
.k-slider-horizontal .k-button-decrease:hover{
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none;
}

.k-slider-horizontal .k-slider-track {
    height: 4px;
}

.k-slider-horizontal .k-slider-selection {
    display: none;
}

.k-slider-horizontal .k-draghandle,
.k-slider-horizontal .k-draghandle:hover {
    width: 5px;
    height: 5px;
    top: -5px;
    border: 4px solid rgb(0, 40, 125);
    background-color: rgb(0, 40, 125);
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.k-slider-horizontal .k-label {
    height: 20px;
}

.k-slider-vertical .k-slider-track {
    background-color: rgb(0, 40, 125);
    width: 4px;
}

.k-slider-vertical .k-slider-selection {
    display: none;
}

.k-slider-vertical .k-draghandle,
.k-slider-vertical .k-draghandle:hover {
    width: 5px;
    height: 5px;
    left: -5px;
    border: 4px solid rgb(0, 40, 125);
    background-color: rgb(0, 40, 125);
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.k-draghandle:focus {
    outline:none;
}

/*SLIDER END*/
/*TABSTRIP START*/

.k-tabstrip-wrapper {
    height: calc(100% - 200px);
}

div.k-tabstrip {
    background: none transparent;
    border-width: 0;
    border: none;
    height: 100%;
}

div.k-tabstrip .k-tabstrip-items {
    padding: 0;
}

    div.k-tabstrip .k-tabstrip-items .k-item:not(.k-state-disabled):hover {
        background: #0075d0;
    }

div.k-tabstrip .k-tabstrip-items .k-item.k-state-active:hover {
    background: #004b85;
}

.k-tabstrip-items .k-item {
    border: none !important;
    margin: 2px !important;
    border-radius: 0;
    font-size: 14px;
    background-color: #c5c9cf;
    background-image: none !important;
}

.k-tabstrip-items .k-link {
    color: #e2e4e7;
}

.k-tabstrip-items .k-state-default .k-link,
.k-tabstrip-items .k-state-active .k-link {
    color: #004b85;
}

.k-tabstrip-items .k-state-hover .k-link {
    color: white;
}

.k-tabstrip-items .k-state-active .k-link {
    color: white;
}

.k-tabstrip-items .k-state-default {
    border: none;
    background: white;
}

.k-tabstrip-items .k-state-active {
    border: none;
    background: #004b85;
}

.k-tabstrip-items .k-state-default .k-loading {
    color: white;
}

.k-tabstrip-items .k-state-active .k-loading {
    color: #004b85;
}

.k-tabstrip-items .k-state-hover .k-loading {
    color: #0075d0;
}

div.k-tabstrip:focus {
    box-shadow: none;
}

/*TABSTRIP END*/


/*RADIO BUTTONS*/

.k-radio-label:before {
    border-color: rgba(0, 40, 125, 0.5);
}
.k-radio {
    color: rgb(0,40,125) !important;
}

.k-radio:checked + .k-radio-label:after {
    color: rgb(0,40,125) !important;
    border-radius: 70%;
    border-color: rgb(0,40,125) !important;
    -webkit-box-shadow: 0 0 3px 0 rgb(0,40,125);
    box-shadow: 0 0 3px 0 rgb(0,40,125);
    width: 6px;
    height: 6px;
    top: 5px;
    left: 5px;
}

.k-radio:hover + .k-radio-label {
    color: rgb(0, 40, 125);
}

.k-radio:hover + .k-radio-label:before {
    border-color: rgb(0, 40, 125) !important;
}

.k-radio:focus + .k-radio-label:before {
    border-color: rgb(0, 40, 125);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-radio:active + .k-radio-label:before {
    border-color: rgb(0, 40, 125) !important;
    -webkit-box-shadow: 0 0 3px 0 rgb(0,40,125) !important;
    box-shadow: 0 0 3px 0 rgb(0,40,125) !important;
}

.k-radio:disabled {
    pointer-events: none;
    cursor: default;
}

.k-radio:disabled + .k-radio-label {
    pointer-events: none;
    cursor: default;
}

/*RADIO BUTTON END*/

/*CHECKBOX START*/

.k-checkbox-label:before {
    color: rgb(0, 40, 125) !important;
    border-color: rgba(0, 40, 125, 0.5);
    border-radius: 0;
}

.k-checkbox {
    border-color: rgb(0,40,125) !important;
    color: rgb(0,40,125) !important;
    border-radius: 0;
    margin: 0 !important;
}

.k-checkbox:hover + .k-checkbox-label:before {
    border-color: rgb(0,40,125) !important;
}

.k-checkbox:checked + .k-checkbox-label:before {
    border-color: rgba(0,40,125, 0.5);
}

.checkbox-container-right{
    float:right;
}

/*CHECKBOX END*/

/*GRID FILTER START*/

.k-filter-menu .k-animation-container .k-list-container .k-list > .k-state-selected {
    background-color: #a3a3a3 !important;
    color: black;
    border-color: #a3a3a3 !important;
}

.k-filter-menu .k-animation-container .k-list-container .k-list > .k-state-hover {
    background-color: #c1c1c1 !important;
    cursor: pointer;
}

.k-grid-filter.k-state-active {
    background-color: transparent;
    color: orange;
}

.k-grid-filter:hover {
    background-color: transparent;
    color:orange;
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm {
    margin-left: 0px;
    font-size: 17px;
    color: orange;
}
.k-header > .k-grid-filter {
    right:5px;
}

.k-grid-header th.k-header {
    position: relative;
}

.k-grid-header th > .k-link > .k-icon {
    position: absolute;
    top: 5px;
    right: -4px;
}



/*GRID FILTER END*/

.k-grid tbody .k-button{
    min-width: 0 !important;
}

.k-command-cell{
    padding: 0 !important;
    margin: 0 !important;
}

.k-widget.k-window {
    border: none !important;
    border-radius: 0 !important;
    color: white;
}

.k-window-titlebar{
    background: #8b939f;
    color: white;
    border:none;
    border-radius: 0;
}

ul.k-tabstrip-items.k-reset {
    height:39px !important;
}


/*DROPDOWN*/
.k-dropdown, 
.k-dropdown-wrap {
    border-radius: 0px !important;
}

.k-dropdown-wrap.k-state-default {
    height: 25px !important;
}

.k-dropdown-wrap.k-state-default.k-state-hover,
.k-dropdown-wrap.k-state-active {
    background: none !important;
    background-color: rgb(0,75,133) !important;
    color: white;
}

.k-dropdown-wrap.k-state-focused{
    background: none ;
}

.k-dropdown .k-state-hover .k-input,
.k-dropdown-wrap.k-state-active .k-input
{
    color:white;
}

.k-dropdown-wrap.k-state-default span{
    height: 25px !important;
    margin-top: -1px !important;
}
.k-list > .k-state-selected {
    border: none !important;
    background: none;
    color: #2e2e2e;
}
popup .k-list .k-item {
    border: none !important;
}

.k-list > .k-state-focused.k-state-selected {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.k-list > .k-item.k-state-hover {
    background:  rgb(0,75,133) !important;
    border: none !important;
    color:white !important;
    border-radius: 0 !important;
}

.k-splitter .k-ghost-splitbar {
    background-color: rgb(0,40,125) !important;
    border: none;
}

.k-splitter {
    background-color: transparent;
    border: none;
}

.k-window-actions .k-i-close {
    color: white !important;
}

.k-window-action:hover:not([disabled]),
.k-window-action:enabled:hover {
    background-color: transparent !important;
    box-shadow:none !important;
}

.k-widget.k-tooltip-validation {
    height:100%;
}