html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.Header-Text0 {
    font-size: larger !important;
    font-weight: bold !important;
}

.Header-Text1 {
    font-size: large !important;
    font-weight: bold !important;
}

.Header-TextInquiry {
    font-size: x-large !important;
    font-weight: bold !important;
}

.Header-Text1InfoBar {
    font-size: large !important;
    font-weight: bold !important;
    padding-left: 5% !important;
    padding-top: 1% !important;
    padding-bottom: 1% !important;
    padding-top: 3% !important;
}

.Header-Text2 {
    font-size: medium !important;
    font-weight: bold !important;
}

.Input-InformationLabel {
    font-size: 14px !important;
    font-weight: bold !important;
}

.Input-InformationData {
    font-size: medium !important;
    text-transform: uppercase !important;
}

.InputLabel {
    font-size: 14px !important;
    font-weight: bold !important;
}

.navbar-brand {
    font-size: 1.6rem;
    color: white;
    padding-top: 2%;
}

.sub-points {
    margin-left: 5% !important;
    padding-top: 1px !important;
}

a, .btn-link {
    color: #006bb7;
}

.centered-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.rounded-grid {
    border-radius: 5px; /* Adjust the value as needed */
    overflow: hidden; /* Ensure the contents fit within the rounded corners */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Shadow effect */
    padding-left: 0px !important;
    padding-right: 0px !important;
}



.OuterGridHeader {
    background-color: #3272c3; /* Example header background color */
    color: white; /* Example header text color */
    text-align: center !important; /* Center align text */
    justify-content: center !important;
}

.Grid-Benefits {
    background-color: #ccdde2; /* Example header background color */
    color: black; /* Example header text color */
}

/*.Grid-Benefits {
    border-radius: 5px;*/ /* Adjust the value as needed */
/*overflow: hidden;*/ /* Ensure the contents fit within the rounded corners */
/*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);*/ /* Shadow effect */
/*background-color: #c0ecfc !important;
}*/

.full-cell-template {
    background-color: #7cafe3; /* Your desired background color */
    color: white;
    width: 100%; /* Full width of the cell */
    height: 120%; /* Full height of the cell */
    margin: 0; /* No margin */
    padding: 0; /* No padding */
    box-sizing: border-box; /* Include padding and border in total dimensions */
    display: flex; /* Optional: if you want to center content */
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
}

.TaxYearRadiobuttons {
    display: flex !important;
    flex-direction: row !important;
    gap: 25px !important;
}

.telerik-grid .k-grid-content td {
    padding: 0 !important; /* Remove cell padding */
    border: none !important; /* Remove cell borders if necessary */
}

/* Optional: Remove any margin or padding from the grid itself */
.telerik-grid {
    margin: 0;
    padding: 0;
}

    /* Optional: If there are specific row styles */
    .telerik-grid .k-grid-content tr {
        margin: 0;
        padding: 0;
    }


.Grid-HeaderPropertySearch {
    font-weight: bold !important;
    border-inline: none !important;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn-secondary {
    background-color: lightgray !important;
}

.resize-modes-radio {
    max-width: fit-content !important;
}

.form-group-dialogsx {
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    margin-bottom: 15px; /* Space below the form group */
}

    .form-group-dialogsx label {
        margin-bottom: 2px; /* Control spacing between label and input */
    }

.custom-form-item {
    padding-top: 0; /* Ensure there's no extra padding */
}

.btn-ContinueCache {
    color: white !important;
    background-color: #d5313c !important;
    width: 100px !important;
    height: 24px !important;
}

.btn-Ingrid_DRForm {
    padding: 0 !important; /* Remove default padding */
    height: 30px !important; /* Set a fixed height for the button */
    width: 40px !important; /* Set a fixed width for the button */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: transparent !important; /* Optional background color */
    border-radius: 5px !important; /* Optional rounded corners */
    border: none !important; /* Remove border */
}

    /* Ensure the SVG fits inside the button */
    .btn-Ingrid_DRForm svg {
        height: 100%; /* Make the SVG fill the button height */
        width: 100%; /* Make the SVG fill the button width */
        fill: #000; /* Set the icon color */
    }

.btn-IngridAttachment {
    border-color: #1861ac !important;
    width: 35px !important;
    height: 35px !important;
    background-color: #e07e6d !important;
}

.btn-IngridEdit {
    background-color: #21618C !important;
    color: white !important;
    border-color: #1861ac !important;
    width: 100px !important;
    height: 28px !important;
}


.btn-IngridCancel {
    color: black !important;
    width: 100px !important;
    height: 28px !important;
}

.btn-PopUpSave {
    background-color: #21618C !important;
    color: white !important;
    border-color: #1861ac !important;
}

.btn-TelerikCustom {
    background-color: #21618C !important;
    color: white !important;
    width: 180px !important;
    border-color: #1861ac !important;
    font-size: large !important;
    border-radius: 5px; /* Optional: rounded corners */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.08); /* Creates depth */
    transition: all 0.2s ease-in-out; /* Smooth transition for hover */
}

