:root {
    --kendo-font-size: 12px;
    --kendo-color-primary: #5bc0de;
    --kendo-color-primary-hover: #31b0d5;
    --kendo-color-primary-active: #31b0d5;
    --kendo-color-secondary: #337ab7;
    --kendo-color-secondary-hover: #286090;
    --kendo-color-secondary-active: #0f4574;
    --kendo-color-info: #5bc0de;
    --kendo-color-info-hover: #31b0d5;
    --kendo-color-info-active: #31b0d5;
    --kendo-color-warning: #f0ad4e;
    --kendo-color-warning-hover: #ec971f;
    --kendo-color-warning-active: #ec971f;
    --kendo-color-on-warning: #ffffff;
    --kendo-color-success: #5cb85c;
    --kendo-color-success-hover: #449d44;
    --kendo-color-success-active: #449d44;
    --kendo-color-error: #d9534f;
    --kendo-color-error-hover: #c9302c;
    --kendo-color-error-active: #c9302c;
    /*--kendo-color-surface: #ffffff;*/
    --kendo-border-radius-sm: 2px;
    --kendo-line-height: 12px;
    --icon-height: 14px;
}

/*-----------------------------Input Start-------------------------------*/
.k-input, .k-picker {
    width: fit-content;
}

.k-table-row .k-input, .k-table-row:not(.k-filter-row) .k-picker {
    width: 100%;
}

.k-input-md .k-input-inner, .k-picker-md .k-input-inner {
    padding-left: 0;
    padding-right: var(--kendo-spacing-1\.5, 0.375rem);
}

.k-dropdownlist {
    max-width: 100%;
}

    .k-dropdownlist .k-input-inner {
        padding-inline: 0;
    }

.k-input-md .k-input-values, .k-picker-md .k-input-values {
    line-height: 30px;
}

.k-list-item-text {
    width: 100%;
}

    .k-list-item-text::before, .k-list-header-text::before, .k-list-optionlabel::before {
        content: "";
    }

.k-picker-solid, .k-input-solid {
    background-color: transparent;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline-width: 0 !important;
}

.k-input-md .k-input-button, .k-input-md .k-spinner-increase, .k-input-md .k-spinner-decrease, .k-picker-md .k-input-button, .k-picker-md .k-spinner-increase, .k-picker-md .k-spinner-decrease {
    padding-inline: 2px;
}

.k-input .k-button-md.k-icon-button {
    padding: 2px 5px;
}

.k-input-button {
    min-width: 20px !important;
}

.k-textarea {
    resize: vertical;
}

.k-list-scroller {
    overflow: auto !important;
}

.k-listbox {
    width: 300px;
    min-height: 400px;
    height: auto;
}

.k-listbox-actions button {
    width: 40px;
}

.k-list-item, .k-list-optionlabel {
    text-align: left;
}

.k-input-value-text::before {
    display: none;
}

.k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel {
    background-color: var(--kendo-color-base-hover, #ebebeb) !important;
}

.k-flatcolorpicker {
    min-width: 100%;
    width: 100%;
}

.k-colorpalette {
    border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.12));
}

.editorToolbarWindow {
    display: flex;
}

.k-editor-content, .k-editor-inline {
    padding-block: 10px;
}

.k-color-preview .k-icon {
    height: 12px;
}

.k-colorpicker .k-input-inner {
    padding-top: 2px !important;
    height: 20px !important;
}

.k-datepicker .k-input-inner {
    width: 80px;
}

