/* DPE global application UI stylesheet. Load after vendor CSS. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Gujarati:wght@400;500;600;700&family=DM+Sans:wght@300;400;500;600;700&display=swap');
:root {
  --dpe-primary: #0f766e;
  --dpe-primary-dark: #115e59;
  --dpe-primary-soft: #e0f2f1;
  --dpe-sky: #38bdf8;
  --dpe-bg: #f6f8fb;
  --dpe-surface: #ffffff;
  --dpe-border: #dbe7ef;
  --dpe-text: #0f172a;
  --dpe-muted: #64748b;
  --dpe-danger: #dc3545;
  --dpe-radius-sm: 8px;
  --dpe-radius: 10px;
  --dpe-radius-lg: 14px;
  --dpe-shadow: 0 16px 40px rgba(15, 23, 42, .07);
  --dpe-font: 'DM Sans', 'Noto Sans Gujarati', 'Nirmala UI', Arial, sans-serif;
}
html, body { font-family: var(--dpe-font); }
body.layout-top-nav, .dpe-app-bg, .qr-page { background: var(--dpe-bg) !important; color: var(--dpe-text); }
.auth-shell-bg { background: linear-gradient(45deg, rgb(10 65 145 / 75%), rgb(15 118 110 / 88%)), url(../img/bg1.jpg); background-size: contain; }
.dpe-modal-header { background-color: var(--dpe-primary) !important; color: #fff; }
.dpe-modal-close { position: absolute; top: 10px; right: 15px; }
.dpe-modal-footer-center { align-items: center; justify-content: center; }
.dpe-action-float { position: absolute; right: 1.5rem; top: -2.5rem; }
.dpe-fieldset-auto { min-inline-size: auto; }
.dpe-table-scroll { overflow: auto; }
.dpe-table-scroll-md { max-height: 400px; overflow-y: auto; overflow-x: auto; }
.dpe-table-scroll-half { height: 50vh; overflow: auto; }
.dpe-table-min-900 { min-width: 900px; }
.dpe-text-danger { color: var(--dpe-danger) !important; }
.dpe-text-primary { color: var(--dpe-primary) !important; }
.dpe-flip-x { -webkit-transform: scaleX(-1); transform: scaleX(-1); }

/* ===== Base migrated from style.css ===== */
:root {
    --p-color: #0f766e;
    /* e filing light color #7d4390 */
    /* --p-color: #2470bd; */
    /*--p-color: #0f766e;*/
    --s-color: #0a4191;
    --g-color: #637e32;
    --grey-color: #6c6c6c;
    --tb-color: #111;
    --blue: #209ADA;
    --light-blue: #8ab6d1;
}
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap'); */
[class*=sidebar-dark-] {
    background-color: #0f1a24;
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
    background-color: #0f1a24;
}

html,
body {
    height: 100%;
    /* font-family: 'Open Sans', sans-serif; */
}

body {
    font-weight: 400;
    background: white;
    /* font-size: 16px; */
    color: var(--tb-color);
    line-height: 1.5;
    overflow-x: hidden;
}

a {
    transition: 0.2s all ease;
    color: var(--p-color);
}

.btn-primary2, badge-primary2, .bg-primary2, .card-primary2:not(.card-outline) > .card-header {
    background-color: var(--p-color) !important;
    border-color: var(--p-color) !important;
    color: white;
}

    .btn-primary2:hover {
        /* color: #fff; */
        background-color: var(--s-color);
        border-color: var(--s-color);
    }

.card, .card-header {
    border-radius: 0.8rem;
}

.text-black {
    color: black !important;
}
/* .card-body{
    border: solid 1px #ccc;
} */
.text-primary2 {
    color: var(--p-color) !important;
}

.border-primary2 {
    border-color: var(--p-color) !important;
}

.btn-outline-primary2 {
    color: var(--p-color);
    border-color: var(--p-color);
}

    .btn-outline-primary2:hover {
        color: #fff;
        background-color: var(--p-color);
        border-color: var(--p-color);
    }

.btn-secondary2, badge-secondary2, .bg-secondary2, .card-secondary2:not(.card-outline) > .card-header {
    background-color: var(--s-color) !important;
    border-color: var(--s-color) !important;
    color: white;
}

.text-secondary2 {
    color: var(--s-color) !important;
}

img {
    max-width: 100%;
}

.brand-link .brand-image {
    margin-top: unset;
    width: 33px;
}

.content-wrapper {
    /*background-color: #f7f7f7;*/
    background-color: #f1f1f3;
    /* background: url(../img/bg11.png);
    background-size: cover; */
}

.small-box h3 {
    font-weight: 500;
}

@media (min-width: 1200px) {
    .col-lg-3 .small-box h3, .col-md-3 .small-box h3, .col-xl-3 .small-box h3 {
        font-size: 1.8rem;
    }
}

.dropdown-menu-lg {
    min-width: unset;
}

.nav-sidebar > .nav-item .nav-icon {
    /*color: var(--info);*/
    font-size: 14px !important;
}


/*form design start*/
.form-horizontal.form-bordered {
    border: 1px solid rgba(0, 0, 0, 0.27);
}

div.form-horizontal > .form-group.row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.27);
    margin: 0;
    /* background: #f7f7f7; */
}

.control-label {
    text-align: left !important;
    margin: 0;
    padding: 5px 15px !important;
    border-right: 0px solid rgba(0, 0, 0, 0.27);
    border-left: 0px solid rgba(0, 0, 0, 0.27);
    /* font-weight: 600 !important; */
    font-weight: 400 !important;
    /*background: #f6f6f6;*/
    background: #f0fdfa;
    color: black;
}
/*.control-label span {
    font-size: 12px !important;
    font-weight: 600;
    vertical-align: text-bottom;
}*/
.control-form {
    line-height: 1;
    padding: 5px 15px;
    background: #fff;
    border-left: 1px solid rgba(0, 0, 0, 0.27);
}

div.form-horizontal.form-bordered .form-control {
    border-color: #bbbbbb;
    /*height: calc(1.5em + 0.50rem + 0px);*/
    padding: 0.25rem 0.5rem;
    border-radius: 0;
    transition: 0.15s all ease-in-out;
    /* background: #f9f9f9; */
    /* font-size: 14px; */
}

.control-error {
    padding: 5px 15px;
}

    .control-error span {
        vertical-align: middle;
    }

.error-text {
    font-size: 13px;
    font-weight: 600;
}
/*form design end*/

/*select2 design start*/
.select2-container {
    font-size: 14px;
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    border-radius: 0;
    /* background: #f9f9f9; */
    /*min-height: calc(1.5em + 0.50rem + 0px);*/
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid 1px #80bdff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--p-color);
    border-color: var(--p-color);
    padding: 3px 5px 2px 5px;
    margin-top: 7px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single {
    outline: 0;
    /*min-height: calc(1.5em + 0.50rem + 0px);*/
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
    /* background: red;
    padding: 0px 4px 2px 4px;
    border-radius: 4px; */
}
/*.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:1;
    padding-left:0;
    margin-top:-1px;


/*select2 design end*/

/*datepicker design start*/
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    font-size: 12px;
}

    .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active {
        background-color: var(--p-color);
        color: white;
    }
/*datepicker design end*/

/*datatable design start*/
.page-item.active .page-link {
    background-color: var(--p-color);
    border-color: var(--p-color);
}

.page-item .page-link {
    color: var(--p-color);
}
/*datatable design end*/
table td {
    font-size: 95%;
}

th {
    font-weight: 600;
}

.nav-sidebar > .nav-item:hover > .nav-link {
    /*background-color: rgba(255,255,255,.1);
    color: #fff;*/
    /* background-color: white;
    color: var(--p-color); */
    /* color: var(--p-color);
    background: var(--s-color); */
    color: var(--s-color);
    background: var(--p-color);
    border-radius: 0;
}

.nav-sidebar > .nav-item > .nav-link:focus {
    background-color: white;
    color: var(--p-color);
}

.nav-treeview > .nav-item > .nav-link:hover {
    /* background-color: white;
    color: var(--p-color); */
    background-color: var(--p-color);
    color: var(--s-color);
    border-radius: 0;
}

.nav-treeview > .nav-item > .nav-link:focus {
    background-color: white;
    color: var(--p-color);
    /* background-color: var(--p-color);
    color: var(--s-color);
     border-radius: 0; */
}

.nav-sidebar .nav-link {
    color: white;
}
/* .sidebar{
    background: linear-gradient(45deg, rgb(255 255 255 / 80%), rgb(255 255 255 / 95%)), url(../img/menu.png);
    background-size: contain;
} */
.login-box2 {
    width: auto;
}

    .login-box2 .card {
        box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
        border-radius: 16px;
    }

        .login-box2 .card .card-body {
            border-radius: 16px;
            border: none;
        }

.main-header {
    /* background: #2470bd; */
    /* background: var(--p-color); */
    background: white;
    min-height: 70px;
    border-bottom: none;
}
/* .main-sidebar {
    background-color: #f1f3f6 !important;
} */

/* .nav-pills .nav-link {
    color: #6c757d;
    font-weight: 500;
} */
.brand-link {
    min-height: 69px;
    display: flex;
    align-items: center;
}

.layout-navbar-fixed .wrapper .content-wrapper,
.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: calc(4rem + 1px);
}
/* .navbar-light .navbar-nav .nav-link {
    color: white;
} */
.sidebar {
    padding: 0;
}

    .sidebar .nav-link {
        /* padding: .9rem 1rem; */
        padding: .5rem .75rem;
        font-size: 95%;
    }

.nav-sidebar > .nav-item {
    margin-bottom: 0;
    /* border-bottom: solid 1px #ccc; */
}

.nav-sidebar .nav-item > .nav-link {
    margin-bottom: 0;
    width: 100%;
}
/* .nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {
    top: 1.2rem;
} */
.pushmenu i {
    font-size: 26px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #0f766e;
}

.dropdown-item {
    font-size: 90%;
    color: #838383;
}

.rounded-lg {
    border-radius: 1.3rem !important;
}

.small-box {
    box-shadow: none;
    background: white;
}

    .small-box .icon {
        color: transparent;
    }

        .small-box .icon > i.fa {
            font-size: 38px;
            opacity: 0.5;
            top: 26px;
        }

    .small-box:hover .icon > i, .small-box:hover .icon > i.fa {
        opacity: 1;
    }

    .small-box:hover {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.2) !important;
    }
/* .card-header {
    border-top-left-radius: 0.55rem;
    border-top-right-radius: 0.55rem;
} */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    border-right: solid 4px var(--p-color);
    background-color: white;
    color: var(--p-color);
    border-radius: 0;
}

td a small {
    width: 100px;
    display: inline-block;
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover .nav-link {
    width: 100% !important;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {
    width: 45%;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--p-color);
}

.nav-sidebar > .nav-item .nav-icon {
    text-align: right;
}
/*.fa-bars:before {
    content: "\f0c9" !important;
}*/
.bs-stepper-header {
    position: relative;
    align-items: baseline;
    justify-content: space-between;
}

.bs-stepper .step-trigger {
    flex-direction: column;
}

.bs-stepper .step {
    text-align: center;
    width: 100px;
}

.bs-stepper .line, .bs-stepper-line {
    min-height: 3px;
    background-color: #d9d9d9;
    position: absolute;
    top: 18px;
    right: 2%;
    width: 95%;
    height: 2px;
    left: 2%;
    z-index: -1;
}

.bs-stepper .step-trigger {
    padding: 0px;
    background: white;
}

.bs-stepper-content {
    padding: 16px;
}

.bs-stepper-circle {
    background-color: #a9a9a9;
}

.active .bs-stepper-circle {
    background-color: var(--p-color);
}

.active .bs-stepper-label {
    color: var(--p-color);
}

.bs-stepper .step-trigger.disabled, .bs-stepper .step-trigger:disabled {
    opacity: 1;
}

.bs-stepper-label {
    margin: .25rem;
    display: block;
    font-size: 80%;
    font-weight: 500;
    color: #a9a9a9;
}

/* --------------------------------- */

/* PRELOADER */
.preloader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /*background: var(--navy);*/
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    background-color: navajowhite;
}
    /* lines */
    .preloader .lines {
        position: absolute;
        width: 80px;
        height: 40px;
    }
    /* line */
    .preloader .line {
        position: absolute;
        width: 80px;
        height: 10px;
        background-color: red;
        clip: rect(0, 0, 20px, 0);
    }
    /* line_1 */
    .preloader .line_1 {
        top: 0;
        -webkit-animation: slide 2s ease 0s infinite;
        animation: slide 2s ease 0s infinite;
    }
    /* line_2 */
    .preloader .line_2 {
        top: 15px;
        -webkit-animation: slide 2s ease 0.25s infinite;
        animation: slide 2s ease 0.25s infinite;
    }
    /* line_3 */
    .preloader .line_3 {
        top: 30px;
        -webkit-animation: slide 2s ease 0.5s infinite;
        animation: slide 2s ease 0.5s infinite;
    }
    /* loading_text */
    .preloader .loading_text {
        position: relative;
        top: 60px;
        text-align: center;
        width: 100%;
        color: red;
        font-size: 13px;
        font-family: sans-serif;
        letter-spacing: 3px;
        line-height: 10px;
        height: 10px;
        -webkit-animation: fade 1s ease 0s infinite;
        animation: fade 1s ease 0s infinite;
    }

@-webkit-keyframes slide {
    0% {
        clip: rect(0, 0, 20px, 0);
    }

    30% {
        clip: rect(0, 80px, 20px, 0);
    }

    50% {
        clip: rect(0, 80px, 20px, 0);
    }

    80% {
        clip: rect(0, 80px, 20px, 80px);
    }

    100% {
        clip: rect(0, 80px, 20px, 80px);
    }
}

