/*
Default font: Merriweather for entire site
*/

body, div, .k-widget {
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
}

/* Optional: specific Roboto usage */
.roboto {
    font-family: 'Roboto', Arial, sans-serif;
}

.large-font {
    font-size: 1.5em; /* 50% bigger than normal text */
}



/* Bold and italic handling (Merriweather) */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

em, i {
    font-style: italic;
}

/* Force DejaVu Sans for Kendo PDF export */
.k-pdf-export,
.k-pdf-export * {
    font-family: "DejaVu Sans", "Arial", sans-serif !important;
    font-size: 12px;
}

/* DejaVu Sans font-face for PDF embedding */
@font-face {
    font-family: "DejaVu Sans";
    src: url("https://kendo.cdn.telerik.com/2023.1.117/styles/fonts/DejaVu/DejaVuSans.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: bold;
    src: url("https://kendo.cdn.telerik.com/2023.1.117/styles/fonts/DejaVu/DejaVuSans-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-style: italic;
    src: url("https://kendo.cdn.telerik.com/2023.1.117/styles/fonts/DejaVu/DejaVuSans-Oblique.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: bold;
    font-style: italic;
    src: url("https://kendo.cdn.telerik.com/2023.1.117/styles/fonts/DejaVu/DejaVuSans-Oblique.ttf") format("truetype");
}




.jtron {
    position: relative; /* needed for pseudo-element positioning */
}

    .jtron::after {
        content: ""; /* creates the bottom border */
        display: block;
        width: 80%; /* 80% of the page/container width */
        height: 4px; /* thickness of the border */
        background-color: #FFFFFF; /* border color */
        margin: 0 auto; /* center horizontally */
        margin-top: 1rem; /* spacing from jumbotron content */
    }





.endPage {
    position: relative; /* needed for pseudo-element positioning */
}

    .endPage::after {
        content: ""; /* creates the bottom border */
        display: block;
        width: 80%; /* 80% of the page/container width */
        height: 4px; /* thickness of the border */
        background-color: #111111; /* border color */
        margin: 0 auto; /* center horizontally */
        margin-top: 1rem; /* spacing from jumbotron content */
    }





/* Specific Merriweather usage for block titles */
.block-title {
    word-wrap: normal;
    word-break: break-all;
    font-weight: bold;
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    font-size: 48px; /* large title */
}

.block-title-less {
    word-wrap: normal;
    word-break: break-all;
    font-weight: bold;
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    font-size: 36px; /* less large title */
}

.block-title-medium {
    font-style: italic;
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    font-size: 24px; /* medium subtitle */
}

.block-title-small {
    font-style: italic;
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    font-size: 18px; /* small subtitle */
}





.block-title.control-label.col-sm-12 {
    font-style: italic;
    font-family: 'Merriweather', 'Times New Roman', Times, serif;
    font-size: 18px; /* small subtitle */
}


footer {
    text-align: left;
    font-size: 0.8571em;
    padding: 2em 0;
    background-color: #FFFFFF;
}


/*.footer-text p {
    text-align: center;*/ /* centers text horizontally */
/*word-wrap: normal;*/ /* default */
/*word-break: normal;*/ /* don’t break words */


/*width: 100%;*/ /* ensures full width */
/*margin: 0 auto;*/ /* optional: centers div itself if it has a set width */
/*padding: 10px 0;*/ /* optional vertical spacing */
/*font-size: 14px;*/ /* optional font size */
/*color: #666;*/ /* optional text color */
/*}*/




.back-to-top {
    height: 32px;
    width: 32px;
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    border-radius: 4px !important;
    color: #ffffff !important;
    background-color: #0f6cc9 !important;
    border-color: #002570 !important;
    z-index: 5000 !important;
    padding: 0px !important;
    font-size: 1.0rem;
    line-height: 1.0;
}

    .back-to-top:hover {
        background-color: #002570 !important;
        border-color: #002570 !important;
        color: #ffffff !important;
    }


.mega-menu {
    width: 600px;
}

    .mega-menu img {
        max-width: 100%;
        border-radius: .5rem;
    }

    .mega-menu .col {
        padding: 1rem;
    }

/* Highlight active mega menu (OLD — replaced with ::after method) */
/* .navbar-nav .dropdown-toggle.active {
            border-bottom: 3px solid #0f6cc9;
            padding-bottom: 0.25rem;
        } */

/* ? Base state for all menu links */
.navbar-nav > li > a {
    position: relative;
    padding-bottom: 5px; /* space for underline */
    text-decoration: none;
}

    /* ? The blue underline (hidden by default) */
    .navbar-nav > li > a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        background: #0f6cc9; /* Bootstrap blue */
        transform: scaleX(0); /* hidden */
        transform-origin: left; /* animate from left to right */
        transition: transform 0.25s ease;
    }

    /* ? Show underline on hover */
    .navbar-nav > li > a:hover::after {
        transform: scaleX(1);
    }

    /* ? Keep underline if link is active */
    .navbar-nav > li > a.active::after {
        transform: scaleX(1);
    }

/* ------------------------------
           OLD NAV DROPDOWN DEMO (disabled)
        --------------------------------- */
/*
        nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        nav ul li {
            display: inline-block;
            position: relative;
        }

        nav ul li a {
            padding: 10px 15px;
            display: block;
            text-decoration: none;
        }
        */

/*
        .dropdown-content {
            display: none;
            position: absolute;
            background: #fff;
            min-width: 120px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            z-index: 1000;
        }

        .dropdown-content a {
            display: block;
            padding: 8px 12px;
            color: #000;
        }

        .dropdown:hover .dropdown-content {
            display: block;
        }
        */




.free-highlight {
    color: #111111 !important;
    font-size: 1.2em; /* slightly bigger */
    font-weight: bold !important; /* makes it stand out */
}





.row {
    /*--bs-gutter-x: 1.5rem : 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);*/
    /*padding-block: 0.0rem;
    padding-inline: 0.0rem;
    border-top: 4px solid #111111;
    border-right: 0px solid #D4D5E4;
    border-bottom: 0px solid #D4D5E4;
    border-left: 0px solid #D4D5E4;
    border-radius: 0.0rem;*/
}









.k-card {
    padding-block: 0.0rem;
    padding-inline: 0.0rem;
    border-top: 0px solid #D4D5E4;
    border-right: 0px solid #D4D5E4;
    border-bottom: 0px solid #D4D5E4;
    border-left: 0px solid #D4D5E4;
    border-radius: 0.0rem;
    color: #111111;
    background-color: #ffffff;
    height: -webkit-fill-available !important;
}

.k-card-header {
    padding-block: 0.0rem;
    padding-inline: 0.0rem;
    border-top: 4px solid #111111;
    border-right: 0px solid #D4D5E4;
    border-bottom: 0px solid #D4D5E4;
    border-left: 0px solid #D4D5E4;
    color: #111111;
    background-color: #ffffff; /*#f8f9fa;*/
}

.k-card-body {
    padding-block: 0.0rem;
    padding-inline: 0.0rem;
    border-top: 0px solid #D4D5E4;
    border-right: 0px solid #D4D5E4;
    border-bottom: 0px solid #D4D5E4;
    border-left: 0px solid #D4D5E4;
    outline: 0;
    flex: 1 1 auto;
}

.k-card-actions {
    padding-block: 0.0rem;
    padding-inline: 0.0rem;
    border-top: 0px solid #D4D5E4;
    border-right: 0px solid #D4D5E4;
    border-bottom: 0px solid #D4D5E4;
    border-left: 0px solid #D4D5E4;
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
    flex-basis: auto;
    gap: 0.5rem;
}



.k-window .k-button svg {
    fill: red !important;
}



.k-svg-i-save {
    fill: white !important;
}




/* Primary button style */
.btn-primary {
    color: #fff !important;
    background-color: #0f6cc9 !important;
    border-color: #0f6cc9 !important;
}

    /* Hover state */
    .btn-primary:hover {
        background-color: #002570 !important;
        border-color: #002570 !important;
        color: #fff !important;
    }

.k-grid-edit-command svg {
    fill: white !important;
}


.btn-primary {
    color: #fff;
    background-color: #0f6cc9 !important;
    border-color: #0f6cc9 !important;
    color: #fff !important;
}

    .btn-primary:hover {
        background-color: #002570 !important;
        border-color: #002570 !important;
        color: #fff !important;
    }

.k-primary {
    background-color: #0f6cc9 !important;
    border-color: #0f6cc9 !important;
    color: #fff !important;
}

    .k-primary:hover {
        background-color: #002570 !important;
        border-color: #002570 !important;
        color: #fff !important;
    }





.gdpr-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f8f9fa;
    padding: 15px;
    border-top: 1px solid #ccc;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
    z-index: 1050;
}

.gdpr-banner-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}