.k-button-solid-info {
    background-color: var(--kendo-color-info, #5bc0de);
    border-color: var(--kendo-color-info, #5bc0de);
}

    .k-button-solid-info:hover, .k-button-solid-info.k-hover {
        border-color: var(--kendo-color-info-hover, #31b0d5);
        background-color: var(--kendo-color-info-hover, #31b0d5);
    }

.k-filter-toolbar .k-toolbar .k-button {
    box-shadow: none;
}

.k-textarea {
    border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.12)) !important;
    padding: 0 5px;
    background-color: var(--kendo-color-app-surface);
}

.k-editor {
    font-size: var(--kendo-font-size, 12px);
    line-height: var(--kendo-line-height-lg, 1.5em);
}
/*-----------------------------input End-------------------------------*/
/*-----------------------------Button Start-------------------------------*/
.k-button {
    padding: 7px 10px;
    min-width: 36px;
}

    .k-button.k-button-md:not(.k-more-events) {
        line-height: 1;
        min-height: 28px;
        height: 28px;
    }

    .k-button.k-button-md .k-icon {
        font-size: var(--icon-height, 14px);
    }

    .k-button.k-button-md.k-icon-button:not(.k-input-button) {
        padding: 7px 12px;
    }

        .k-button.k-button-md.k-icon-button:not(.k-input-button).k-icon-button {
            padding: 7px 6px;
        }

    .k-button.k-button-md.k-icon-button .k-button-icon {
        min-width: var(--icon-height, 16px);
        min-height: var(--icon-height, 16px);
        max-height: 22px;
    }

    .k-button .k-sprite, .k-svg-icon {
        height: var(--icon-height, 16px);
        width: auto;
        min-width: var(--icon-height, 16px);
        overflow: visible;
    }

    .k-button.k-button-md.k-icon-button .k-button-icon.k-svg-icon > svg, .k-button.k-button-md.k-icon-button .k-button-icon.k-icon-md > svg {
        width: var(--icon-height, 16px);
        height: var(--icon-height, 16px);
    }

/*button.k-button:not(.hidden):not(:last-of-type):not([data-page]):not(.k-spinner-increase), a.k-button:not(:last-of-type) {
    margin-right: 3px;
}*/
.k-button-group .k-button {
    margin-right: 0 !important;
}

.k-numerictextbox .k-spin-button button.k-button.k-button-md {
    height: auto;
    min-height: auto;
}
/*-----------------------------Button End-------------------------------*/
/*-----------------------------Checkbox Start-------------------------------*/
.k-checkbox.k-checkbox-md {
    width: 16px;
    height: 16px;
}
/*-----------------------------Checkbox End-------------------------------*/
/*-----------------------------Radio Start-------------------------------*/
.k-radio.k-radio-md {
    width: 16px;
    height: 16px;
}
/*-----------------------------Radio End-------------------------------*/
/*-----------------------------Grid Start-------------------------------*/
.k-grid-toolbar {
    padding: 6px;
}

    .k-grid-toolbar .grid-header {
        font-size: 1.5em;
        padding: 8px 16px;
    }

    .k-grid-toolbar > *:nth-child(2) {
        margin-left: auto;
    }

    .k-grid-toolbar > * {
        margin-right: 5px;
    }

        .k-grid-toolbar > *:last-of-type {
            margin-right: 10px;
        }

    .k-grid-toolbar .k-grid-add {
        background-color: var(--kendo-color-info);
        border-color: var(--kendo-color-info);
        color: var(--kendo-color-on-info);
        text-transform: uppercase;
    }

        .k-grid-toolbar .k-grid-add:hover, .k-grid-toolbar .k-grid-add:focus {
            background-color: var(--kendo-color-info-active);
            border-color: var(--kendo-color-info-active);
        }

    .k-grid-toolbar .k-grid-save-changes, .k-grid-save-command {
        background-color: var(--kendo-color-success);
        border-color: var(--kendo-color-success);
        color: var(--kendo-color-on-success);
        text-transform: uppercase;
    }

        .k-grid-toolbar .k-grid-save-changes:hover, .k-grid-toolbar .k-grid-save-changes:focus, .k-grid-save-command:hover, .k-grid-save-command:focus {
            background-color: var(--kendo-color-success-active);
            border-color: var(--kendo-color-success-active);
        }

    .k-grid-toolbar .k-grid-cancel-changes, .k-grid-cancel-command {
        background-color: var(--kendo-color-warning);
        border-color: var(--kendo-color-warning);
        color: var(--kendo-color-on-warning);
        text-transform: uppercase;
    }

        .k-grid-toolbar .k-grid-cancel-changes:hover, .k-grid-toolbar .k-grid-cancel-changes:focus, .k-grid-cancel-command:hover, .k-grid-cancel-command:active {
            background-color: var(--kendo-color-warning-active);
            border-color: var(--kendo-color-warning-active);
        }

    .k-grid-toolbar .k-grid-remove-changes, .k-grid-remove-command {
        background-color: var(--kendo-color-error);
        border-color: var(--kendo-color-error);
        color: var(--kendo-color-on-error);
        text-transform: uppercase;
    }

        .k-grid-toolbar .k-grid-remove-changes:hover, .k-grid-toolbar .k-grid-remove-changes:focus, .k-grid-remove-command:hover, .k-grid-remove-command:active {
            background-color: var(--kendo-color-error-active);
            border-color: var(--kendo-color-error-active);
        }

    .k-grid-toolbar .k-grid-edit-changes, .k-grid-edit-command {
        background-color: var(--kendo-color-base);
        border-color: var(--kendo-color-base);
        color: var(--kendo-color-on-base);
        text-transform: uppercase;
    }

        .k-grid-toolbar .k-grid-edit-changes:hover, .k-grid-toolbar .k-grid-edit-changes:focus, .k-grid-edit-command:hover, .k-grid-edit-command:active {
            background-color: var(--kendo-color-base-active);
            border-color: var(--kendo-color-base-active);
        }

    .k-grid-toolbar > a .k-svg-icon {
        height: 16px;
        margin-right: 4px;
    }

.k-grid {
    line-height: 1.2em !important;
}

    .k-grid .k-grid-header .k-table-th {
        padding-block: 18px;
    }

    .k-grid .k-grid-md td, .k-grid .k-grid-md .k-table-td, .k-grid-md td, .k-grid-md .k-table-td {
        padding-block: 10px;
        /*padding-inline: 24px;*/
    }

.k-filter-menu-container {
    padding: 16px 16px 8px;
}

    .k-filter-menu-container .k-input, .k-filter-menu-container .k-picker {
        width: 100%;
    }

    .k-filter-menu-container > *.k-picker:nth-child(4) {
        width: 40%;
    }

    .k-filter-menu-container > label {
        display: flex;
    }

        .k-filter-menu-container > label > input {
            margin-inline: 5px;
        }

.k-grid .k-command-cell .k-button, .k-toolbar:not(.k-editor-toolbar) .k-button {
    box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14));
    height: 30px;
}