@keyframes slide {
    0% {
        clip: rect(0, 0, 20px, 0);
    }

    30% {
        clip: rect(0, 80px, 20px, 0);
    }

    50% {
        clip: rect(0, 80px, 20px, 0);
    }

    80% {
        clip: rect(0, 80px, 20px, 80px);
    }

    100% {
        clip: rect(0, 80px, 20px, 80px);
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .login-page, .register-page, .h-auto-small {
        height: auto !important;
        overflow: auto !important;
    }

    .log_bg {
        min-height: unset !important;
    }

        .log_bg h1 {
            font-size: 1rem !important;
        }
}

.layout-top-nav .wrapper .main-header .brand-image {
    margin-top: 0;
    margin-right: 0.2rem;
    height: 63px;
}

footer {
    font-size: 90%;
}

.arrowed-in-right {
    position: relative;
    margin-right: 10px;
    margin-left: 14px;
    /*background-color: var(--p2-color);
    border-radius: 0;
    font-weight: normal;
    color: white;*/
    background-color: var(--warning);
    border-radius: 0;
    font-weight: normal;
    color: #000000;
    white-space: nowrap;
    padding: 0px 8px;
    height: 22px;
    display: inline-block;
    line-height: 22px;
    font-size: small;
}

    .arrowed-in-right:before {
        display: inline-block;
        content: "";
        position: absolute;
        left: -14px;
        top: 0;
        border: 9px solid transparent;
        border-width: 11px 7px;
        border-right-color: var(--warning);
    }

    .arrowed-in-right:after {
        border-color: var(--warning) !important;
        border-right-color: transparent !important;
        display: inline-block;
        content: "";
        position: absolute;
        right: -9px !important;
        top: 0;
        border: 9px solid transparent;
        border-width: 11px 7px;
    }


.blinker-ani {
    animation: blinker 3.0s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.dropdown-divider {
    display: none;
}

.dropdown-menu {
    border-radius: 0.5rem;
}

    .dropdown-menu li {
        min-width: 180px;
        border-bottom: dashed 1px #ccc;
    }

        .dropdown-menu li:last-child {
            border-bottom: none;
        }

fieldset {
    padding: 0.5rem 1rem 1rem 1rem;
    border: 1px solid #ccc;
    border-radius: 1rem;
    position: relative;
    background: white;
    margin-bottom: 1rem;
}

legend {
    display: block;
    width: auto;
    font-size: 1.1em;
    font-weight: 500;
    color: #000000;
    background: transparent;
    border-radius: 1rem;
    padding: 0.2rem 1rem;
}

.small, small {
    font-size: 85%;
}

.lblRadio {
    margin-bottom: 0;
    margin-right: 1rem;
}

input[type="radio"],
input[type="checkbox"] {
    transform: scale(1.2);
    margin-right: 0.4rem;
}

.form-control:focus {
    box-shadow: 0rem 0rem 1rem #b0b0b0;
    border-radius: 0.2rem;
}

/* .form-control {
    font-size: 1.2rem;
} */

.login-box, .register-box {
    width: auto;
}

.nav-sidebar .nav-header {
    font-size: 0.95rem;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--p-color);
}

/* .grid2 .btn-outline-danger{
    background: #ffd9d9
}
.grid2 .btn-outline-success{
   background: #e5ffeb; 
} */

.form2 p i {
    color: var(--p-color);
}

.db2 .bgPrLight {
    background: #f0fdfa;
}


.c-red-media {
    background: #0f766e;
    background: -webkit-linear-gradient(to right, #14b8a6, #0f766e);
    background: linear-gradient(to right, #14b8a6, #0f766e);
}

.c-green-media {
    background: #348F50; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #56B4D3, #348F50); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #56B4D3, #348F50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.c-yellow-media {
    background: #ec008c; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #fc6767, #ec008c); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #fc6767, #0f766e) /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.media-icon {
    background: rgb(0 0 0 / 5%) !important;
}

.c-red-media .media-left div.media-icon {
    padding: 20px 25px;
    width: 85px;
    text-align: center;
    /*background: #a90000;*/
}

.c-green-media .media-left div.media-icon {
    padding: 20px 25px;
    width: 85px;
    text-align: center;
    /*background: #005621;*/
}

.c-yellow-media .media-left div.media-icon {
    padding: 20px 25px;
    width: 85px;
    text-align: center;
    /*background: #0f766e;*/
}

    .c-red-media .media-left div.media-icon h1,
    .c-green-media .media-left div.media-icon h1,
    .c-yellow-media .media-left div.media-icon h1 {
        font-size: 42px;
        margin: 0;
    }

.c-red-media .media-left,
.c-green-media .media-left,
.c-yellow-media .media-left {
    padding-right: 0;
}

.c-red-media .media-body {
    /*background: #cf3636;*/
    vertical-align: middle;
    padding: 12px 15px;
}

.c-red-media .media-heading,
.c-green-media .media-heading,
.c-yellow-media .media-heading {
    font-size: 17px;
}

.c-green-media .media-body {
    /*background: #1d743e;*/
    vertical-align: middle;
    padding: 12px 15px;
}

.c-yellow-media .media-body {
    /*background: #0f766e;*/
    vertical-align: middle;
    padding: 12px 15px;
}

/* TimeLine */
.timeline1 {
    list-style-type: none;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    padding: 0;
    margin-top: 1.5rem;
    flex-wrap: wrap;
    counter-reset: li;
}

    .timeline1 .li {
        transition: all 200ms ease-in;
        width: 14%;
        text-align: center;
        margin-top: 1%;
    }

    .timeline1 .timestamp {
        margin-bottom: 20px;
        padding: 0px 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-weight: 100;
    }

.status h4 {
    font-size: small;
    margin-top: 1rem;
}

.timeline1 .timestamp .author {
    color: #515151;
    font-size: small;
}

.timeline1 .status {
    /* padding: 0px 15px; */
    padding: 6px 15px 0px 15px;
    display: flex;
    justify-content: center;
    border-top: 3px solid #dddddd;
    position: relative;
    transition: all 200ms ease-in;
}

    .timeline1 .status .detail_text {
        font-size: 13px;
        margin-top: 15px;
        margin-bottom: 20px;
        height: 100px;
        overflow: auto;
        width: 100%;
    }

.detail_text table th {
    font-weight: bold;
}
/* .detail_text table td{
    font-weight: 600;
  } */
.detail_text table th,
.detail_text table td {
    font-size: 13px;
    padding: 0px 2px;
}

.timeline1 .status:before {
    /* content: ""; */
    /* content: counter(li);
    counter-increment: li;
        width: 20px;
        height: 20px;
        background-color: #ddd;
        border-radius: 20px;
        border: 3px solid #ddd;
        position: absolute;
        top: -12px;
        transition: all 200ms ease-in; */

    content: counter(li);
    counter-increment: li;
    width: 40px;
    height: 40px;
    background-color: #ddd;
    border-radius: 20px;
    border: 3px solid #ddd;
    position: absolute;
    top: -22px;
    transition: all 200ms ease-in;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
/* .status:before {
    content: "\eee5";
    background-color: white;
    border-radius: 20px;
    border: 3px solid #ddd;
    position: absolute;
    top: -18px;
    transition: all 200ms ease-in;
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    font-size: 32px;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  } */


.li.complete .status {
    border-top: 3px solid #2cd796;
}

    .li.complete .status:before {
        background-color: #2cd796;
        border: none;
        transition: all 200ms ease-in;
    }

    .li.complete .status h4 {
        color: #2cd796;
    }

.li.error .status {
    border-top: 3px solid #ff6678;
}

    .li.error .status:before {
        background-color: #ff6678;
        border: none;
        transition: all 200ms ease-in;
    }

    .li.error .status h4 {
        color: #ff6678;
    }

.li.pending .status {
    border-top: 3px solid #14b8a6;
}

    .li.pending .status:before {
        background-color: #14b8a6;
        border: none;
        transition: all 200ms ease-in;
    }

    .li.pending .status h4 {
        color: #14b8a6;
    }

@media (min-device-width: 320px) and (max-device-width: 700px) {
    .timeline1 {
        list-style-type: none;
        display: block;
    }

    .li {
        transition: all 200ms ease-in;
        display: flex;
        width: inherit;
    }

    .timeline1 .timestamp {
        width: 100px;
    }

    .timeline1 .status:before {
        left: -8%;
        top: 30%;
        transition: all 200ms ease-in;
    }
}

input[type=checkbox], input[type=radio] {
    accent-color: var(--amber) !important;
    width: 15px !important;
    height: 15px !important;
    cursor: pointer !important;
}

.form-check-label {
    margin-bottom: 8px !important;
}

.worlflow .card-header span {
    /* height: 24px;
        width: 24px;
        background: black;
        color: white;
        border-radius: 50%;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        margin-right: 4px;
        display: inline-block; */
    display: block;
}

.worlflow .card-header i {
    font-size: 86%;
}

.worlflow .card-body i {
    opacity: 0.5;
}

.worlflow1 table {
    font-size: 16px;
}

.worlflow1 th {
    display: none;
}

.worlflow1 table .fa {
    margin-right: 4px;
}

.worlflow1 .card-header {
    display: flex;
    flex-direction: column-reverse;
}

.worlflow1 .alert-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}

.worlflow1 .alert-danger {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.worlflow1 td small {
    color: gray;
}

.opacity-25 {
    opacity: 0.25;
}

.bg-danger2 {
    background-color: #f8d7da !important;
}

.bg-success2 {
    background-color: #d4edda !important;
}

ul.nav.nav-treeview a {
    font-size: 90%;
    background: #01255b;
    border-radius: 0;
    border-bottom: dashed 1px #555555;
}

.card-warning2 .card-header {
    background-color: #e6f7f5;
}

    .card-warning2 .card-header a {
        color: black;
        font-weight: bold;
    }

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--s-color);
    color: #fff;
}

.card-title {
    font-weight: 600;
}

.bg-light2 {
    background-color: #fafbfb;
}

.profileImg {
    height: 150px;
    min-height: 150px;
    max-height: 150px;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    border-radius: 50%;
    border: dashed 1px #ccc;
    padding: 2px;
}

.all {
    display: flex;
    justify-content: center;
}

/* -- CIRCULAR PROGRESS WIDGET — Redesigned -- */
/* -- CIRCULAR PROGRESS WIDGET — Redesigned -- */
.circle-wrap {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #e0e0e0;
    box-shadow: 0 4px 20px rgba(44,62,85,.18), inset 0 2px 6px rgba(255,255,255,.8);
    position: relative;
}

    .circle-wrap::after {
        content: '';
        position: absolute;
        inset: -4px;
        border-radius: 50%;
        border: 3px solid rgba(15,118,110,.18);
        pointer-events: none;
    }

    .circle-wrap .circle {
        position: relative;
        width: 150px;
        height: 150px;
        transform: rotate(-90deg);
    }

        .circle-wrap .circle .mask,
        .circle-wrap .circle .fill-1 {
            width: 150px;
            height: 150px;
            position: absolute;
            border-radius: 50%;
        }

        .circle-wrap .circle .mask {
            clip: rect(0px, 150px, 150px, 75px);
        }

.mask .fill-1 {
    clip: rect(0px, 75px, 150px, 0px);
    background-color: #0f766e;
}

.mask.full-1 {
    clip: rect(0px, 150px, 150px, 75px);
}

.mask.half {
    clip: rect(0px, 75px, 150px, 0px);
}

.circle-wrap .inside-circle {
    width: 118px;
    height: 118px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 2px 12px rgba(44,62,85,.12);
}

    .circle-wrap .inside-circle h4 {
        font-size: 22px !important;
        font-weight: 800 !important;
        color: #0f766e !important;
        margin: 0 !important;
        line-height: 1 !important;
    }

    .circle-wrap .inside-circle small {
        font-size: 9px !important;
        font-weight: 600 !important;
        color: #4A607A !important;
        text-transform: uppercase !important;
        letter-spacing: .06em !important;
    }

        .circle-wrap .inside-circle small u {
            text-decoration: none !important;
        }

@keyframes fill-1 {
    0% {
        transform: rotate(0deg);
    }
}

.card-warning:not(.card-outline) > .card-header {
    background-color: rgb(207 227 255);
}

.sweet-alert fieldset {
    display: none;
}

.redAstric {
    color: red;
}

.rasa-font {
    font-family: var(--ac-font) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--ac-slate-mid) !important;
    line-height: 1.4 !important;
    display: inline !important;
    margin-bottom: 0 !important;
}

.rasa-font-14rm {
    font-family: Rasa;
    font-size: 1.4rem;
}

.rasa-font-13rm {
    font-family: Rasa;
    font-size: 1.3rem;
}

.rasa-font-12rem {
    font-family: Rasa;
    font-size: 1.2rem;
}

.rasa-font-1rem {
    font-family: Rasa;
    font-size: 1.0rem;
}





/* ==========================================================
   DPE PTC ADDMISSION ACADEMIC PAGE — REDESIGN v3
   Target: match preview design (dark header, amber tabs, clean cards)
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Gujarati:wght@400;500;600&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
    --ac-amber: #0f766e;
    --ac-amber-lt: #e6f7f5;
    --ac-amber-dk: #115e59;
    --ac-slate: #2C3E55;
    --ac-slate-mid: #4A607A;
    --ac-slate-lt: #EEF2F7;
    --ac-danger: #D63B3B;
    --ac-border: #D4DCE8;
    --ac-r: 6px;
    --ac-r-md: 10px;
    --ac-r-lg: 14px;
    --ac-shadow: 0 2px 16px rgba(44,62,85,.09);
    --ac-font: 'DM Sans','Noto Sans Gujarati',sans-serif;
}

/* -- BODY / PAGE -- */
.content-wrapper {
    background: #F0F2F5 !important;
    font-family: var(--ac-font) !important;
}

    /* -- PAGE HEADER CARD (dark slate bar with title + back button) -- */
    .content-wrapper .page-header-card {
        background: linear-gradient(135deg, var(--ac-slate) 0%, var(--ac-slate-mid) 100%) !important;
        border-radius: var(--ac-r-lg) !important;
        padding: 18px 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin-bottom: 1.25rem !important;
        box-shadow: 0 4px 20px rgba(44,62,85,.25) !important;
        position: relative !important;
    }

        .content-wrapper .page-header-card .page-title {
            color: #fff !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            font-family: var(--ac-font) !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
        }

            .content-wrapper .page-header-card .page-title i {
                color: var(--ac-amber) !important;
                font-size: 18px !important;
            }
        /* Title label - must be inline so English + Gujarati show together */
        .content-wrapper .page-header-card .rasa-font {
            color: #fff !important;
            font-family: var(--ac-font) !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            display: inline !important;
        }

/* -- BACK BUTTON — override the inline style: position:absolute; top:-2.5rem -- */
a[id$="aDashboardLink"] {
    background: rgba(255,255,255,.15) !important;
    border: 1.5px solid rgba(255,255,255,.35) !important;
    color: #fff !important;
    border-radius: var(--ac-r) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 8px 18px !important;
    text-decoration: none !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    float: none !important;
}

    a[id$="aDashboardLink"]:hover {
        background: rgba(255,255,255,.28) !important;
        color: #fff !important;
    }

/* -- OUTER FIELDSET (wraps tabs + content) -- */
.content-wrapper fieldset.bg-light2 {
    background: #fff !important;
    border: 1.5px solid var(--ac-border) !important;
    border-radius: var(--ac-r-lg) !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    box-shadow: var(--ac-shadow) !important;
}

.content-wrapper .col-md-12 > fieldset.bg-light2 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* -- LEGEND -- */
.content-wrapper fieldset.bg-light2 > legend {
    font-family: var(--ac-font) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: var(--ac-slate) !important;
    background: #fff !important;
    padding: 5px 16px !important;
    border: 1.5px solid var(--ac-border) !important;
    border-radius: 20px !important;
    margin-left: .75rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 90% !important;
    white-space: normal !important;
    overflow: visible !important;
    float: none !important;
}

    .content-wrapper fieldset.bg-light2 > legend i {
        color: var(--ac-amber) !important;
        flex-shrink: 0 !important;
    }

    .content-wrapper fieldset.bg-light2 > legend .rasa-font,
    .content-wrapper fieldset.bg-light2 > legend label {
        color: var(--ac-slate) !important;
        font-family: var(--ac-font) !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        display: inline !important;
        text-transform: uppercase !important;
        letter-spacing: .04em !important;
    }

/* -- TAB NAV -- */
.content-wrapper .card.card-primary.card-outline.card-outline-tabs {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.content-wrapper .card-header.p-0.border-bottom-0 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.content-wrapper ul.nav.nav-tabs {
    background: #fff !important;
    border-radius: var(--ac-r-lg) var(--ac-r-lg) 0 0 !important;
    border: 1.5px solid var(--ac-border) !important;
    border-bottom: none !important;
    padding: 10px 12px 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
}

    .content-wrapper ul.nav.nav-tabs .nav-item {
        margin-bottom: -1.5px !important;
    }

        .content-wrapper ul.nav.nav-tabs .nav-item .nav-link {
            font-size: 12px !important;
            font-weight: 500 !important;
            color: #4A607A !important;
            background: #EEF2F7 !important;
            border: 1.5px solid transparent !important;
            border-radius: 6px 6px 0 0 !important;
            padding: 8px 16px !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            text-decoration: none !important;
            white-space: nowrap !important;
        }

            .content-wrapper ul.nav.nav-tabs .nav-item .nav-link .rasa-font {
                font-size: 12px !important;
                color: inherit !important;
                display: inline !important;
                margin: 0 !important;
                text-transform: none !important;
                letter-spacing: 0 !important;
            }

            .content-wrapper ul.nav.nav-tabs .nav-item .nav-link:hover {
                background: #e6f7f5 !important;
                color: #115e59 !important;
            }

            .content-wrapper ul.nav.nav-tabs .nav-item .nav-link.active {
                background: #0f766e !important;
                color: #fff !important;
                border-color: #0f766e #0f766e #fff !important;
                font-weight: 600 !important;
            }

                .content-wrapper ul.nav.nav-tabs .nav-item .nav-link.active .rasa-font {
                    color: #fff !important;
                }

/* -- CARD BODY (tab content area) -- */
.content-wrapper .card-body {
    background: #fff !important;
    border: 1.5px solid var(--ac-border) !important;
    border-top: none !important;
    border-radius: 0 0 var(--ac-r-lg) var(--ac-r-lg) !important;
    padding: 1.75rem 1.5rem !important;
    box-shadow: var(--ac-shadow) !important;
}

    /* -- INNER SECTION FIELDSETS -- */
    .content-wrapper .card-body fieldset.bg-light2 {
        border: 1.5px solid var(--ac-border) !important;
        border-radius: var(--ac-r-lg) !important;
        padding: 1.5rem 1.25rem 1rem !important;
        margin-bottom: 1.25rem !important;
        box-shadow: none !important;
        background: #FAFBFD !important;
    }

/* -- LABELS -- */
.content-wrapper .rasa-font,
.content-wrapper .rasa-font-12rem,
.content-wrapper .rasa-font-10rem {
    font-family: var(--ac-font) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--ac-slate-mid) !important;
    line-height: 1.4 !important;
    display: inline !important;
    margin-bottom: 0 !important;
}

.content-wrapper .redAstric,
.content-wrapper b.redAstric {
    color: var(--ac-danger) !important;
}

.content-wrapper .fa-info-circle {
    color: var(--ac-slate-mid) !important;
    font-size: 12px !important;
    cursor: help !important;
}

/* -- FORM CONTROLS -- */
.content-wrapper .form-control,
.content-wrapper textarea.form-control {
    border: 1.5px solid var(--ac-border) !important;
    border-radius: var(--ac-r) !important;
    font-size: 13px !important;
    font-family: var(--ac-font) !important;
    color: var(--ac-slate) !important;
    background: #fff !important;
    padding: 8px 12px !important;
    min-height: 38px !important;
    height: auto !important;
    width: 100% !important;
    transition: border-color .15s, box-shadow .15s !important;
}

.content-wrapper select.form-control {
    border: 1.5px solid var(--ac-border) !important;
    border-radius: var(--ac-r) !important;
    font-size: 13px !important;
    font-family: var(--ac-font) !important;
    color: var(--ac-slate) !important;
    background: #fff !important;
    padding: 0 32px 0 12px !important;
    height: 38px !important;
    line-height: 38px !important;
    vertical-align: middle !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
    width: 100% !important;
}

    .content-wrapper .form-control:focus,
    .content-wrapper select.form-control:focus {
        border-color: var(--ac-amber) !important;
        box-shadow: 0 0 0 3px rgba(15,118,110,.16) !important;
        background: #fff !important;
        outline: none !important;
    }

.content-wrapper .form-control[readonly],
.content-wrapper .form-control:disabled {
    background: #F0F2F5 !important;
    color: #6c757d !important;
}

/* -- SELECT2 -- */
.content-wrapper .select2-container .select2-selection--single {
    border: 1.5px solid var(--ac-border) !important;
    border-radius: var(--ac-r) !important;
    height: 38px !important;
    background: #fff !important;
}

.content-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%234A607A' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 32px;
}

.content-wrapper .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--ac-amber) !important;
    box-shadow: 0 0 0 3px rgba(15,118,110,.16) !important;
}

.select2-dropdown {
    border-color: var(--ac-amber) !important;
    border-radius: var(--ac-r) !important;
    box-shadow: 0 8px 24px rgba(44,62,85,.15) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--ac-amber) !important;
}

