/*General*/
.content {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.7em;
    color: #000000;
}

.headerDiv {
    background-color: #F3F3F3;
    height: 117px;
}

.headerBigText {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 3.0em;
    color: #132048;
}

.headerSmallText {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 1.0em;
    color: #132048;
}

svg {
    height: 15px;
    width: 15px;    
}

h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 2.0em;
    color: #132048;
}

h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 1.7em;
    color: #132048;
}

h3 {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 1.3em;
    color: #333333;
}

.nav-link {
    background-color: #F3F3F3;
    font-size: 13px;
}

.button:hover {
    /*background-color: #FAA21B;
    border-color: #faa21b;*/
    text-decoration: underline;
    text-decoration-color: white;
    text-underline-offset: 3px;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background-color: #132048;
    color: white;
    z-index: 500;
}

.footerImage {
    float: left;
    padding: 10px 20px 10px 20px;
}

.footerText {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 1.0em;
    padding-top: 40px;
}

.footerLink {
    text-decoration: underline;
}

.footerLink, .footerLink:active,
.footerLink:visited, .footerLink:focus {
    color: white;
}

    .footerLink:hover {
        color: #059BFF
    }

/*dropdown*/
.dropdown-item.active, .dropdown-item:active {
    background-color: #132048;
}

.k-list-md {
    font-size: .85rem;
    line-height: 1.5
}

/*Kendo*/
.k-button:hover, .k-button:focus {
    text-decoration: underline;
    text-decoration-color: #F26724;
    text-underline-offset: 3px;
}

/*Bootbox*/
.text-danger {
    color: #C2511B !important;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

input:focus, textarea:focus {
    background-color: rgba(0,0,0,.03);
}

.WCAGAutoFocus {
    background-color: rgba(0,0,0,.03);
    border: 1px solid #4A525A !important; /* or a darker color for better contrast */
}

.k-pager-numbers .k-link.k-selected {
    border-color: #dee2e6;
    color: #000;
    background-color: #dee2e6;
}

/* Default text color */
.k-menu > .k-item > .k-menu-link .k-menu-link-text {
    color: black;
}

/* Hover text color */
.k-menu > .k-item:hover > .k-menu-link .k-menu-link-text,
.k-menu > .k-item.k-hover > .k-menu-link .k-menu-link-text {
    color: #132048;
    font-weight: bold;
    text-decoration: underline;
}

/* Hover effect for pager numbers */
.k-pager-numbers .k-link:hover {
    color: #132048;
    text-decoration: underline; /* optional */
}

/* Optional stronger hover */
.k-pager-numbers li:hover .k-link {
    color: #132048;
}

.k-pager-numbers .k-link:hover {
    background-color: #e9ecef;
    border-color: #e9ecef;
    border-radius: 4px;
}

/* Remove orange background on pager nav */
.k-pager-wrap .k-pager-nav {
    background-color: transparent !important;
    border-color: transparent !important;
}

    /* Remove hover background */
    .k-pager-wrap .k-pager-nav:hover {
        background-color: #e9ecef !important;
    }

    /* Remove focus background */
    .k-pager-wrap .k-pager-nav:focus,
    .k-pager-wrap .k-pager-nav:focus-visible {
        background-color: transparent !important;
    }


/* Visible focus for Kendo dropdowns / pickers */
.k-picker:focus,
.k-picker.k-focus {
    outline: 2px solid #132048; /* or your brand color */
    outline-offset: 2px;
    /* optional: add border or shadow if outline is tricky with layout */
    /* box-shadow: 0 0 0 2px rgba(13,110,253,0.6); */
}