/*Kendo Controls Styling.*/

.km-button, .k-button {
    min-width: 90px;
    border-color: #C0C0C0 !important;
}

.km-state-active {
    background-color: #8ebc00 !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

.kControl .k-state-disabled {
    background-color: lightgray !important;
    opacity: 1;
}

    .kControl .k-state-disabled input {
        background-color: lightgray !important;
    }

.kControl .km-state-disabled span {
    background-color: lightgray !important;
    opacity: 1;
}

.kControl k-widget k-maskedtextbox k-state-disabled {
    color: black !important;
}

.kControl .k-input,
.kControl .k-textbox > input,
.kControl input.k-textbox,
.kControl textarea.k-textbox,
.kControl textarea.k-textbox:hover {
    color: black !important;
}

.kControl .unselectableInput li {
    background-color: lightgray !important;
    color: black !important;
    opacity: initial !important;
    pointer-events: none;
}

.kControl .k-dropdown .k-input,
.kControl .k-menu .k-popup {
    color: black !important;
}

.kControl .km-button {
    font-size: 14px;
}

.kControl .k-dropdown .k-dropdown-wrap, .kControl .k-picker-wrap {
    height: 29px;
}

.kControl .k-autocomplete .k-input,
.kControl .k-dropdown-wrap .k-input,
.kControl .k-selectbox .k-input,
.kControl .k-textbox > input {
    line-height: 1.8em;
    height: 2.2em;
}

.kControl .k-picker-wrap .k-input {
    line-height: 25px;
    height: 29px;
}

.kControl .k-numeric-wrap .k-input {
    line-height: 25px;
    height: 29px;
}

.kControl .k-numeric-wrap,
.kControl .k-textbox {
    height: 29px;
}

.k-i-close, .k-link:not(.k-state-disabled):hover > .k-i-close {
    background-position: -31px -15px !important;
}


.kControl .k-numerictextbox .k-link {
    height: 13.5px;
}

.kControl .k-combobox .k-dropdown-wrap:before,
.kControl .k-numeric-wrap:before,
.kControl .k-picker-wrap:before {
    height: 1.8em;
}

.kControl .km-widget.km-buttongroup .km-button {
    padding: 3px;
}

.kControl .km-button:hover {
    opacity: .8;
    color: black !important;
}

.kControl .k-button.km-button:hover {
    background-color: #8ebc00;
}

.kControl .k-button.km-button {
    text-transform: none;
    font-size: 14px;
    padding: 6.5px !important;
    background-color: white;
    line-height: 1.143em;
}

.kControl .k-button:hover {
    opacity: .8;
    color: black !important;
}

.kCalc h4 {
    height: 28px;
}

.kCalc .col-sm-4 {
    border: 1px solid;
}

.kControl .k-switch-container {
    padding: 3px 3px;
}

.kControl .k-multiselectWide .k-button {
    min-width: 95px;
    padding-left: 0px;
}

.kControl .k-multiselect .k-button.k-state-hover {
    background-color: lightgray !important;
}

.kControl .k-multiselect-wrap {
    min-height: 2.004em;
}

    .kControl .k-multiselect-wrap li span {
        margin-right: 0;
    }

    .kControl .k-multiselect-wrap .k-input {
        height: 22px !important;
    }

.kControl .k-multiselect .k-icon,
.kControl .k-multiselect .k-sprite,
.kControl .k-multiselect .k-tool-icon {
    vertical-align: -webkit-baseline-middle;
}

.kControl .k-multiselect .k-i-close, .kControl .k-multiselect .k-link:not(.k-state-disabled):hover > .k-i-close {
    background-position: -31px -16px !important;
}


.kControl .tag-box-v7 {
    border-top: solid 1px #C0C0C0 !important;
    border-left: solid 1px #C0C0C0 !important;
    border-right: solid 1px #C0C0C0 !important;
}

.k-block > .k-header, .k-window-titlebar {
    margin-top: -35px !important;
}

.k-window-titlebar.k-dialog-titlebar {
    margin-top: auto !important;
    border-bottom-width: 1px;
    padding: 0.4em 0;
}

.k-dialog .k-dialog-title {
    color: #787878;
    font-size: 1em !important;
    padding: 0 .44em !important;
}

/* Fix select checkboxes in Kendo grids (broken by bootstrap) */
.kControl .k-grid input[type="checkbox"].k-checkbox {
    top: auto;
    left: auto;
}

.kControl .k-grid .k-state-selected {
    line-height: 2em;
}

.k-tooltip:not(.k-chart-tooltip) {
    border-color: #92c100 !important;
    background-color: #FCFFF9 !important;
    border-width: 1.5px;
}

.k-tooltip-content:not(.k-chart-tooltip) {
    padding: 4px 2px 4px 2px;
    color: black;
}