/*KENDO STEPPER*/
.imgBkg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-repeat: no-repeat;
    display: block;
    background-color: gray;
    opacity: .3;
}

.k-step-current .imgBkg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-repeat: no-repeat;
    display: block;
    background-color: green;
    opacity: 1;
}

.k-stepper .k-step-label .k-step-text {
    max-width: calc(10em - 20px);
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.k-stepper .k-step-done.k-step-disabled .k-step-indicator, .k-stepper .k-step-done:disabled .k-step-indicator {
    border-color: #dbdbdb;
    color: #fff;
    background-color: #fff;
}

.k-stepper .k-step-current.k-step-disabled .k-step-indicator, .k-stepper .k-step-current:disabled .k-step-indicator {
    border-color: green;
    color: #fff;
    background-color: green;
    width: 45px;
    height: 45px;
}

.k-step-disabled .k-step-text {
    opacity: .6
}

.k-step-current .k-step-text {
    color: green;
    opacity: 1 !important
}

.k-progressbar {
    width: 100% !important;
    margin-left: 0 !important;
}

.k-progressbar .k-state-selected {
    width: 0% !important;
}
/* END KENDO STEPPER */



/*GRID VALIDATION FOR CREATES*/
.k-widget.k-tooltip-validation {
    border-color: #000000;
    background-color: #000000;
    color: #ffffff;
}

.k-tooltip-validation .k-callout-n {
    border-bottom-color: #000000;
}

span.k-icon.k-warning {
    background-image: none;
    border-color: transparent;
}

.k-tooltip-validation .k-warning {
    vertical-align: text-top;
    margin-right: -17px;
}
/*End Grid Validation for Creates*/


.k-calendar-container .k-other-month .k-link{
    color: #d9d9d9 !important;
}

.k-calendar-container .k-link{
    color: #a9a9a9 !important;
}

.k-state-focused, .k-grouping-row .k-state-focused {
    border-color: #d9d9d9 !important;
}

.k-state-focused, .k-list>.k-state-focused, .k-listview>.k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused, .k-button.k-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px #d9d9d9 !important;
    box-shadow: inset 0 0 0 1px #d9d9d9 !important; 
}

.k-calendar .k-nav-fast.k-state-hover{
     background-color: #a9a9a9;
     color: #fff !important;
}

.k-calendar .k-today{
    box-shadow: inset 0 0 0 1px #a9a9a9;
}

/*color of grid cell border during edit upon hover */
.k-textbox:hover, .k-tiles li.k-state-hover {
    border-color: #666666;
}

/*color of "update" button of grid during edit*/
.k-primary, .k-overflow-container .k-primary {
    color: #fff;
    border-color: #999999;
    background-image: none;
    background-position: 50% 50%;
    background-color: #999999;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*color of grids "add new record" button border on mousedown*/
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 0px 0px;
    box-shadow: inset 0 0 0px 0px #666666;
}

.k-autocomplete{
    height:32px;
    background-color: #fff !important;
}

.k-dropdown .k-dropdown-wrap{
    height: 30px;
}


.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before {
    content: "\a0";
    display: inline-block;
    height: 24px;
    width: 0px;
}

	.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 {
    		height: 25px;
    		text-indent: .33em;
    		border: 0;
    		margin: 0;
	}

    .k-dropdown-wrap .k-input{
            /*height: 23px;*/
    		text-indent: .33em;
    		border: 0;
    		margin: 0;
    }

.k-datetimepicker > .k-state-default > .k-select {
    height: 30px !important;
}

.k-datepicker > .k-state-default > .k-select {
    height: 30px !important;
}

.k-datetimepicker .k-picker-wrap {
    height: 30px !important;
}