/* Grid tweaks */
.k-grid td {
    white-space: normal !important;
}

.k-grid .nowrap {
    white-space: nowrap;
}

/*.form-floating {
    margin-top: 2.0rem !important;
    position: relative;
    
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    opacity: 1.65;
    transform: scale(1.00) translateY(-2.5rem) translateX(-0.90rem);
}

.form-floating > input {
    margin-bottom: 2.0rem;
    height: 35px !important;
}

.form-floating .field-validation-error {
    opacity: 1.65;
    transform: scale(1.00) translateY(-8.0rem) translateX(-0.90rem);
    color: #dc3545 !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #0D6F9D;
    background-color: #fff;
    border-color #0D6F9D;
}

.text-success {
    color: #198754 !important;
}*/









.k-window {
    border-color: #dee2e6;
    color: #111111;
    background-color: #fafafa;
    margin-top: 60px;
    z-index: 42000;
}







.hide {
    display: none;
}

.show {
    display: inline;
}

.field-validation-error {
    color: red !important;
}

.k-loading-image:before,
.k-loading-image:after {
    display: none !important;
}

.k-loading-image {
    background: url("../Images/Loading/loading-gear-2.gif") center center no-repeat !important;
    background-size: 20px 20px !important;
    background-position: center 10px !important;
}

