@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

body {
    font-family: 'Source Sans Pro', myriad-pro, Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    color: #022231;
    font-size: 18px;
    background: url("../images/background-5-2000x740.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: fixed;
}

@media (max-width: 800px) {
    body {
      background-position:left top;
      background-attachment: fixed;
    }
}
html {
    font-size: 18px;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
}






.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }



.p-static {
    position: static !important;
}

.high-zindex {
    z-index: 20000 !important;
}

.cursor-auto {
    cursor: auto !important;
}

/* ------------------ loading overlay ------------------ */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 2000;
    visibility: hidden;
}

.spanner {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #FFF;
    visibility: hidden;
}

.show {
    visibility: visible;
}

.hidden {
    display: none;
}

.spanner, .overlay {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
}

    .spanner.show, .overlay.show {
        opacity: 1
    }

.loader-bottom-right {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15000 !important;
}

/* ------------------ banner styles ------------------ */
.agency-banner {
    padding: .25rem 0 0;
    margin-bottom: .5rem;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(81, 92, 147, 0.5);
}

.ssa-logo {
    width: 190px;
    display: block;
    margin-right: 10px;
    padding: 0;
}

.app-logo-placeholder {
    display: none;
}

  .app-logo-placeholder::after {
      content: "app logo?";
  }

.app-logo {
    min-height: 45px;
    max-height: 50px;
}

.login-user-name {
    border-right: 1px solid #31363c;
    margin: 5px 0 0 0;
}

.login-user-type {
    border-right: 1px solid #31363c;
    margin: 5px 5px 0 0;
}


/* ------------------ text styles ------------------ */
.county-title-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    margin: 0;
    padding: 0;
}

.department-title-text {
    font-weight: 600;
    font-size: 24px;
    line-height: 40px;
    margin: 0;
    padding: 0;
}

.app-title-text {
    font-weight: 600;
    font-size: 2rem;
    margin: 0;
    padding: 0;
}

.app-title-sub-text {
    font-weight: 400;
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
}

.form-section-head {
    font-size: 1.5rem;
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 600;
}

.disclaimer-text {
    font-size: .8rem;
}

h4.panel-title {
    font-size: 1.25rem;
    color: #333;
    font-weight: 600;
}

.error-question {
    font-size: 1.3rem;
    font-weight: 600;
}

.logo-text {
    color: #f8f9f8;
}

.page-title {
    font-size: 1.3rem;
    color: #fff;
    font-weight: 600;
    /*    position: absolute;   */
    margin: 15px 0 0;
}



.table-1 tbody tr {
    transition: background-color 0.37s ease;
}

    .table-1 tbody tr:hover {
        background: #98eaa2;
    }

.table-1 td a {
    background: #f8f9f8;
    padding: 5px 10px;
    border-radius: 5px;
}

/* ------------------ Icon styles ------------------ */

.color-green {
    color: #008000;
}

/* error message styles */
.validation-summary-errors ul li {
    list-style: none;
}

.contact-icon-bar {
    height: 36px;
}
/* ------------------ bootstrap overrides ------------------ 
updated 9-24-2025

*/

.bg-light {
    background: #f0f0f4 !important;
}

.bg-gray {
    background: #F3F3F3;
}

.bg-white {
    background: #fff !important;
}

.bg-primary {
    background: #444 !important;
}

.rounded {
    border-radius: 10px !important;
}

.border-bottom.dark-border {
    border: 1px solid #333;
}

.border-grey {
    border-color: grey !important;
}