.btn-TelerikCustom:hover {
        background-color: #1d567f !important; /* Darker shade on hover */
        box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.15), 0px 3px 6px rgba(0, 0, 0, 0.1); /* Stronger shadow on hover */       
    }

.btn-TelerikCustom:active {
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.1); /* Subtle shadow on click */
    }

.btn-TelerikCustomSmall {
    background-color: steelblue !important;
    color: white !important;
    width: 100px !important;
    border-color: #1861ac !important;
    font-size: medium !important;
    line-height: 14px !important;
}

.btn-TelerikCustomWide {
    background-color: #21618C !important;
    color: white !important;
    width: 230px !important;
    border-color: #1861ac !important;
    font-size: large !important;
    border-radius: 5px; /* Optional: rounded corners */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.08); /* Creates depth */
    transition: all 0.2s ease-in-out; /* Smooth transition for hover */
}

.btn-TelerikCustomWide:hover {
        background-color: #1d567f !important; /* Darker shade on hover */
        box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.15), 0px 3px 6px rgba(0, 0, 0, 0.1); /* Stronger shadow on hover */
    }

.btn-TelerikCustomWide:active {
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.1); /* Subtle shadow on click */
    }

.btn-TelerikCustomXLWide {
    background-color: #318fc2 !important;
    color: white !important;
    width: 300px !important;
    border-color: #1861ac !important;
    font-size: large !important;
}

.btn-ConfirmYesFromDialog {
    background-color: #21618C !important;
    color: white !important;
}

.btn-ConfirmNoFromDialog {
    border-color: darkgray !important;
}

.btn-TelerikCustomWideXL {
    background-color: #21618C !important;
    color: white !important;
    width: 300px !important;
    border-color: #1861ac !important;
    font-size: large !important;
}

.btn-btnCustomFinal {
    background-color: #21618C !important;
    color: white !important;
    width: 210px !important;
    border-color: #1861ac !important;
    font-size: large !important;
}

.btn-TelerikCustomSubmit {
    background-color: #21618C !important;
    color: white !important;
    width: 180px !important;
    border-color: #1861ac !important;
    font-size: large !important;
}

.btn-TelerikEdit {
    /* background-color: lightgray !important;
    width: 25px !important;
    height: 25px !important;
    border-color: black !important;
    font-size: large !important;*/
    background-color: #cfe2ff !important;
    color: white;
    padding: 6px 8px !important;
    border-radius: 5px;
    float: right !important;
    height: 30px !important;
    width: 30px !important;
}

.btn-close-bold {
    background-color: #d32f2f; /* Bold red background */
    color: #ffffff; /* White icon */
    border: 2px solid #b71c1c; /* Stronger red border */
    border-radius: 50%; /* Circular shape */
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
}

    .btn-close-bold:hover {
        background-color: #b71c1c; /* Darker red on hover */
        border-color: #7f0000; /* Darker border on hover */
        transform: scale(1.1); /* Slight zoom effect */
    }

.icon-close {
    width: 18px;
    height: 18px;
}