.k-grid-norecords-template {
    background-position: center 10px !important;
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #ffffff;
    border-radius: 4px; /* rounds corners */
    height: 40px !important;
    /* Flexbox centering */
    display: flex;
    align-items: center; /* vertical center */
    justify-content: center; /* horizontal center */
    text-align: center; /* ensures multiline text is centered too */
}












.k-input-md,
.k-picker-md {
    font-size: 1rem;
    line-height: 2.75;
}

.k-svg-icon {
    color: #0f6cc9 !important;
    height: 16px;
    width: 16px;
}

.k-tooltip {
    box-sizing: border-box !important;
    width: 200px !important;
    border: none;
    background-color: #FFFFFF !important;
    /*box-shadow: 0 2px 4px 0 rgba(22,34,58,0.11) !important;*/
    box-shadow: 0px 12px 28px 0px rgba(0,0,0,0.2), 0px 2px 4px 0px rgba(0,0,0,0.1), 0px 0px 0px 1px rgba(255,255,255,0.05) inset !important;
    color: white !important;
    /*left: 40%;*/
    /*border-width: 1px !important;*/
    /*width: 200px !important;
    height: auto !important;*/
}

.k-tooltip-content {
    color: #0f6cc9 !important;
    /*font-family: "Helvetica Neue";*/
    font-size: 12px;
    /*letter-spacing: 0;*/
    line-height: 20px;
    /*text-align: justify;*/
    /*background-color: white !important;
    color: #0f6cc9 !important;
    align-self: stretch;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
    border-width: 1px;*/
}

.page-template {
    font-family: "DejaVu Sans", "Arial", sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .page-template .header {
        position: absolute;
        top: 30px;
        left: 30px;
        right: 30px;
        border-bottom: 1px solid #888;
        color: #888;
    }

    .page-template .footer {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        border-top: 1px solid #888;
        text-align: center;
        color: #888;
    }

    .page-template .watermark {
        font-weight: bold;
        font-size: 400%;
        text-align: center;
        margin-top: 30%;
        color: #aaaaaa;
        opacity: 0.1;
        transform: rotate(-35deg) scale(1.7, 1.5);
    }

.v {
    display: none !important;
}











.hundredpercent {
    border-bottom-color: #fff !important;
    border-bottom-width: 0px !important;
    background-color: #ffffff !important;
    /*background-color: rgba(0, 123, 255, 1.00) !important;*/
}

.ninetypercent {
    border-bottom-color: #e7f0f9 !important;
    border-bottom-width: 4px !important;
    background-color: #e7f0f9 !important;
    /*background-color: rgba(0, 123, 255, 1.00) !important;*/
}

.eightypercent {
    border-bottom-color: #cfe1f4 !important;
    border-bottom-width: 8px !important;
    background-color: #e7f0f9 !important;
    /*background-color: rgba(0, 123, 255, 1.00) !important;*/
}

.seventypercent {
    border-bottom-color: #b7d2ee !important;
    border-bottom-width: 16px !important;
    background-color: #e7f0f9 !important;
    /*background-color: rgba(0, 123, 255, 1.00) !important;*/
}

.sixtypercent {
    border-bottom-color: #9fc4e9 !important;
    border-bottom-width: 32px !important;
    background-color: #e7f0f9 !important;
    /*background-color: rgba(0, 123, 255, 1.00) !important;*/
}

.fiftypercent {
    border-bottom-color: #87b5e4 !important;
    border-bottom-width: 64px !important;
    background-color: #e7f0f9 !important;
    /*background-color: rgba(0, 123, 255, 1.00) !important;*/
}

.svg-icon-16-blue {
    color: #0f6cc9 !important;
}

.F20 {
    background-color: #ffffff !important;
}

.F21 {
    background-color: #fdd !important; /*red*/
}

.F22 {
    /*background-color: #0f6cc912 !important;*/
    background-color: rgba(15,108,201, 0.02) !important;
}



















.accordion-item {
    margin-bottom: 4px; /* ? Spacing between accordion buttons */
}



.accordion-button {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #111111;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 4px !important;
}




    .accordion-button.collapsed {
        border-radius: 4px !important;
    }

    .accordion-button:not(.collapsed) {
        border-top-left-radius: 4px !important;
        border-top-right-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }




/* Popup container */
#gdpr-popup {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #ccc;
    padding: 20px;
    text-align: center;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    z-index: 42000;
}

