/*Kendo theme customization*/
html, body {
    --kendo-font-size: 14px;
    --kendo-font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    --kendo-color-primary: var(--sui-primary);
    --kendo-color-primary-hover: var(--sui-primary);
    --kendo-color-primary-on-surface: var(--sui-primary);
    --kendo-color-border: #d5d5d5;
}

:root {
    --kendo-color-base: #ededed;
}

.login-container {
    text-align: center;
}

.k-grid .k-table-td {
    font-size: 11px;
}

.k-picker {
    width: 12em;
}

.k-state-disabled {
    opacity: .6;
}

.k-menu-horizontal .k-link:hover {
    background: #bcb4b0;
}

.k-window-title {
    font-size: 1.2em;
}

.k-button {
    border-radius: 4px;
    background-position: 50% 50%;
    padding: 4px 8px;
}

    .k-button:not(.k-primary):not(.k-input-button):not(.k-button-solid-primary):not(.toggle-btn-on) {
        border-color: #bbb;
        color: #2e2e2e;
        background-color: #e9e9e9;
    }

.k-primary {
    color: #fff;
}

.k-column-title {
    font-size: 11px;
    white-space: normal;
}

.k-grid .k-cell-inner {
    align-items: last baseline;
}

.headerMenuTmpl .k-button {
    height: 30px;
}

.headerMenuTmpl .filterArticle {
    height: 30px;
    border-color: #c5c5c5;
}

.k-selected {
    color: #fff !important;
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
}

.k-pager-wrap .k-link.k-selected {
    color: #fff;
    background-color: var(--sui-primary);
}

.k-grid .k-table-row.k-selected {
    color: #fff !important;
    background-color: var(--sui-primary);
    border-color: var(--sui-primary);
}

.k-grid tr.k-selected:hover {
    background-color: var(--sui-primary);
}

.k-grid tr .checkbox-align {
    text-align: center;
    vertical-align: middle;
    outline: none;
}

.k-grid thead .checkbox-align {
    zoom: 1.2;
}

.k-header > .k-cell-inner {
    align-items: center;
    padding: .5em 0px;
}

    .k-header > .k-cell-inner > .k-grid-filter-menu, .k-header > .k-cell-inner > .k-header-column-menu {
        padding: .2em !important;
        margin: .10em .1em !important;
        bottom: auto;
        display: flex !important;
        align-items: center;
        height: 100%;
    }

.k-grid-header .k-header > .k-cell-inner > .k-link {
    display: flex;
    line-height: 14px;
    font-size: 1.4rem;
    text-overflow: initial !important;
}

#infoTabs li > .k-cell-inner > .k-link {
    color: #FFF;
}

#infoTabs li.k-active {
    color: #000;
}

.k-pager {
    font-size: 11px;
    white-space: normal;
}

.k-pager-numbers-wrap {
    display: flex !important;
}

.k-pager-numbers .k-selected .k-button:hover {
    background-color: var(--sui-primary) !important;
    border-color: var(--sui-primary) !important;
}

.k-pager-numbers-wrap .k-pager-numbers {
    display: flex !important;
}

.k-pager-numbers-wrap .k-picker {
    display: none !important;
}

.k-pager-info {
    display: flex !important;
}

.k-tabstrip-items .k-item {
    background-color: #eae8e8;
    border: 1px solid #c5c5c5;
}

.k-tabstrip-items-wrapper .k-item:focus,
.k-tabstrip-items-wrapper .k-item.k-focus {
    box-shadow: none !important;
}
.k-tabstrip-top>.k-tabstrip-items-wrapper {
    border-bottom-width: 0;
}
.k-tabstrip-top>.k-tabstrip-content{
    border-top-width: 1px !important;
}

#wfMenu {
    flex-wrap: wrap;
}

.navbar .mainMenuItem li a {
    font-size: var(--kendo-font-size);
}

#productsTabstrip .k-tabstrip-items .k-active,
#enrollmentDetailsTabstrip .k-tabstrip-items .k-active {
    border-bottom-color: var(--sui-primary) !important;
}

#productsTabstrip .k-tabstrip-items .k-item,
#enrollmentDetailsTabstrip .k-tabstrip-items .k-item{
    border-top: none;
    border-left: none;
    border-right: none;
}

#kendoRidersGrid .k-grid-header .k-cell-inner *{
    color: #fff;
}

.rrate-table-anchor, .prate-table-anchor {
    color: #337ab7 !important;
    cursor: pointer !important;
    text-decoration: underline !important;
}

.k-table-td .iconButton img {
    box-sizing: content-box;
}

.k-listbox .k-item,
.k-listbox .k-list-item,
.k-popup .k-list .k-item,
.k-popup .k-list .k-list-item {
    border-bottom: 1px solid #dadada;
    padding: 4px;
}

.k-list-item .k-list-item-text div {
    display: inline;
}

#commissionPayments .k-datepicker {
    width: auto;
}

div .k-input:has(.k-input-inner) {
    width: auto;
}

.k-form-field-wrap .k-input {
    width: 100% !important;
}

.k-multiselect, .k-dropdownlist, .k-datepicker {
    min-height: 30px;
}

.k-grid .view {
    color: #337ab7;
    text-decoration: none;
}

.k-grid .view:focus, .k-grid .view:hover {
    color: #23527c;
    text-decoration: underline;
    }

.k-grid .k-button{

    margin-bottom:2.5px;
}

#kendoProductsGrid .k-grid-header-menu,
#kendoProductsGrid .k-grid-header .k-sort-icon,
#enrollmentDetailsTabstrip .k-grid-header-menu,
#enrollmentDetailsTabstrip .k-grid-header .k-sort-icon,
#productEnrollmentGrid .k-grid-header-menu,
#productEnrollmentGrid .k-grid-header .k-sort-icon {
    color: white;
}

#kendoProductsGrid .k-grid-header-menu.k-active,
#enrollmentDetailsTabstrip .k-grid-header-menu.k-active,
#productEnrollmentGrid .k-grid-header-menu.k-active{
    background-color: #eae8e8;
    color: var(--sui-primary);
}

.k-form-error {
    padding: 4px 0 0;
    margin: 0 0 4px;
    font-size: 12px;
    font-style: normal;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.k-filter-menu .k-filter-menu-container .k-textbox > input {
    width: 100% !important;
}

#tabstripReporting .k-tabstrip-items-wrapper .k-tabstrip-items {
    flex: none;
}

#ani input {
    color: var(--kendo-color-on-base);
}
.k-calendar .k-other-month {
    color: #d9d9d9;
}
.k-calendar .k-calendar-th {
    font-size: 12px;
}
/* Show horizontal scroll on grid */
#mChanges #tasksGrid .k-grid-content .k-grid-content-expander,
#mChanges #mhTasksGrid .k-grid-content .k-grid-content-expander {
    bottom: auto;
}