/* -- BUTTONS -- */
.content-wrapper .btn.btn-primary2,
.content-wrapper input[type="submit"].btn-primary2,
.content-wrapper input[type="button"].btn-primary2 {
    background: linear-gradient(135deg, var(--ac-amber), var(--ac-amber-dk)) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    border-radius: var(--ac-r) !important;
    padding: 9px 22px !important;
    box-shadow: 0 2px 8px rgba(15,118,110,.24) !important;
}

    .content-wrapper .btn.btn-primary2:hover {
        background: linear-gradient(135deg, #0f766e, var(--ac-amber-dk)) !important;
        color: #fff !important;
        box-shadow: 0 4px 14px rgba(15,118,110,.32) !important;
    }

.content-wrapper .text-center.mt-3 .btn.btn-primary2 {
    padding: 11px 44px !important;
    font-size: 14px !important;
    min-width: 220px !important;
    border-radius: 8px !important;
}

.content-wrapper .btn.btn-outline-danger {
    border: 1.5px solid var(--ac-danger) !important;
    color: var(--ac-danger) !important;
    background: transparent !important;
    border-radius: var(--ac-r) !important;
}

    .content-wrapper .btn.btn-outline-danger:hover {
        background: #FDF0F0 !important;
    }

/* -- SUBJECT ADD PANEL -- */
.content-wrapper .d-flex.flex-wrap.border.border-primary2.rounded {
    border: 1.5px solid var(--ac-amber) !important;
    border-radius: var(--ac-r-md) !important;
    background: var(--ac-amber-lt) !important;
    padding: 16px !important;
    margin-bottom: 1rem !important;
    position: relative !important;
}

    .content-wrapper .d-flex.flex-wrap.border.border-primary2.rounded::before {
        content: "\2795  ADD SUBJECT / \0AB5\0ABF\0AB7\0AAF  \0A89\0AAE\0AC7\0AB0\0ACB" !important;
        display: block !important;
        width: 100% !important;
        font-family: var(--ac-font) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        color: var(--ac-amber-dk) !important;
        margin-bottom: 12px !important;
        padding-bottom: 8px !important;
        border-bottom: 1px dashed rgba(15,118,110,.24) !important;
    }

/* -- TABLES -- */
.content-wrapper .table-responsive {
    border-radius: var(--ac-r-md) !important;
    overflow: hidden !important;
    border: 1.5px solid var(--ac-border) !important;
}

.content-wrapper .table {
    font-size: 13px !important;
    margin-bottom: 0 !important;
}

    .content-wrapper .table thead.bg-secondary2 th {
        background: var(--ac-slate) !important;
        color: #fff !important;
        font-weight: 500 !important;
        font-size: 11.5px !important;
        padding: 10px 14px !important;
        border: none !important;
    }

.content-wrapper .table-striped tbody tr:nth-of-type(odd) {
    background: var(--ac-slate-lt) !important;
}

.content-wrapper .table-striped tbody tr:nth-of-type(even) {
    background: #fff !important;
}

.content-wrapper .table-hover tbody tr:hover {
    background: var(--ac-amber-lt) !important;
}

.content-wrapper .table td {
    padding: 10px 14px !important;
    border-color: var(--ac-border) !important;
    vertical-align: middle !important;
}

/* -- VALIDATION MESSAGES -- */
/* Validators - NEVER force display, let ASP.NET control visibility */
.content-wrapper span.code,
.content-wrapper .code {
    font-size: 11px !important;
    color: var(--ac-danger) !important;
    margin-top: 3px !important;
    /* display: intentionally NOT set - ASP.NET validators manage their own display */
}

/* -- SWEET ALERT -- */
.sweet-alert fieldset {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}


/* ============================================================
   LOGIN PAGE — FORM FIELDS
   ============================================================ */
.shadow123 {
    border: 1.5px solid #d4dce8 !important;
    border-radius: 12px !important;
    padding: 1.25rem !important;
    background: #fff !important;
}

    .shadow123 .input-group {
        border: 1.5px solid #d4dce8 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        background: #fafbfd !important;
        transition: border-color .2s, box-shadow .2s !important;
    }

        .shadow123 .input-group.mb-3 {
            margin-bottom: 1rem !important;
            border: none !important;
            background: transparent !important;
            overflow: visible !important;
        }

        .shadow123 .input-group:not(.mb-3):focus-within {
            border-color: #0f766e !important;
            box-shadow: 0 0 0 3px rgba(15,118,110,.12) !important;
            background: #fff !important;
        }

        .shadow123 .input-group .form-control {
            border: none !important;
            background: transparent !important;
            font-size: 13px !important;
            padding: 11px 14px !important;
            color: #2c3e55 !important;
            box-shadow: none !important;
            height: auto !important;
            min-height: unset !important;
        }

            .shadow123 .input-group .form-control::placeholder {
                color: #aab !important;
            }

        .shadow123 .input-group .input-group-text {
            border: none !important;
            background: transparent !important;
            color: #0f766e !important;
            padding: 0 12px !important;
            font-size: 14px !important;
        }

    .shadow123 .c-input-group {
        border: 1.5px solid #d4dce8 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        background: #fafbfd !important;
    }

        .shadow123 .c-input-group:focus-within {
            border-color: #0f766e !important;
            box-shadow: 0 0 0 3px rgba(15,118,110,.12) !important;
        }

        .shadow123 .c-input-group select.form-control {
            border: none !important;
            background: transparent !important;
            height: 42px !important;
            line-height: 42px !important;
            font-size: 13px !important;
            padding: 0 14px !important;
        }

    .shadow123 .form-control[id*="rblOption"] {
        border: 1.5px solid #d4dce8 !important;
        border-radius: 8px !important;
        padding: 8px 12px !important;
        height: auto !important;
        background: #fafbfd !important;
        box-shadow: none !important;
    }

    .shadow123 #divCaptcha .form-control.w-75 {
        border: 1.5px solid #d4dce8 !important;
        border-radius: 8px !important;
        height: 42px !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        letter-spacing: 4px !important;
        color: #0a4191 !important;
        background: #f0f4ff !important;
        text-align: center !important;
        padding: 0 10px !important;
        box-shadow: none !important;
        line-height: 42px !important;
    }

    .shadow123 #divCaptcha .form-control.w-25 {
        border: 1.5px solid #d4dce8 !important;
        border-radius: 8px !important;
        height: 42px !important;
        font-size: 13px !important;
        text-align: center !important;
        background: #fff !important;
        padding: 0 8px !important;
        box-shadow: none !important;
        line-height: 42px !important;
    }

        .shadow123 #divCaptcha .form-control.w-25:focus {
            border-color: #0f766e !important;
            box-shadow: 0 0 0 3px rgba(15,118,110,.12) !important;
            outline: none !important;
        }

    

        .shadow123 #divCaptcha .btn img {
            filter: brightness(10) !important;
            width: 18px !important;
            height: 18px !important;
        }

    .shadow123 #divRegFP a {
        color: #0a4191 !important;
        font-weight: 500 !important;
        text-decoration: none !important;
        font-size: 12px !important;
    }

        .shadow123 #divRegFP a:hover {
            color: #0f766e !important;
        }

    .shadow123 .btn-primary2 {
        width: 100% !important;
        background: linear-gradient(135deg,#0f766e,#115e59) !important;
        border: none !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        padding: 13px !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 14px rgba(15,118,110,.24) !important;
    }

/* ============================================================
   APPLICANT STATUS PAGE — PROGRESS CARDS & INFO STRIP
   ============================================================ */
.content-wrapper .card.card-warning {
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 16px rgba(10,65,145,.08) !important;
    margin-bottom: 1.25rem !important;
    overflow: hidden !important;
}

    .content-wrapper .card.card-warning .card-header {
        background: #fff !important;
        border-bottom: 2px solid #f0f2f5 !important;
        border-radius: 14px 14px 0 0 !important;
        padding: 0 !important;
    }

        .content-wrapper .card.card-warning .card-header .btn-tool {
            background: #fff !important;
            color: #0a4191 !important;
            font-weight: 600 !important;
            padding: 16px 20px !important;
            border-radius: 14px 14px 0 0 !important;
        }

        .content-wrapper .card.card-warning .card-header .card-title {
            font-size: 14px !important;
            font-weight: 700 !important;
            color: #0a4191 !important;
            margin: 0 !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
        }

            .content-wrapper .card.card-warning .card-header .card-title i {
                color: #0f766e !important;
            }

.content-wrapper .border.p-3.rounded-lg.bg-white.mb-3 {
    border: 1.5px solid #e8ecf4 !important;
    border-radius: 14px !important;
    padding: 1.25rem 1.5rem !important;
    box-shadow: 0 2px 12px rgba(10,65,145,.07) !important;
    border-top: 3px solid #0f766e !important;
}

    .content-wrapper .border.p-3.rounded-lg.bg-white.mb-3 p.mb-1 i {
        color: #0f766e !important;
        font-size: 12px !important;
    }

/* Progress cards */
.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-success.btn-lg,
.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-danger.btn-lg {
    width: 120px !important;
    min-height: 110px !important;
    border-radius: 14px !important;
    margin: 0 8px 12px !important;
    padding: 14px 8px 12px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    position: relative !important;
    transition: transform .15s, box-shadow .15s !important;
    text-decoration: none !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-success.btn-lg {
    background: #eaf7f0 !important;
    border: 1.5px solid #27ae60 !important;
    box-shadow: 0 3px 12px rgba(39,174,96,.18) !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-danger.btn-lg {
    background: #fff4f4 !important;
    border: 1.5px solid #e74c3c !important;
    box-shadow: 0 3px 12px rgba(231,76,60,.15) !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-success.btn-lg:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(39,174,96,.28) !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-danger.btn-lg:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(231,76,60,.25) !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-lg h6 {
    font-size: 11px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    text-align: center !important;
    line-height: 1.3 !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-success.btn-lg h6 {
    color: #1a7a47 !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-danger.btn-lg h6 {
    color: #c0392b !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-lg h6 i {
    font-size: 20px !important;
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    line-height: 44px !important;
    text-align: center !important;
    margin: 0 auto 6px !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-success.btn-lg h6 i {
    background: #27ae60 !important;
    color: #fff !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-danger.btn-lg h6 i {
    background: #e74c3c !important;
    color: #fff !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-lg small.border {
    border: none !important;
    border-radius: 20px !important;
    padding: 3px 10px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-success.btn-lg small.border {
    background: #27ae60 !important;
    color: #fff !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-danger.btn-lg small.border {
    background: #e74c3c !important;
    color: #fff !important;
}

.content-wrapper .d-flex.flex-wrap.justify-content-center a.btn-lg small.border small {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #fff !important;
}




.text-warning {
    color: #0f766e !important;
}

.bg-warning,
.badge-warning {
    background-color: #e0f2f1 !important;
    color: #0f766e !important;
}

.btn-warning {
    background: #0f766e !important;
    border-color: #0f766e !important;
    color: #fff !important;
}

.btn-outline-warning {
    border-color: #0f766e !important;
    color: #0f766e !important;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus {
    background: #0f766e !important;
    color: #fff !important;
}

.border-warning {
    border-color: #99d7cf !important;
}

.alert-warning {
    background: #ecfdf5 !important;
    border-color: #99d7cf !important;
    color: #115e59 !important;
}

.card-warning:not(.card-outline) > .card-header {
    background: #fff !important;
    color: #0f172a !important;
}

.card-warning.card-outline {
    border-top-color: #0f766e !important;
}


/* ===== Base migrated from registration-modern.css ===== */
body {
    min-height: 100vh;
    background: #f6f8fb !important;
    color: #15202b;
}

.qr-page {
    min-height: 100vh;
    padding: 18px 18px 40px;
    font-family: Roboto, "Segoe UI", "Noto Sans Gujarati", "Nirmala UI", Arial, sans-serif;
    animation: qr-page-in .45s ease both;
}

.qr-shell {
    width: min(980px, 100%);
    margin: 0 auto;
}

.qr-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
    padding: 12px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
    animation: qr-rise .5s ease both;
}

.qr-brand {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
}

.qr-logo {
    width: 245px;
    height: 58px;
    object-fit: contain;
    padding: 0;
    border: 1px solid rgba(14, 165, 233, .16);
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
}

.qr-brand h1 {
    margin: 0;
    color: #0f172a;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
}

.admission-process-title {
    margin: 4px 0 0;
    color: #12344d;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
}

.lp-brand-link {
    min-width: 0;
}

.lp-header .admission-process-title {
    display: inline-block;
    max-width: min(520px, 42vw);
    margin: 0;
    color: #12344d;
    white-space: normal;
}

.dpe-password-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #0f766e;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.dpe-password-toggle:hover,
.dpe-password-toggle:focus {
    background: #e8fbf6;
    color: #075f59;
    outline: none;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, .12);
}

.dpe-password-control .dpe-password-toggle {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.qr-top-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.qr-login-link {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border: 1px solid #dbe7ef;
    border-radius: 8px;
    background: #fff;
    color: #0f766e;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    letter-spacing: 0;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.qr-login-link:hover,
.qr-login-link:focus {
    border-color: #99d7cf;
    background: #f0fdfa;
    color: #115e59;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(15, 118, 110, .1);
    transform: translateY(-1px);
}

.qr-layout {
    width: min(980px, 100%);
    margin: 0 auto;
}

.qr-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .07);
    animation: qr-rise .55s .08s ease both;
}

.qr-section {
    position: relative;
    margin: 0;
    padding: 22px 24px;
    border: 0;
    border-bottom: 1px solid #eaf0f6;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    animation: qr-section-in .46s ease both;
}

.qr-section::before {
    display: none;
}

.qr-section + .qr-section {
    margin-top: 0;
}

.qr-section:focus-within {
    z-index: 20;
}

.qr-section-muted {
    background: #fbfdff;
}

.qr-otp-section {
    order: 40;
}

.qr-captcha-section {
    order: 50;
}

.qr-section:nth-of-type(2) {
    animation-delay: .06s;
}

.qr-section:nth-of-type(3) {
    animation-delay: .12s;
}

.qr-section:nth-of-type(4) {
    animation-delay: .18s;
}

.qr-section:nth-of-type(5) {
    animation-delay: .24s;
}

.qr-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 22px;
}

.qr-field {
    min-width: 0;
}

.qr-field-full {
    grid-column: 1 / -1;
}

.qr-label {
    display: block;
    margin-bottom: 8px;
    color: #334155;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.55;
}

.qr-label i {
    color: #64748b;
}

.qr-card .dpe-radio-list {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 4px;
}

.qr-card table.dpe-radio-list,
.qr-card .dpe-radio-list tbody,
.qr-card .dpe-radio-list tr {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin: 0;
}

.qr-card .dpe-radio-list td {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 !important;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
}

.qr-card .dpe-radio-list input[type="radio"] {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    margin: 0;
    accent-color: #0f766e;
}

.qr-card .dpe-radio-list label {
    margin: 0;
    cursor: pointer;
}

.redAstric {
    color: #e11d48;
}

.qr-card .form-control,
.qr-card select.form-control {
    min-height: 46px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background-color: #fff;
    color: #0f172a;
    font-size: 14px;
    line-height: 1.4375em;
    padding: 12px 14px;
    box-shadow: none;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.qr-card .form-control:hover,
.qr-card select.form-control:hover {
    border-color: #94a3b8;
    background-color: #fff;
}

.qr-card .form-control:focus,
.qr-card select.form-control:focus {
    border-color: #14b8a6;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, .13);
    transform: none;
}

.qr-card .bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 2000;
}

.qr-card .select2-container {
    width: 100% !important;
}

.qr-card .select2-container--default .select2-selection--single {
    min-height: 46px;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background: #fff !important;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.qr-card .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 14px;
    padding-right: 38px;
    color: #0f172a !important;
    font-size: 14px;
    line-height: 44px;
}

.qr-card .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    right: 8px;
}

.qr-card .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #64748b transparent transparent transparent !important;
}

.qr-card .select2-container--default.select2-container--focus .select2-selection--single,
.qr-card .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #14b8a6 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, .13) !important;
    transform: none;
}

.select2-dropdown {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .32) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .18) !important;
    animation: qr-pop .18s ease both;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    min-height: 40px;
    border: 1px solid rgba(148, 163, 184, .55) !important;
    border-radius: 12px !important;
    color: #0f172a !important;
    outline: 0 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #14b8a6 !important;
    box-shadow: 0 0 0 4px rgba(20, 184, 166, .12) !important;
}

.select2-container--default .select2-results__option {
    padding: 10px 14px !important;
    color: #334155 !important;
    font-size: 14px !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(20, 184, 166, .09) !important;
    color: #0f766e !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0f766e !important;
    color: #fff !important;
}

.qr-error,
.qr-card .code {
    display: block;
    min-height: 16px;
    margin-top: 7px;
    color: #e11d48 !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.qr-consent {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    color: #475569;
    font-size: 13px;
    line-height: 1.6;
}

.qr-consent input[type="checkbox"] {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    margin-top: 3px;
    accent-color: #14b8a6;
}

.qr-captcha {
    display: grid;
    grid-template-columns: minmax(210px, 1fr) 150px 44px;
    gap: 10px;
    align-items: center;
}

.qr-captcha-value {
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: dashed !important;
    background: rgba(248, 250, 252, .9) !important;
    color: #0f172a !important;
    font-weight: 700;
    letter-spacing: .04em;
}

.qr-captcha-input {
    text-align: center;
    font-weight: 600;
}