/* Popup content */
/*#gdpr-popup p {
    margin: 0 0 10px;
}
*/
/* Button */
/*#gdpr-popup button {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
}*/

/*#gdpr-popup button:hover {
    background-color: #0056b3;
}*/





html, body {
    margin: 0;
    padding: 0;
    min-width: 320px;
    font-size: 14px;
    background-color: #ffffff; /*#f3f9ff;*/ /*<<<<           #e3f2ff      <<<<<<<   #ebedef; <<<<<<<<<<<<<<<<<<<<<<<<<<< #fafafa*/
}






.navbar {
    background: #ffffff;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    position: fixed;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem;
    z-index: 42000;
    /*height: 100px;*/
    width: 100%; /* Full width */
}


main {
    margin-top: 60px; /* Add a top margin to avoid content overlay */
    display: block;
    unicode-bidi: isolate;
}














.TK-Bar {
    background: #ffffff;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    color: #000;
    position: relative;
    z-index: 42000;
}







/*.hidden {
    opacity: 0;
    pointer-events: none;*/ /* Optional: makes the button not clickable while hidden */
/*transition: opacity 1s;*/ /* Smooth transition for opacity */
/*}

.visible {
    opacity: 1;
    pointer-events: auto;*/ /* Re-enable clicking when visible */
/*}*/


.u-bg-blue {
    background-color: #282f89 !important;
    --bg-color: #282f89 !important
}

.u-bg-blue1 {
    background-color: #5777ea !important;
    --bg-color: #5777ea !important
}

.u-bg-blue2 {
    background-color: #2b2bb2 !important;
    --bg-color: #2b2bb2 !important
}

.u-bg-blue3 {
    background-color: #151950 !important;
    --bg-color: #151950 !important
}

.u-bg-blue4 {
    background-color: #06163e !important;
    --bg-color: #06163e !important
}

.u-bg-blue5 {
    background-color: #20256c !important;
    --bg-color: #20256c !important
}

.u-bg-blue6 {
    background-color: #3d57d8 !important;
    --bg-color: #3d57d8 !important
}

.u-bg-blue7 {
    background-color: #0357ff !important;
    --bg-color: #0357ff !important
}

.u-bg-blue8 {
    background-color: #03091c !important;
    --bg-color: #03091c !important
}

.u-bg-orange {
    background-color: #ff9b4b !important;
    --bg-color: #ff9b4b !important
}

.u-bg-yellow {
    background-color: #fcd077 !important;
    --bg-color: #fcd077 !important
}

.u-bg-green {
    background-color: #afe6da !important;
    --bg-color: #afe6da !important
}

.u-bg-violet {
    background-color: #282f89 !important;
    --bg-color: #282f89 !important
}








.k-picker-solid {
    border-color: #e4e7eb;
    /*color: #111111;*/
    /*background-color: #e4e7eb;*/
}

    .k-picker-solid:hover, .k-picker-solid.k-hover {
        border-color: #c7cdd5;
        /*background-color: #ced3db;*/
    }

    .k-picker-solid:focus, .k-picker-solid.k-focus {
        border-color: #bfc6d0;
        /*background-color: #c7cdd5;*/
        box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
    }

    .k-picker-solid:focus-within {
        border-color: #bfc6d0;
        /*background-color: #c7cdd5;*/
        box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
    }

    .k-picker-solid.k-invalid, .k-picker-solid.ng-invalid.ng-touched, .k-picker-solid.ng-invalid.ng-dirty {
        border-color: #dc3545;
    }

        .k-picker-solid.k-invalid .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-touched .k-input-validation-icon, .k-picker-solid.ng-invalid.ng-dirty .k-input-validation-icon {
            color: #dc3545;
        }

        .k-picker-solid.k-invalid:focus, .k-picker-solid.k-invalid.k-focus, .k-picker-solid.ng-invalid.ng-touched:focus, .k-picker-solid.ng-invalid.ng-touched.k-focus, .k-picker-solid.ng-invalid.ng-dirty:focus, .k-picker-solid.ng-invalid.ng-dirty.k-focus {
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
        }

        .k-picker-solid.k-invalid:focus-within, .k-picker-solid.ng-invalid.ng-touched:focus-within, .k-picker-solid.ng-invalid.ng-dirty:focus-within {
            box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
        }