.btn-TelerikCustomCopy {
    background-color: #A9A9A9 !important;
    color: white !important;
    width: 150px !important;
    border-color: darkgrey !important;
    font-size: large !important;
}

.btn-remove {
    background-color: lightgray !important;
    border-color: darkgrey !important;
}

.btn-PortRemove {
    background-color: lightgray !important;
    border-color: darkgrey !important;
    height: 30px !important;
}

.btn-SeniorRemove {
    background-color: lightgray !important;
    border-color: darkgrey !important;
    height: 30px !important;
}

.btn-Add {
    background-color: #ccdde2 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-color: darkgrey !important;
}

.btn-ShowExemptionInfo {
    background-color: #21618C !important;
    color: white !important;
    font-size: larger !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    padding-top: 2px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.btn-ShowPDFForm {
    width: 30px !important;
    height: 35px !important;
}
/*.k-button-md.k-icon-button {
    background-color: #e52810 !important;*/ /* Your desired background color */
/*color: black !important;*/ /* Change text color if needed */
/*border-radius: 15% !important;
    width: 30px !important;
    height: 30px !important;
}*/
.k-window-title {
    color: black !important;
    font-weight: bold !important;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; /*21618C*/
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

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

.invalid {
    outline: thick #e52810;
}

.validation-message {
    color: #e52810;
}

.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."
    }

.container-fluid {
    padding-left: 0px !important;
}

.card-body-xsmall {
    /*max-height: 35px !important;*/
    height: auto;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.09);
    transition: box-shadow 0.3s ease-in-out;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-color: #facacd !important;
    border-radius: 5px !important; /* Optional rounded corners */
    border-color: green !important;
}

.card-body {
    min-height: 900px !important;
    height: auto;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.), 0 1px 3px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.3s ease-in-out;
    padding-left: 30px !important;
    padding-right: 30px !important;
    /*background-color: #f5f7f9 !important;*/
    background-color: #f5f7f9 !important;
}

.card-bodyInquiry {
    min-height: 400px; /* Reserve space to prevent shifting */
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.3s ease-in-out;
    padding: 30px !important;
    background-color: #f5f7f9 !important;
    text-align: center;
}

.cardinquery .card {
    width: 60%; /* Set width to avoid unexpected expansion */
    max-width: 800px; /* Prevent it from becoming too wide */
    margin: auto; /* Ensure it stays centered */
}

.ContainerInquiry {
    padding-top: 5px !important;
    display: flex;
    justify-content: center; /* Center the card horizontally */
    align-items: center; /* Align items in the middle */
    width: 100%;
    min-height: 400px;
}

.NoteInquiry {
    align-self: flex-start; /* Override alignment from ContainerInquiry */
    text-align: left; /* Ensure text is aligned to the left */
    width: 100%; /* Make sure it takes full width */
    max-width: 1600px; /* Optional: Set a max width for better readability */
    font-size: 0.9rem;
    color: #333;
    background-color: #f8f9fa; /* Light gray background */
    padding: 10px;
    border-left: 4px solid #007bff; /* Blue left border for emphasis */
}

.card-body-login {
    min-height: 330px !important;
    height: auto;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.), 0 1px 3px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.3s ease-in-out;
    padding-left: 30px !important;
    padding-right: 30px !important;
    /*background-color: #f5f7f9 !important;*/
    background-color: #f5f7f9 !important;
    border-radius: 5px !important;
}

.card-householder {
    padding-left: 50px !important;
    padding-right: 50px !important;
    padding-top: 50px !important;
    padding-right: 50px !important;
    background-color: #f5f7f9 !important;
}

.card-bodyreview {
    max-height: 930px !important;
    overflow-y: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.), 0 1px 3px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.3s ease-in-out;
    padding-left: 50px !important;
    padding-right: 50px !important;
    padding-top: 15px !important;
}

