/*************************************************/
/* Kendo UI: SHARED ******************************/
.k-list-container { background-color: #fff; }
.k-state-hover { background: none !important; background-color: #dcdcdc !important; }
.k-widget, .k-state-focused, .k-state-selected { -webkit-box-shadow: none !important; box-shadow: none !important; }
.k-state-selected { background: none !important; background-color: #6d6d6d !important; }
.k-state-selected:hover { color: #fff !important; }
.k-widget .k-icon { background-image: none; }
.k-multiselect-wrap { min-height: 0; }

/*************************************************/
/* Kendo UI: MENU ********************************/
.k-menu { background: none !important; }
.k-menu .k-icon { color: #fff; }
.k-menu.k-header, .k-menu .k-item { border: none !important; }
.k-menu .k-item > .k-link { color: #fff; font-size: 17px; font-weight: bold; display: block; padding:.5em .7em .4em; }
.k-menu .k-group { background: transparent url('https://d2p5liwq1c5kwh.cloudfront.net/x/images/menu/bg-menu-top.png') no-repeat top left; border: none; box-shadow: none !important; margin: -3px 0 0; -webkit-box-shadow: none !important; }
.k-menu .k-group .k-first { margin-top: 15px; padding-top: 5px; }
.k-menu .k-group .k-item { background-color: #efefef !important; border-left: solid 1px #dededb !important; border-right: solid 1px #dededb !important; }
.k-menu .k-group .k-item > .k-link { color: #666; font-size: 15px !important; font-weight: normal; }
.k-menu .k-group .k-item > .k-link:hover { color: #000; background: transparent !important; }
.k-menu .k-group .k-last { border-bottom: solid 1px #dededb !important; padding-bottom: 3px; }
.k-menu .k-content { padding: 10px 10px !important; background-color: transparent !important; }
.Mnu-User .k-menu .k-group { background: transparent url('https://d2p5liwq1c5kwh.cloudfront.net/x/images/menu/bg-menu-top-rt.png') no-repeat top right; right: 8px; }
.k-menu .k-state-active, .k-menu .k-state-hover { background: none !important; }
.k-menu .k-state-hover > .k-link { background: none !important; border: none !important; }

/* WCAG 2.4.7 & 2.4.11 Accessibility: Focus indicators with 3:1 contrast ratio */
/* Only show focus outline for keyboard navigation, not mouse clicks */
#kMenu .k-item > .k-link:focus-visible,
#kMenuUser .k-item > .k-link:focus-visible,
#kMenu .k-group .k-item > .k-link:focus-visible,
#kMenuUser .k-group .k-item > .k-link:focus-visible {
    outline: 3px solid #000000;
    outline-offset: -3px;
}

.Mnu-Alert:focus-visible {
    outline: 3px solid #000000;
    outline-offset: 2px;
}

#template:focus {
    outline: 3px solid #000000;
    outline-offset: 2px;
}

/*************************************************/
/* Kendo UI: WINDOW ******************************/
.k-window div.k-window-content { overflow: hidden; padding: 15px; }
.k-window-titlebar { background: none; background-color: #6d6d6d; }
.k-window-title { color: #fff; }
.k-window-titlebar .k-window-action { background-color: #fff !important; }
.k-window-actions > .k-icon-button,
.k-window-actions > .k-button.k-button-icon { background-color: #eee !important; margin: 2px 1px 0 0; width: calc(1.4285714286em) !important; height: calc(1.4285714286em) !important; }
.k-window-titlebar .k-window-actions { margin:0; }

/*************************************************/
/* Kendo UI: GRID ********************************/
.k-grid {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.k-grid table { width: 100%; table-layout: fixed; }
.k-grid tr:hover { background-color: #f0f0f0 !important; }
.k-grid tr.k-alt { background-color: #f8f8f8 }
.k-grid td { color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.k-grid td a:hover { background-color: transparent; color: #000; }
.k-grid .k-grid-header .k-header, .k-grid .k-grid-header th { font-weight: bold; }
.k-grid .k-icon { margin: -1px -1px 0 0; }
.k-pager-numbers .k-state-selected { border-color: #c5c5c5; }
.k-pager-info { float: left; }

/*************************************************/
/* Kendo UI: TREEVIEW (Custom Views) *************/
#pbSharedCustomViews { background-color: transparent; border-bottom: none; width: 198px; }
#pbSharedCustomViews .k-item, #pbSharedCustomViews .k-group, #pbSharedCustomViews .k-state-selected { background-color: transparent; }
#pbSharedCustomViews .k-state-hover { background-color: transparent !important; }
#pbSharedCustomViews .k-link.k-header { background-color: transparent; border-left: 6px solid transparent; padding-top: 8px; padding-bottom: 6px; }
#pbSharedCustomViews .k-link.k-header .k-state-hover { background: none !important; background-color: transparent !important; }
#pbSharedCustomViews .k-link { color: #000; }
#pbSharedCustomViews .k-icon { display: none; }
#pbSharedCustomViews .k-state-selected { background-color: transparent !important; }
#pbSharedCustomViews .k-state-selected:hover { color: #000 !important; }
#pbSharedCustomViews .NoCustomView span { font-size: 12px !important; color: #666 !important; display: block !important; padding-left: 23px !important; }
.k-panelbar > .k-item > .k-link { cursor: pointer !important; }

/*************************************************/
/* Kendo UI: CALENDAR ****************************/
.k-calendar .k-state-hover, .k-calendar .k-state-hover:hover {
    background: none !important;
}
.k-calendar .k-link:hover { background: none; background-color: #dcdcdc !important; }
.k-calendar .k-today { box-shadow: none; -webkit-box-shadow: none; }
.k-calendar .k-today .k-link, .k-calendar .k-other-month.k-today .k-link { background: none; background-color: #006633 !important; border: none; }
.k-calendar .k-today .k-link, .k-calendar .k-today .k-link:hover { color: #fff; }
.k-widget.k-datepicker.k-header.k-input { padding: 0; }

/*************************************************/
/* Kendo UI: TABS ********************************/
.kTabs .kTabDiv { overflow: hidden; padding: 8px 0; }
.k-tabstrip > .k-content { margin: 0; padding: 5px; }
.k-tabstrip-wrapper .k-tabstrip-top { background: none !important; border: none !important; }
.k-tabstrip-items { background: none; padding: 0; }
.k-tabstrip-items .k-state-default i, .k-tabstrip-items .k-state-active i { margin: -5px 0; }

/*************************************************/
/* Kendo UI: SCHEDULER ***************************/
#kSchedulerTrashCalendar .k-scheduler-refresh { display: none; }
#kSchedulerTrashCalendar .kCalAddDay { margin-top: 35px; width: 83%; }
.kTrashZoneDate { color: #fff !important; font-size: 14px; height: 100%; padding: 25px 5px 0; text-align: center; cursor: pointer; }
.k-scheduler-content { overflow: hidden; }

/*************************************************/
/* Kendo UI: TOOLTIP *****************************/
.k-tooltip { background-color: #999 !important; background-image: none !important; color: #fff !important; font-size: 14px !important; padding: 10px; text-align: left; }
.k-callout-e { border-left-color: #999 !important; }


/*************************************************/
/* Kendo UI: GRID ********************************/
#kGridServiceRequests.k-grid {
    border-radius: 12px !important; 
    -moz-border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    border: 1px solid darkgray !important; 
    font-family: 'Roboto', sans-serif !important;
    position: relative; 
    overflow-x: hidden;
    overflow-y: hidden; 
}
#kGridServiceRequests body .k-grid .k-grid-header .k-header, body .k-grid .k-grid-header th {
    min-height: 23px !important;
}

#kGridServiceRequests .k-grid-content {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    height: 100%;
    max-height: calc( 100vh - 19rem );
}

@media (min-width: 3000px) {
    #kGridServiceRequests .k-grid-content {
        height: 48vh;
    }
}

/* For Chrome, Safari and Opera */
#kGridServiceRequests .k-grid-content::-webkit-scrollbar {
    width: 12px;
}

#kGridServiceRequests .k-grid-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

#kGridServiceRequests .k-grid-content::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

#kGridServiceRequests .k-grid-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* For Firefox */
#kGridServiceRequests .k-grid-content {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

#kGridServiceRequests.k-grid table { 
    width: 100% !important; 
    table-layout: fixed !important; 
    border-collapse: separate !important; 
    border-spacing: 0 !important; 
    border-radius: 12px !important;
}

#kGridServiceRequests.k-grid .k-grid-header {
    background-color: #fff !important; 
    color: #424242 !important;
    border-bottom: 1px solid gray !important;
    position: sticky; 
    top: 0; 
    /* padding-right: 0.1px  !important; */
}

#kGridServiceRequests.k-grid .k-grid-header .k-header, 
#kGridServiceRequests.k-grid .k-grid-header th { 
    font-weight: bold !important; 
    padding: 10px;
    border-right: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid gray !important;
    background-color: #fff !important; 
}


#kGridServiceRequests.k-grid tr { 
    position: relative;
    z-index: 1;
    border-bottom: 5px solid #000 !important;
}

#kGridServiceRequests.k-grid tr.k-alt { 
    background-color: transparent !important; 
}

#kGridServiceRequests.k-grid tr:hover { 
    background-color: #f0f0f0 !important; 
}

#kGridServiceRequests.k-grid td { 
    color: #000 !important; 
    white-space: nowrap !important; 
    text-overflow: ellipsis !important; 
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: none !important; 
    border-left: none !important; 
    border-bottom: 1px solid lightgray !important;
}


#kGridServiceRequests.k-grid td a:hover { 
    background-color: transparent !important; 
}


#kGridServiceRequests.k-grid .k-icon { 
    margin: -1px -1px 0 0 !important; 
}