/*
Note: stylesheet is used to override the Kendo theme settings.  Some override styling has already been added to the site.css prior to this file.
*/

.k-maskedtextbox .k-textbox {
    border-radius: 0;
}

.k-input-solid:focus-within {
    box-shadow: none !important;
}

.k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header {
    background: #575a5b;
    color: #fff;
}

/* autocomplete dropdown header */
.k-list-group-sticky-header {
    background: #575a5b;
    color: #fff;
    text-align: right;
}

/*adding text-center to the header HtmlAttributes no longer works b/c it appears the new 
  version is now using flex, which additional child elements. This fixes it so text-center
    still works.
*/
th.text-center .k-cell-inner > .k-link {
    justify-content: center;
}

/*This is to fix the Address autocomplete. There was a lot of extra space above the address due
    to the content from this rule. */
.k-list-item-text::before, .k-list-header-text::before, .k-list-optionlabel::before {
    content: ""; /*"\200b";*/
    width: 0px;
    overflow: hidden;
}

/* mouse over highlight bg and color*/
.k-list-item:hover, .k-list-optionlabel:hover, .k-list-item.k-hover, .k-hover.k-list-optionlabel,
.k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-list > .k-state-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover, .k-state-hover {
    color: #fff;
    background-color: #575a5b;
    border-color: #575a5b;
}


.k-picker-solid,
.k-button-solid-base {
    background-color: #fff;
}

    .k-picker-solid:hover,
    .k-picker-solid.k-hover,
    .k-picker.k-focus,
    .k-list-item.k-selected:hover,
    .k-selected.k-list-optionlabel:hover,
    .k-list-item.k-selected.k-hover,
    .k-selected.k-hover.k-list-optionlabel,
    .k-button-solid-base:hover,
    .k-button-solid-base.k-hover,
    .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover,
    .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
        background-color: #575a5b;
        color: #fff;
    }


.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    color: #ffffff;
    background-color: #8A8D8F;
}


/* Grids */
.k-grid td.k-selected,
.k-grid .k-table-row.k-selected > td,
.k-grid .k-table-td.k-selected,
.k-grid .k-table-row.k-selected > .k-table-td {
    color: #fff;
    background-color: #8A8D8F;
    border-color: #8A8D8F;
}

.k-grid .k-grid-header .k-table-th {
    font-weight: 600;
}



.k-item.k-focus {
    box-shadow: none !important;
}


.k-tabstrip-items-wrapper .k-item:hover,
.k-tabstrip-items-wrapper .k-item.k-hover {
    background-image: url(textures/highlight.png);
    background-image: none, linear-gradient(to bottom, #575a5b 0, #575a5b 100%);
    color: #ffffff;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active:hover,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active:hover {
    margin-bottom: -1px;
    border-bottom-width: 1px;
    border-bottom-color: transparent !important;
    background-color: #ffffff;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.08);
    color: #424242;
    background-color: #ffffff;
}


.k-switch-on .k-switch-track {
    border-color: #555293;
    color: white;
    background-color: #555293;
}

.k-listbox .k-list-scroller {
    height: 100%;
}


.k-pager .k-pager-numbers-wrap .k-button {
    border-radius: 5em;
}


.k-input-value-text {
    font-size: 1rem;
}