.bg-grad-1 {
    background: linear-gradient(0deg, #135A78 0%, #2fa49e 100%);
}

.custom-control-label::before {
    background-color: #fff;
    border: 1px solid #aaa;
}

.btn {
    border: none;
}

    .btn i {
        color: #fff;
    }


.border-primary {
    background-color: #1b6ec2 !important;
    border-color: #1b6ec2 !important;
}



.btn-danger {
    border: 1px solid #b32a4c;
    background: #b32a4c;
    color: #fff;
}

.btn-danger:hover,
.button-danger:active{
    border: 1px solid #96223f;
    background: #96223f!important;
    color: #fff;
}

.border-light {
    border-color: #fff !important;
    background-color: #fff !important;
    opacity: 1.0;
}

.border-secondary {
    background-color: #647C9d !important;
    border-color: #647C9d !important;
    opacity: 1.0;
}

.border-gold {
    border-color: #ffcf85 !important;
    background-color: #ffcf85 !important;
    opacity: 1.0;
}

.dropdown-item:active {
    background: #8194ad;
}

.form-control-plaintext, .form-control-plaintext {
    outline-color: #ced4da;
}


select:disabled {
    appearance: none;
}

/* ------------------ Card Styles --------------------------*/

.card-header {
    background: #eaeff5;
}

.contact-card {
    height: 145px;
}

/* -------------- Home Section ------------------*/

.history-list-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    .history-list-item:not(:last-child) {
        border-bottom: 1px solid grey;
    }

.history-list-item-note {
    padding: 1rem;
    font-size: 16px;
}

.history-list-item-footer {
    padding-left: 0.5rem;
}

/* ------------------- Validation Summary -------------------*/
.validation-summary {
    color: black;
}

    .validation-summary .validation-icon {
        float: left;
    }

        .validation-summary .validation-icon::before {
            font-size: 1.5rem;
        }

    .validation-summary .validation-summary-heading {
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 1rem;
        padding-left: 2.5rem;
    }

    .validation-summary ul.validation-errors {
        padding-left: 3.5rem;
    }

/* ------------------- Alert overrides --------------------- */

.alert {
    --bs-alert-padding-x: 1.5rem;
    --bs-alert-padding-y: 1.5rem;
}

/* ------------------ Accordion overrides ------------------ */

.accordion-button {
    background-color: #f0f0f0;
}

    .accordion-button .collapsed {
        border-bottom: 1px solid #a4b4c9;
    }

    .accordion-button:not(.collapsed) {
        background: #a4b4c9;
        color: #333;
        box-shadow: none;
        border: none;
    }

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.accordion-collapse.show {
    background: #eaeff5;
    border-radius: 0 0 7px 7px;
    margin-bottom: 10px;
}

/* ------------------ table styles ------------------ */

table th, table td {
    vertical-align: middle;
}

thead {
	font-weight:500;
}

.table-no-results {
    text-align: center;
    font-weight: 700;
    font-size: large;
    margin: 81px -12px 20px;
    background: #fff;
    padding: 15px;
    border-radius: 7px;
}

.table-hover tbody tr:hover {
    background-color: #e9ecef;
}

/* ------------------ telerik grid override ------------------ */
.k-grid-table.k-table, .k-table-md {
    font-size: 16px;
}

.k-grid.row-pointer .k-table-row:hover {
    cursor: pointer;
}

.k-grid.rounded .k-grid-header, .k-grid.rounded .k-grid-aria-root, .k-grid.rounded .k-grid-toolbar {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.k-grid.rounded .k-grid-pager {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.no-scroll .k-grid-content {
    overflow-y: hidden;
}

.no-scroll .k-grid-header {
    padding-right: 0 !important;
}

.no-scroll .k-grid-header-wrap {
    border-width: 0px !important;
}

.k-table-td:has(.bg-warning) {
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important;
}

/* ------------------ telerik tab override ------------------ */
.k-tabstrip.rounded {
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

    .k-tabstrip.rounded .k-tabstrip-item {
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }

    .k-tabstrip.rounded .k-tabstrip-content {
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }

.k-tabstrip-items-wrapper, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-content.k-content.k-active {
    border-color: #999;
}

/* ------------------ telerik list styles ------------------ */
.k-listview-item:last-child .border-secondary {
    opacity: 0;
}

/* ------------------ telerik window styles ------------------ */
/* remove the end padding for end of windows */
.k-window .k-actions {
    border: none;
    padding: 0;
}

/* ---------------- telerik breadcrumb styles ----------------- */
.k-breadcrumb-item {
    font-size: 1.1rem;
}

.k-breadcrumb-current-item .k-breadcrumb-link, .k-breadcrumb-last-item .k-breadcrumb-link {
    color: #022231;
    text-decoration: none;
    font-weight: 600;
}

/* ------------------ tables override ------------------ */

.table {
	background:#e4e4eb!important;
}

tbody tr {
	border-bottom: 1px solid #333;
}

.table thead th, .table th {
    /*  border: none;*/
}

/*** Megamenu overrides ***/

.megamenu .ms-options {
    width: calc(100% - 50px);
    /* Leaves 25px of space on the right side */
    margin-left: 25px;
}

.megamenu ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.megamenu li {
    width: calc( calc(100% / 3) - 5px);
    /* 3 columns with �space for column gutter */
}




/* ------------------ Confirmation Dialog ------------------ */
.k-window .k-actions {
    padding: 10px;
}

.k-dialog-buttongroup .k-button {
    margin: 0px;
    background-image: none;
    background-color: var(--parat-bg-color) !important;
    color: white !important;
    font-size: 12px;
    border: 1px solid white;
}
.k-window {
    border-radius: 6px;
}
.k-window-titlebar {
    border-radius: 6px;
}

.required-field .k-form-label::after {
    content: "*";
    color: red;
    padding-left: .4em;
}

/*-------------Telerik Grid Style*/
.k-grid .center-cell {
    zoom:1.8;
}

/*--------Button Create New Record style--------- */
.createRecordControl{
    padding:15px;
}
.createRecordBtn {
    width: 200px;
}

/*--------Customer Stepper------*/
.k-stepper > .k-progressbar {
 /*   height: 4px;
    top: 18px;*/
 left: 10px;
}

    .k-stepper > .k-progressbar .k-selected {
        background: linear-gradient(to right, #0a58ca, #0aabfd);
    }
.k-step-list-vertical .k-step {
    min-height: 40px;
}
.custom-step {
    width: 20px;
    height: 20px;
    border: 1px solid #0a58ca;
    border-radius: 4px;
    background-clip: padding-box;
    box-sizing: border-box;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.k-step-done .custom-step {
    background-image: radial-gradient( circle at center, #0a58ca 10px, #0a58ca );
}

.k-step:not(.k-step-done):not(.k-step-current) .custom-step {
    border: 2px solid #ccc;
}

.k-step-link .k-icon {
    width: 24px;
    color: #000;
}

.k-step-link .step-label {
    color: #0a58ca;
    font-weight: bold;
}

/****************SSA Style*/
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

    .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

.btn-bd-primary {
    --bd-violet-bg: #712cf9;
    --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet-bg);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #6528e0;
    --bs-btn-hover-border-color: #6528e0;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5a23c8;
    --bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
    z-index: 1500;
}

    .bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
    }

.bi {
  vertical-align: baseline;
}

/*--------------------------------- sonkarlay CSS updates -----------------------------------*/

/*-------------------- section styles --------------------*/

/* section and container */
main {
  background: rgba(251,252,255,0.9);
}

.container-fluid.section {
  border-radius: 7px;
  background:#f0f0f4;
  padding:12px 18px;
  margin-bottom:12px;
  border: 1px solid #d6d7e0;
}

/*.container-fluid.section .row div:not(:last-child) {
  margin-bottom:15px;
}*/

.container-fluid.section.table,
.container-fluid.section.alternate{
	background:#fff!important;
}

/* section text */
.section-title {
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom:12px;
}


.section-sub-title {
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom:12px;
}

.section-text-heading {
  font-weight: 600;
  font-size: 1rem;
}

/* screening section */
.screening-step {
  font-weight:600;
  font-size: 1rem;
  padding: 0 0;
}
.screening-question {
  font-weight:500;
  font-size: 1rem;
  padding: 0 12px;
}

/*-------------------- logos --------------------*/

.ssa-logo {
  width: 250px;
  display: inline-block;
}

.app-logo {
    /*width: 110px;*/
    display: inline-block;
    /*margin-right: 10px;*/
    padding: 0;
    min-height: 45px;
    max-height: 50px;
/*width: 120px;*/
}

/*-------------------- code section --------------------*/

code {
	display:block;
	margin: 10px 0;
	font-weight:400;
	color:#022231!important;
	padding:12px 18px!important;
	border:1px solid #d6d7e0;
	background:#f0f0f4!important;
	border-radius:6px;
	font-size:1rem;
}

code span {
	font-size:1.25rem;
	font-weight:500;
}

/*-------------------- navigation update --------------------*/

.navbar-nav {
  background: #ffffff;
  border-radius: 6px;
  font-size: 1rem;
  box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.10);
}

.navbar-nav .nav-item a {
  margin: 4px 0 0 0;
  padding: 0 10px;
}

.navbar-nav .nav-item {
  margin: 5px 0;
  padding: 0 5px;
}

.navbar-nav a.nav-link:hover {
  color: #1b6ec2;
  border-bottom: 4px solid #444;
}

.navbar-nav a.nav-link {
  border-bottom: 4px solid transparent;
}

.navbar-nav a.nav-link.active {
  color: #1b6ec2;
}

.navbar-toggler {
  background:#fff;
}

@media only screen and (max-width: 575px) {
  .navbar-nav .navbar-collapse .nav-item {
    border: none;
  }
}

/*-------------------- step section --------------------*/

.steps {
  font-size: 1rem;
  border-bottom: 1px solid #ddd;
  margin:0 3px;
  padding:5px 0;
}

.report-number {
  font-weight: bold;
  font-size: 1rem;
  border: 1px solid #ddd;
  background:#f1f1f6;
  color:#000;
  padding: 5px;
  Border-radius: 5px;
  margin-bottom: 10px;
  text-align:center;
}

.sub-nav a {
  text-decoration: none;
}

.step-section-label{
  display:none;
}

.k-radio-list-item {
	font-size:1rem;
}

.steps-section a {
  text-decoration:none;
  color: #022231;
  font-weight:500;
}

.steps-section a:hover {
  color: #1b6ec2;
}

.report-step-name {
  display:none;
  font-weight:500;
  font-size:1.1rem;
  padding: 10px 0 0 0; 
}

.steps.active a {
	color: #1b6ec2;
	font-weight:700;
}

.screening-step {
  font-weight:600;
  font-size: 1rem;
  padding: 0 0;
}
.screening-question {
  font-weight:500;
  font-size: 1rem;
  padding: 0 12px;
}

/*-------------------- step section media query --------------------*/

@media screen and (max-width: 766px) {
  
  .report-step-name {
    display:block;
  }

  body {
    background-size: 200%;
    background-position:100% 0;
    background-attachment:fixed;
  } 

  .steps span {
    display: none;
  }

  .steps span.step-label {
    display:none;
  }

  .steps {
    text-align: center;
    border: none;
    padding:2px 5px;
  }

  .steps.active {
    font-weight: 600;
    background:#d9ddea;
    color:#3f57d3;
    border-radius: 2px;
  }

  .steps:hover {
    font-weight: 600;
    background:#e5e8f1;
  }

  .steps-section {
    border:1px solid #dcdde7;
    background:#f1f2f7;
    border-radius:7px;
    padding: 12px 18px;
    margin-left:-8px;
    margin-right:-8px;
  }

  .step-section-label {
    display:block;
    font-size:1.3rem;
    font-weight:500;
    margin-left:-12px;
  }
}

/*-------------------- form styles --------------------*/


.form-navigation {
  justify-content:center!important;
  padding: 1.5rem 0;
}

.form-label {
  font-size:1rem;
  margin-bottom:.125rem;
}

label.required::after {
    content: "*";
    color: red;
    padding-left: .4em;
}
/*
.k-multiselect .k-input-values, .k-multiselect .k-input-values .k-chip {
    margin-bottom: 0 !important;
}*/


/*-------------------- buttons --------------------*/

/* btn-link */
a, .btn-link, .btn-link i {
    color: #1b6ec2;
}

.btn-link{
  background:none;
}
.btn-link:hover{
  background:#ebedf1!important;
}
.btn-link:active{
  background:#d9dfe7!important;
}

/* btn-light */
.btn-light i, 
.btn-warning i,
.btn-info i{
  color: #022231; /* icon */
}

.btn-light {
  background: #ebedf1;
  color: #022231;
  box-shadow: none;
}

.btn-light:hover,
.btn-light:focus {
  background: #f3f3f3;
  color: #022231;
  border: none;
  box-shadow: none;
}

.btn-light:active,
.btn-light.active,
.btn-light.active:hover,
.btn-light.active:active{
  background: #d9dfe7!important;
  color: #022231;
  box-shadow: none;
}


/* btn-dark */
.btn-dark i {
  color: #fff;
}

.btn-dark {
  background: #4e5a6a;
  color: #fff;
}

.btn-dark:hover{
  background: #334359!important;
  color: #fff;
}

.btn-dark:active,
.btn-dark.active{
  background: #243449!important;
  color: #fff;
}

.btn-dark.disabled{
  background: #647387!important;
  color: #fff;
}


/* btn-primary */
.btn-primary {
  background: #1b6ec2;
  color: #fff;
  border: 1px solid #1b6ec2;
}

.btn-primary:hover,
.btn-primary:focus {
	background: #215faa;
	box-shadow: none;
    }

.btn-primary:active {
	background: #2a4a89!important;
	box-shadow: none;
    }


/* btn-secondary */
.btn-secondary i {
  color: #1b6ec2;
}

.btn-secondary:active i,
.btn-secondary.active i{
	color: #fff;
}

.btn-secondary {
  border: 1px solid #1b6ec2;
  background: #fff;
  color: #1b6ec2;
}

.btn-secondary:hover {
	border: 1px solid #1b6ec2!important;
	background: #edf4fa!important;
	color: #1b6ec2;
}

.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.active:hover{
	border: 1px solid #2a4a89!important;
	background: #2a4a89!important;
	color: #fff;
}

.btn-secondary.disabled{
	border: 1px solid #4C5973!important;
	background: #edf4fa!important;
	color: #4C5973;
}


/* btn-success */
.btn-success {
  border: 1px solid #1d7363;
  background: #1d7363;
  color: #fff;
}

.btn-success:hover,
.button-success:active{
  border: 1px solid #136052;
  background: #136052!important;
  color: #fff;
}

.btn-success i {
  color: #fff;
}

/*-------------------- button icon --------------------*/

.btn > i:first-child {
  padding-right: 6px;
  vertical-align: 1px;
  }

.btn > i:last-child {
  padding-left: 6px;
  vertical-align: 1px;
  }

.justify-space-between {
    justify-content: space-between;
}

/* ----- Kendo Bootstrap overrides ----- */

/*
 
- Added override for secondary button
    - Border and color
    - Sewcondary definition in Telerik is unchanged
- Added link button
- Updated breadcrumbs
    - Changed background color
    - Removed margin from the bottom
    - Removed text decoration underline from curent page  
- Update card spacing
    - Removed margin from the bottom
- Form rows
    - Created a form row class
    - The class handles spacing
    - THe class adds a border to the bottom of the row
    - The class handles vertical spacing between row items (input fields)
*/

/* btn-secondary */
.k-button-solid-secondary i,
.btn-secondary i {
    color: #1b6ec2;
}

.k-button-solid-secondary.active i,
.k-button-solid-secondary:active i,
.btn-secondary:active i,
.btn-secondary.active i {
    color: #fff;
}

.k-button-solid-secondary,
.btn-secondary {
    border: 1px solid #1b6ec2;
    background: #fff;
    color: #1b6ec2;
}

    .k-button-solid-secondary:hover,
    .btn-secondary:hover {
        border: 1px solid #1b6ec2 !important;
        background: #edf4fa !important;
        color: #1b6ec2;
    }

    .k-button-solid-secondary:active,
    .k-button-solid-secondary.active,
    .k-button-solid-secondary.active:hover,
    .btn-secondary:active,
    .btn-secondary.active,
    .btn-secondary.active:hover {
        border: 1px solid #2a4a89 !important;
        background: #2a4a89 !important;
        color: #fff;
    }

    .k-button-solid-secondary.disabled,
    .btn-secondary.disabled {
        border: 1px solid #4C5973 !important;
        background: #edf4fa !important;
        color: #4C5973;
    }

/* btn-link */
a, .btn-link, .btn-link i {
    color: #1b6ec2;
}

.btn-link {
    background: none;
}

    .btn-link:hover {
        background: #ebedf1 !important;
    }

    .btn-link:active {
        background: #d9dfe7 !important;
    }

/* Breadcrumbs */
.k-breadcrumb {
    margin: 0 0 0 1rem;
    background: none;
    Font-weight: 600;
}

.k-breadcrumb-last-item a {
    text-decoration: none;
}

/* form row */
.form-row {
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

    .form-row:first-child {
        padding-top: .75rem;
    }

    .form-row:not(:last-child) {
        border-bottom: 1px solid #d6d7e0;
    }

    .form-row .k-input {
        margin-bottom: 1rem;
    }

    .form-row .section-sub-title {
        margin-bottom: 1rem;
    }

/* Form label */
.form-label, .field-label {
    font-weight: 400;
}
.field-label {
    font-weight: 600;
}

/* ------------------- Validation Summary -------------------*/
.validation-summary {
    color: #000;
    word-wrap: break-word;
}

    .validation-summary .validation-icon {
        float: left;
    }

        .validation-summary .validation-icon::before {
            font-size: 1.5rem;
        }

    .validation-summary .validation-summary-heading {
        font-size: 1.125rem;
        font-weight: 600;
        padding-bottom: 1rem;
        padding-left: 2.5rem;
    }

    .validation-summary ul.validation-errors {
        padding-left: 3.5rem;
    }

/* ------------------- Alert notification overrides --------------------- */

.alert {
    --bs-alert-padding-x: 1.5rem;
    --bs-alert-padding-y: 1.5rem;
}

/* ------------------ Accordion overrides ------------------ */

.accordion-button {
    background-color: #f0f0f0;
}

    .accordion-button .collapsed {
        border-bottom: 1px solid #a4b4c9;
    }

    .accordion-button:not(.collapsed) {
        background: #a4b4c9;
        color: #333;
        box-shadow: none;
        border: none;
    }

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.accordion-collapse.show {
    background: #eaeff5;
    border-radius: 0 0 7px 7px;
    margin-bottom: 10px;
}

/* ------------------ dashboard tile ------------------ */
.dashboard-tile-deck {
    justify-content: center;
}

.dashboard-tile {
    cursor: pointer;
    width: 200px;
    height: 200px;
}

    .dashboard-tile.active .k-card {
        background-color: var(--kendo-color-base-subtle-active, #d2d5d8);
        box-shadow: var(--bs-box-shadow-sm);
    }

    .dashboard-tile.tile-size-small {
        height: 80px;
        width: 150px;
    }

        .dashboard-tile.tile-size-small .dashboard-tile-title {
            font-size: 18px;
            font-weight: 600;
        }

    .dashboard-tile.tile-size-medium {
        height: 160px;
    }

        .dashboard-tile.tile-size-medium .dashboard-tile-subtitle {
            height: 62px;
        }

    .dashboard-tile .k-card {
        width: 100%;
        height: 100%;
    }

        .dashboard-tile .k-card:hover {
            background-color: var(--kendo-color-base-subtle-hover, #e4e7eb);
        }

.dashboard-tile-title {
    font-size: 32px;
    display: flex;
    flex-direction: row;
    gap: var(--kendo-spacing-3, 0.75rem);
    justify-content: center;
    min-height: 40px;
}

.dashboard-tile-subtitle {
    padding-top: 1rem;
    text-wrap: wrap;
    text-align: center;
}

.dashboard-tile-title-icon {
    vertical-align: -0.125em;
}
/* ------------------ telerik grid override ------------------ */

.k-grid.rounded > .k-toolbar {
    border-radius: 10px 10px 0 0;
}

.k-grid.rounded > .k-pager {
    border-radius: 0 0 10px 10px;
}

.k-grid.rounded:not(:has(.k-pager)) > .k-grid-aria-root {
    border-radius: 0 0 10px 10px;
}

tr.k-table-row:has(td.k-table-td span i.ssa-i-warning-exclaimation-filled),
tr.k-table-row:has(td.k-table-td span img.warning-exclaimation-filled),
tr.k-table-row:has(td.k-table-td span span.ssa-warning-diamond) {
    background-color: #f2d3d5;
}

    tr.k-table-row:has(td.k-table-td span i.ssa-i-warning-exclaimation-filled):hover,
    tr.k-table-row:has(td.k-table-td span img.warning-exclaimation-filled):hover,
    tr.k-table-row:has(td.k-table-td span span.ssa-warning-diamond):hover {
        background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 5%, #f2d3d5);
    }

tr.k-table-row:has(td.k-table-td span i.ssa-i-warning-exclaimation),
tr.k-table-row:has(td.k-table-td span img.warning-exclaimation),
tr.k-table-row:has(td.k-table-td span span.ssa-warning-triangle) {
    background-color: #fbe3cb;
}

    tr.k-table-row:has(td.k-table-td span i.ssa-i-warning-exclaimation):hover,
    tr.k-table-row:has(td.k-table-td span img.warning-exclaimation):hover,
    tr.k-table-row:has(td.k-table-td span span.ssa-warning-triangle):hover {
        background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 5%, #fbe3cb);
    }

tr.k-table-row:has(td.k-table-td span i.ssa-i-warning-triangle),
tr.k-table-row:has(td.k-table-td span img.warning-triangle),
tr.k-table-row:has(td.k-table-td span span.ssa-warning-circle) {
    background-color: #fff8e2;
}

    tr.k-table-row:has(td.k-table-td span i.ssa-i-warning-triangle):hover,
    tr.k-table-row:has(td.k-table-td span img.warning-triangle):hover,
    tr.k-table-row:has(td.k-table-td span span.ssa-warning-circle):hover {
        background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 5%, #fff8e2);
    }

/* ------------------ telerik window styles ------------------ */
/* remove the end padding for end of windows */
.k-window .k-actions {
    border: none;
    /*padding: 0;*/
}

.k-window-titlebar,
.k-card-header {
    background-color: #e6efef;
}

.k-window-content .section, .k-tabstrip .section {
    border: none;
    box-shadow: none;
    background: none;
}

.k-column-title {
    font-weight: 600;
}

.k-notification-container {
    position: relative;
    top: 5rem;
}

/* ------------------- App Alerts ----------------------*/
.alert-list.k-panelbar {
    border: none;
}

.alert-item, .alert-list .k-panelbar-header {
    border: 1px solid #aaaaaa;
    border-radius: 8px;
    margin-bottom: 1rem;
}

    .alert-list .k-panelbar-header .k-link {
        border-radius: 8px;
    }

    .alert-list .k-panelbar-header .k-animation-container {
        padding: 0 1rem;
    }

.alert-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

    .alert-item-header .alert-item-header-title {
        flex-grow: 1;
    }

        .alert-item-header .alert-item-header-title span {
            font-size: 1.25rem;
            font-weight: 600;
        }

.alert-item-content {
    padding: 1rem;
    /*background: white;*/
    margin-top: 0.5rem;
    border-top: 1px solid #a4a4a4;
}

.alert-item-action {
    margin-bottom: 1rem;
    text-align: end;
}

.alert-item-icon {
    font-size: 42px !important;
    vertical-align: -0.75rem;
    color: var(--kendo-color-series-a-bold);
}

/* ------------------- Card Expandable ----------------------*/
.card-expandable-header {
    background-color: inherit;
    padding: 0;
    border: none;
}

.card-expandable-header-button {
    width: 100%;
    padding: 1rem;
}

    .card-expandable-header-button .k-button-text {
        width: 100%;
    }

.card-expandable-header-button-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.card-expandable-body {
    margin: 0.5rem 1rem 1rem 1rem;
    padding: 1rem;
    border-top: 1px solid #d5d5d5;
}

/* ------------- Environment Banner ------------ */
.cookiebanner {
    position: fixed; /* Positions the element relative to the viewport */
    bottom: 0; /* Aligns to the bottom of the viewport */
    left: 0; /* Aligns to the left of the viewport */
    width: 100%; /* Makes it span the full width */
    padding: 15px; /* Adds some internal spacing */
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1); /* Adds a subtle shadow */
    z-index: 1000; /* Ensures it stays on top of other content */
    text-align: center; /* Centers the text content */
}

.cookiebanner-text > span {
    color: white;
}

/*****OUTPUT*/
.section-title {
    font-weight: 600;
    font-size: 1.5rem;
}

.section-sub-title {
    font-weight: 600;
    font-size: 1.25rem;
}

.section-sub-sub-title {
    font-weight: 600;
    font-size: 1rem;
}

/********Accessibility*/
/**** accessibility highlights ****/

/* Base link style */
a {
    color: #0055cc;
    text-decoration: underline;
    font-weight: 500;
}

    /* Focus state (keyboard users) */
    a:focus {
        outline: 3px solid #ffbf47; /* High-contrast focus ring */
        outline-offset: 2px;
        background-color: #fff3d4; /* Light yellow background */
    }

/* Target focused cells within the Telerik Grid */
td:focus, th:focus {
    background-color: #fff3d4 !important; /* Change to your desired color, e.g., red */ /* You can also change other properties like border or text color */
    border-color: #fff3d4 !important;
}

/* Target buttons */
.highlight-on-focus:focus {
    border: 1px solid white; /* Change the border color and style */
    border-radius: 3px; /* Change the background color */
    outline: 3px solid #ffbf47; /* High-contrast focus ring */
    outline-offset: 2px;
}

.special-incident-date {
    color: red;
}