.card-body:hover {
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.card-body-xsmall:hover {
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
}

/*.card-body-information {
    min-height: 930px !important;
    height: auto;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.), 0 1px 3px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.3s ease-in-out;
}*/

.card-body-information-bar {
    /* height: 1010px !important;*/
    min-height: 900px !important;
    height: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.), 0 1px 3px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.3s ease-in-out;
    background-color: #f5f7f9 !important;
}

    .card-body-information-bar:hover {
        box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
    }



.card-title-Review {
    padding-left: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
}


.horizontal-line {
    width: 100%; /* Adjust the width of the line */
    height: 200px; /* Adjust the height of the line */
    background-color: #21618C;
}

/*
.card-body-review {
    min-height: 50px !important;
    padding-left: 4px !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
    height: auto;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.), 0 1px 3px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.3s ease-in-out;
}*/
/*.table-sm td {
    padding: 8px !important;  
}*/
/*.row-review{
    height:2px !important;
}*/
.InfoBarSide {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.applicant-form-left-column {
    padding-right: 4%;
}

.applicant-form-right-column {
    padding-left: 4%;
}

.review-form {
    padding-left: 5%;
    padding-right: 5%;
}

.table-exemption-list {
    width: 805px;
}

.table-bordered {
    border-width: 0 0px !important;
}


.without-bordered {
    border-width: 0 0px !important;
}

.table-exemption-list {
    border-width: 0 0px !important;
}

hr {
    border: none;
    height: 2px;
    background-color: #21618C;
    margin: 20px 0; /* Adjust the margin as needed */
}

.tabs .nav-link {
    color: dimgray; /* Default color for inactive tabs */
    background-color: lightgray; /* Transparent background */
    font-weight: bold;
}


    .tabs .nav-link.active {
        color: black; /* Color for active tab */
        font-weight: bold;
        background-color: white; /* Background color for active tab */
    }

.previousbutton {
    /*: 150% !important;*/
    /*  padding-left: 10%;*/
}

.continuebutton {
    /*: 150% !important;*/
    /* align-content:center !important;*/
}

/*.form-check-label {
    position: absolute;
    font-size: medium;
    font-weight: bold;
}*/

.form-check-label {
    font-size: medium;
    font-weight: bold;
}

.exemption-list-pick {
    position: absolute;
    /*font-size: larger;*/
    font-weight: bold;
}


/*Loader*/
.loader-container {
    text-align: center;
    width: 150px;
    display: inline-table;
    padding-top: 10px;
}

/*input.password-mask {
    -webkit-text-security: disc !important;*/ /* For Safari and Chrome */
/*text-security: disc !important;*/ /* For Firefox */
/*font-family: monospace !important;
    letter-spacing: 2px !important;*/ /* Adjust to space the input */
/*}*/

.custom-password-container {
    position: relative;
    display: flex;
    align-items: center;
}

.custom-password-input {
    padding-right: 40px; /* Adjust as needed */
}

.password-toggle-btn {
    position: absolute;
    right: 10px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.labelsHouseHolders {
    align-content: end !important;
    padding-left: 3% !important;
}

.LabelGrossIncome {
    padding-left: 2% !important;
    margin-top: 2% !important;
}

.customegrid-nopadding {
    line-height: 10px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    /* Custom CSS for reducing row height */
    .customegrid-nopadding .k-grid tbody tr {
        height: 12px; /* You can adjust this height as needed */
        padding: 2px 0; /* Adjust padding to make rows tighter */
    }

    .customegrid-nopadding .k-grid td {
        padding: 2px; /* This reduces the cell padding inside each row */
    }


.hidden-form-item {
    visibility: hidden !important; /* Element will take space but not be visible */
}

.k-form-buttons {
    visibility: hidden !important;
}

.col-invisible {
    visibility: hidden !important;
}

/*Grid*/

.pa-grid .k-grid .k-grid-md .k-table-th, .pa-grid .k-grid-md .k-table-th {
    padding: 1px !important;
}

.pa-grid .k-grid .k-grid-md td, .pa-grid .k-grid .k-grid-md .k-table-td, .pa-grid .k-grid-md td, .pa-grid .k-grid-md .k-table-td {
    padding: 1px !important;
}

.pa-gridHigher .k-grid .k-grid-md .k-table-th, .pa-gridHigher .k-grid-md .k-table-th {
    padding: 4px !important;
    margin: 0px !important;
    padding-right: 0px !important;
}

.pa-gridHigher .k-grid .k-grid-md td, .pa-gridHigher .k-grid .k-grid-md .k-table-td, .pa-gridHigher .k-grid-md td, .pa-gridHigher .k-grid-md .k-table-td {
    padding: 4px !important;
    margin: 0px !important;
    padding-right: 0px !important;
}

.custom-upload .Icon-Navbar {
    width: 30px !important;
    color: white !important;
    padding-right: 10px !important
}

.custom-details {
    width: 100%;
    margin: 10px auto;
    background-color: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

/* Custom styling for the summary element */
.custom-summary {
    padding: 0px 5px;
    font-size: 1.2em;
    font-weight: bold;
    color: #21618C;
    background-color: #e3f2fd;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transition: background-color 0.3s;
}

    .custom-summary::after {
        content: "\25BC"; /* Downward arrow */
        font-size: 1em;
        color: #21618C;
        transition: transform 0.3s;
    }

/* Rotate arrow when details are open */
.custom-details[open] .custom-summary::after {
    transform: rotate(180deg);
}

/* Hover effect for summary */
.custom-summary:hover {
    background-color: #bbdefb;
}

/* Custom table styling */
.custom-table {
    width: 100%;
    padding: 10px;
    font-size: 0.8em;
    color: #333;
    background-color: #fff;
    border-spacing: 0;
    transition: opacity 0.3s;
}

    .custom-table td {
        padding: 10px;
        vertical-align: middle;
    }

    .custom-table .text-right {
        text-align: right;
        font-weight: bold;
        color: #555;
    }

    .custom-table label {
        font-weight: 500;
        color: #333;
    }

.row-review:not(:last-child) td {
    border-bottom: 1px solid #ddd;
}

/* Smooth fade-in effect for table content */
.custom-details[open] .custom-table {
    opacity: 1;
}

.custom-summary::marker {
    font-size: 0.8em; /* Smaller font size for the arrow */
    transform: scale(0.8); /* Scale down the arrow slightly */
    color: #21618C; /* Match your color theme if needed */
}

.custom-uploadj .k-upload-files,
.custom-uploadj .k-actions,
.custom-uploadj .k-actions-end,
.custom-uploadj .k-actions-horizontal {
    display: none !important;
}


.my-RemoveButton {
    max-width: 120px;
    max-height: 39px;
    Margin-right: 10px;
    margin-bottom: 13px;
}

.UClearButton {
    margin-left: 8px;
    background-color: darkgrey !important;
    border-color: darkgrey !important;
}

.Input-Textbox {
    height: 30px !important;
}

.Input-TextboxMI {
    height: 30px !important;
    min-width: 40px !important;
}

.Input-TextboxSSN1 {
    height: 30px !important;
    min-width: 60px !important;
    text-align: center !important
}

.Input-TextboxSSN2 {
    height: 30px !important;
    min-width: 50px !important;
}

.Input-TextboxSSN3 {
    height: 30px !important;
    min-width: 70px !important;
}

.dash-SSN {
    height: 30px !important;
    min-width: 30px !important;
    padding-bottom: 4px !important;
    padding-left: 18px !important;
}

.datePickerSenior {
    height: 30px !important;
}

.InputNameDialogo {
    height: 30px !important;
}

.input-FormItemDialogoBox {
    height: 30px !important;
}

.spinner-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8); /* optional background */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999; /* ensures it's above other content */
}


/* JC Custom*/

/*`xxxl` applies to x-large devices (large desktops, less than 3000px)*/
@media (max-width: 3000px) {
    .pa-banner {
        background-image: url("images/header/Header_MiamiDade_PA_Portal_1910_200.png");
        background-repeat: repeat-x;
    }
}

/*`xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
    .pa-banner {
        background-image: url("images/header/Header_MiamiDade_PA_Portal_1910_200.png");
        background-repeat: repeat-x;
    }

    .logo_image {
        width: 70px !important;
    }
}

/*`xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .pa-banner {
        background-image: url("images/header/Header_MiamiDade_PA_Portal_1200_200.png");
    }

    .logo_image {
        width: 70px !important;
    }
}

/*`lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .pa-banner {
        background-image: url("images/header/Header_MiamiDade_PA_Portal_992_200.png");
    }

    .logo_image {
        width: 70px !important;
    }
}

/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .pa-banner {
        background-image: url("images/header/Header_MiamiDade_PA_Portal_768_200.png");
    }

    .logo_image {
        width: 60px !important;
    }
}

/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .pa-banner {
        background-image: url("images/header/Header_MiamiDade_PA_Portal_576_200.png");
    }

    .logo_image {
        width: 50px !important;
    }
}

.header_labels {
    line-height: 28px !important;
}

.header_label {
    color: #005580 !important;
}

.navbar-brand-app-name {
    font-size: 1rem;
    color: white;
    padding-top: 2%;
    font-weight: bold;
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap;
    --navbar-brand-app-name-hover-color: rgba(0, 0, 0, 0.9);
}

    .navbar-brand-app-name:hover {
        color: white !important;
    }

.nav-item:first-of-type[b-e08cvfi8ol] {
    padding-top: 0 !important;
}


.k-invalid {
    border-width: 4px !important;
}

.pa-md-bkg-royalty_1200_800_gradient {
    background-image: url(images/PA_BG_Royalty_1320_800_Gradient.png);
    background-repeat: no-repeat;
    /*width: 1320px;*/
    height: 800px;
}

.PA_BG_Color_Light_Blue {
    background-color: #f0f8ff !important;
}

/*.textAreaLateReason .textarea.k-input-inner {*/
.textAreaLateReason {
    height: 150px !important; /* Apply height to the wrapper */
    box-sizing: border-box; /* Ensure borders and padding are included */
    overflow-y: auto; /* Ensure proper scroll behavior */
}

    .textAreaLateReason textarea {
        height: 100%; /* Make the inner textarea fill the wrapper */
        box-sizing: border-box; /* Match the wrapping box-sizing */
        padding-right: calc(1rem + 15px); /* Adjust for scrollbar if needed */
    }

.sb-sidenav {
    border: 1px solid;
    border-color: lightgrey;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.), 0 1px 3px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.3s ease-in-out;
    border-radius: 5px;
}