.k-datepicker .k-picker-wrap {
    height: 30px !important;
}

	.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    		line-height: 30px;
    		vertical-align: middle;
    		text-align: center;
    		height: 30px;
	}
        .x-k-datetimewidth{
            height:30px;
            width:100%;
        }

        .x-k-datewidth{
            height:30px;
            width:100%;
        }

        .k-grid-header{
            background-color: #dedede;
        }

        .k-grid-header th.k-header {
            vertical-align: bottom;
            background-color: #dedede;
        }


        .k-dropdown-wrap{
            border-radius:0;
        }

        .k-datepicker > .k-state-hover {
            background-color: #fff !important;
        }
        .k-datepicker > .k-state-hover > .k-input {
            background-color: #fff;
        }
        .k-numerictextbox > .k-state-hover {
            background-color: #fff !important;
        }
            .k-numerictextbox > .k-state-hover > .k-input {
                background-color: #fff;
            }
.k-numerictextbox > .k-numeric-wrap > .k-select {
    height: 100%;
    background-color: #ccc
}

        .k-state-default.k-autocomplete, .k-state-default.k-picker-wrap, .k-state-default.k-numeric-wrap, .k-state-default.k-dropdown-wrap {
            border-color: #c5c5c5;
            background-color: #fff;
            background-image: none;
        }
        .k-datetimepicker > .k-state-default.k-state-hover > .k-select{
            background-color:#999999;
        }
        .k-datetimepicker > .k-state-default > .k-select{
            background-color:#c5c5c5;
        }
        .k-datepicker > .k-state-default > .k-select{
            background-color:#c5c5c5;
        }

        .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list>.k-state-selected, .k-list>.k-state-highlight, .k-panel>.k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
            color: #fff;
            background-color: #999999;
            border-color: #999999;
        }

        .k-state-hover,.k-state-hover:hover,.k-splitbar-horizontal-hover:hover,.k-splitbar-vertical-hover:hover,.k-list>.k-state-hover,.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,.k-pager-wrap .k-link:hover,.k-dropdown .k-state-focused,.k-filebrowser-dropzone,.k-mobile-list .k-item>.k-link:active,.k-mobile-list .k-item>.k-label:active,.k-mobile-list .k-edit-label.k-check:active,.k-mobile-list .k-recur-view .k-check:active{
            color:#fff;
            background-color: #ccc;
            border-color:#b8b8b8;
            background-image:none;
        }

        .k-grouping-header{
            background-color: #3f3f3f;
            color: #ffffff;
        }
        .k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
            color: #999999;
        }
        .k-button:hover, .k-button.k-state-hover {
            color: #fff;
            border-color: #999999;
            background-color: #999999;
            background-image:none;
        }

        .k-button:active, .k-button.k-state-active {
            color: #fff;
            background-color: #b8b8b8;
            border-color: #b8b8b8;
        }

        .k-button:active:hover,.k-button.k-state-active:hover {
            color: #fff;
            border-color: #b8b8b8;
            background-color: #b8b8b8;
        }
        .k-pager-wrap .k-link.k-state-selected {
            background-color: #999999;
        }

        .k-button:hover, .k-button.k-state-hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover {
            background-image: none;
        }
        .k-button:focus:not(.k-state-disabled):not([disabled]) {
            /* -webkit-box-shadow: inset 0 0 0 1px #8ebc00; */
            box-shadow: none;
        }

@media screen and (max-width: 605px) {
    .k-datetimewidth {
        height: 38px;
        width: 90%;
    }

    .k-dropdown .k-dropdown-wrap{
        height: 38px;
    }
    .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{
        line-height: 2.4em;
    }
}

@media screen and (max-width: 768px) {
    .k-datetimewidth {
        width: 90%;
    }

    .k-dropdown .k-dropdown-wrap{
        height: 38px;
    }
    .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 {
        line-height: 2.25em;
        padding: .177em 0;
        text-indent: 0.33em;
        border: 0;
        margin: 0;
    }

    .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    		line-height: 30px;
    		vertical-align: middle;
    		text-align: center;
    		height: 30px;
	}
}

@media all and (max-width:768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .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{
        line-height: 2.7em;
    }
}