.qr-refresh {
    width: 44px;
    height: 44px;
    padding: 9px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.qr-refresh:hover,
.qr-refresh:focus {
    border-color: #14b8a6;
    background: #fff;
    box-shadow: 0 8px 18px rgba(20, 184, 166, .14);
    transform: rotate(12deg);
}

.qr-action-row {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

.qr-timer {
    margin: 0;
    color: #0f766e;
    font-size: 13px;
}

.qr-primary-btn,
.qr-card .btn-primary2,
.qr-card input[type="submit"].btn-primary2,
.qr-card input[type="button"].btn-primary2 {
    min-width: 112px;
    min-height: 46px;
    border: 0 !important;
    border-radius: 10px !important;
    background: #0f766e !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    padding: 11px 26px;
    letter-spacing: 0;
    box-shadow: 0 10px 22px rgba(15, 118, 110, .2);
    transition: box-shadow .2s ease, filter .2s ease, transform .2s ease;
}

.qr-primary-btn:hover,
.qr-primary-btn:focus,
.qr-card .btn-primary2:hover,
.qr-card .btn-primary2:focus {
    background: #115e59 !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(15, 118, 110, .24);
    filter: none;
    transform: translateY(-1px);
}

.qr-primary-btn:disabled {
    cursor: not-allowed;
    opacity: .72;
}

.qr-submit-row {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.qr-loading {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    background: rgba(248, 250, 252, .68);
}

.qr-loading img {
    width: 54px;
    height: 54px;
}

@media (max-width: 767.98px) {
    .qr-page {
        padding: 12px;
    }

    .qr-topbar,
    .qr-top-actions,
    .qr-brand {
        align-items: flex-start;
        flex-direction: column;
    }

    .admission-process-title,
    .lp-header .admission-process-title {
        max-width: 100%;
        font-size: 14px;
    }

    .qr-top-actions,
    .qr-login-link {
        width: 100%;
    }

    .qr-login-link {
        justify-content: center;
    }

    .qr-field-grid {
        grid-template-columns: 1fr;
    }

    .qr-section {
        padding: 18px 16px;
    }

    .qr-captcha {
        grid-template-columns: 1fr 1fr 42px;
    }

    .qr-action-row,
    .qr-submit-row {
        align-items: stretch;
        flex-direction: column;
    }

    .qr-primary-btn {
        width: 100%;
    }
}

@keyframes qr-page-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes qr-rise {
    from {
        opacity: 0;
        transform: translateY(16px) scale(.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes qr-section-in {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes qr-pop {
    from {
        opacity: 0;
        transform: translateY(-6px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

@media (max-width: 480px) {
    .qr-logo {
        width: 190px;
        height: 46px;
    }

    .qr-captcha {
        grid-template-columns: 1fr 42px;
    }

    .qr-captcha-value,
    .qr-captcha-input {
        grid-column: 1 / -1;
    }

    .qr-refresh {
        grid-column: 2;
    }
}


/* ===== Base migrated from academic-form-redesign.css ===== */
/* ============================================================
   ACADEMIC DETAILS FORM — DESIGN OVERRIDES
   Uses maximum specificity to beat style.css !important rules
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Gujarati:wght@400;500;600&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
    --ac-amber: #0f766e;
    --ac-amber-lt: #e6f7f5;
    --ac-amber-dk: #115e59;
    --ac-slate: #2C3E55;
    --ac-slate-mid: #4A607A;
    --ac-slate-lt: #EEF2F7;
    --ac-danger: #D63B3B;
    --ac-border: #D4DCE8;
    --ac-r: 6px;
    --ac-r-md: 10px;
    --ac-r-lg: 14px;
    --ac-shadow: 0 2px 16px rgba(44,62,85,.09);
    --ac-font: 'DM Sans','Noto Sans Gujarati',sans-serif;
}

/* ══════════════════════════════════════════════════
   PAGE BACKGROUND
══════════════════════════════════════════════════ */
.content-wrapper {
    background: #F4F6FA !important;
    font-family: var(--ac-font) !important;
}

/* ══════════════════════════════════════════════════
   FIELDSET
   style.css: fieldset { border:1px solid #ccc !important; background:white; border-radius:1rem }
   Fix: html body prefix gives us 2 extra selectors → beats any single-class rule
══════════════════════════════════════════════════ */
html body .content-wrapper fieldset.bg-light2 {
    background: #ffffff !important;
    border: 1.5px solid var(--ac-border) !important;
    border-radius: var(--ac-r-lg) !important;
    padding: 1.75rem 1.5rem 1.25rem !important;
    margin-bottom: 1.5rem !important;
    box-shadow: var(--ac-shadow) !important;
    position: relative !important;
}

/* Header fieldset — dark slate gradient */
html body .content-wrapper .container-fluid > fieldset.bg-light2:first-of-type,
html body .content-wrapper .col-md-12 > fieldset.bg-light2 {
    background: linear-gradient(135deg, var(--ac-slate) 0%, var(--ac-slate-mid) 100%) !important;
    border: none !important;
    box-shadow: 0 4px 24px rgba(44,62,85,.22) !important;
}

/* ══════════════════════════════════════════════════
   LEGEND
   style.css: legend { background: rgb(15 118 110 / 18%); border-radius: 1rem; }
   No !important there — but we need higher specificity anyway
══════════════════════════════════════════════════ */
html body .content-wrapper fieldset.bg-light2 > legend {
    font-family: var(--ac-font) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: var(--ac-slate) !important;
    background: #ffffff !important;
    padding: 4px 14px !important;
    border: 1.5px solid var(--ac-border) !important;
    border-radius: 20px !important;
    margin-left: .75rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
}

    html body .content-wrapper fieldset.bg-light2 > legend i {
        color: var(--ac-amber) !important;
        font-size: 14px !important;
    }

/* Header fieldset legend — white on dark */
html body .content-wrapper .container-fluid > fieldset.bg-light2:first-of-type > legend,
html body .content-wrapper .col-md-12 > fieldset.bg-light2 > legend {
    background: rgba(255,255,255,.13) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.28) !important;
}

/* ══════════════════════════════════════════════════
   BACK BUTTON
   style.css: .btn-secondary2 { background: var(--s-color) !important } → blue #0a4191
   Fix: ID selector wins over class selector always
══════════════════════════════════════════════════ */
a#aDashboardLink,
a[id$="aDashboardLink"] {
    background: rgba(255,255,255,.14) !important;
    border: 1.5px solid rgba(255,255,255,.32) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 7px 16px !important;
    text-decoration: none !important;
    transition: background .2s !important;
}

    a#aDashboardLink:hover,
    a[id$="aDashboardLink"]:hover {
        background: rgba(255,255,255,.26) !important;
        color: #ffffff !important;
    }

/* ══════════════════════════════════════════════════
   TAB NAV
══════════════════════════════════════════════════ */
html body .content-wrapper .card.card-primary.card-outline.card-outline-tabs,
html body .content-wrapper .card-header.p-0.border-bottom-0 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html body .content-wrapper ul.nav.nav-tabs {
    background: #ffffff !important;
    border-radius: var(--ac-r-lg) var(--ac-r-lg) 0 0 !important;
    border: 1.5px solid var(--ac-border) !important;
    border-bottom: none !important;
    padding: 8px 12px 0 !important;
    gap: 4px !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

    html body .content-wrapper ul.nav.nav-tabs .nav-item .nav-link {
        font-size: 12px !important;
        font-weight: 500 !important;
        color: var(--ac-slate-mid) !important;
        background: var(--ac-slate-lt) !important;
        border: 1.5px solid transparent !important;
        border-radius: var(--ac-r) var(--ac-r) 0 0 !important;
        padding: 8px 14px !important;
        display: block !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        transition: all .2s !important;
    }

    /* Step number badges */
    html body .content-wrapper ul.nav.nav-tabs .nav-item:nth-child(1) .nav-link::before {
        content: "â‘  ";
        font-size: 11px;
        opacity: .65;
    }

    html body .content-wrapper ul.nav.nav-tabs .nav-item:nth-child(2) .nav-link::before {
        content: "â‘¡ ";
        font-size: 11px;
        opacity: .65;
    }

    html body .content-wrapper ul.nav.nav-tabs .nav-item:nth-child(3) .nav-link::before {
        content: "â‘¢ ";
        font-size: 11px;
        opacity: .65;
    }

    html body .content-wrapper ul.nav.nav-tabs .nav-item:nth-child(4) .nav-link::before {
        content: "â‘£ ";
        font-size: 11px;
        opacity: .65;
    }

    html body .content-wrapper ul.nav.nav-tabs .nav-item:nth-child(5) .nav-link::before {
        content: "⑤ ";
        font-size: 11px;
        opacity: .65;
    }

    html body .content-wrapper ul.nav.nav-tabs .nav-item:nth-child(6) .nav-link::before {
        content: "â‘¥ ";
        font-size: 11px;
        opacity: .65;
    }

    html body .content-wrapper ul.nav.nav-tabs .nav-item .nav-link:hover {
        background: var(--ac-amber-lt) !important;
        color: var(--ac-amber-dk) !important;
    }

    html body .content-wrapper ul.nav.nav-tabs .nav-item .nav-link.active {
        background: var(--ac-amber) !important;
        color: #ffffff !important;
        border-color: var(--ac-amber) !important;
        font-weight: 600 !important;
    }

html body .content-wrapper .card-body {
    background: #ffffff !important;
    border: 1.5px solid var(--ac-border) !important;
    border-top: none !important;
    border-radius: 0 0 var(--ac-r-lg) var(--ac-r-lg) !important;
    padding: 1.5rem !important;
    box-shadow: var(--ac-shadow) !important;
}

/* ══════════════════════════════════════════════════
   LABELS
══════════════════════════════════════════════════ */
html body .content-wrapper .rasa-font,
html body .content-wrapper .rasa-font-12rem,
html body .content-wrapper .rasa-font-10rem {
    font-family: var(--ac-font) !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: var(--ac-slate-mid) !important;
    line-height: 1.45 !important;
    display: block !important;
    margin-bottom: 4px !important;
}

html body .content-wrapper .redAstric,
html body .content-wrapper b.redAstric {
    color: var(--ac-danger) !important;
    font-size: 13px !important;
    margin-left: 2px !important;
}

html body .content-wrapper .fa-info-circle {
    background: var(--ac-slate-mid) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 14px !important;
    height: 14px !important;
    font-size: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 4px !important;
    vertical-align: middle !important;
    cursor: help !important;
}

/* ══════════════════════════════════════════════════
   FORM CONTROLS
   style.css: .form-control:focus { box-shadow:0 0 1rem #b0b0b0; border-radius:0.2rem !important }
══════════════════════════════════════════════════ */
html body .content-wrapper .form-control,
html body .content-wrapper select.form-control,
html body .content-wrapper textarea.form-control {
    border: 1.5px solid var(--ac-border) !important;
    border-radius: var(--ac-r) !important;
    font-size: 13px !important;
    font-family: var(--ac-font) !important;
    color: var(--ac-slate) !important;
    background: #FAFBFD !important;
    padding: 8px 12px !important;
    min-height: 38px !important;
    height: auto !important;
    width: 100% !important;
}

    html body .content-wrapper .form-control:focus,
    html body .content-wrapper select.form-control:focus {
        border-color: var(--ac-amber) !important;
        box-shadow: 0 0 0 3px rgba(15,118,110,.16) !important;
        background: #ffffff !important;
        border-radius: var(--ac-r) !important;
        outline: none !important;
    }

    html body .content-wrapper .form-control:hover:not(:focus) {
        border-color: #b0bdd0 !important;
    }

/* Radio lists */
html body .content-wrapper table[id*="rbl"] {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

    html body .content-wrapper table[id*="rbl"] td {
        padding: 4px 8px 4px 0 !important;
        vertical-align: middle !important;
    }

    html body .content-wrapper table[id*="rbl"] label {
        font-size: 13px !important;
        font-weight: 400 !important;
        color: var(--ac-slate) !important;
        margin: 0 !important;
    }

    html body .content-wrapper table[id*="rbl"] input[type="radio"] {
        accent-color: var(--ac-amber) !important;
    }

/* ══════════════════════════════════════════════════
   SELECT2
══════════════════════════════════════════════════ */
html body .content-wrapper .select2-container .select2-selection--single {
    border: 1.5px solid var(--ac-border) !important;
    border-radius: var(--ac-r) !important;
    background: #FAFBFD !important;
    height: 38px !important;
}

html body .content-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
    font-size: 13px !important;
    color: var(--ac-slate) !important;
    padding-left: 12px !important;
}

html body .content-wrapper .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--ac-amber) !important;
    box-shadow: 0 0 0 3px rgba(15,118,110,.16) !important;
}
/* Dropdown renders outside .content-wrapper so no scope needed */
.select2-dropdown {
    border-color: var(--ac-amber) !important;
    border-radius: var(--ac-r) !important;
    box-shadow: 0 8px 24px rgba(44,62,85,.15) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--ac-amber) !important;
}

/* ══════════════════════════════════════════════════
   BUTTONS
   style.css: .btn-primary2 { background: var(--p-color) !important }  → #0f766e
   style.css: .btn-secondary2 { background: var(--s-color) !important } → #0a4191
   Fix: html body .content-wrapper adds enough specificity
══════════════════════════════════════════════════ */
html body .content-wrapper .btn.btn-primary2,
html body .content-wrapper input[type="submit"].btn-primary2,
html body .content-wrapper input[type="button"].btn-primary2 {
    background: linear-gradient(135deg, var(--ac-amber), var(--ac-amber-dk)) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    border-radius: var(--ac-r) !important;
    padding: 9px 20px !important;
    box-shadow: 0 2px 8px rgba(15,118,110,.24) !important;
    transition: all .2s !important;
    cursor: pointer !important;
}

    html body .content-wrapper .btn.btn-primary2:hover,
    html body .content-wrapper input[type="submit"].btn-primary2:hover {
        background: linear-gradient(135deg, #0f766e, var(--ac-amber-dk)) !important;
        box-shadow: 0 4px 14px rgba(15,118,110,.32) !important;
        transform: translateY(-1px) !important;
        color: #ffffff !important;
    }

/* Save & Next — larger */
html body .content-wrapper .text-center.mt-3 .btn.btn-primary2 {
    padding: 11px 40px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    min-width: 200px !important;
}

html body .content-wrapper .btn.btn-outline-danger {
    background: transparent !important;
    border: 1.5px solid var(--ac-danger) !important;
    color: var(--ac-danger) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border-radius: var(--ac-r) !important;
    padding: 7px 14px !important;
}

    html body .content-wrapper .btn.btn-outline-danger:hover {
        background: #FDF0F0 !important;
    }

/* ══════════════════════════════════════════════════
   SUBJECT ADD PANEL
   style.css: .border-primary2 { border-color: var(--p-color) !important }
══════════════════════════════════════════════════ */
html body .content-wrapper .d-flex.flex-wrap.border.border-primary2.rounded {
    border: 1.5px solid var(--ac-amber) !important;
    border-radius: var(--ac-r-md) !important;
    background: var(--ac-amber-lt) !important;
    padding: 16px !important;
    margin-bottom: 1rem !important;
}

/* ══════════════════════════════════════════════════
   TABLES
══════════════════════════════════════════════════ */
html body .content-wrapper .table-responsive {
    border-radius: var(--ac-r-md) !important;
    overflow: hidden !important;
    border: 1.5px solid var(--ac-border) !important;
}

html body .content-wrapper .table {
    font-size: 13px !important;
    margin-bottom: 0 !important;
}

    html body .content-wrapper .table thead.bg-secondary2 th {
        background: var(--ac-slate) !important;
        color: #ffffff !important;
        font-weight: 500 !important;
        font-size: 11.5px !important;
        letter-spacing: .03em !important;
        padding: 10px 14px !important;
        border: none !important;
        white-space: nowrap !important;
    }

html body .content-wrapper .table-striped tbody tr:nth-of-type(odd) {
    background: var(--ac-slate-lt) !important;
}

html body .content-wrapper .table-striped tbody tr:nth-of-type(even) {
    background: #ffffff !important;
}

html body .content-wrapper .table-hover tbody tr:hover {
    background: var(--ac-amber-lt) !important;
}

html body .content-wrapper .table td {
    padding: 10px 14px !important;
    border-color: var(--ac-border) !important;
    vertical-align: middle !important;
}

html body .content-wrapper .fa-trash-alt.text-danger {
    font-size: 15px !important;
    transition: transform .15s !important;
    cursor: pointer !important;
}

    html body .content-wrapper .fa-trash-alt.text-danger:hover {
        transform: scale(1.2) !important;
    }

/* ══════════════════════════════════════════════════
   VALIDATION MESSAGES
══════════════════════════════════════════════════ */
html body .content-wrapper span.code,
html body .content-wrapper .code {
    font-size: 11px !important;
    color: var(--ac-danger) !important;
    font-weight: 400 !important;
    margin-top: 3px !important;
}

/* ══════════════════════════════════════════════════
   HR
══════════════════════════════════════════════════ */
html body .content-wrapper hr.m-0 {
    border-color: var(--ac-border) !important;
    margin: 1.25rem 0 !important;
}

/* ══════════════════════════════════════════════════
   SWEET-ALERT FIELDSET — keep it clean
══════════════════════════════════════════════════ */
.sweet-alert fieldset {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}



/* ===== Migrated from Applicants/Applicant.Master ===== */
body.layout-top-nav {
            min-height: 100vh;
            background: #f6f8fb !important;
            color: #15202b;
            font-family: Roboto, "Segoe UI", "Noto Sans Gujarati", "Nirmala UI", Arial, sans-serif;
        }

        .wrapper {
            background: transparent !important;
        }

        .main-header.navbar {
            width: calc(100% - 32px);
            min-height: 68px;
            margin: 18px auto 0;
            padding: 12px 16px !important;
            border: 1px solid #e2e8f0;
            border-radius: 10px;
            background: #fff !important;
            box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
        }

        .main-header .container-fluid {
            padding-right: 0;
            padding-left: 0;
        }

        .navbar-brand .brand-image {
            width: 42px;
            height: 42px;
            object-fit: contain;
            padding: 7px;
            border: 1px solid rgba(14, 165, 233, .16);
            border-radius: 10px;
            background: #fff;
            box-shadow: none;
        }

        .main-header .nav-link {
            display: inline-flex;
            min-height: 38px;
            align-items: center;
            gap: 7px;
            border-radius: 8px;
            color: #0f766e !important;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0;
        }

        .main-header .nav-link:hover,
        .main-header .nav-link:focus,
        .main-header .nav-link.active {
            background: #f0fdfa;
            color: #115e59 !important;
            text-decoration: none;
        }

        .main-header .dropdown-menu {
            overflow: hidden;
            border: 1px solid rgba(148, 163, 184, .32);
            border-radius: 12px;
            box-shadow: 0 24px 60px rgba(15, 23, 42, .16);
        }

        .main-header .text-warning,
        .main-header .text-danger {
            color: #0f766e !important;
        }

        .main-footer {
            width: calc(100% - 32px);
            margin: 18px auto 0;
            border: 0 !important;
            background: transparent !important;
            color: #64748b;
            font-size: 12px;
        }

        @keyframes blink {
            0%, 100% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }
        }

        .blink-link {
            animation: blink 1s step-start infinite !important;
            color: #0f766e !important;
            font-weight: bold !important;
        }

        .red-blink-btn {
            background: #fff !important;
            color: #0f766e !important;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-family: inherit;
            font-size: 12px;
            font-weight: 800;
            padding: 8px 14px !important;
            text-align: center;
            text-decoration: none !important;
            -webkit-border-radius: 8px;
            border-radius: 8px !important;
            border: 1px solid #dbe7ef !important;
            box-shadow: none !important;
            animation: none !important;
            line-height: normal;
            white-space: nowrap;
        }

            .red-blink-btn:hover {
                background: #f0fdfa !important;
                color: #115e59 !important;
                text-decoration: none !important;
                border-color: #99d7cf !important;
                box-shadow: none !important;
            }

        @keyframes redBlink {
            0%, 100% {
                opacity: 1;
            }

            50% {
                opacity: 0;
            }
        }

        /* Refined applicant shell */
        body.layout-top-nav {
            background: #f4f7fb !important;
        }

        .main-header.navbar {
            width: calc(100vw - 32px);
            max-width: none;
            min-height: 76px;
            margin-top: 20px;
            padding: 14px 18px !important;
            border-color: #dbe7ef;
            border-radius: 12px;
            box-shadow: 0 18px 45px rgba(15, 23, 42, .06);
        }

        .navbar-brand .brand-image {
            width: 330px;
            height: 58px;
            max-width: 44vw;
            padding: 0;
            border-radius: 12px;
            border-color: #cfe8f3;
        }

        .main-header .navbar-nav {
            gap: 8px;
            align-items: center;
        }

        .main-header .nav-link,
        .red-blink-btn {
            min-height: 42px;
            border: 1px solid transparent;
            border-radius: 10px !important;
            color: #164e63 !important;
            font-size: 13px;
            font-weight: 700;
        }

        .main-header .nav-link.active {
            background: #ecfdf5 !important;
            color: #0f766e !important;
        }

        .red-blink-btn {
            border-color: #d8e5ee !important;
            background: #fff !important;
            color: #164e63 !important;
        }

        .main-footer {
            width: calc(100vw - 32px);
            max-width: none;
        }

        @media (max-width: 991.98px) {
            .main-header.navbar,
            .main-footer {
                width: calc(100vw - 20px);
            }

            .navbar-brand .brand-image {
                width: 260px;
                max-width: 70vw;
            }
        }

/* ===== Migrated from Applicants/ApplicantAcademicDetails.aspx ===== */
.fa-info-circle {
            opacity: 0.4;
            transition: opacity 0.3s ease, color 0.3s ease;
            cursor: pointer;
        }

            .fa-info-circle:hover {
                opacity: 1 !important;
                color: #007bff !important;
            }

        .tooltip-inner {
            text-align: left !important;
        }

        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0px 1000px white inset !important;
            -webkit-text-fill-color: inherit !important;
            transition: background-color 9999s ease-in-out 0s;
        }

/* ===== Migrated from Applicants/ApplicantAcademicDetails.aspx ===== */
.checkboxlist-spacing label {
            margin-bottom: 5px; /* Adjust as needed */
            margin-right: 20px; /* Adjust as needed */
        }

        .RadGridModern .rgHeader, .RadGridModern .rgRow, .RadGridModern .rgAltRow {
            font-size: 14px;
            padding: 8px 10px;
        }

        .RadGridModern .rgHeader {
            background-color: #f8f9fa;
            font-weight: 600;
            text-align: center;
        }

        .RadGridModern .rgRow, .RadGridModern .rgAltRow {
            background-color: #ffffff;
        }

        .RadGridModern .rgAltRow {
            background-color: #f2f2f2;
        }

        .RadGridModern .btn {
            padding: 2px 8px;
            font-size: 12px;
            line-height: 1;
        }

        .RadGridModern .rgRow,
        .RadGridModern .rgAltRow {
            height: 45px; /* You can increase this value */
            line-height: 30px;
            vertical-align: middle;
        }

        .choice-scroll-wrap {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            width: 100%;
        }

            .choice-scroll-wrap .RadGrid .rgMasterTable {
                min-width: 900px; /* forces all columns to render, enables scroll */
            }
        /*.RadGridModern .rgHeader {
          height: 40px;
          line-height: 40px;
          vertical-align: middle;
      }*/






        /* Fix row colors after drag reorder */
        .rgMasterTable tr.rgRow td,
        .rgMasterTable tr.rgAltRow td {
            vertical-align: middle;
        }
        /* Only keep drag states - row colors handled by JS */
        .dragging-row td {
            opacity: 0.4 !important;
            background-color: #e8f4fd !important;
        }

        .drag-over-top td {
            border-top: 3px solid #007bff !important;
        }

        .drag-handle {
            cursor: grab;
            color: #aaa;
            font-size: 18px;
            padding: 4px 10px;
            display: inline-block;
            user-select: none;
            transition: color 0.2s;
        }

            .drag-handle:hover {
                color: #333;
            }

            .drag-handle:active {
                cursor: grabbing;
            }

        /* Fix tall rows */
        .RadGridModern .rgRow td,
        .RadGridModern .rgAltRow td {
            padding: 5px 8px !important;
            height: auto !important;
            line-height: 1.4 !important;
            vertical-align: middle;
        }

        .RadGridModern .rgRow,
        .RadGridModern .rgAltRow {
            height: auto !important;
            line-height: 1.4 !important;
        }

        /* Fix hidden column taking space */
        .hidden-col {
            display: none !important;
            width: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            overflow: hidden !important;
            border: none !important;
        }

        /* Target the header th for hidden-col too */
        th.hidden-col,
        td.hidden-col {
            display: none !important;
            width: 0 !important;
            padding: 0 !important;
        }

/* ===== Migrated from Applicants/ApplicantChoice.aspx ===== */
.checkboxlist-spacing label {
            margin-bottom: 5px; /* Adjust as needed */
            margin-right: 20px; /* Adjust as needed */
        }

/* ===== Migrated from Applicants/ApplicantChoice.aspx ===== */
.large-font {
            font-size: 100%;
        }

/* ===== Migrated from Applicants/ApplicantChoice.aspx ===== */
/* Ensure all cards have the same height */
        .equal-height-card {
            display: flex;
            flex-direction: column;
            height: 100%; /* Full height */
        }

            .equal-height-card .card-body {
                flex-grow: 1; /* Expand to fill remaining space */
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }

/* ===== Migrated from Applicants/ApplicantChoiceChange.aspx ===== */
.checkboxlist-spacing label {
            margin-bottom: 5px; /* Adjust as needed */
            margin-right: 20px; /* Adjust as needed */
        }

/* ===== Migrated from Applicants/ApplicantChoiceChange.aspx ===== */
.captcha img {
            width: 72%;
            float: left;
            margin-right: 4%;
        }

        .captcha + input {
            margin-top: 8px;
        }

/* ===== Migrated from Applicants/ApplicantChoiceWithPreference.aspx ===== */
.checkboxlist-spacing label {
            margin-bottom: 5px; /* Adjust as needed */
            margin-right: 20px; /* Adjust as needed */
        }

/* ===== Migrated from Applicants/ApplicantPaymentReceipt.aspx ===== */
.receipt {
            /*border:1px solid #ddd;*/
            margin-bottom: 20px;
        }

            .receipt .header, .receipt .footer {
                background: #eee;
                color: #306686;
                padding: 10px;
                text-align: center;
                font-size: 18px;
                font-weight: 600;
            }

            .receipt .main-block {
                background: #2485D3;
                padding: 20px 0;
                text-align: center;
                color: #e5e5e5;
                font-size: 20px;
            }

                .receipt .main-block i {
                    font-size: 16px;
                }

                .receipt .main-block .content-title {
                    display: inline-block;
                    padding: 5px 30px;
                    margin-bottom: 10px;
                    font-size: 25px;
                    font-weight: 700;
                    border-bottom: 1px solid rgba(0,0,0,0.1);
                }

            .receipt .details {
                background: #1F76B9;
                padding: 10px;
                text-align: center;
                color: #e5e5e5;
                font-size: 18px;
            }

            .receipt .body {
                padding: 20px 10px;
            }

/* ===== Migrated from Applicants/ApplicantProfileCreation.aspx ===== */
.fa-info-circle {
            opacity: 0.4;
            transition: opacity 0.3s ease, color 0.3s ease;
            cursor: pointer;
        }

            .fa-info-circle:hover {
                opacity: 1 !important;
                color: #007bff !important;
            }

        .tooltip-inner {
            text-align: left !important;
        }

/* ===== Migrated from Applicants/ApplicantStatus.aspx ===== */
.status-page {
            width: calc(100% - 32px);
            margin: 18px auto 72px;
            background: transparent !important;
        }

        .status-page .content {
            padding-top: 0 !important;
        }

        .status-page .container-fluid {
            padding-right: 0;
            padding-left: 0;
        }

        .status-page .row {
            margin-right: -8px;
            margin-left: -8px;
        }

        .status-page [class*="col-"] {
            padding-right: 8px;
            padding-left: 8px;
        }

        .status-page .card {
            overflow: hidden;
            margin-bottom: 18px;
            border: 1px solid #e2e8f0 !important;
            border-radius: 12px !important;
            background: #fff;
            box-shadow: 0 16px 40px rgba(15, 23, 42, .07) !important;
        }

        .status-page .card-warning:not(.card-outline) > .card-header,
        .status-page .card-header {
            border-bottom: 1px solid #eaf0f6 !important;
            background: #fff !important;
            color: #0f172a !important;
        }

        .status-page .card-header .btn-tool {
            min-height: 58px;
            padding: 16px 20px !important;
            color: #0f172a !important;
            font-weight: 700;
        }

        .status-page .card-title {
            margin: 0;
            color: #0f172a;
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 0;
        }

        .status-page .card-title i,
        .status-page p.mb-1 i {
            color: #0f766e !important;
        }

        .status-page .card-body {
            background: #fff;
            padding: 24px !important;
        }

        .status-page .border.p-3.rounded-lg.bg-white {
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
        }

        .status-page p.mb-1.font-weight-bold {
            color: #475569;
            font-size: 12px;
            line-height: 1.45;
        }

        .status-page p.mb-1.font-weight-bold + span,
        .status-page p.mb-1.font-weight-bold + span .rasa-font {
            color: #0f172a;
            font-size: 14px;
            font-weight: 700;
        }

        .status-page .btn,
        .status-page input[type="submit"].btn,
        .status-page a.btn {
            min-height: 40px;
            border-radius: 10px !important;
            font-size: 13px;
            font-weight: 800;
            letter-spacing: 0;
        }

        .status-page .btn-primary2,
        .status-page input[type="submit"].btn-primary2,
        .status-page a.btn-primary2 {
            border: 0 !important;
            background: #0f766e !important;
            color: #fff !important;
            box-shadow: 0 10px 22px rgba(15, 118, 110, .2);
        }

        .status-page .btn-primary2:hover,
        .status-page .btn-primary2:focus {
            background: #115e59 !important;
            color: #fff !important;
            box-shadow: 0 14px 30px rgba(15, 118, 110, .24);
            transform: translateY(-1px);
        }

        .status-page .btn-secondary {
            border: 1px solid #dbe7ef !important;
            background: #fff !important;
            color: #0f766e !important;
        }

        .status-page .table-responsive {
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            background: #fff;
        }

        .status-page .table {
            margin-bottom: 0;
            color: #334155;
            font-size: 13px;
        }

        .status-page .table thead th,
        .status-page .table th {
            border-top: 0;
            border-bottom: 1px solid #e2e8f0;
            background: #f8fafc;
            color: #0f172a;
            font-size: 12px;
            font-weight: 800;
        }

        .status-page .table td {
            border-top-color: #eef2f7;
            vertical-align: middle;
        }

        .status-page .progress-card {
            padding: 26px;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            background: #fbfdff;
            box-shadow: none;
        }

        .status-page .progress-card:hover {
            transform: none;
        }

        .status-page .progress-circle {
            background: conic-gradient(#14b8a6 0%, #0f766e calc(var(--value)*1%), #e2e8f0 calc(var(--value)*1%));
            box-shadow: 0 12px 28px rgba(15, 118, 110, .16), inset 0 0 12px rgba(255,255,255,.8);
        }

        .status-page .percent {
            color: #0f766e;
        }

        .modal .modal-content {
            overflow: hidden;
            border: 1px solid #e2e8f0;
            border-radius: 12px !important;
            box-shadow: 0 24px 60px rgba(15, 23, 42, .18);
        }

        .modal .modal-header {
            border-bottom: 1px solid #eaf0f6;
            background: #fff !important;
            color: #0f172a;
        }

        .modal .modal-title {
            font-weight: 700 !important;
        }

        .modal .form-control {
            min-height: 44px;
            border: 1px solid #cbd5e1;
            border-radius: 10px;
            box-shadow: none;
        }

        .modal .form-control:focus {
            border-color: #14b8a6;
            box-shadow: 0 0 0 3px rgba(20, 184, 166, .13);
        }

        @media (max-width: 767.98px) {
            .status-page {
                width: calc(100% - 24px);
                margin-top: 12px;
            }

            .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row {
                grid-template-columns: 1fr;
            }

            .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row > .col-md-2 {
                width: 100%;
            }

            .status-page .d-flex.flex-wrap.justify-content-center {
                grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
            }

            .status-page .card-header .btn-tool {
                padding: 14px 16px !important;
            }

            .status-page .card-title {
                font-size: 16px;
            }
        }

        /* container */

        .progress-card {
            padding: 40px;
            background: white;
            border-radius: 20px;
            box-shadow: 0 15px 40px rgba(0,0,0,.12);
            transition: .3s;
        }

            .progress-card:hover {
                transform: translateY(-5px);
            }

        /* Fix progress step cards so they never shrink when sibling sections collapse */
        .d-flex.flex-wrap.justify-content-center > a.btn-lg {
            min-width: 120px !important;
            flex-shrink: 0 !important;
        }

        /* circle */

        .progress-circle {
            --value: 65;
            --size: 170px;
            width: var(--size);
            height: var(--size);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: conic-gradient( #14b8a6 0%, #0f766e calc(var(--value)*1%), #e6e6e6 calc(var(--value)*1%) );
            position: relative;
            animation: growProgress 2s ease forwards;
            box-shadow: 0 0 25px rgba(15,118,110,.16), inset 0 0 12px rgba(255,255,255,.8);
        }

            /* inside circle */

            .progress-circle::before {
                content: "";
                position: absolute;
                width: 135px;
                height: 135px;
                background: white;
                border-radius: 50%;
                box-shadow: inset 0 3px 10px rgba(0,0,0,.08);
            }

        /* text */

        .progress-text {
            position: absolute;
            text-align: center;
        }

        .percent {
            font-size: 36px;
            font-weight: 700;
            color: #0f766e;
        }

        .label {
            font-size: 11px;
            letter-spacing: 1px;
            font-weight: 600;
            color: #3c4a6b;
        }

        /* animation */

        @keyframes growProgress {

            from {
                background: conic-gradient( #14b8a6 0%, #0f766e 0%, #e6e6e6 0% );
            }
        }

        .status-page .progress-card {
            padding: 26px !important;
            border: 1px solid #e2e8f0 !important;
            border-radius: 12px !important;
            background: #fbfdff !important;
            box-shadow: none !important;
        }

        .status-page .progress-card:hover {
            transform: none !important;
        }

        .status-page .progress-circle {
            background: conic-gradient(#14b8a6 0%, #0f766e calc(var(--value)*1%), #e2e8f0 calc(var(--value)*1%)) !important;
            box-shadow: 0 12px 28px rgba(15, 118, 110, .16), inset 0 0 12px rgba(255,255,255,.8) !important;
        }

        .status-page .percent {
            color: #0f766e !important;
        }

        /* Final dashboard overrides: keep legacy Bootstrap classes, remove old warm theme. */
        .status-page .card,
        .status-page .card-warning,
        .status-page .card-body > .border,
        .status-page .border.p-3.rounded-lg.bg-white.mb-3 {
            border-color: #e2e8f0 !important;
            border-radius: 12px !important;
            background: #fff !important;
            box-shadow: 0 16px 40px rgba(15, 23, 42, .06) !important;
        }

        .status-page .card-body > .border,
        .status-page .border.p-3.rounded-lg.bg-white.mb-3 {
            padding: 22px !important;
            background: #fbfdff !important;
        }

        .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 240px;
            gap: 22px;
            margin: 0;
            align-items: start;
        }

        .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row > .col-md-10,
        .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row > .col-md-2 {
            max-width: none;
            padding: 0;
            flex: none;
        }

        .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row > .col-md-10 {
            width: 100%;
        }

        .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row > .col-md-2 {
            width: 240px;
        }

        .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row > .col-md-10 > .row {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
            gap: 18px 22px;
            margin: 0;
        }

        .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row > .col-md-10 > .row > [class*="col-"] {
            max-width: none;
            padding: 0;
            flex: none;
            width: auto;
            min-width: 0;
        }

        .status-page .card-header,
        .status-page .card-warning:not(.card-outline) > .card-header,
        .status-page .modal-header,
        .status-page .modal-header[style] {
            border-bottom: 1px solid #eaf0f6 !important;
            background: #fff !important;
            color: #0f172a !important;
        }

        .status-page .card-title,
        .status-page .card-title .rasa-font {
            color: #0f172a !important;
            font-weight: 800 !important;
        }

        .status-page .card-title i,
        .status-page .card-header i,
        .status-page p.mb-1 i,
        .status-page .table-responsive i,
        .status-page i.fa,
        .status-page i.fas,
        .status-page i.far,
        .status-page .status-info-icon {
            color: #0f766e !important;
        }

        .status-page .text-warning,
        .status-page .text-danger,
        .status-page .danger {
            color: #0f766e !important;
        }

        .status-page .d-flex.flex-wrap.justify-content-center {
            display: grid !important;
            grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));
            gap: 16px;
            align-items: stretch;
            justify-content: stretch !important;
            max-width: none;
        }

        .status-page .status-step,
        .status-page .d-flex.flex-wrap.justify-content-center > a.btn-lg,
        .status-page a.btn-danger.btn-lg,
        .status-page a.btn-success.btn-lg,
        .status-page a.btn-warning.btn-lg,
        .status-page a.btn-info.btn-lg {
            display: inline-flex !important;
            width: 100% !important;
            min-width: 0 !important;
            min-height: 136px !important;
            margin: 0 0 4px !important;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 12px;
            border: 1px solid #dbe7ef !important;
            border-radius: 12px !important;
            background: #fff !important;
            color: #0f172a !important;
            box-shadow: 0 10px 24px rgba(15, 23, 42, .06) !important;
            text-decoration: none !important;
            transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
        }

        .status-page .status-step:hover,
        .status-page .status-step:focus,
        .status-page .d-flex.flex-wrap.justify-content-center > a.btn-lg:hover,
        .status-page .d-flex.flex-wrap.justify-content-center > a.btn-lg:focus {
            border-color: #99d7cf !important;
            background: #f0fdfa !important;
            color: #0f172a !important;
            box-shadow: 0 14px 28px rgba(15, 118, 110, .12) !important;
            transform: translateY(-1px);
        }

        .status-page .status-step h6,
        .status-page .d-flex.flex-wrap.justify-content-center > a.btn-lg h6 {
            margin: 0 !important;
            color: #0f172a !important;
            font-size: 12px;
            font-weight: 800;
            line-height: 1.35;
        }

        .status-page .status-step h6 > i,
        .status-page .d-flex.flex-wrap.justify-content-center > a.btn-lg h6 > i {
            display: inline-flex;
            width: 44px;
            height: 44px;
            margin-bottom: 10px;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            background: #e0f2f1 !important;
            color: #0f766e !important;
            font-size: 18px;
        }

        .status-page .status-step small.border,
        .status-page .d-flex.flex-wrap.justify-content-center > a.btn-lg small.border {
            display: inline-flex;
            min-height: 24px;
            align-items: center;
            justify-content: center;
            border: 0 !important;
            border-radius: 999px !important;
            background: #e0f2f1 !important;
            color: #0f766e !important;
            font-size: 11px;
            font-weight: 800;
            line-height: 1;
        }

        .status-page .status-step small.border i,
        .status-page .d-flex.flex-wrap.justify-content-center > a.btn-lg small.border i,
        .status-page .badge i {
            color: #0f766e !important;
        }

        .status-page .btn-danger,
        .status-page .btn-warning,
        .status-page .btn-success,
        .status-page .btn-info,
        .status-page .badge-danger,
        .status-page .badge-warning,
        .status-page .badge-success,
        .status-page .bg-danger,
        .status-page .bg-warning,
        .status-page .bg-success {
            border-color: #dbe7ef !important;
            background: #e0f2f1 !important;
            color: #0f766e !important;
        }

        .status-page .btn-primary,
        .status-page a.btn-primary,
        .status-page input[type="submit"].btn-primary,
        .status-page .btn-outline-success {
            border: 1px solid #0f766e !important;
            background: #fff !important;
            color: #0f766e !important;
            box-shadow: none !important;
        }

        .status-page .btn-primary:hover,
        .status-page a.btn-primary:hover,
        .status-page input[type="submit"].btn-primary:hover,
        .status-page .btn-outline-success:hover {
            background: #0f766e !important;
            color: #fff !important;
        }

        .status-page .progress-circle {
            background: conic-gradient(#14b8a6 0%, #0f766e calc(var(--value)*1%), #e2e8f0 calc(var(--value)*1%)) !important;
            box-shadow: 0 12px 28px rgba(15, 118, 110, .16), inset 0 0 12px rgba(255,255,255,.8) !important;
        }

        .status-page .progress-circle::before {
            background: #fff !important;
        }

        .status-page .percent {
            color: #0f766e !important;
        }

        /* Senior dashboard finish */
        .status-page {
            width: calc(100vw - 32px) !important;
            max-width: none !important;
            margin-top: 20px;
            margin-bottom: 84px;
            color: #18324a;
        }

        .status-page .row {
            margin-right: -10px;
            margin-left: -10px;
        }

        .status-page [class*="col-"] {
            padding-right: 10px;
            padding-left: 10px;
        }

        .status-page .card {
            overflow: hidden;
            margin-bottom: 20px;
            border: 1px solid #dbe7ef !important;
            border-radius: 14px !important;
            background: #fff !important;
            box-shadow: 0 18px 45px rgba(15, 23, 42, .055) !important;
        }

        .status-page .card-header,
        .status-page .card-warning:not(.card-outline) > .card-header {
            border: 0 !important;
            background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
        }

        .status-page .card-header .btn-tool {
            min-height: 54px;
            padding: 15px 20px !important;
        }

        .status-page .card-title {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            color: #0f172a !important;
            font-size: 17px;
            font-weight: 800 !important;
        }

        .status-page .card-title i,
        .status-page .card-header i,
        .status-page p.mb-1 i,
        .status-page i.fa,
        .status-page i.fas,
        .status-page i.far {
            color: #0f766e !important;
        }

        .status-page .card-title > i:first-child {
            width: 28px;
            height: 28px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            background: #e6f7f5;
            color: #0f766e !important;
            font-size: 13px;
        }

        .status-page .card-header .fa-minus,
        .status-page .card-header .fas.fa-minus {
            color: #0f766e !important;
            font-size: 12px;
        }

        .status-page .card-body {
            padding: 20px 24px 24px !important;
        }

        .status-page .border.p-3.rounded-lg.bg-white.mb-3 {
            padding: 20px !important;
            border: 1px solid #dbe7ef !important;
            border-radius: 14px !important;
            background: linear-gradient(135deg, #fbfdff 0%, #f8fbfc 100%) !important;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
        }

        .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row {
            grid-template-columns: minmax(0, 1fr) 230px;
            gap: 20px;
        }

        .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row > .col-md-2 {
            width: 230px;
        }

        .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row > .col-md-10 > .row {
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 14px;
        }

        .status-page .border.p-3.rounded-lg.bg-white.mb-3 .mb-3 {
            min-height: 86px;
            margin: 0 !important;
            padding: 14px 15px;
            border: 1px solid #e2eaf1;
            border-radius: 12px;
            background: #fff;
            box-shadow: 0 8px 20px rgba(15, 23, 42, .035);
        }

        .status-page p.mb-1.font-weight-bold {
            display: flex;
            align-items: center;
            gap: 7px;
            margin-bottom: 8px !important;
            color: #64748b !important;
            font-size: 12px;
            font-weight: 700 !important;
        }

        .status-page p.mb-1.font-weight-bold + span,
        .status-page p.mb-1.font-weight-bold + span .rasa-font {
            color: #18324a !important;
            font-size: 14px;
            font-weight: 700;
            overflow-wrap: anywhere;
        }

        .status-page .btn-outline-success,
        .status-page .btn-primary,
        .status-page a.btn-primary {
            min-height: 34px;
            padding: 6px 12px !important;
            border-radius: 9px !important;
            border-color: #0f766e !important;
            background: #fff !important;
            color: #0f766e !important;
            font-size: 12px;
            box-shadow: none !important;
        }

        .status-page .progress-card {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 204px;
            padding: 16px !important;
            border: 1px solid #dbe7ef !important;
            border-radius: 14px !important;
            background: #fff !important;
            box-shadow: 0 12px 28px rgba(15, 23, 42, .045) !important;
        }

        .status-page .progress-circle {
            --size: 150px;
            box-shadow: 0 18px 36px rgba(15, 118, 110, .14), inset 0 0 12px rgba(255,255,255,.9) !important;
        }

        .status-page .progress-circle::before {
            width: 118px;
            height: 118px;
            box-shadow: inset 0 2px 12px rgba(15, 23, 42, .08);
        }

        .status-page .percent {
            font-size: 34px;
            letter-spacing: 0;
        }

        .status-page .label {
            color: #334155;
            font-size: 10px;
            letter-spacing: .08em;
        }

        .status-page .d-flex.flex-wrap.justify-content-center {
            grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
            gap: 16px;
        }

        .status-page .status-step {
            position: relative;
            min-height: 118px !important;
            padding: 16px 14px 14px !important;
            justify-content: space-between !important;
            gap: 10px !important;
            border-color: #dbe7ef !important;
            border-radius: 14px !important;
            background: #fff !important;
            box-shadow: 0 12px 26px rgba(15, 23, 42, .045) !important;
        }

        .status-page .status-step::before {
            content: "";
            position: absolute;
            top: 0;
            left: 18px;
            right: 18px;
            height: 3px;
            border-radius: 0 0 999px 999px;
            background: linear-gradient(90deg, #0f766e, #38bdf8);
            opacity: .9;
        }

        .status-page .status-step h6 {
            display: flex;
            width: 100%;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            color: #0f172a !important;
            font-size: 13px;
            font-weight: 800;
        }

        .status-page .status-step h6 br {
            display: none;
        }

        .status-page .status-step h6 > i {
            width: 42px;
            height: 42px;
            margin: 0 !important;
            background: #e6f7f5 !important;
            color: #0f766e !important;
            font-size: 17px;
        }

        .status-page .status-step small.border {
            min-height: 24px;
            padding: 5px 9px !important;
            background: #eef8f6 !important;
            color: #0f766e !important;
            font-size: 11px;
            font-weight: 800;
        }

        .status-page .status-step small.border i {
            display: none !important;
        }

        .status-page .status-step:hover {
            border-color: #99d7cf !important;
            box-shadow: 0 18px 36px rgba(15, 118, 110, .10) !important;
        }

        .status-page .table-responsive {
            min-height: 0;
            padding: 0;
            border: 0 !important;
            background: transparent !important;
        }

        .status-page .card .table-responsive:empty,
        .status-page .card-body .table-responsive + br {
            display: none;
        }

        .status-page .card-body {
            min-height: auto !important;
        }

        .status-page .card-body > span,
        .status-page .card-body > div:not(.border):not(.row):not(.d-flex):not(.table-responsive) {
            color: #475569;
            font-size: 14px;
        }

        .status-page a,
        .status-page a:visited {
            color: #164e63;
        }

        @media (max-width: 991.98px) {
            .status-page {
                width: calc(100vw - 20px) !important;
            }

            .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row {
                grid-template-columns: 1fr;
            }

            .status-page .border.p-3.rounded-lg.bg-white.mb-3 > .row > .col-md-2 {
                width: 100%;
            }
        }

/* ===== Migrated from Applicants/ApplicationFinalSubmission.aspx ===== */
.checkboxlist-spacing label {
            margin-bottom: 5px; /* Adjust as needed */
            margin-right: 20px; /* Adjust as needed */
        }

        .RadGridModern .rgHeader, .RadGridModern .rgRow, .RadGridModern .rgAltRow {
            font-size: 14px;
            padding: 8px 10px;
        }

        .RadGridModern .rgHeader {
            background-color: #f8f9fa;
            font-weight: 600;
            text-align: center;
        }

        .RadGridModern .rgRow, .RadGridModern .rgAltRow {
            background-color: #ffffff;
        }

        .RadGridModern .rgAltRow {
            background-color: #f2f2f2;
        }

        .RadGridModern .btn {
            padding: 2px 8px;
            font-size: 12px;
            line-height: 1;
        }

        .RadGridModern .rgRow,
        .RadGridModern .rgAltRow {
            height: 45px; /* You can increase this value */
            line-height: 30px;
            vertical-align: middle;
        }

        .choice-scroll-wrap {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            width: 100%;
        }

            .choice-scroll-wrap .RadGrid .rgMasterTable {
                min-width: 900px; /* forces all columns to render, enables scroll */
            }
        /*.RadGridModern .rgHeader {
     height: 40px;
     line-height: 40px;
     vertical-align: middle;
 }*/






        /* Fix row colors after drag reorder */
        .rgMasterTable tr.rgRow td,
        .rgMasterTable tr.rgAltRow td {
            vertical-align: middle;
        }
        /* Only keep drag states - row colors handled by JS */
        .dragging-row td {
            opacity: 0.4 !important;
            background-color: #e8f4fd !important;
        }

        .drag-over-top td {
            border-top: 3px solid #007bff !important;
        }

        .drag-handle {
            cursor: grab;
            color: #aaa;
            font-size: 18px;
            padding: 4px 10px;
            display: inline-block;
            user-select: none;
            transition: color 0.2s;
        }

            .drag-handle:hover {
                color: #333;
            }

            .drag-handle:active {
                cursor: grabbing;
            }

        /* Fix tall rows */
        .RadGridModern .rgRow td,
        .RadGridModern .rgAltRow td {
            padding: 5px 8px !important;
            height: auto !important;
            line-height: 1.4 !important;
            vertical-align: middle;
        }

        .RadGridModern .rgRow,
        .RadGridModern .rgAltRow {
            height: auto !important;
            line-height: 1.4 !important;
        }

        /* Fix hidden column taking space */
        .hidden-col {
            display: none !important;
            width: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            overflow: hidden !important;
            border: none !important;
        }

        /* Target the header th for hidden-col too */
        th.hidden-col,
        td.hidden-col {
            display: none !important;
            width: 0 !important;
            padding: 0 !important;
        }

/* ===== Migrated from Applicants/CollegeNoticeInformation.aspx ===== */
.table td {
            width: calc(100% / 7); /* Divide the table into 7 equal parts */
            height: 100px; /* Set the desired height */
            vertical-align: middle; /* Vertically center the content */
        }

/* ===== Migrated from Applicants/ForgotPassword.aspx ===== */
.fp-page .qr-layout {
            width: min(560px, 100%);
        }

        .fp-page .qr-shell {
            width: min(620px, 100%);
        }

        .fp-page .qr-topbar {
            width: min(560px, 100%);
            margin-left: auto;
            margin-right: auto;
        }

        .fp-card .qr-section {
            padding: 24px;
        }

        .fp-card {
            box-shadow: 0 16px 40px rgba(15, 23, 42, .07);
        }

        .fp-card .qr-field-grid {
            grid-template-columns: 1fr;
            gap: 16px;
        }

        .fp-field-control {
            position: relative;
        }

        .fp-field-control .form-control {
            padding-right: 42px;
        }

        .fp-field-control .input-icon {
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            color: #0f766e;
            pointer-events: none;
        }

        .fp-actions {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-top: 6px;
        }

        .fp-back-link {
            display: inline-flex;
            min-height: 42px;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border: 1px solid #dbe7ef;
            border-radius: 10px;
            background: #fff;
            color: #0f766e;
            font-size: 13px;
            font-weight: 800;
            text-decoration: none;
            transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }

        .fp-back-link:hover,
        .fp-back-link:focus {
            border-color: #99d7cf;
            background: #f0fdfa;
            color: #115e59;
            text-decoration: none;
            box-shadow: 0 8px 18px rgba(15, 118, 110, .1);
            transform: translateY(-1px);
        }

        .fp-card .btn-primary2 {
            width: 100%;
        }

        .fp-helper {
            margin: 0;
            color: #64748b;
            font-size: 13px;
            line-height: 1.6;
        }

/* ===== Migrated from Applicants/frmApplicantAttachmentDetails.aspx ===== */
.checkboxlist-spacing label {
            margin-bottom: 5px; /* Adjust as needed */
            margin-right: 20px; /* Adjust as needed */
        }

        .RadGridModern .rgHeader, .RadGridModern .rgRow, .RadGridModern .rgAltRow {
            font-size: 14px;
            padding: 8px 10px;
        }

        .RadGridModern .rgHeader {
            background-color: #f8f9fa;
            font-weight: 600;
            text-align: center;
        }

        .RadGridModern .rgRow, .RadGridModern .rgAltRow {
            background-color: #ffffff;
        }

        .RadGridModern .rgAltRow {
            background-color: #f2f2f2;
        }

        .RadGridModern .btn {
            padding: 2px 8px;
            font-size: 12px;
            line-height: 1;
        }

        .RadGridModern .rgRow,
        .RadGridModern .rgAltRow {
            height: 45px; /* You can increase this value */
            line-height: 30px;
            vertical-align: middle;
        }

        .choice-scroll-wrap {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            width: 100%;
        }

            .choice-scroll-wrap .RadGrid .rgMasterTable {
                min-width: 900px; /* forces all columns to render, enables scroll */
            }
        /*.RadGridModern .rgHeader {
        height: 40px;
        line-height: 40px;
        vertical-align: middle;
    }*/






        /* Fix row colors after drag reorder */
        .rgMasterTable tr.rgRow td,
        .rgMasterTable tr.rgAltRow td {
            vertical-align: middle;
        }
        /* Only keep drag states - row colors handled by JS */
        .dragging-row td {
            opacity: 0.4 !important;
            background-color: #e8f4fd !important;
        }

        .drag-over-top td {
            border-top: 3px solid #007bff !important;
        }

        .drag-handle {
            cursor: grab;
            color: #aaa;
            font-size: 18px;
            padding: 4px 10px;
            display: inline-block;
            user-select: none;
            transition: color 0.2s;
        }

            .drag-handle:hover {
                color: #333;
            }

            .drag-handle:active {
                cursor: grabbing;
            }

        /* Fix tall rows */
        .RadGridModern .rgRow td,
        .RadGridModern .rgAltRow td {
            padding: 5px 8px !important;
            height: auto !important;
            line-height: 1.4 !important;
            vertical-align: middle;
        }

        .RadGridModern .rgRow,
        .RadGridModern .rgAltRow {
            height: auto !important;
            line-height: 1.4 !important;
        }

        /* Fix hidden column taking space */
        .hidden-col {
            display: none !important;
            width: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            overflow: hidden !important;
            border: none !important;
        }

        /* Target the header th for hidden-col too */
        th.hidden-col,
        td.hidden-col {
            display: none !important;
            width: 0 !important;
            padding: 0 !important;
        }

/* ===== Applicant Attachment Details polish ===== */
.attachment-page .attachment-shell {
    background: transparent !important;
    border: 0;
    padding: 0;
}

.attachment-page .page-header-card {
    margin-bottom: 0;
    border-radius: 12px 12px 0 0;
}

.attachment-page .attachment-card {
    padding: 18px 20px 0;
    border-radius: 0 0 12px 12px;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .12);
}

.attachment-page .attachment-help {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 10px 14px;
    border: 1px solid #d6e6f2;
    border-radius: 10px;
    background: #f7fbff;
    color: #36526c;
    font-size: 13px;
    font-weight: 600;
}

.attachment-page .attachment-help i {
    color: #0f766e;
}

.attachment-page .attachment-table-wrap {
    border: 1px solid #d7e2ee;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.attachment-page .attachment-table {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 0;
    border: 0 !important;
    color: #16243a;
}

.attachment-page .attachment-table thead th {
    padding: 14px 16px;
    border: 0 !important;
    background: #eef6fb !important;
    color: #17324d;
    font-size: 13px;
    font-weight: 800;
    text-align: left;
    letter-spacing: .01em;
}

.attachment-page .attachment-table tbody td {
    padding: 18px 16px !important;
    border-top: 1px solid #e2ebf3 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
    background: #fff !important;
    vertical-align: middle;
}

.attachment-page .attachment-table tbody tr:hover td {
    background: #fbfdff !important;
}

.attachment-page .attachment-sr-col,
.attachment-page .attachment-sr {
    width: 72px !important;
    text-align: center !important;
}

.attachment-page .attachment-sr {
    color: #64748b;
    font-weight: 800;
}

.attachment-page .attachment-upload-col {
    width: 31%;
}

.attachment-page .attachment-name-cell {
    width: 58%;
    min-width: 0;
}

.attachment-page .attachment-name-line {
    margin-bottom: 7px;
    color: #10233f;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
}

.attachment-page .attachment-remark {
    max-width: none;
    color: #dc2626;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.55;
}

.attachment-page .attachment-upload-box {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    width: 100%;
}

.attachment-page .attachment-current-file {
    flex: 0 0 auto;
}

.attachment-page .attachment-view-btn {
    min-width: 72px;
    padding: 7px 12px !important;
    border: 0;
    border-radius: 999px;
    background: #0ea5c8;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800;
    line-height: 1.1 !important;
    box-shadow: 0 8px 16px rgba(14, 165, 200, .18);
}

.attachment-page .attachment-view-btn:hover,
.attachment-page .attachment-view-btn:focus {
    background: #0284a8;
    color: #fff !important;
}

.attachment-page .attachment-picker {
    flex: 1 1 auto;
}

.attachment-page .attachment-file-input {
    width: 100%;
    max-width: none;
    padding: 7px;
    border: 1px dashed #b9c8d8;
    border-radius: 10px;
    background: #f8fafc;
    color: #334155;
    font-size: 13px;
}

.attachment-page .attachment-file-input:hover,
.attachment-page .attachment-file-input:focus {
    border-color: #0f766e;
    background: #f0fdfa;
    outline: none;
}

.attachment-page .attachment-validation,
.attachment-page .attachment-missing {
    display: block;
    margin-top: 7px;
    color: #dc2626 !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.attachment-page .attachment-actions {
    margin: 20px -20px 0;
    padding: 24px 16px;
    border: 1px solid #d7e2ee;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    border-radius: 12px;
    background: #ffffff;
}

.attachment-page .attachment-actions .btn-primary2 {
    min-width: 300px;
}

@media (max-width: 991px) {
    .attachment-page .attachment-upload-box {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        min-width: 280px;
    }

    .attachment-page .attachment-upload-col {
        width: 340px;
    }

    .attachment-page .attachment-table {
        table-layout: auto;
    }
}

/* ===== Application Final Submission preview polish ===== */
html body .final-submission-page {
    background: #eef3f8 !important;
    color: #12233a !important;
}

html body .final-submission-page .container-fluid {
    max-width: 1360px !important;
}

html body .final-submission-page > .content > .container-fluid > .row > .col-12 > fieldset.bg-light2 {
    margin-top: 16px !important;
    padding: 0 !important;
    border: 1px solid #d7e2ee !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .12) !important;
}

html body .final-submission-page fieldset.bg-light2 {
    margin-bottom: 18px !important;
    padding: 0 !important;
    border: 1px solid #d9e5ef !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #12233a !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .07) !important;
}

html body .final-submission-page fieldset.bg-light2 > legend {
    margin: 0 0 12px 16px !important;
    padding: 7px 14px !important;
    border: 1px solid #c9d8e6 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0f766e !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

html body .final-submission-page .quickReg {
    padding: 16px !important;
    background: transparent !important;
    color: #12233a !important;
}

html body .final-submission-page .page-header-card {
    margin: 0 !important;
    padding: 15px 18px !important;
    border: 0 !important;
    border-radius: 11px 11px 0 0 !important;
    background: linear-gradient(135deg, #314861 0%, #435f7b 100%) !important;
    box-shadow: none !important;
}

html body .final-submission-page .page-header-card .page-title,
html body .final-submission-page .page-header-card .page-title label,
html body .final-submission-page .page-header-card .page-title span {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
}

html body .final-submission-page #divReportPreview {
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
}

html body .final-submission-page #divReportPreview > fieldset.bg-light2 > .row,
html body .final-submission-page fieldset.bg-light2 > .row {
    margin: 0 !important;
    padding: 18px !important;
    background: #ffffff !important;
}

html body .final-submission-page .mb-3 {
    min-height: 76px !important;
    margin-bottom: 12px !important;
    padding: 12px 14px !important;
    border: 1px solid #e4edf5 !important;
    border-radius: 10px !important;
    background: #f8fbfd !important;
}

html body .final-submission-page .mb-3 p,
html body .final-submission-page [class*="col-"] > p {
    min-height: 0 !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: #51667c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

html body .final-submission-page .mb-3 span,
html body .final-submission-page .mb-3 label,
html body .final-submission-page .mb-3 .form-control-static {
    display: inline-block !important;
    color: #10233f !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    word-break: break-word;
}

html body .final-submission-page img {
    max-width: 160px !important;
    height: auto !important;
    border: 1px solid #d7e2ee !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    object-fit: contain;
}

html body .final-submission-page table {
    width: 100% !important;
    margin-bottom: 0 !important;
    color: #12233a !important;
    background: #ffffff !important;
}

html body .final-submission-page .table,
html body .final-submission-page .RadGridModern {
    border: 1px solid #d9e5ef !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

html body .final-submission-page .table thead.bg-secondary2 th,
html body .final-submission-page .RadGridModern thead.bg-secondary2 th {
    padding: 12px 14px !important;
    border-color: #d9e5ef !important;
    background: #2f435a !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

html body .final-submission-page .table th,
html body .final-submission-page .table td,
html body .final-submission-page .RadGridModern th,
html body .final-submission-page .RadGridModern td {
    padding: 13px 14px !important;
    border-color: #d9e5ef !important;
    color: #10233f !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    vertical-align: middle !important;
    background: #ffffff !important;
}

html body .final-submission-page .table-striped tbody tr:nth-of-type(odd) th,
html body .final-submission-page .table-striped tbody tr:nth-of-type(odd) td {
    background: #f7fbff !important;
}

html body .final-submission-page .table-borderless th {
    width: 34% !important;
    color: #475f78 !important;
    font-weight: 900 !important;
}

html body .final-submission-page .choice-scroll-wrap,
html body .final-submission-page .dpe-table-scroll,
html body .final-submission-page div[style*="overflow-y: auto"] {
    width: 100% !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

html body .final-submission-page .btn-info {
    padding: 6px 12px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #0ea5c8 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

html body .final-submission-page #divApplicantDeclaration,
html body .final-submission-page #divFormFillingCenterDeclaration {
    padding-bottom: 0 !important;
}

html body .final-submission-page #divApplicantDeclaration .form-horizontal,
html body .final-submission-page #divFormFillingCenterDeclaration .form-horizontal,
html body .final-submission-page #divApplicantDeclaration p,
html body .final-submission-page #divFormFillingCenterDeclaration p {
    color: #27415e !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.65 !important;
}

html body .final-submission-page input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin-right: 8px !important;
    accent-color: #0f766e;
}

html body .final-submission-page .text-center.mt-3 {
    margin: 20px 0 0 !important;
    padding: 22px !important;
    border: 1px solid #d7e2ee !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

html body .final-submission-page .text-center.mt-3 .btn-primary2 {
    min-width: 250px !important;
}

@media (max-width: 991.98px) {
    html body .final-submission-page .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    html body .final-submission-page fieldset.bg-light2 > .row,
    html body .final-submission-page #divReportPreview > fieldset.bg-light2 > .row {
        padding: 14px !important;
    }

    html body .final-submission-page .mb-3 {
        min-height: 0 !important;
    }

    html body .final-submission-page .text-center.mt-3 .btn-primary2 {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ===== Migrated from Applicants/frmApplicantChoice.aspx ===== */
.checkboxlist-spacing label {
            margin-bottom: 5px; /* Adjust as needed */
            margin-right: 20px; /* Adjust as needed */
        }

        .RadGridModern .rgHeader, .RadGridModern .rgRow, .RadGridModern .rgAltRow {
            font-size: 14px;
            padding: 8px 10px;
        }

        .RadGridModern .rgHeader {
            background-color: #f8f9fa;
            font-weight: 600;
            text-align: center;
        }

        .RadGridModern .rgRow, .RadGridModern .rgAltRow {
            background-color: #ffffff;
        }

        .RadGridModern .rgAltRow {
            background-color: #f2f2f2;
        }

        .RadGridModern .btn {
            padding: 2px 8px;
            font-size: 12px;
            line-height: 1;
        }

        .RadGridModern .rgRow,
        .RadGridModern .rgAltRow {
            height: 45px; /* You can increase this value */
            line-height: 30px;
            vertical-align: middle;
        }

        .choice-scroll-wrap {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            width: 100%;
        }

            .choice-scroll-wrap .RadGrid .rgMasterTable {
                min-width: 900px; /* forces all columns to render, enables scroll */
            }
        /*.RadGridModern .rgHeader {
            height: 40px;
            line-height: 40px;
            vertical-align: middle;
        }*/






        /* Fix row colors after drag reorder */
        .rgMasterTable tr.rgRow td,
        .rgMasterTable tr.rgAltRow td {
            vertical-align: middle;
        }
        /* Only keep drag states - row colors handled by JS */
        .dragging-row td {
            opacity: 0.4 !important;
            background-color: #e8f4fd !important;
        }

        .drag-over-top td {
            border-top: 3px solid #007bff !important;
        }

        .drag-handle {
            cursor: grab;
            color: #aaa;
            font-size: 18px;
            padding: 4px 10px;
            display: inline-block;
            user-select: none;
            transition: color 0.2s;
        }

            .drag-handle:hover {
                color: #333;
            }

            .drag-handle:active {
                cursor: grabbing;
            }

        /* Fix tall rows */
        .RadGridModern .rgRow td,
        .RadGridModern .rgAltRow td {
            padding: 5px 8px !important;
            height: auto !important;
            line-height: 1.4 !important;
            vertical-align: middle;
        }

        .RadGridModern .rgRow,
        .RadGridModern .rgAltRow {
            height: auto !important;
            line-height: 1.4 !important;
        }

        /* Fix hidden column taking space */
        .hidden-col {
            display: none !important;
            width: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            overflow: hidden !important;
            border: none !important;
        }

        /* Target the header th for hidden-col too */
        th.hidden-col,
        td.hidden-col {
            display: none !important;
            width: 0 !important;
            padding: 0 !important;
        }

        .fieldset-hint-wrap {
            position: absolute;
            right: 10px;
            top: -14px;
        }

        @media (max-width: 600px) {
            .fieldset-hint-wrap {
                position: static;
                display: block;
                margin-top: 6px;
                margin-bottom: 4px;
                right: auto;
                top: auto;
            }
        }

        /* ── Outer fieldset: prevent min-content overflow ── */
        fieldset {
            min-inline-size: auto !important;
        }

        /* ── Legend: allow wrapping on small screens ── */
        legend {
            white-space: normal;
            word-break: break-word;
        }

        /* ── Count label row: prevent overlap ── */
        .col-md-6.col-sm-6.mb-4 {
            display: flex;
            align-items: center;
            gap: 6px;
            flex-wrap: wrap;
        }

            input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0px 1000px white inset !important;
        -webkit-text-fill-color: inherit !important;
        transition: background-color 9999s ease-in-out 0s;
    }

/* ===== Migrated from Applicants/frmForgotPassword_MobApp.aspx ===== */
/* SAME AS DROPDOWN */
        .custom-input {
            height: 45px;
            border: 1.5px solid #b0b8c1;
            border-radius: 10px;
            padding: 10px 40px 10px 12px; /* space for icon */
            background: #fff;
            box-shadow: none;
        }

        /* ICON INSIDE INPUT */
        .input-icon {
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            color: #0f766e;
            pointer-events: none;
        }

        /* FOCUS */
        .custom-input:focus {
            border-color: #007bff;
            box-shadow: 0 0 0 1px rgba(0,123,255,0.25);
        }

        /* DROPDOWN MATCH */
        select.form-control {
            height: 45px !important;
            border: 1.5px solid #b0b8c1 !important;
            border-radius: 10px;
        }

/* ===== Migrated from Applicants/frmQuickRegistration_MobApp.aspx ===== */
.google-form-container {
            max-width: 900px;
            width: 100%;
            background: #ffffff;
            border-radius: 12px;
            padding: 30px 40px;
            box-shadow: 0 1px 3px rgba(0,0,0,.2);
        }

            .google-form-container p {
                font-size: 14px;
                font-weight: 500;
                color: #202124;
            }

            .google-form-container .form-control,
            .google-form-container select {
                border-radius: 4px;
                height: 42px;
                font-size: 14px;
            }

            .google-form-container .mb-3 {
                margin-bottom: 22px !important;
            }

            .google-form-container .redAstric {
                color: #d93025;
            }

            .google-form-container .btn-primary2 {
                background: #1a73e8;
                border-color: #1a73e8;
                border-radius: 4px;
                padding: 8px 20px;
            }

            .google-form-container hr {
                margin: 20px 0;
            }

/* ===== Migrated from Applicants/Login.aspx ===== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Gujarati:wght@400;500;600;700&family=DM+Sans:wght@300;400;500;600;700&display=swap');

        * {
            box-sizing: border-box;
        }

        .lp {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            background: #f0f2f5;
        }
        /* HEADER */
        .lp-header {
            background: #fff;
            border-bottom: 3px solid #0f766e;
            padding: 0 2rem;
            height: 76px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 2px 12px rgba(0,0,0,.08);
        }

            .lp-header img {
                height: 60px;
            }

        .lp-header-btns {
            display: flex;
            gap: 10px;
        }

        .btn-lp-reg {
            background: transparent;
            border: 2px solid #0a4191;
            color: #0a4191;
            border-radius: 50px;
            padding: 8px 22px;
            font-weight: 600;
            font-size: 13px;
            text-decoration: none;
            transition: all .2s;
            white-space: nowrap;
        }

            .btn-lp-reg:hover {
                background: #0a4191;
                color: #fff;
            }

        .btn-lp-home {
            background: #0f766e;
            border: 2px solid #0f766e;
            color: #fff;
            border-radius: 50px;
            padding: 8px 22px;
            font-weight: 600;
            font-size: 13px;
            text-decoration: none;
            transition: all .2s;
            white-space: nowrap;
        }

            .btn-lp-home:hover {
                background: #115e59;
                border-color: #115e59;
            }
        /* MAIN */
        .lp-main {
            flex: 1;
            display: flex;
            gap: 1.5rem;
            padding: 1.75rem 2rem;
            /*max-width: 1400px;*/
            width: 100%;
            margin: 0 auto;
            align-items: stretch;
        }
        /* INFO PANEL */
        .lp-info {
            flex: 1;
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 4px 24px rgba(10,65,145,.10);
            padding: 2rem 2.5rem;
            border-top: 4px solid #0f766e;
        }

        .lp-info-title {
            color: #0a4191;
            font-size: 17px;
            font-weight: 700;
            margin-bottom: 1.25rem;
            padding-bottom: .75rem;
            border-bottom: 2px solid #f0f2f5;
            display: flex;
            align-items: center;
            gap: 10px;
        }

            .lp-info-title i {
                color: #0f766e;
                font-size: 18px;
            }

        .lp-section-head {
            color: #0f766e;
            font-weight: 700;
            font-size: 12.5px;
            margin: 1.25rem 0 .6rem;
            text-transform: uppercase;
            letter-spacing: .05em;
            display: flex;
            align-items: center;
            gap: 8px;
        }

            .lp-section-head::before {
                content: '';
                width: 4px;
                height: 14px;
                background: #0f766e;
                border-radius: 2px;
                display: inline-block;
                flex-shrink: 0;
            }

        .lp-info ol {
            padding-left: 1.25rem;
            margin: 0;
        }

            .lp-info ol li {
                font-size: 13px;
                color: #444;
                margin-bottom: .6rem;
                line-height: 1.65;
            }

                .lp-info ol li .hl-p {
                    color: #0f766e;
                    font-weight: 700;
                }

                .lp-info ol li .hl-s {
                    color: #0a4191;
                    font-weight: 600;
                }

        .lp-info a {
            color: #0a4191;
            font-weight: 500;
        }

            .lp-info a:hover {
                color: #0f766e;
            }

        .lp-info .doc-note {
            color: #0f766e;
            font-size: 11px;
            font-style: italic;
        }

        .lp-info .guj-text {
            color: #777;
            font-size: 12px;
            display: block;
            margin-top: 3px;
            line-height: 1.5;
        }
        /* LOGIN CARD */
        .lp-card-wrap {
            width: 500px;
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
        }

        .lp-card {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 4px 32px rgba(10,65,145,.14);
            overflow: hidden;
            border: 1.5px solid #e8ecf4;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .lp-card-head {
            background: linear-gradient(135deg,#0a4191 0%,#1a5bb5 100%);
            padding: 1.75rem 1.5rem;
            text-align: center;
            color: #fff;
            position: relative;
        }

            .lp-card-head::after {
                content: '';
                position: absolute;
                bottom: -1px;
                left: 0;
                right: 0;
                height: 20px;
                background: #fff;
                clip-path: ellipse(60% 100% at 50% 100%);
            }

        .lp-card-icon {
            width: 60px;
            height: 60px;
            background: rgba(255,255,255,.15);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 12px;
            font-size: 24px;
            border: 2px solid rgba(255,255,255,.25);
        }

        .lp-card-head h4 {
            font-size: 17px;
            font-weight: 700;
            margin: 0;
            letter-spacing: .02em;
        }

        .lp-card-head p {
            font-size: 11px;
            opacity: .75;
            margin: 5px 0 0;
        }

        .lp-card-body {
            padding: 1.5rem;
            flex: 1;
        }

        /* ===== MOBILE TABS ===== */
        .lp-tabs {
            display: none;
        }

        @media (max-width: 767px) {
            .lp-tabs {
                display: flex;
                background: #fff;
                border-bottom: 2px solid #e8ecf2;
                position: sticky;
                top: 0;
                z-index: 100;
                box-shadow: 0 2px 8px rgba(0,0,0,.07);
            }

            .lp-tab-btn {
                flex: 1;
                padding: 13px 10px;
                border: none;
                background: transparent;
                font-size: 13.5px;
                font-weight: 600;
                color: #888;
                cursor: pointer;
                border-bottom: 3px solid transparent;
                transition: all .2s;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 7px;
                margin-bottom: -2px;
            }

                .lp-tab-btn.active {
                    color: #0a4191;
                    border-bottom-color: #0f766e;
                    background: #f8f9ff;
                }

                .lp-tab-btn i {
                    font-size: 14px;
                }

            .lp-main {
                flex-direction: column;
                padding: 1rem;
                gap: 0;
            }

            .lp-info {
                display: none;
                border-radius: 12px;
                padding: 1.25rem 1rem;
            }

                .lp-info.tab-active {
                    display: block;
                }

            .lp-card-wrap {
                width: 100%;
                display: none;
            }

                .lp-card-wrap.tab-active {
                    display: block;
                }

            .lp-header {
                padding: 0 1rem;
                height: 60px;
            }

                .lp-header img {
                    height: 44px;
                }

            .btn-lp-reg, .btn-lp-home {
                padding: 6px 13px;
                font-size: 12px;
            }

            .lp-header-btns {
                gap: 6px;
            }

            .lp-footer {
                flex-direction: column;
                gap: 4px;
                text-align: center;
                padding: 10px 1rem;
            }

            .lp-card-head {
                padding: 1rem 1rem 1.4rem !important;
            }

            .lp-card-icon {
                width: 44px !important;
                height: 44px !important;
                font-size: 18px !important;
                margin-bottom: 8px !important;
            }

            .lp-card-head h4 {
                font-size: 14px !important;
            }

            .lp-card-head p {
                font-size: 10px !important;
                margin-top: 3px !important;
            }

            .lp-card-body {
                padding: 1rem !important;
            }

                .lp-card-body .pt-2 {
                    padding-top: 0 !important;
                }

                .lp-card-body .border.p-4 {
                    padding: 0.75rem !important;
                }

                .lp-card-body .input-group.mb-3 {
                    margin-bottom: 0.55rem !important;
                }

                .lp-card-body .form-control.py-3 {
                    padding-top: 0.55rem !important;
                    padding-bottom: 0.55rem !important;
                    font-size: 13px !important;
                }

                .lp-card-body .form-control[id*="rblOption"] {
                    padding: 5px 10px !important;
                }

                .lp-card-body #divRegFP {
                    margin-bottom: 0.5rem !important;
                }

            hr {
                margin: 0.5rem 0 !important;
            }

            .lp-card-body #divCaptcha .form-control.w-75,
            .lp-card-body #divCaptcha .form-control.w-25 {
                height: 36px !important;
                font-size: 13px !important;
            }

            .lp-card-body .btn-primary2 {
                padding: 10px !important;
                font-size: 14px !important;
            }
        }

        /* ===== FORM FIELDS INSIDE LOGIN CARD ===== */

        /* Reset mb-3 input-group wrappers — no border on the Bootstrap mb-3 shell */
        .lp-card-body .input-group.mb-3 {
            margin-bottom: 1rem !important;
            border: none;
            background: transparent;
            overflow: visible;
        }

        /* -- FIX: Username, Password, OTP fields — restore visible border -- */
        .lp-card-body #divUserName > .input-group,
        .lp-card-body #divPassword > .input-group,
        .lp-card-body #divLoginOTP > .input-group {
            border: 1.5px solid #d4dce8 !important;
            border-radius: 8px !important;
            overflow: hidden !important;
            background: #fafbfd !important;
            transition: border-color .2s, box-shadow .2s;
        }

            .lp-card-body #divUserName > .input-group:focus-within,
            .lp-card-body #divPassword > .input-group:focus-within,
            .lp-card-body #divLoginOTP > .input-group:focus-within {
                border-color: #0f766e !important;
                box-shadow: 0 0 0 3px rgba(15,118,110,.14) !important;
                background: #fff !important;
            }

            /* Remove inner border/shadow so the outer wrapper border is the only one */
            .lp-card-body #divUserName > .input-group .form-control,
            .lp-card-body #divPassword > .input-group .form-control,
            .lp-card-body #divLoginOTP > .input-group .form-control {
                border: none !important;
                box-shadow: none !important;
                background: transparent !important;
                font-size: 13px;
                padding: 11px 14px;
                color: #2c3e55;
                height: auto;
                min-height: unset;
            }

                .lp-card-body #divUserName > .input-group .form-control::placeholder,
                .lp-card-body #divPassword > .input-group .form-control::placeholder,
                .lp-card-body #divLoginOTP > .input-group .form-control::placeholder {
                    color: #aab;
                }

            .lp-card-body #divUserName > .input-group .input-group-text,
            .lp-card-body #divPassword > .input-group .input-group-text,
            .lp-card-body #divLoginOTP > .input-group .input-group-text {
                border: none !important;
                background: transparent;
                color: #0f766e;
                padding: 0 12px;
                font-size: 14px;
            }

        /* RadioButtonList */
        .lp-card-body .form-control[id*="rblOption"] {
            border: 1.5px solid #d4dce8 !important;
            border-radius: 8px !important;
            padding: 8px 12px !important;
            height: auto !important;
            background: #fafbfd !important;
        }

        /* Dropdown / Select */
        .lp-card-body .c-input-group {
            border: 1.5px solid #d4dce8;
            border-radius: 8px;
            overflow: hidden;
            background: #fafbfd;
        }

            .lp-card-body .c-input-group:focus-within {
                border-color: #0f766e;
                box-shadow: 0 0 0 3px rgba(15,118,110,.14);
            }

            .lp-card-body .c-input-group select.form-control {
                border: none !important;
                box-shadow: none !important;
                background: transparent !important;
                line-height: 38px !important;
                font-size: 13px !important;
                padding-left: 12px !important;
            }

        /* Captcha */
        .lp-card-body #divCaptcha .text-right {
            flex-wrap: nowrap !important;
        }

        .lp-card-body #divCaptcha .form-control.w-75 {
            border: 1.5px solid #d4dce8 !important;
            border-radius: 8px !important;
            height: 42px !important;
            font-size: 14px !important;
            font-weight: 800;
            color: #0a4191;
            background: #f0f4ff !important;
            text-align: center;
        }

        .lp-card-body #divCaptcha .form-control.w-25 {
            border: 1.5px solid #d4dce8 !important;
            border-radius: 8px !important;
            height: 42px !important;
            font-size: 13px !important;
            text-align: center;
            background: #fff !important;
            padding: 0 8px !important;
        }

            .lp-card-body #divCaptcha .form-control.w-25:focus {
                border-color: #0f766e !important;
                box-shadow: 0 0 0 3px rgba(15,118,110,.14) !important;
                outline: none !important;
            }

        .lp-card-body #divCaptcha .btn img {
            width: 20px;
            height: 20px;
            filter: brightness(10);
        }

        .lp-card-body #divCaptcha .btn {
            border-radius: 8px;
            padding: 6px 10px;
            border: none;
        }

        /* OTP section standalone controls */
        .lp-card-body #divLoginOTP .btn-outline-secondary {
            border-radius: 8px !important;
            font-size: 12px;
        }

        /* Forgot / Register links */
        .lp-card-body #divRegFP {
            font-size: 12px !important;
        }

            .lp-card-body #divRegFP a {
                color: #0a4191;
                font-weight: 500;
                text-decoration: none;
            }

                .lp-card-body #divRegFP a:hover {
                    color: #0f766e;
                }

        /* Sign in button */
        .lp-card-body .btn-primary2 {
            width: 100% !important;
            background: linear-gradient(135deg,#0f766e,#115e59) !important;
            border: none !important;
            color: #fff !important;
            font-size: 15px !important;
            font-weight: 700 !important;
            padding: 13px !important;
            border-radius: 8px !important;
            cursor: pointer;
            letter-spacing: .03em;
            box-shadow: 0 4px 14px rgba(15,118,110,.24) !important;
        }

            .lp-card-body .btn-primary2:hover {
                transform: translateY(-1px);
                box-shadow: 0 6px 20px rgba(15,118,110,.28) !important;
            }

        /* Footer */
        .lp-footer {
            background: #fff;
            border-top: 1px solid #e8ecf2;
            padding: 12px 2rem;
            font-size: 12px;
            color: #888;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        body {
            min-height: 100vh;
            background: #f6f8fb !important;
            color: #15202b;
        }

        .lp {
            min-height: 100vh;
            padding: 18px 18px 0;
            background: #f6f8fb;
            color: #15202b;
            font-family: Roboto, "Segoe UI", "Noto Sans Gujarati", "Nirmala UI", Arial, sans-serif;
            animation: qr-page-in .45s ease both;
        }

        .lp-header {
            width: min(1120px, 100%);
            height: auto;
            margin: 0 auto 16px;
            padding: 12px 16px;
            border: 1px solid #e2e8f0;
            border-radius: 10px;
            background: #fff;
            box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
            animation: qr-rise .5s ease both;
        }

            .lp-header > a:first-child {
                display: inline-flex;
                align-items: center;
                gap: 14px;
                color: #0f172a;
                font-size: 24px;
                font-weight: 700;
                line-height: 1.25;
                text-decoration: none;
            }

                .lp-header > a:first-child::after {
                    content: "Login";
                }

            .lp-header img {
                width: 245px;
                height: 58px;
                object-fit: contain;
                padding: 0;
                border: 1px solid rgba(14, 165, 233, .16);
                border-radius: 10px;
                background: #fff;
            }

        .lp-header-btns {
            align-items: center;
            gap: 10px;
        }

        .lp-header > a:first-child::after {
            content: none !important;
        }

        .lp-header > a:first-child img {
            width: 245px !important;
            height: 58px !important;
            max-width: 55vw;
            padding: 0 !important;
        }

        .btn-lp-reg,
        .btn-lp-home {
            display: inline-flex;
            min-height: 38px;
            align-items: center;
            gap: 8px;
            padding: 8px 15px;
            border: 1px solid #dbe7ef;
            border-radius: 8px;
            background: #fff;
            color: #0f766e;
            font-size: 12px;
            font-weight: 700;
            text-decoration: none;
            white-space: nowrap;
            letter-spacing: 0;
            transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }

            .btn-lp-reg:hover,
            .btn-lp-home:hover,
            .btn-lp-reg:focus,
            .btn-lp-home:focus {
                border-color: #99d7cf;
                background: #f0fdfa;
                color: #115e59;
                text-decoration: none;
                box-shadow: 0 8px 18px rgba(15, 118, 110, .1);
                transform: translateY(-1px);
            }

        .lp-tabs {
            width: min(1120px, 100%);
            margin: 0 auto 16px;
            overflow: hidden;
            border: 1px solid #e2e8f0;
            border-radius: 10px;
            background: #fff;
            box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
        }

        .lp-main {
            width: min(1103px, 100%);
            margin: 0 auto;
            padding: 0 0 40px;
            gap: 18px;
            align-items: flex-start;
        }

        .lp-info {
            flex: 1 1 auto;
            padding: 22px 24px;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            background: #fff;
            box-shadow: 0 16px 40px rgba(15, 23, 42, .07);
            animation: qr-rise .55s .08s ease both;
        }

        .lp-info-title {
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid #eaf0f6;
            color: #0f172a;
            font-size: 18px;
            font-weight: 700;
        }

            .lp-info-title i {
                color: #0f766e;
            }

        .lp-section-head {
            margin: 18px 0 9px;
            color: #0f766e;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0;
            text-transform: none;
        }

            .lp-section-head::before {
                background: #14b8a6;
            }

        .lp-info ol li {
            color: #475569;
            font-size: 13px;
            line-height: 1.6;
        }

            .lp-info ol li .hl-p,
            .lp-info ol li .hl-s,
            .lp-info a {
                color: #0f766e;
            }

        .lp-card-wrap {
            width: min(430px, 100%);
            flex: 0 0 min(430px, 100%);
        }

        .lp-card {
            overflow: hidden;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            background: #fff;
            box-shadow: 0 16px 40px rgba(15, 23, 42, .07);
            animation: qr-rise .55s .08s ease both;
        }

        .lp-card-head {
            padding: 22px 24px;
            border-bottom: 1px solid #eaf0f6;
            background: #fff;
            color: #0f172a;
            text-align: left;
        }

            .lp-card-head::after {
                display: none;
            }

        .lp-card-icon {
            display: none;
        }

        .lp-card-head h4 {
            margin: 0;
            color: #0f172a;
            font-size: 20px;
            font-weight: 700;
            letter-spacing: 0;
        }

        .lp-card-head p {
            margin: 5px 0 0;
            color: #64748b;
            font-size: 12px;
            opacity: 1;
        }

        .lp-card-body {
            padding: 0;
        }

            .lp-card-body .pt-2 {
                padding-top: 0 !important;
            }

            .lp-card-body .border.p-4 {
                padding: 22px 24px !important;
                border: 0 !important;
                border-radius: 0 !important;
                box-shadow: none !important;
            }

            .lp-card-body .input-group.mb-3 {
                display: block;
                margin-bottom: 16px !important;
            }

            .lp-card-body #divUserName > .input-group,
            .lp-card-body #divPassword > .input-group,
            .lp-card-body #divLoginOTP > .input-group,
            .lp-card-body .c-input-group {
                display: flex;
                min-height: 46px;
                border: 1px solid #cbd5e1 !important;
                border-radius: 10px !important;
                background: #fff !important;
                transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
            }

                .lp-card-body #divUserName > .input-group:focus-within,
                .lp-card-body #divPassword > .input-group:focus-within,
                .lp-card-body #divLoginOTP > .input-group:focus-within,
                .lp-card-body .c-input-group:focus-within {
                    border-color: #14b8a6 !important;
                    box-shadow: 0 0 0 3px rgba(20, 184, 166, .13) !important;
                }

                .lp-card-body #divUserName > .input-group .form-control,
                .lp-card-body #divPassword > .input-group .form-control,
                .lp-card-body #divLoginOTP > .input-group .form-control,
                .lp-card-body .c-input-group select.form-control {
                    min-height: 44px;
                    border: 0 !important;
                    background: transparent !important;
                    color: #0f172a;
                    font-size: 14px !important;
                    line-height: 1.4375em !important;
                    padding: 12px 14px !important;
                }

                .lp-card-body #divUserName > .input-group .input-group-text,
                .lp-card-body #divPassword > .input-group .input-group-text,
                .lp-card-body #divLoginOTP > .input-group .input-group-text {
                    height: 44px;
                    color: #0f766e;
                }

            .lp-card-body .form-control[id*="rblOption"] {
                min-height: 46px;
                padding: 10px 14px !important;
                border: 1px solid #cbd5e1 !important;
                border-radius: 10px !important;
                background: #fff !important;
                color: #475569;
                font-size: 13px;
            }

            .lp-card-body table[id*="rblOption"] tbody,
            .lp-card-body table[id*="rblOption"] tr {
                display: block;
            }

            .lp-card-body table[id*="rblOption"] {
                width: 100% !important;
            }

            .lp-card-body table[id*="rblOption"] tr {
                display: flex;
                gap: 24px;
                align-items: center;
                width: 100%;
            }

            .lp-card-body table[id*="rblOption"] td {
                display: inline-flex;
                align-items: center;
                gap: 7px;
                width: auto !important;
                padding: 0 !important;
                white-space: nowrap;
            }

            .lp-card-body table[id*="rblOption"] input[type="radio"] {
                width: 17px;
                height: 17px;
                margin: 0;
                accent-color: #14b8a6;
            }

            .lp-card-body #divCaptcha .text-right {
                display: grid !important;
                grid-template-columns: minmax(190px, 1fr) 118px 44px;
                gap: 10px;
                align-items: center !important;
                text-align: left !important;
            }

            .lp-card-body #divCaptcha .form-control.w-75,
            .lp-card-body #divCaptcha .form-control.w-25 {
                width: 100% !important;
                min-height: 46px;
                height: 46px !important;
                border: 1px solid #cbd5e1 !important;
                border-radius: 10px !important;
                background: #fff !important;
                color: #0f172a;
                font-size: 14px !important;
            }

            .lp-card-body #divCaptcha .form-control.w-75 {
                display: flex;
                align-items: center;
                justify-content: center;
                border-style: dashed !important;
                background: rgba(248, 250, 252, .9) !important;
                font-weight: 700;
                letter-spacing: .02em !important;
                line-height: 1.2;
                white-space: nowrap;
                overflow: hidden;
            }

            .lp-card-body #divCaptcha .btn {
                width: 44px;
                height: 44px;
                padding: 9px;
                border: 1px solid #cbd5e1 !important;
                border-radius: 10px;
                background: #fff !important;
                transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
            }

                .lp-card-body #divCaptcha .btn:hover,
                .lp-card-body #divCaptcha .btn:focus {
                    border-color: #14b8a6 !important;
                    box-shadow: 0 8px 18px rgba(20, 184, 166, .14);
                    transform: rotate(12deg);
                }

                .lp-card-body #divCaptcha .btn img {
                    width: 20px;
                    height: 20px;
                    filter: none;
                }

            .lp-card-body #divRegFP a {
                color: #0f766e;
                font-size: 12px;
                font-weight: 700;
            }

                .lp-card-body #divRegFP a:hover,
                .lp-card-body #divRegFP a:focus {
                    color: #115e59;
                }

            .lp-card-body hr {
                margin: 16px 0 !important;
                border-top-color: #eaf0f6;
            }

            .lp-card-body .btn-primary2,
            .lp-card-body input[type="submit"].btn-primary2 {
                min-height: 46px;
                border: 0 !important;
                border-radius: 10px !important;
                background: #0f766e !important;
                color: #fff !important;
                font-size: 13px !important;
                font-weight: 800 !important;
                padding: 11px 26px !important;
                letter-spacing: 0;
                box-shadow: 0 10px 22px rgba(15, 118, 110, .2) !important;
            }

                .lp-card-body .btn-primary2:hover,
                .lp-card-body .btn-primary2:focus {
                    background: #115e59 !important;
                    box-shadow: 0 14px 30px rgba(15, 118, 110, .24) !important;
                    transform: translateY(-1px);
                }

        .lp-footer {
            width: min(1120px, 100%);
            margin: auto auto 0;
            padding: 14px 0 16px;
            border-top: 1px solid #e2e8f0;
            background: transparent;
            color: #64748b;
            font-size: 12px;
        }

            .lp-footer a {
                color: #0f766e !important;
            }

        @media (max-width: 767.98px) {
            .lp {
                padding: 12px 12px 0;
            }

            .lp-header,
            .lp-header-btns {
                align-items: flex-start;
                flex-direction: column;
            }

            .lp-header-btns,
            .btn-lp-reg,
            .btn-lp-home {
                width: 100%;
            }

            .btn-lp-reg,
            .btn-lp-home {
                justify-content: center;
            }

            .lp-tabs {
                display: flex;
            }

            .lp-tab-btn {
                flex: 1;
                padding: 12px 10px;
                border: 0;
                border-bottom: 3px solid transparent;
                background: #fff;
                color: #64748b;
                font-size: 13px;
                font-weight: 700;
            }

                .lp-tab-btn.active {
                    border-bottom-color: #14b8a6;
                    background: #f0fdfa;
                    color: #0f766e;
                }

            .lp-main {
                flex-direction: column;
                padding-bottom: 28px;
            }

            .lp-info,
            .lp-card-wrap {
                width: 100%;
            }

            .lp-card-body #divCaptcha .text-right {
                grid-template-columns: 1fr 44px;
            }

            .lp-card-body #divCaptcha .form-control.w-75,
            .lp-card-body #divCaptcha .form-control.w-25 {
                grid-column: 1 / -1;
            }

            .lp-card-body #divCaptcha .btn {
                grid-column: 2;
            }

            .lp-footer {
                flex-direction: column;
                gap: 4px;
                text-align: center;
            }
        }