.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent shadow */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050; /* Ensure it appears above other elements */
}

.loader-indicator {
    /* Optional: Styling for the TelerikLoader itself */
}

.loader-hidden {
    display: none; /* Class to hide elements */
}

.ErrorMessageSaving .k-window-titlebar.k-dialog-titlebar {
    background-color: #e36464 !important; /* Set your desired background color */
    color: white; /* Set text color */
    font-weight: bold; /* Optional: make the text bold */
    text-align: center; /* Optional: center the text */
}

.ErrorMessageSaving .k-window-title {
    padding: 0 10px 0 10px;
    color: white !important;
}

.italic-textbox {
    font-style: italic;
}


.k-upload .k-dropzone .k-dropzone-hint {
    padding-right: 100px;
    height: 88px;
    max-width: 50%;
    padding-right: 180px;
    border: 1px solid #f8f9fa !important;
    justify-content: center;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible !important;
}

.k-upload .k-dropzone-hover {
    min-height: 300px !important;
}


.k-dropzone-hint {
    color: #2370be !important;
    font-weight: bolder !important;
    position: relative;
    left: 100px;
    background-repeat: no-repeat;
    background-size: contain;
}

.k-upload .k-dropzone {
    /*background-color: #ebfcff54 !important;*/
    justify-content: space-evenly !important;
}

    .k-upload .k-dropzone .dz-drag-hover {
        background-color: red !important;
        border: solid black 8px;
    }

.pa-banner-login {
    background-image: url("images/header/PABannerW.jpg");
    background-repeat: no-repeat;
}