/* 
This file contains styles to improve accessibility. 
Wrapping elements with the .prop-accessible class will apply all general accessibility improvements.
Add the .high-contrast class as well to apply the high contrast color theme.
Example: <div class="prop-accessible high-contrast">...</div>
*/

 p {
    line-height: 1.5 !important;
}

/* General size and touch target improvements */
.prop-accessible  .k-header {
    min-width: 45px !important;
}

.prop-accessible  .k-header .k-cell-inner {
    min-height: 45px !important;
    display: flex !important;
    align-items: center !important;
    line-height: 1.5 !important;
}

.prop-accessible .k-pager-numbers-wrap .k-button,
.prop-accessible .k-pager-numbers-wrap .k-link {
    min-width: 45px !important;
    min-height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}



.prop-accessible .k-table-row  {
    min-height: 45px;
 
   
}


 .footer-links {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    width: 100%;
    display: block;
}

.footer-links a {
    min-width: 45px !important;
    min-height: 45px !important;
    width: auto !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    padding: 10px 15px !important;
    margin: 0 5px !important;
    white-space: nowrap !important;
}

 .btn-container {
    display: inline-block !important;
    min-width: 45px !important;
    min-height: 45px !important;
}

.btn-container .k-button {
    min-width: 80px !important;
    min-height: 45px !important;
    padding: 8px 16px !important;
    box-sizing: border-box !important;
}

/* High Contrast Theme */
.prop-accessible.high-contrast .k-grid-header,
.prop-accessible.high-contrast .k-table-thead,
.prop-accessible.high-contrast .k-table-header,
.prop-accessible.high-contrast .k-table-group-sticky-header {
    background-color: #c3d8f1 !important;
}

.prop-accessible.high-contrast  col.k-sorted, .k-table-th.k-sorted{
     background-color : rgba(0, 0, 0, 0.00) !important
}

.prop-accessible.high-contrast .k-grid-header .k-header,
.prop-accessible.high-contrast .k-table-thead .k-header,
.prop-accessible.high-contrast .k-table-header .k-header,
.prop-accessible.high-contrast .k-table-group-sticky-header .k-header {
    color: #1a1a1a !important;
}

.prop-accessible.high-contrast .k-table-group-sticky-header{
    color:#1a1a1a !important;
}

.prop-accessible.high-contrast .k-table{
    color:#1a1a1a !important;
}


.prop-accessible.high-contrast .k-button-flat-primary{
color: #003881 !important;
}

.prop-accessible.high-contrast .k-pager{
  color:#1a1a1a !important;
}

.k-window-titlebar-actions .k-button {
    min-width: 45px !important;
    min-height: 45px !important;
}

.prop-accessible.high-contrast .k-grid td.k-selected,
.prop-accessible.high-contrast .k-grid .k-table-row.k-selected > td,
.prop-accessible.high-contrast .k-grid .k-table-td.k-selected,
.prop-accessible.high-contrast .k-grid .k-table-row.k-selected > .k-table-td,
.prop-accessible.high-contrast .k-table-tbody .k-table-row.k-selected > .k-table-td,
.prop-accessible.high-contrast .k-table-list .k-table-row.k-selected {
    background-color: #ffd5a1 !important;
}

.k-window-titlebar{
    color : #1a1a1a !important;
}

/* Styles for Use Code navigation table */
.use-code-nav {
    background-color: #c0c0c0;
}

.use-code-nav td {
    text-align: center;
    padding: 5px;
    min-width: 127px;
}

@media (max-width: 600px) {
    .use-code-nav td {
        min-width: auto;
    }
}

.use-code-nav a {
    color: #00005a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 45px;
    min-width: 45px;
    padding: 0 5px;
}

/* Hide pager for grids that should show all items */
.hide-pager .k-pager-wrap {
    display: none !important;
}



.row-to-focus {
    /* Marker class for programmatic focus. No visual change needed. */
}