.k-filter-toolbar .k-toolbar .k-button {
    box-shadow: none;
}

.k-editor-toolbar {
    box-shadow: none;
    border-bottom: 1px solid var(--kendo-color-border);
}
/*-----------------------------Grid End-------------------------------*/
/*-----------------------------Scheduler Start-------------------------------*/
.k-scheduler-monthview .k-scheduler-body .k-scheduler-cell {
    min-height: auto;
}

.k-scheduler-monthview .k-scheduler-table td {
    height: auto;
}

.k-scheduler-other-month, .k-scheduler .k-other-month {
    background-color: #f5f5f5;
}

.k-scheduler .k-today {
    background-color: #fff4d2;
}

.k-scheduler-times, .k-scheduler-header th, .k-scheduler-header td {
    font-size: inherit;
}

.k-toolbar.k-scheduler-toolbar .k-button {
    box-shadow: none;
}

.k-scheduler-dayview .k-scheduler-table th {
    height: 2rem;
}

.k-scheduler-dayview .k-scheduler-table td {
    height: 2rem;
}

.k-scheduler-dayview .k-event {
    height: 2rem;
}
/*-----------------------------Scheduler End-------------------------------*/
/*-----------------------------Tab stripe Start-------------------------------*/
.k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus {
    outline-width: 0;
}

.k-tabstrip-left .k-tabstrip-items .k-link {
    justify-content: flex-start;
}

/*kendo tabstrip loading animation Begins*/
.k-tabstrip-items .k-link {
    padding: 10px 15px;
}