/* ===== Migrated from Applicants/UniversityNoticeInformation.aspx ===== */
.table td {
            width: calc(100% / 7); /* Divide the table into 7 equal parts */
            height: 100px; /* Set the desired height */
            vertical-align: middle; /* Vertically center the content */
        }

/* ===== Migrated from Applicants/UnlockApplicationForm.aspx ===== */
.captcha img {
            width: 72%;
            float: left;
            margin-right: 4%;
        }

        .captcha + input {
            margin-top: 8px;
        }

.dpe-table-scroll-short { height: 10vh; overflow: auto; }
.dpe-table-scroll-tall { max-height: 85vh; overflow: auto; }
.dpe-table-muted { background-color: #f8fafc; }
.dpe-table-head-muted { background-color: #e2e8f0; }
.dpe-panel-note { position: absolute; right: 10px; top: -14px; }
.dpe-action-float-wide { position: absolute; right: 20.5rem; top: -2.5rem; }
.dpe-text-justify { text-align: justify; }
.dpe-attachment-name { color: #0f172a; font-size: 1rem; }
.dpe-upload-spacer { padding-top: 6px; }
.dpe-otp-row { padding-top: 2rem; }
.dpe-flex-inline { display: flex; gap: 10px; align-items: center; }
.dpe-card-muted { background-color: #f8fafc; }
.dpe-card-body-visible { display: block; }
.dpe-clickable { cursor: pointer; }
.dpe-inline-label { position: absolute; right: 1rem; z-index: 1; }
.dpe-modal-scroll-x { overflow-x: auto; }
.dpe-row-compact { height: 20px; }
.dpe-footer-link { color: var(--dpe-primary); }
.dpe-align-center { align-items: center; }
.dpe-choice-warning { display: block; font-size: 20px; text-align: center; }
.dpe-cell-center { text-align: center; }
.dpe-float-count { float: right; margin-right: 4%; }
.dpe-receipt-scroll { overflow-x: auto; }
.dpe-choice-logo-thumb { width: 100%; height: auto; object-fit: contain; max-height: 80px; }
.dpe-error-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../img/Server_Error.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-attachment: fixed;
}
.dpe-w-5 { width: 5%; }
.dpe-w-10 { width: 10%; }
.dpe-w-15 { width: 15%; }
.dpe-w-20 { width: 20%; }
.dpe-w-25 { width: 25%; }
.dpe-w-40 { width: 40%; }
.dpe-w-50 { width: 50%; }
.dpe-w-50px { width: 50px; }
.dpe-w-60px { width: 60px; }
.dpe-w-80px { width: 80px; }
.dpe-w-100px { width: 100px; }
.dpe-w-200px { width: 200px; }

/* Shared applicant form layout rhythm */
html body .content-wrapper:not(.status-page) {
    background: #eef3f8 !important;
}

html body .content-wrapper:not(.status-page) .content {
    padding-bottom: 2rem !important;
}

html body .content-wrapper:not(.status-page) .container-fluid {
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

html body .content-wrapper:not(.status-page) fieldset.bg-light2,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto {
    border-radius: 10px !important;
    margin-bottom: 22px !important;
    min-inline-size: auto !important;
    position: relative !important;
}

html body .content-wrapper:not(.status-page) fieldset.bg-light2 > legend,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto > legend {
    max-width: calc(100% - 24px) !important;
    white-space: normal !important;
}

html body .content-wrapper:not(.status-page) fieldset.bg-light2 > legend .rasa-font,
html body .content-wrapper:not(.status-page) fieldset.bg-light2 > legend label,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto > legend .rasa-font,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto > legend label {
    display: inline !important;
    margin-bottom: 0 !important;
}

html body .content-wrapper:not(.status-page) .dpe-panel-note,
html body .content-wrapper:not(.status-page) .fieldset-hint-wrap {
    display: flex;
    justify-content: flex-end;
    margin: -10px 0 18px;
    position: static !important;
    right: auto !important;
    top: auto !important;
}

html body .content-wrapper:not(.status-page) .dpe-panel-note i,
html body .content-wrapper:not(.status-page) .fieldset-hint-wrap i {
    color: #64748b !important;
    font-size: 13px;
    line-height: 1.45;
    text-align: right;
}

html body .content-wrapper:not(.status-page) .dpe-equivalence-note {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin: 2px 0 8px;
    width: 100%;
}

html body .content-wrapper:not(.status-page) .dpe-equivalence-card {
    background: #f8fafc;
    border: 1px solid #dbe7ef;
    border-left: 4px solid var(--dpe-primary);
    border-radius: 8px;
    color: #1e293b;
    font-size: 13px;
    line-height: 1.65;
    padding: 14px 16px;
}

html body .content-wrapper:not(.status-page) .dpe-equivalence-card:only-child {
    grid-column: 1 / -1;
}

html body .content-wrapper:not(.status-page) .dpe-equivalence-card h6 {
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    margin: 0 0 8px;
}

html body .content-wrapper:not(.status-page) .dpe-equivalence-card ol {
    margin: 0;
    padding-left: 20px;
}

html body .content-wrapper:not(.status-page) .dpe-equivalence-card li + li {
    margin-top: 6px;
}

html body .content-wrapper:not(.status-page) .dpe-equivalence-card p {
    color: #334155;
    display: block;
    font-size: 13px;
    line-height: 1.6;
    margin: 10px 0 0 !important;
    min-height: 0;
}

html body .content-wrapper:not(.status-page) .dpe-client-invalid,
html body .content-wrapper:not(.status-page) .select2-selection.dpe-client-invalid {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 1px rgba(220, 53, 69, .15) !important;
}

html body .content-wrapper:not(.status-page) .dpe-client-error {
    font-size: 12px;
    line-height: 1.35;
    margin-top: 4px;
}

html body .content-wrapper:not(.status-page) .form2,
html body .content-wrapper:not(.status-page) fieldset.bg-light2 .quickReg > .row,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto .quickReg > .row {
    align-items: flex-start;
    row-gap: 0;
}

html body .content-wrapper:not(.status-page) .form2 {
    margin-left: -10px;
    margin-right: -10px;
}

html body .content-wrapper:not(.status-page) .form2 > [class*="col-"],
html body .content-wrapper:not(.status-page) fieldset.bg-light2 .quickReg > .row > [class*="col-"]:not(.col-12):not(.col-md-12),
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto .quickReg > .row > [class*="col-"]:not(.col-12):not(.col-md-12) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start;
    margin-bottom: 18px !important;
    min-width: 0;
}

html body .content-wrapper:not(.status-page) .form2 > [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

html body .content-wrapper:not(.status-page) fieldset.bg-light2 [class*="col-"] > p,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto [class*="col-"] > p {
    align-items: flex-start;
    color: var(--ac-slate-mid);
    display: flex;
    flex-wrap: wrap;
    gap: 2px 4px;
    line-height: 1.4;
    margin-bottom: 8px !important;
    min-height: 36px;
}

html body .content-wrapper:not(.status-page) fieldset.bg-light2 [class*="col-"] > p .rasa-font,
html body .content-wrapper:not(.status-page) fieldset.bg-light2 [class*="col-"] > p .rasa-font-12rem,
html body .content-wrapper:not(.status-page) fieldset.bg-light2 [class*="col-"] > p .rasa-font-10rem,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto [class*="col-"] > p .rasa-font,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto [class*="col-"] > p .rasa-font-12rem,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto [class*="col-"] > p .rasa-font-10rem {
    display: inline !important;
    margin-bottom: 0 !important;
}

html body .content-wrapper:not(.status-page) fieldset.bg-light2 [class*="col-"] > p .fa-info-circle,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto [class*="col-"] > p .fa-info-circle {
    flex: 0 0 auto;
    margin-top: 1px !important;
}

html body .content-wrapper:not(.status-page) .form-control,
html body .content-wrapper:not(.status-page) select.form-control,
html body .content-wrapper:not(.status-page) .select2-container .select2-selection--single {
    min-height: 42px !important;
}

html body .content-wrapper:not(.status-page) .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px !important;
}

html body .content-wrapper:not(.status-page) textarea.form-control {
    min-height: 66px !important;
    resize: vertical;
}

html body .content-wrapper:not(.status-page) input[type="file"].form-control,
html body .content-wrapper:not(.status-page) input[type="file"] {
    max-width: 100%;
}

html body .content-wrapper:not(.status-page) table[id*="rbl"],
html body .content-wrapper:not(.status-page) table[id*="rdi"] {
    margin-top: 2px;
    min-height: 42px;
}

html body .content-wrapper:not(.status-page) .form-horizontal .form-group.row {
    align-items: flex-start;
    margin-bottom: 18px;
    row-gap: 8px;
}

html body .content-wrapper:not(.status-page) .form-horizontal .control-label {
    align-items: center;
    color: var(--ac-slate-mid);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 1.45;
    min-height: 42px;
}

html body .content-wrapper:not(.status-page) .form-horizontal .control-form,
html body .content-wrapper:not(.status-page) .form-horizontal .control-error {
    min-width: 0;
}

html body .content-wrapper:not(.status-page) .text-center.mt-3 {
    background: #ffffff;
    border: 1.5px solid var(--ac-border);
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .05);
    margin-top: 0 !important;
    padding: 18px;
}

html body .content-wrapper:not(.status-page) .text-center.mt-3 .btn {
    margin: 4px;
}

html body .content-wrapper:not(.status-page) .text-center.mt-3 .btn-primary2 {
    min-width: 220px !important;
}

@media (max-width: 767.98px) {
    html body .content-wrapper:not(.status-page) .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }

    html body .content-wrapper:not(.status-page) fieldset.bg-light2,
    html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto {
        padding: 26px 16px 18px !important;
    }

    html body .content-wrapper:not(.status-page) fieldset.bg-light2 [class*="col-"] > p,
    html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto [class*="col-"] > p {
        min-height: 0;
    }

    html body .content-wrapper:not(.status-page) .dpe-panel-note,
    html body .content-wrapper:not(.status-page) .fieldset-hint-wrap {
        justify-content: flex-start;
        text-align: left;
    }

    html body .content-wrapper:not(.status-page) .dpe-equivalence-note {
        grid-template-columns: 1fr;
    }

    html body .content-wrapper:not(.status-page) .text-center.mt-3 .btn,
    html body .content-wrapper:not(.status-page) .text-center.mt-3 .btn-primary2 {
        min-width: 0 !important;
        white-space: normal;
        width: 100%;
    }
}

/* Applicant profile creation: structured responsive form layout */
html body .profile-page {
    background: #eef3f8 !important;
}

html body .profile-page .content {
    padding-bottom: 2rem !important;
}

html body .profile-page .container-fluid {
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

html body .profile-page > .content > .container-fluid > .row > .col-md-12 > fieldset.bg-light2 {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

html body .profile-page .page-header-card .page-title,
html body .profile-page .page-header-card .page-title .rasa-font,
html body .profile-page .page-header-card .page-title label,
html body .profile-page .page-header-card .page-title span {
    color: #ffffff !important;
}

html body .profile-page .page-header-card .page-title i {
    color: #14b8a6 !important;
}

html body .content-wrapper .page-header-card .page-title,
html body .content-wrapper .page-header-card .page-title .rasa-font,
html body .content-wrapper .page-header-card .page-title .rasa-font-12rem,
html body .content-wrapper .page-header-card .page-title label,
html body .content-wrapper .page-header-card .page-title span {
    color: #ffffff !important;
}

html body .content-wrapper .page-header-card .page-title i {
    color: #14b8a6 !important;
}

html body .profile-page .profile-form-main > fieldset.bg-light2,
html body .profile-page .profile-address-column > fieldset.bg-light2 {
    background: #ffffff !important;
    border: 1.5px solid var(--ac-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06) !important;
    margin-bottom: 22px !important;
    padding: 30px 24px 22px !important;
}

html body .profile-page .profile-form-main > fieldset.bg-light2 > legend,
html body .profile-page .profile-address-column > fieldset.bg-light2 > legend {
    background: #ffffff !important;
    border-color: var(--ac-border) !important;
    color: var(--ac-slate) !important;
    max-width: calc(100% - 24px) !important;
    white-space: normal !important;
}

html body .profile-page .profile-form-main > fieldset.bg-light2 > legend .rasa-font,
html body .profile-page .profile-address-column > fieldset.bg-light2 > legend .rasa-font,
html body .profile-page .profile-form-main > fieldset.bg-light2 > legend label,
html body .profile-page .profile-address-column > fieldset.bg-light2 > legend label {
    color: var(--ac-slate) !important;
    display: inline !important;
    margin-bottom: 0 !important;
}

html body .profile-page .dpe-panel-note {
    display: flex;
    justify-content: flex-end;
    margin: -10px 0 18px;
    position: static;
    right: auto;
    top: auto;
}

html body .profile-page .dpe-panel-note i {
    color: #64748b !important;
    font-size: 13px;
    line-height: 1.45;
    text-align: right;
}

html body .profile-page .form2 {
    align-items: flex-start;
    margin-left: -10px;
    margin-right: -10px;
    row-gap: 0;
}

html body .profile-page .form2 > [class*="col-"],
html body .profile-page [id$="divSSCDetails"] .quickReg > .row > [class*="col-"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start;
    margin-bottom: 18px !important;
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
}

html body .profile-page [class*="col-"] > p {
    align-items: flex-start;
    color: var(--ac-slate-mid);
    display: flex;
    flex-wrap: wrap;
    gap: 2px 4px;
    line-height: 1.4;
    margin-bottom: 8px !important;
    min-height: 36px;
}

html body .profile-page [class*="col-"] > p .rasa-font,
html body .profile-page [class*="col-"] > p .rasa-font-12rem,
html body .profile-page [class*="col-"] > p .rasa-font-10rem {
    display: inline !important;
    margin-bottom: 0 !important;
}

html body .profile-page [class*="col-"] > p .fa-info-circle {
    flex: 0 0 auto;
    margin-top: 1px !important;
}

html body .profile-page .form-control,
html body .profile-page select.form-control,
html body .profile-page .select2-container .select2-selection--single {
    min-height: 42px !important;
}

html body .profile-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px !important;
}

html body .profile-page textarea.form-control {
    min-height: 66px !important;
    resize: vertical;
}

html body .profile-page input[type="file"].form-control,
html body .profile-page input[type="file"] {
    max-width: 100%;
}

html body .profile-page .code {
    line-height: 1.35 !important;
    min-height: 0;
}

html body .profile-page .profile-address-column {
    display: flex;
}

html body .profile-page .profile-address-column > fieldset.bg-light2 {
    flex: 1 1 auto;
    margin-bottom: 0 !important;
}

html body .profile-page .dpe-inline-label {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin: -6px 0 14px;
    position: static;
    right: auto;
    z-index: auto;
}

html body .profile-page .dpe-inline-label input[type="checkbox"] {
    accent-color: var(--ac-amber);
    width: 18px;
    height: 18px;
}

html body .profile-page table[id*="rbl"],
html body .profile-page table[id*="rdi"] {
    margin-top: 2px;
    min-height: 42px;
}

html body .profile-page .profile-upload-column {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

html body .profile-page .profile-upload-column .card {
    border: 1.5px solid var(--ac-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06) !important;
    margin-bottom: 0 !important;
    overflow: hidden;
}

html body .profile-page .profile-upload-column .card-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e5edf5 !important;
}

html body .profile-page .profile-upload-column .btn-tool {
    color: var(--ac-slate) !important;
    min-height: 54px;
    padding: 12px 14px !important;
}

html body .profile-page .profile-upload-column .card-title {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 4px;
    line-height: 1.35;
    margin: 0;
    text-align: left;
}

html body .profile-page .profile-upload-column .card-title .rasa-font-12rem {
    color: var(--ac-slate) !important;
    display: inline !important;
    margin-bottom: 0 !important;
}

html body .profile-page .profile-upload-column .card-body {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 16px !important;
}

html body .profile-page .profile-upload-column .dpe-clickable {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}

html body .profile-page .profile-upload-column img {
    max-width: 100%;
    object-fit: contain;
}

html body .profile-page .profile-upload-column .btn-success {
    border-radius: 7px;
    font-weight: 700;
    min-height: 34px;
    padding: 7px 14px;
}

html body .profile-page .profile-upload-column .text-danger {
    font-size: 12px !important;
    line-height: 1.45;
}

html body .profile-page .profile-actions {
    background: #ffffff;
    border: 1.5px solid var(--ac-border);
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .05);
    margin-top: 0 !important;
    padding: 18px;
}

html body .profile-page .profile-actions .btn-primary2 {
    min-width: 300px !important;
}

@media (max-width: 1199.98px) {
    html body .profile-page .profile-upload-column {
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 0;
    }

    html body .profile-page .profile-upload-column .card {
        flex: 1 1 280px;
    }
}

@media (max-width: 991.98px) {
    html body .profile-page .profile-address-column {
        margin-bottom: 18px;
    }

    html body .profile-page .profile-address-column > fieldset.bg-light2 {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 767.98px) {
    html body .profile-page .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }

    html body .profile-page .profile-form-main > fieldset.bg-light2,
    html body .profile-page .profile-address-column > fieldset.bg-light2 {
        padding: 26px 16px 18px !important;
    }

    html body .profile-page [class*="col-"] > p {
        min-height: 0;
    }

    html body .profile-page .dpe-panel-note,
    html body .profile-page .dpe-inline-label {
        justify-content: flex-start;
        text-align: left;
    }

    html body .profile-page .profile-actions .btn-primary2 {
        min-width: 0 !important;
        white-space: normal;
        width: 100%;
    }
}

/* Readability pass for applicant forms and tooltip help icons */
html body .content-wrapper:not(.status-page) .rasa-font,
html body .content-wrapper:not(.status-page) .rasa-font-12rem,
html body .content-wrapper:not(.status-page) .rasa-font-10rem {
    color: #24364b !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

html body .content-wrapper:not(.status-page) .form-control,
html body .content-wrapper:not(.status-page) select.form-control,
html body .content-wrapper:not(.status-page) textarea.form-control,
html body .content-wrapper:not(.status-page) .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px !important;
}

html body .content-wrapper:not(.status-page) span.code,
html body .content-wrapper:not(.status-page) .code {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

html body .content-wrapper:not(.status-page) .fa-info-circle {
    align-items: center !important;
    background: #0f766e !important;
    border: 1px solid #0d9488 !important;
    border-radius: 50% !important;
    box-shadow: 0 1px 4px rgba(15, 118, 110, .28) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    font-size: 11px !important;
    height: 18px !important;
    justify-content: center !important;
    margin-left: 6px !important;
    opacity: 1 !important;
    width: 18px !important;
}

html body .content-wrapper:not(.status-page) .fa-info-circle:hover {
    background: #115e59 !important;
    border-color: #115e59 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.tooltip.show {
    opacity: 1 !important;
}

.tooltip-inner {
    font-size: 14px !important;
    line-height: 1.5 !important;
    max-width: 360px !important;
    padding: 10px 12px !important;
    text-align: left !important;
}

/* Applicant profile tooltip readability */
html body .profile-page .fa-info-circle {
    align-items: center !important;
    background: #0f766e !important;
    border: 2px solid #14b8a6 !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(15, 118, 110, .35) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 12px !important;
    height: 20px !important;
    justify-content: center !important;
    margin-left: 7px !important;
    min-width: 20px !important;
    opacity: 1 !important;
    vertical-align: middle !important;
    width: 20px !important;
}

html body .profile-page .fa-info-circle:hover,
html body .profile-page .fa-info-circle:focus {
    background: #115e59 !important;
    border-color: #0f766e !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

html body .profile-page [class*="col-"] > p {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

html body .profile-page [class*="col-"] > p .rasa-font,
html body .profile-page [class*="col-"] > p .rasa-font-12rem,
html body .profile-page [class*="col-"] > p .rasa-font-10rem {
    color: #24364b !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

html body .profile-page ~ .tooltip .tooltip-inner,
html body .tooltip .tooltip-inner {
    font-size: 14px !important;
    line-height: 1.5 !important;
    max-width: 420px !important;
    padding: 10px 12px !important;
}

/* Applicant form compact spacing */
html body .content-wrapper:not(.status-page) .form2,
html body .content-wrapper:not(.status-page) fieldset.bg-light2 .quickReg > .row,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto .quickReg > .row {
    margin-left: -14px !important;
    margin-right: -14px !important;
    row-gap: 0 !important;
}

html body .content-wrapper:not(.status-page) .form2 > [class*="col-"],
html body .content-wrapper:not(.status-page) fieldset.bg-light2 .quickReg > .row > [class*="col-"],
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto .quickReg > .row > [class*="col-"] {
    margin-bottom: 18px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

html body .content-wrapper:not(.status-page) fieldset.bg-light2 [class*="col-"] > p,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto [class*="col-"] > p {
    align-items: flex-start !important;
    gap: 2px 5px !important;
    line-height: 1.35 !important;
    margin: 0 0 4px !important;
    min-height: 0 !important;
}

html body .content-wrapper:not(.status-page) fieldset.bg-light2 [class*="col-"] > p .rasa-font,
html body .content-wrapper:not(.status-page) fieldset.bg-light2 [class*="col-"] > p .rasa-font-12rem,
html body .content-wrapper:not(.status-page) fieldset.bg-light2 [class*="col-"] > p .rasa-font-10rem,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto [class*="col-"] > p .rasa-font,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto [class*="col-"] > p .rasa-font-12rem,
html body .content-wrapper:not(.status-page) fieldset.dpe-fieldset-auto [class*="col-"] > p .rasa-font-10rem {
    line-height: 1.35 !important;
    margin: 0 !important;
}

/* Applicant profile address spacing */
html body .profile-page .profile-address-column .form2 {
    row-gap: 0 !important;
}

html body .profile-page .profile-address-column .form2 > [class*="col-"] {
    margin-bottom: 18px !important;
}

html body .profile-page .profile-address-column .form2 > .col-12 {
    margin-bottom: 18px !important;
}

html body .profile-page .profile-address-column [class*="col-"] > p {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin: 0 0 4px !important;
    min-height: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    width: 100%;
}

html body .profile-page .profile-address-column [class*="col-"] > p .rasa-font,
html body .profile-page .profile-address-column [class*="col-"] > p .rasa-font-12rem,
html body .profile-page .profile-address-column [class*="col-"] > p .rasa-font-10rem {
    margin: 0 !important;
    text-align: left !important;
}

html body .profile-page .profile-address-column .fa-info-circle {
    margin-bottom: 0 !important;
    margin-left: 5px !important;
}

html body .profile-page .profile-address-column textarea.form-control {
    min-height: 58px !important;
}

/* Applicant status dashboard readability */
html body .status-page,
html body .status-page .rasa-font,
html body .status-page .rasa-font-12rem,
html body .status-page .rasa-font-10rem {
    color: #172033 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

html body .status-page .card-title,
html body .status-page .card-title .rasa-font {
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
}

html body .status-page p.mb-1.font-weight-bold,
html body .status-page p.mb-1.font-weight-bold .rasa-font {
    color: #31435a !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

html body .status-page p.mb-1.font-weight-bold + span,
html body .status-page p.mb-1.font-weight-bold + span .rasa-font {
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

html body .status-page .status-step h6,
html body .status-page .status-step h6 .rasa-font,
html body .status-page .d-flex.flex-wrap.justify-content-center > a.btn-lg h6 {
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

html body .status-page .status-step small.border,
html body .status-page .status-step small.border small,
html body .status-page .d-flex.flex-wrap.justify-content-center > a.btn-lg small.border,
html body .status-page .d-flex.flex-wrap.justify-content-center > a.btn-lg small.border small {
    color: #0f766e !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

html body .status-page .progress-text .percent,
html body .status-page .percent {
    color: #0f766e !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
}

html body .status-page .progress-text .label,
html body .status-page .label {
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
}

html body .status-page .table,
html body .status-page .table th,
html body .status-page .table td {
    font-size: 14px !important;
    line-height: 1.45 !important;
}

html body .status-page #btnUnlockApplicationOTP i.dpe-status-unlock-icon,
html body .status-page a[id$="btnUnlockApplicationOTP"] i.dpe-status-unlock-icon {
    color: #ffffff !important;
    display: inline-block !important;
    font-size: 17px !important;
    line-height: 1 !important;
    opacity: 1 !important;
}

/* Shared form/postback loading overlay */
.dpe-page-loader {
    align-items: center;
    background: rgba(15, 23, 42, .34);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .16s ease;
    visibility: hidden;
    z-index: 2147483000;
}

body.dpe-page-loader-visible {
    cursor: wait;
}

body.dpe-page-loader-visible .dpe-page-loader {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.dpe-page-loader-panel {
    align-items: center;
    background: #ffffff;
    box-sizing: border-box;
    border: 1px solid rgba(219, 231, 239, .95);
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .2);
    display: flex;
    gap: 12px;
    min-width: 178px;
    padding: 14px 18px;
}

.dpe-page-loader-spinner {
    animation: dpe-page-loader-spin .85s linear infinite;
    backface-visibility: hidden;
    border: 3px solid #cfe8e6;
    border-top-color: var(--dpe-primary, #0f766e);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    flex: 0 0 auto;
    height: 36px;
    transform-origin: 50% 50%;
    width: 36px;
    will-change: transform;
}

.dpe-page-loader-text {
    color: var(--dpe-text, #0f172a);
    font-family: var(--dpe-font, Arial, sans-serif);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

@keyframes dpe-page-loader-spin {
    to {
        transform: rotate(360deg);
    }
}