.k-tabstrip .k-tabstrip-items .k-loading {
    border-top: 2px solid var(--kendo-color-primary-active,#006876);
    border-top: 2px solid var(--kendo-color-primary-active,rgba(0, 104, 118, 0.4));
    display: block;
}

.k-tabstrip-items .k-loading {
    -ms-animation: k-tab-loader 1s ease-in-out infinite;
    -webkit-animation: k-tab-loader 1s ease-in-out infinite;
    animation: k-tab-loader 1s ease-in-out infinite;
}

    .k-tabstrip-items .k-loading.k-complete {
        border-top-width: 0;
    }

.k-tabstrip .k-tabstrip-item .k-sprite {
    padding-right: 4px;
}

@-webkit-keyframes k-tab-loader {
    0% {
        left: 0
    }

    50% {
        left: 80%
    }

    100% {
        left: 0
    }
}

@keyframes k-tab-loader {
    0% {
        left: 0
    }

    50% {
        left: 80%
    }

    100% {
        left: 0
    }
}
/*kendo tabstrip loading animation Ends*/
/*-----------------------------Tab stripe End-------------------------------*/
/*-----------------------------Menu Start-------------------------------*/
/*.k-menu {
    font-size: 14px !important;
    line-height: 2 !important;
}*/

.k-menu-group-md .k-menu-item .k-menu-link .k-image {
    height: 22px;
    -webkit-object-fit: contain;
    object-fit: contain;
    max-width: 28px;
    width: 28px;
}

/*-----------------------------Menu End-------------------------------*/
/*-----------------------------Pager Start-------------------------------*/
.k-pager {
    outline: 1px solid #000000;
    outline: 1px solid rgba(0, 0, 0, 0.12);
    color: #000000;
    color: rgba(0, 0, 0, 0.54);
    background-color: white;
    height: 52px
}

    .k-pager .k-pager-numbers .k-button-text {
        color: #03a9f4;
    }

    .k-pager .k-pager-numbers .k-selected:before {
        opacity: 0.75;
        background-color: #2196f3;
        background-color: rgba(33, 150, 243, 0.22);
    }

    .k-pager .k-pager-numbers button {
        min-width: 28px;
        width: 28px;
    }

    .k-pager.k-pager-md .k-pager-numbers-wrap .k-pager-numbers .k-button {
        min-width: 28px;
    }

    .k-pager .k-disabled.k-pager-nav {
        color: #757575;
        color: rgba(117, 117, 117, 0.5);
    }

    .k-pager.k-pager-md .k-pager-sizes .k-dropdownlist {
        /*width: auto;*/
    }

.k-pager-refresh {
    padding: 10px;
}

.k-filter-menu .k-actions > .k-button {
}
/*-----------------------------Pager End-------------------------------*/
/*-----------------------------Tooltip Start-------------------------------*/
.k-tooltip {
    font-size: var(--kendo-font-size, 12px);
}

    .k-tooltip.k-popup {
        /* height: fit-content !important;
    width: fit-content !important;*/
        /*min-height: 55px;*/
        /*min-width: 65px;*/
        padding: 5px;
    }
/*-----------------------------Tooltip End-------------------------------*/
/*-----------------------------Multiselect Start-------------------------------*/
.k-multiselect .k-chip {
    border-radius: 100px;
}

.k-multiselect .k-input-values {
    padding-block: 2px;
}

.k-multiselect .k-input-inner {
    padding-block: 0;
}
/*-----------------------------Multiselect End-------------------------------*/
/*-----------------------------Forms Start-------------------------------*/
.k-form .k-form-label {
    line-height: 1.5em;
}

.k-form .k-form-field-wrap {
    line-height: 1.5em;
}

.k-form .k-form-legend {
    height: 30px
}

.k-input-label {
    margin-right: 10px;
}

.k-form-field .k-picker, .k-form-field .k-input {
    width: 100%;
}

.k-window-actions, .k-actions-horizontal {
    padding: 1.5em;
    justify-content: flex-end;
}
/*-----------------------------Forms End-------------------------------*/