/* CollegePro active theme: reference-green */
/* This file is generated by /Masters/Master_Theme.aspx. */
:root {
    --collegepro-dark: #123F25;
    --collegepro-green: #2F6B3F;
    --collegepro-leaf-light: #DDEEDB;
    --collegepro-cream: #FBF7EE;
    --collegepro-gold: #C9952F;
    --collegepro-gold-dark: #123F25;
    --collegepro-gold-soft: #F7C85C;
    --collegepro-green-cream: #EEF7EC;
    --collegepro-green-soft: #DDEEDB;
    --collegepro-ink: #123F25;
    --collegepro-muted: rgba(18, 63, 37, 0.72);
    --collegepro-line: rgba(18, 63, 37, 0.16);
    --collegepro-surface: rgba(251, 247, 238, 0.96);
    --collegepro-menu-bg: #123F25;
    --collegepro-menu-active: #2F6B3F;
    --collegepro-menu-text: #FBF7EE;
    --collegepro-menu-icon: #C9952F;
    --collegepro-radius: 8px;
    --collegepro-input-radius: 3px;
}

html,
body {
    color: var(--collegepro-ink);
    background:
        radial-gradient(circle at top left, rgba(201, 149, 47, 0.16), transparent 28%),
        linear-gradient(180deg, var(--collegepro-cream) 0%, var(--collegepro-green-cream) 100%) !important;
}

a {
    color: var(--collegepro-green);
}

a:hover,
a:focus {
    color: var(--collegepro-dark);
}

.header,
.dark-bg,
.navbar,
.navbar-default,
.portal-header-band,
.top-nav,
.top-menu,
.dropdown-menu.extended,
.panel-heading,
.page-header,
.modal-header,
.box-header,
.card-header,
.widget-header,
.portlet-title,
.table > thead > tr > th,
table.GridView th,
.GridView th,
.grid-header,
.breadcrumb > .active {
    color: var(--collegepro-cream) !important;
    background: linear-gradient(90deg, var(--collegepro-dark) 0%, var(--collegepro-green) 100%) !important;
    border-color: var(--collegepro-gold) !important;
}

.logo,
.logo span,
.navbar-brand,
.header a,
.top-nav a,
.top-menu a {
    color: var(--collegepro-cream) !important;
}

#sidebar,
.nav-collapse,
.sidebar-menu,
.sidebar-menu .sub,
.left-menu,
.side-menu {
    background: var(--collegepro-menu-bg) !important;
}

.sidebar-menu li a,
.sidebar-menu .sub li a,
.left-menu a,
.side-menu a {
    color: var(--collegepro-menu-text) !important;
    background: transparent !important;
    border-radius: var(--collegepro-radius) !important;
}

.sidebar-menu li a i,
.sidebar-menu li a .fa,
.sidebar-menu .menu-arrow,
.left-menu i,
.side-menu i {
    color: var(--collegepro-menu-icon) !important;
}

.sidebar-menu li a:hover,
.sidebar-menu li.active > a,
.sidebar-menu li.active a,
.sidebar-menu .sub li a:hover,
.sidebar-menu .sub li.active a,
.left-menu a:hover,
.left-menu .active > a,
.side-menu a:hover,
.side-menu .active > a {
    color: #ffffff !important;
    background: var(--collegepro-menu-active) !important;
}

.panel,
.panel-default,
.panel-primary,
.panel-success,
.panel-info,
.panel-warning,
.panel-danger,
.well,
.thumbnail,
.modal-content,
.widget,
.portlet,
.info-box,
.box,
.card,
.login-box,
.login-panel,
.form-panel,
.fees-summary-card,
.fees-dashboard-card,
.fees-metric-card,
.fees-welcome-hero,
.theme-card {
    color: var(--collegepro-ink) !important;
    background: var(--collegepro-surface) !important;
    border: 1px solid var(--collegepro-line) !important;
    border-radius: var(--collegepro-radius) !important;
    box-shadow: 0 12px 28px rgba(18, 63, 37, 0.08) !important;
}

.panel-body,
.box-body,
.card-body,
.modal-body,
.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
    color: var(--collegepro-ink) !important;
    background-color: #ffffff !important;
    border-color: var(--collegepro-line) !important;
    border-radius: var(--collegepro-input-radius) !important;
}

.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
    background-color: #fffdf8 !important;
    border-color: var(--collegepro-green) !important;
    box-shadow: 0 0 0 3px rgba(201, 149, 47, 0.18) !important;
}

@media (max-width: 767px) {
    .form-control,
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    input[type="date"],
    input[type="tel"],
    input[type="search"],
    select,
    textarea {
        width: 100% !important;
        min-height: 44px !important;
        padding: 9px 11px !important;
        color: #1f2933 !important;
        background-color: #ffffff !important;
        border: 2px solid rgba(18, 63, 37, 0.48) !important;
        border-radius: var(--collegepro-input-radius) !important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.04) !important;
        font-size: 16px !important;
        line-height: 1.35 !important;
        box-sizing: border-box !important;
    }

    .form-control:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="date"]:focus,
    input[type="tel"]:focus,
    input[type="search"]:focus,
    select:focus,
    textarea:focus {
        color: #111827 !important;
        background-color: #fffdf8 !important;
        border-color: var(--collegepro-green) !important;
        outline: 0 !important;
        box-shadow: 0 0 0 3px rgba(18, 63, 37, 0.18) !important;
    }
}

.btn,
button,
input[type="submit"],
input[type="button"],
.btn-primary,
.btn-success,
.btn-info,
.theme-manager__button {
    color: var(--collegepro-cream) !important;
    background: linear-gradient(90deg, var(--collegepro-dark) 0%, var(--collegepro-green) 100%) !important;
    border-color: var(--collegepro-dark) !important;
    border-radius: var(--collegepro-radius) !important;
    box-shadow: 0 8px 18px rgba(18, 63, 37, 0.18) !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    color: #ffffff !important;
    background: linear-gradient(90deg, var(--collegepro-green) 0%, var(--collegepro-dark) 100%) !important;
}

.btn-warning,
.btn-gold,
.label-warning,
.badge-warning {
    color: var(--collegepro-dark) !important;
    background: linear-gradient(90deg, var(--collegepro-gold-soft) 0%, var(--collegepro-gold) 100%) !important;
    border-color: var(--collegepro-gold) !important;
}

.breadcrumb {
    color: var(--collegepro-muted) !important;
    background: var(--collegepro-green-cream) !important;
    border: 1px solid var(--collegepro-line) !important;
    border-radius: var(--collegepro-radius) !important;
}

.breadcrumb a,
.breadcrumb i {
    color: var(--collegepro-green) !important;
}

table,
.table,
.GridView,
.grid,
.dataTable {
    color: var(--collegepro-ink) !important;
    border-color: var(--collegepro-line) !important;
}

.table-responsive,
.grid-shell,
.grid-view-shell,
.fees-grid-shell {
    overflow-x: auto !important;
    border: 1px solid var(--collegepro-line) !important;
    border-radius: var(--collegepro-radius) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

.table-responsive::-webkit-scrollbar,
.grid-shell::-webkit-scrollbar,
.grid-view-shell::-webkit-scrollbar,
.fees-grid-shell::-webkit-scrollbar {
    height: 9px;
}

.table-responsive::-webkit-scrollbar-track,
.grid-shell::-webkit-scrollbar-track,
.grid-view-shell::-webkit-scrollbar-track,
.fees-grid-shell::-webkit-scrollbar-track {
    background: var(--collegepro-green-cream);
    border-radius: 999px;
}

.table-responsive::-webkit-scrollbar-thumb,
.grid-shell::-webkit-scrollbar-thumb,
.grid-view-shell::-webkit-scrollbar-thumb,
.fees-grid-shell::-webkit-scrollbar-thumb {
    background: var(--collegepro-green);
    border-radius: 999px;
}

table[id*="GridView"],
table[id*="grid"],
table[id*="Grid"],
table[id*="grd"],
table[id*="Grd"],
table.GridView,
.GridView,
.grid,
.dataTable,
.fees-grid,
.table {
    width: 100%;
    margin: 0;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid var(--collegepro-line) !important;
    border-radius: var(--collegepro-radius) !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--collegepro-ink) !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
}

table[id*="GridView"] th,
table[id*="grid"] th,
table[id*="Grid"] th,
table[id*="grd"] th,
table[id*="Grd"] th,
table.GridView th,
.GridView th,
.grid th,
.dataTable th,
.fees-grid th,
.table > thead > tr > th {
    padding: 12px 14px !important;
    border: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: linear-gradient(180deg, var(--collegepro-green) 0%, var(--collegepro-dark) 100%) !important;
    color: var(--collegepro-cream) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

table[id*="GridView"] th a,
table[id*="grid"] th a,
table[id*="Grid"] th a,
table[id*="grd"] th a,
table[id*="Grd"] th a,
table.GridView th a,
.GridView th a,
.grid th a,
.dataTable th a,
.fees-grid th a,
.table > thead > tr > th a {
    color: var(--collegepro-cream) !important;
}

table[id*="GridView"] th:first-child,
table[id*="grid"] th:first-child,
table[id*="Grid"] th:first-child,
table[id*="grd"] th:first-child,
table[id*="Grd"] th:first-child,
table.GridView th:first-child,
.GridView th:first-child,
.grid th:first-child,
.dataTable th:first-child,
.fees-grid th:first-child,
.table > thead > tr > th:first-child {
    border-top-left-radius: var(--collegepro-radius) !important;
}

table[id*="GridView"] th:last-child,
table[id*="grid"] th:last-child,
table[id*="Grid"] th:last-child,
table[id*="grd"] th:last-child,
table[id*="Grd"] th:last-child,
table.GridView th:last-child,
.GridView th:last-child,
.grid th:last-child,
.dataTable th:last-child,
.fees-grid th:last-child,
.table > thead > tr > th:last-child {
    border-top-right-radius: var(--collegepro-radius) !important;
    border-right: none !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
table[id*="GridView"] td,
table[id*="grid"] td,
table[id*="Grid"] td,
table[id*="grd"] td,
table[id*="Grd"] td,
.GridView td,
.grid td,
.dataTable td {
    padding: 11px 14px !important;
    border: none !important;
    border-top: 1px solid var(--collegepro-line) !important;
    border-right: 1px solid rgba(18, 63, 37, 0.08) !important;
    color: var(--collegepro-ink) !important;
    background: rgba(255, 252, 246, 0.95) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    vertical-align: middle !important;
}

table[id*="GridView"] td:last-child,
table[id*="grid"] td:last-child,
table[id*="Grid"] td:last-child,
table[id*="grd"] td:last-child,
table[id*="Grd"] td:last-child,
.GridView td:last-child,
.grid td:last-child,
.dataTable td:last-child,
.fees-grid td:last-child,
.table > tbody > tr > td:last-child {
    border-right: none !important;
}

.table-striped > tbody > tr:nth-of-type(odd),
.table > tbody > tr:nth-child(odd) > td,
table[id*="GridView"] tr:nth-child(odd) td,
table[id*="grid"] tr:nth-child(odd) td,
table[id*="Grid"] tr:nth-child(odd) td,
table[id*="grd"] tr:nth-child(odd) td,
table[id*="Grd"] tr:nth-child(odd) td,
.GridView tr:nth-child(odd),
.grid tr:nth-child(odd),
.dataTable tr:nth-child(odd) {
    background: rgba(255, 252, 246, 0.95) !important;
}

.table-striped > tbody > tr:nth-of-type(even),
.table > tbody > tr:nth-child(even) > td,
table[id*="GridView"] tr:nth-child(even) td,
table[id*="grid"] tr:nth-child(even) td,
table[id*="Grid"] tr:nth-child(even) td,
table[id*="grd"] tr:nth-child(even) td,
table[id*="Grd"] tr:nth-child(even) td,
.GridView tr:nth-child(even),
.grid tr:nth-child(even),
.dataTable tr:nth-child(even) {
    background: var(--collegepro-green-cream) !important;
}

.table > tbody > tr:hover > td,
table[id*="GridView"] tr:hover td,
table[id*="grid"] tr:hover td,
table[id*="Grid"] tr:hover td,
table[id*="grd"] tr:hover td,
table[id*="Grd"] tr:hover td,
.GridView tr:hover td,
.grid tr:hover td,
.dataTable tr:hover td,
.fees-grid tr:hover td {
    background: var(--collegepro-green-soft) !important;
}

.alert-info,
.label-info,
.badge-info {
    color: var(--collegepro-dark) !important;
    background: var(--collegepro-green-cream) !important;
    border-color: var(--collegepro-line) !important;
}

.alert-success,
.label-success,
.badge-success {
    color: #ffffff !important;
    background: var(--collegepro-green) !important;
    border-color: var(--collegepro-green) !important;
}

.loader {
    background:
        radial-gradient(circle at top left, rgba(201, 149, 47, 0.18), transparent 24%),
        radial-gradient(circle at bottom right, rgba(47, 107, 63, 0.16), transparent 28%),
        linear-gradient(135deg, var(--collegepro-cream) 0%, var(--collegepro-green-cream) 52%, var(--collegepro-green-soft) 100%) !important;
}

.cp-loader-card,
.page-loader__panel {
    color: var(--collegepro-cream) !important;
    background: linear-gradient(180deg, rgba(47, 107, 63, 0.92), rgba(18, 63, 37, 0.96)) !important;
    border-color: rgba(251, 247, 238, 0.18) !important;
    border-radius: 28px !important;
}

.cp-loader-badge,
.page-loader__official,
.page-loader__blocked-badge {
    color: var(--collegepro-gold-soft) !important;
    border-color: rgba(201, 149, 47, 0.36) !important;
    background: linear-gradient(180deg, rgba(251, 247, 238, 0.16), rgba(251, 247, 238, 0.06)) !important;
}

.cp-loader-logo-wrap,
.page-loader__crest {
    background: linear-gradient(145deg, rgba(201, 149, 47, 0.24), rgba(251, 247, 238, 0.08)) !important;
}

.cp-loader-logo,
.page-loader__crest span,
.cp-loader-title,
.page-loader__title {
    color: #ffffff !important;
}

.cp-loader-badge-dot,
.page-loader__official-dot,
.page-loader__spark:after {
    background: radial-gradient(circle at 30% 30%, var(--collegepro-cream) 0%, var(--collegepro-gold-soft) 55%, var(--collegepro-gold) 100%) !important;
    box-shadow: 0 0 18px rgba(201, 149, 47, 0.45) !important;
}

.cp-loader-progress,
.cp-loader-progress-bar,
.page-loader__progress-bar,
.page-loader__dots span:before {
    background: linear-gradient(90deg, var(--collegepro-gold-soft) 0%, var(--collegepro-gold) 100%) !important;
    box-shadow: 0 0 18px rgba(201, 149, 47, 0.28) !important;
}

.cp-loader-text,
.cp-loader-meta,
.page-loader__subtitle,
.page-loader__meta,
.page-loader__skip {
    color: rgba(251, 247, 238, 0.9) !important;
}

.page-loader__panel--blocked .page-loader__crest {
    background: linear-gradient(145deg, #7f1d1d 0%, #ef4444 100%) !important;
}

/* Consistency layer for legacy pages and module-specific CSS. */
.wrapper,
#main-content,
.main-content,
.content-wrapper,
.right-side,
.page-content,
.container,
.container-fluid {
    color: var(--collegepro-ink) !important;
}

.content-panel,
.profile-widget,
.panel.login-panel,
.login-form,
.login-wrap,
.info-box,
.small-box,
.widget-content,
.white-panel,
.grey-panel,
.form-horizontal,
.form-wrap,
.data-panel,
.report-panel,
.dashboard-panel,
.chart-panel,
.summary-box,
.stats-box,
.tile,
.thumbnail,
.list-group,
.list-group-item,
fieldset,
.fieldset,
.table-responsive {
    color: var(--collegepro-ink) !important;
    background: var(--collegepro-surface) !important;
    border-color: var(--collegepro-line) !important;
    border-radius: var(--collegepro-radius) !important;
    box-shadow: 0 12px 28px rgba(18, 63, 37, 0.08) !important;
}

.page-title,
.page-title-box,
.content-header,
.content-header h1,
.content-panel h2,
.content-panel h3,
.profile-widget h2,
.form-panel h2,
.form-panel h3,
.login-form h2,
.login-form .login-heading,
.panel-title,
.box-title,
.modal-title,
legend {
    color: var(--collegepro-cream) !important;
    background: linear-gradient(90deg, var(--collegepro-dark) 0%, var(--collegepro-green) 100%) !important;
    border-color: var(--collegepro-gold) !important;
    border-radius: var(--collegepro-radius) var(--collegepro-radius) 0 0 !important;
}

.content-header h1,
.page-title,
.page-title-box,
legend {
    padding: 10px 14px !important;
}

.page-header,
.page-title,
.page-title-box,
.content-header,
.content-header h1,
.fees-dashboard-hero,
.fees-gr-hero,
.fees-sr-hero,
.fees-welcome-hero,
.report-hero,
.management-page-title,
.students-main-heading,
.payfees-title,
.backup-security-heading,
.fees-entry-header,
.dashboard-title,
.report-title,
.form-title,
.section-title,
#main-content .wrapper > h1:first-child,
#main-content .wrapper > h2:first-child,
.main-content > h1:first-child,
.main-content > h2:first-child,
.content-wrapper > h1:first-child,
.content-wrapper > h2:first-child {
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    margin: 0 0 18px 0 !important;
    padding: 15px 20px !important;
    color: var(--collegepro-cream) !important;
    background: linear-gradient(90deg, var(--collegepro-dark) 0%, var(--collegepro-green) 100%) !important;
    border: 1px solid rgba(18, 63, 37, 0.18) !important;
    border-radius: var(--collegepro-radius) !important;
    box-shadow: 0 12px 28px rgba(18, 63, 37, 0.1) !important;
}

.page-header:after,
.page-title:after,
.page-title-box:after,
.content-header:after,
.fees-dashboard-hero:after,
.fees-gr-hero:after,
.fees-sr-hero:after,
.fees-welcome-hero:after,
.report-hero:after,
.management-page-title:after,
.students-main-heading:after,
.payfees-title:after,
.backup-security-heading:after,
.fees-entry-header:after,
.dashboard-title:after,
.report-title:after,
.form-title:after,
.section-title:after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 4px !important;
    background: var(--collegepro-gold) !important;
}

.page-header h1,
.page-header h2,
.page-title h1,
.page-title h2,
.page-title-box h1,
.page-title-box h2,
.content-header h1,
.content-header h2,
.fees-dashboard-hero h1,
.fees-dashboard-hero h2,
.fees-gr-hero h1,
.fees-gr-hero h2,
.fees-sr-hero h1,
.fees-sr-hero h2,
.fees-welcome-hero h1,
.fees-welcome-hero h2,
.report-hero h1,
.report-hero h2,
.management-page-title h1,
.management-page-title h2,
.students-main-heading h1,
.students-main-heading h2,
.payfees-title h1,
.payfees-title h2,
.backup-security-heading h1,
.backup-security-heading h2,
.fees-entry-header h1,
.fees-entry-header h2,
.dashboard-title h1,
.dashboard-title h2,
.report-title h1,
.report-title h2,
.form-title h1,
.form-title h2,
.section-title h1,
.section-title h2,
#main-content .wrapper > h1:first-child,
#main-content .wrapper > h2:first-child,
.main-content > h1:first-child,
.main-content > h2:first-child,
.content-wrapper > h1:first-child,
.content-wrapper > h2:first-child {
    margin: 0 !important;
    color: var(--collegepro-cream) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.page-header p,
.page-title p,
.page-title-box p,
.content-header p,
.fees-dashboard-hero p,
.fees-dashboard-hero .fees-dashboard-meta,
.fees-dashboard-hero .fees-dashboard-chip,
.fees-gr-hero p,
.fees-sr-hero p,
.fees-welcome-hero p {
    display: none !important;
}

.fees-sr-hero > p,
.report-hero > p,
.management-page-title > p,
.students-main-heading > p,
.payfees-title > p,
.backup-security-heading > p,
.fees-entry-header > p {
    display: none !important;
}

.management-page-title,
.students-main-heading,
.payfees-title,
.backup-security-heading,
.fees-entry-header {
    min-height: 0 !important;
}

.fees-welcome-hero {
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    margin: 0 0 24px 0 !important;
    padding: 32px 34px !important;
    color: var(--collegepro-cream) !important;
    background: linear-gradient(90deg, var(--collegepro-dark) 0%, var(--collegepro-green) 100%) !important;
    border: 1px solid var(--collegepro-line) !important;
    border-radius: var(--collegepro-radius) !important;
    box-shadow: 0 22px 40px rgba(18, 63, 37, 0.12) !important;
}

.fees-welcome-hero:before {
    content: "" !important;
    position: absolute !important;
    top: -120px !important;
    right: -80px !important;
    width: 280px !important;
    height: 280px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(201, 149, 47, 0.18) 0%, rgba(201, 149, 47, 0) 72%) !important;
}

.fees-welcome-hero:after {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    height: 8px !important;
    background: linear-gradient(90deg, var(--collegepro-gold) 0%, var(--collegepro-green) 100%) !important;
}

.fees-welcome-hero h1 {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: var(--collegepro-cream) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

@media (max-width: 991px) {
    .fees-welcome-hero {
        padding: 28px 24px !important;
    }

    .fees-welcome-hero h1 {
        font-size: 30px !important;
    }
}

@media (max-width: 767px) {
    .fees-welcome-hero {
        padding: 24px 18px !important;
    }

    .fees-welcome-hero h1 {
        font-size: 26px !important;
    }
}

.fees-entry-shell .header .top-nav,
.fees-entry-shell .header .top-menu,
.fees-entry-shell .header .top-menu.nav,
.fees-entry-shell .header .top-nav.notification-row {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.fees-entry-shell .header .top-menu {
    margin: 0 !important;
    padding: 0 !important;
}

.fees-entry-shell .header #txtWorkingSession,
.fees-entry-shell .header select[id$="txtWorkingSession"],
.fees-entry-shell .header .top-nav .form-control {
    min-width: 240px !important;
    height: 46px !important;
    padding: 8px 42px 8px 24px !important;
    color: var(--collegepro-dark) !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(18, 63, 37, 0.18) !important;
    border-radius: var(--collegepro-radius) !important;
    box-shadow: none !important;
}

.bg-primary,
.bg-success,
.bg-info,
.label-primary,
.label-success,
.label-info,
.badge-primary,
.badge-success,
.badge-info {
    color: var(--collegepro-cream) !important;
    background: var(--collegepro-green) !important;
    border-color: var(--collegepro-green) !important;
}

.bg-warning,
.label-warning,
.badge-warning {
    color: var(--collegepro-dark) !important;
    background: var(--collegepro-gold-soft) !important;
    border-color: var(--collegepro-gold) !important;
}

.bg-danger,
.label-danger,
.badge-danger,
.alert-danger {
    color: #ffffff !important;
    background: #9f2f2f !important;
    border-color: #7f1d1d !important;
}

.alert,
.callout,
.notice,
.message,
.validation-summary-errors {
    border-radius: var(--collegepro-radius) !important;
    border-color: var(--collegepro-line) !important;
}

.nav-tabs {
    border-color: var(--collegepro-line) !important;
}

.nav-tabs > li > a,
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    color: var(--collegepro-dark) !important;
    background: rgba(251, 247, 238, 0.74) !important;
    border-color: var(--collegepro-line) !important;
    border-radius: var(--collegepro-radius) var(--collegepro-radius) 0 0 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: var(--collegepro-cream) !important;
    background: var(--collegepro-green) !important;
    border-color: var(--collegepro-green) !important;
}

.dropdown-menu,
.select2-drop,
.select2-dropdown,
.chosen-container .chosen-drop {
    color: var(--collegepro-ink) !important;
    background: var(--collegepro-surface) !important;
    border-color: var(--collegepro-line) !important;
    border-radius: var(--collegepro-radius) !important;
}

.dropdown-menu > li > a,
.select2-results li,
.chosen-container .chosen-results li {
    color: var(--collegepro-ink) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.select2-results .select2-highlighted,
.chosen-container .chosen-results li.highlighted {
    color: var(--collegepro-cream) !important;
    background: var(--collegepro-green) !important;
}

.pagination > li > a,
.pagination > li > span {
    color: var(--collegepro-dark) !important;
    background: var(--collegepro-surface) !important;
    border-color: var(--collegepro-line) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
    color: var(--collegepro-cream) !important;
    background: var(--collegepro-green) !important;
    border-color: var(--collegepro-green) !important;
}

.fc-header,
.fc-toolbar,
.calendar-header,
.ui-datepicker-header {
    color: var(--collegepro-cream) !important;
    background: linear-gradient(90deg, var(--collegepro-dark) 0%, var(--collegepro-green) 100%) !important;
    border-color: var(--collegepro-gold) !important;
}

.ui-datepicker,
.calendar,
.fc,
.fc-view,
.fc-widget-content {
    color: var(--collegepro-ink) !important;
    background: var(--collegepro-surface) !important;
    border-color: var(--collegepro-line) !important;
}

.ui-widget-content,
.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-color: var(--collegepro-line) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    color: var(--collegepro-cream) !important;
    background: var(--collegepro-green) !important;
    border-color: var(--collegepro-green) !important;
}

/* Final normalization pass: keeps older modules visually aligned with the active theme. */
body,
body * {
    scrollbar-color: var(--collegepro-green) var(--collegepro-green-cream);
}

h1,
h2,
h3,
h4,
h5,
h6,
label,
.control-label,
.help-block,
.text-muted,
.form-text,
.form-group,
.dataTables_info {
    color: var(--collegepro-ink) !important;
}

.text-primary,
a.text-primary,
.link-primary,
.fa,
.glyphicon,
.dashicons {
    color: var(--collegepro-green) !important;
}

.text-success,
a.text-success {
    color: var(--collegepro-green) !important;
}

.text-warning,
a.text-warning {
    color: var(--collegepro-gold) !important;
}

.text-danger,
a.text-danger,
.field-validation-error,
.validation-error,
.error,
.ErrorMessage {
    color: #9f2f2f !important;
}

.navbar-inverse,
.navbar-fixed-top,
.navbar-static-top,
.header,
.site-header,
.portal-header-band,
.topbar,
.top-bar,
.module-header,
.page-banner,
.title-bar,
.footer,
footer {
    color: var(--collegepro-cream) !important;
    background: linear-gradient(90deg, var(--collegepro-dark) 0%, var(--collegepro-green) 100%) !important;
    border-color: var(--collegepro-gold) !important;
}

.navbar-inverse a,
.navbar-fixed-top a,
.site-header a,
.portal-header-band a,
.topbar a,
.top-bar a,
.module-header a,
.footer a,
footer a {
    color: var(--collegepro-cream) !important;
}

.navbar-inverse a:hover,
.navbar-fixed-top a:hover,
.site-header a:hover,
.portal-header-band a:hover,
.topbar a:hover,
.top-bar a:hover,
.module-header a:hover,
.footer a:hover,
footer a:hover {
    color: var(--collegepro-gold-soft) !important;
}

.input-group-addon,
.input-group-text {
    color: var(--collegepro-gold) !important;
    background: var(--collegepro-dark) !important;
    border-color: var(--collegepro-dark) !important;
}

.input-group-addon .fa,
.input-group-addon .glyphicon,
.input-group-text .fa,
.input-group-text .glyphicon {
    color: var(--collegepro-gold-soft) !important;
}

input[disabled],
select[disabled],
textarea[disabled],
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    color: rgba(18, 63, 37, 0.72) !important;
    background: rgba(221, 238, 219, 0.55) !important;
}

.table-hover > tbody > tr:hover,
.GridView tr:hover,
table[id*="Grid"] tr:hover,
table[id*="grid"] tr:hover {
    background: rgba(201, 149, 47, 0.14) !important;
}

table[id*="GridView"],
table[id*="Grid"],
table[id*="grid"],
.aspNetDisabled,
.ajax__tab_xp,
.ajax__calendar_container {
    color: var(--collegepro-ink) !important;
    border-color: var(--collegepro-line) !important;
}

table[id*="GridView"] th,
table[id*="Grid"] th,
table[id*="grid"] th,
.ajax__tab_header,
.ajax__calendar_header {
    color: var(--collegepro-cream) !important;
    background: linear-gradient(90deg, var(--collegepro-dark) 0%, var(--collegepro-green) 100%) !important;
    border-color: var(--collegepro-gold) !important;
}

table[id*="GridView"] td,
table[id*="Grid"] td,
table[id*="grid"] td {
    border-color: var(--collegepro-line) !important;
}

table[id*="GridView"] tr:nth-child(odd) td,
table[id*="Grid"] tr:nth-child(odd) td,
table[id*="grid"] tr:nth-child(odd) td {
    background: rgba(221, 238, 219, 0.46) !important;
}

table[id*="GridView"] tr:nth-child(even) td,
table[id*="Grid"] tr:nth-child(even) td,
table[id*="grid"] tr:nth-child(even) td {
    background: rgba(251, 247, 238, 0.9) !important;
}

.ajax__tab_active .ajax__tab_tab,
.ajax__calendar_active,
.ajax__calendar_hover,
.ajax__calendar_day:hover,
.ajax__calendar_month:hover,
.ajax__calendar_year:hover {
    color: var(--collegepro-cream) !important;
    background: var(--collegepro-green) !important;
}

.progress {
    background: var(--collegepro-green-cream) !important;
    border-radius: var(--collegepro-radius) !important;
}

.progress-bar,
.progress-bar-success,
.progress-bar-info {
    background: linear-gradient(90deg, var(--collegepro-dark) 0%, var(--collegepro-green) 100%) !important;
}

.close,
.modal-header .close {
    color: var(--collegepro-cream) !important;
    opacity: 0.9 !important;
}

hr {
    border-color: var(--collegepro-line) !important;
}

/* CollegeProManagement shell alignment */
.fees-entry-shell.management-entry-shell {
    --fees-header-height: 86px;
    --fees-sidebar-width: 260px;
    --fees-sidebar-collapsed-width: 64px;
}

.fees-entry-shell.management-entry-shell .header {
    flex-wrap: nowrap !important;
    height: var(--fees-header-height) !important;
    min-height: var(--fees-header-height) !important;
    overflow: visible;
}

.fees-entry-shell.management-entry-shell .fees-top-brand {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    max-width: calc(100% - 320px);
}

.fees-entry-shell.management-entry-shell .top-nav.notification-row {
    position: static !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    float: none !important;
    z-index: 1003;
}

.fees-entry-shell.management-entry-shell .top-nav ul.top-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
}

.fees-entry-shell.management-entry-shell .header select[id$="txtWorkingSession"],
.fees-entry-shell.management-entry-shell .header .top-nav .form-control {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    height: 44px !important;
    margin: 0 !important;
}

.fees-entry-shell.management-entry-shell #sidebar {
    width: var(--fees-sidebar-width) !important;
    max-width: var(--fees-sidebar-width) !important;
}

.fees-entry-shell.management-entry-shell #main-content {
    margin-left: var(--fees-sidebar-width) !important;
}

.fees-entry-shell.management-entry-shell #container.sidebar-collapsed #sidebar {
    width: var(--fees-sidebar-collapsed-width) !important;
}

.fees-entry-shell.management-entry-shell #container.sidebar-collapsed #main-content {
    margin-left: var(--fees-sidebar-collapsed-width) !important;
}

@media (max-width: 767px) {
    .fees-entry-shell.management-entry-shell {
        --fees-header-height: 92px;
        --fees-sidebar-width: min(260px, 78vw);
    }

    .fees-entry-shell.management-entry-shell .header {
        flex-wrap: nowrap !important;
        padding: 12px 10px !important;
    }

    .fees-entry-shell.management-entry-shell .fees-top-brand {
        max-width: calc(100% - 178px) !important;
    }

    .fees-entry-shell.management-entry-shell .fees-top-brand-line1 {
        font-size: 16px !important;
        line-height: 1.05;
    }

    .fees-entry-shell.management-entry-shell .fees-top-brand-line2 {
        font-size: 10px !important;
        line-height: 1.05;
    }

    .fees-entry-shell.management-entry-shell .fees-top-brand-line3 {
        font-size: 9px !important;
        line-height: 1.05;
    }

    .fees-entry-shell.management-entry-shell .top-nav.notification-row {
        width: auto !important;
        margin-left: auto !important;
    }

    .fees-entry-shell.management-entry-shell .header select[id$="txtWorkingSession"],
    .fees-entry-shell.management-entry-shell .header .top-nav .form-control {
        width: 132px !important;
        min-width: 132px !important;
        max-width: 132px !important;
        height: 38px !important;
        padding: 6px 28px 6px 12px !important;
        font-size: 13px !important;
    }

    .fees-entry-shell.management-entry-shell #sidebar {
        width: var(--fees-sidebar-width) !important;
        max-width: var(--fees-sidebar-width) !important;
        margin-left: calc(-1 * var(--fees-sidebar-width)) !important;
    }

    .fees-entry-shell.management-entry-shell #container.sidebar-open #sidebar {
        margin-left: 0 !important;
    }

    .fees-entry-shell.management-entry-shell #container.sidebar-collapsed #sidebar {
        width: var(--fees-sidebar-width) !important;
    }

    .fees-entry-shell.management-entry-shell #main-content,
    .fees-entry-shell.management-entry-shell #container.sidebar-collapsed #main-content,
    .fees-entry-shell.management-entry-shell #container.sidebar-closed #main-content,
    .fees-entry-shell.management-entry-shell #container.sidebar-open #main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

/* CollegeProPrincipal shell alignment */
.fees-entry-shell.principal-entry-shell {
    --fees-header-height: 86px;
    --fees-sidebar-width: 300px;
    --fees-sidebar-collapsed-width: 64px;
}

.fees-entry-shell.principal-entry-shell .header {
    flex-wrap: nowrap !important;
    height: var(--fees-header-height) !important;
    min-height: var(--fees-header-height) !important;
    overflow: visible;
}

.fees-entry-shell.principal-entry-shell .fees-top-brand {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    max-width: calc(100% - 330px);
}

.fees-entry-shell.principal-entry-shell .top-nav.notification-row {
    position: static !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    float: none !important;
    z-index: 1003;
}

.fees-entry-shell.principal-entry-shell .top-nav ul.top-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
}

.fees-entry-shell.principal-entry-shell .header select[id$="txtWorkingSession"],
.fees-entry-shell.principal-entry-shell .header .top-nav .form-control {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    height: 44px !important;
    margin: 0 !important;
}

@media (max-width: 767px) {
    .fees-entry-shell.principal-entry-shell {
        --fees-header-height: 92px;
        --fees-sidebar-width: min(300px, 82vw);
    }

    .fees-entry-shell.principal-entry-shell .header {
        flex-wrap: nowrap !important;
        padding: 12px 10px !important;
    }

    .fees-entry-shell.principal-entry-shell .fees-top-brand {
        max-width: calc(100% - 178px) !important;
    }

    .fees-entry-shell.principal-entry-shell .fees-top-brand-line1 {
        font-size: 16px !important;
        line-height: 1.05;
    }

    .fees-entry-shell.principal-entry-shell .fees-top-brand-line2 {
        font-size: 10px !important;
        line-height: 1.05;
    }

    .fees-entry-shell.principal-entry-shell .fees-top-brand-line3 {
        font-size: 9px !important;
        line-height: 1.05;
    }

    .fees-entry-shell.principal-entry-shell .top-nav.notification-row {
        width: auto !important;
        margin-left: auto !important;
    }

    .fees-entry-shell.principal-entry-shell .header select[id$="txtWorkingSession"],
    .fees-entry-shell.principal-entry-shell .header .top-nav .form-control {
        width: 132px !important;
        min-width: 132px !important;
        max-width: 132px !important;
        height: 38px !important;
        padding: 6px 28px 6px 12px !important;
        font-size: 13px !important;
    }

    .fees-entry-shell.principal-entry-shell #sidebar {
        width: var(--fees-sidebar-width) !important;
        max-width: var(--fees-sidebar-width) !important;
        margin-left: calc(-1 * var(--fees-sidebar-width)) !important;
    }

    .fees-entry-shell.principal-entry-shell #container.sidebar-open #sidebar {
        margin-left: 0 !important;
    }

    .fees-entry-shell.principal-entry-shell #container.sidebar-collapsed #sidebar {
        width: var(--fees-sidebar-width) !important;
    }

    .fees-entry-shell.principal-entry-shell #main-content,
    .fees-entry-shell.principal-entry-shell #container.sidebar-collapsed #main-content,
    .fees-entry-shell.principal-entry-shell #container.sidebar-closed #main-content,
    .fees-entry-shell.principal-entry-shell #container.sidebar-open #main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

/* FeesEntry and Principal symmetric shell behavior */
.fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell),
.fees-entry-shell.principal-entry-shell {
    --fees-header-height: 86px;
    --fees-sidebar-collapsed-width: 64px;
}

.fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) {
    --fees-sidebar-width: 300px;
}

.fees-entry-shell.principal-entry-shell {
    --fees-sidebar-width: 300px;
}

.fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) .header,
.fees-entry-shell.principal-entry-shell .header {
    flex-wrap: nowrap !important;
    height: var(--fees-header-height) !important;
    min-height: var(--fees-header-height) !important;
    overflow: visible;
}

.fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) .fees-top-brand,
.fees-entry-shell.principal-entry-shell .fees-top-brand {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 330px) !important;
}

.fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) .top-nav.notification-row,
.fees-entry-shell.principal-entry-shell .top-nav.notification-row {
    position: static !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    float: none !important;
    z-index: 1003;
}

.fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) .top-nav ul.top-menu,
.fees-entry-shell.principal-entry-shell .top-nav ul.top-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
}

.fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) .header select[id$="txtWorkingSession"],
.fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) .header .top-nav .form-control,
.fees-entry-shell.principal-entry-shell .header select[id$="txtWorkingSession"],
.fees-entry-shell.principal-entry-shell .header .top-nav .form-control {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    height: 44px !important;
    margin: 0 !important;
}

.fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) #sidebar,
.fees-entry-shell.principal-entry-shell #sidebar {
    width: var(--fees-sidebar-width) !important;
    max-width: var(--fees-sidebar-width) !important;
}

.fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) #main-content,
.fees-entry-shell.principal-entry-shell #main-content {
    margin-left: var(--fees-sidebar-width) !important;
}

.fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) #container.sidebar-collapsed #sidebar,
.fees-entry-shell.principal-entry-shell #container.sidebar-collapsed #sidebar {
    width: var(--fees-sidebar-collapsed-width) !important;
}

.fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) #container.sidebar-collapsed #main-content,
.fees-entry-shell.principal-entry-shell #container.sidebar-collapsed #main-content {
    margin-left: var(--fees-sidebar-collapsed-width) !important;
}

@media (max-width: 767px) {
    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell),
    .fees-entry-shell.principal-entry-shell {
        --fees-header-height: 92px;
        --fees-sidebar-width: min(300px, 82vw);
    }

    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) .header,
    .fees-entry-shell.principal-entry-shell .header {
        flex-wrap: nowrap !important;
        padding: 12px 10px !important;
    }

    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) .fees-top-brand,
    .fees-entry-shell.principal-entry-shell .fees-top-brand {
        max-width: calc(100% - 178px) !important;
    }

    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) .fees-top-brand-line1,
    .fees-entry-shell.principal-entry-shell .fees-top-brand-line1 {
        font-size: 16px !important;
        line-height: 1.05 !important;
    }

    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) .fees-top-brand-line2,
    .fees-entry-shell.principal-entry-shell .fees-top-brand-line2 {
        font-size: 10px !important;
        line-height: 1.05 !important;
    }

    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) .fees-top-brand-line3,
    .fees-entry-shell.principal-entry-shell .fees-top-brand-line3 {
        font-size: 9px !important;
        line-height: 1.05 !important;
    }

    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) .header select[id$="txtWorkingSession"],
    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) .header .top-nav .form-control,
    .fees-entry-shell.principal-entry-shell .header select[id$="txtWorkingSession"],
    .fees-entry-shell.principal-entry-shell .header .top-nav .form-control {
        width: 132px !important;
        min-width: 132px !important;
        max-width: 132px !important;
        height: 38px !important;
        padding: 6px 28px 6px 12px !important;
        font-size: 13px !important;
    }

    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) #sidebar,
    .fees-entry-shell.principal-entry-shell #sidebar {
        width: var(--fees-sidebar-width) !important;
        max-width: var(--fees-sidebar-width) !important;
        margin-left: calc(-1 * var(--fees-sidebar-width)) !important;
    }

    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) #container.sidebar-open #sidebar,
    .fees-entry-shell.principal-entry-shell #container.sidebar-open #sidebar {
        margin-left: 0 !important;
    }

    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) #container.sidebar-collapsed #sidebar,
    .fees-entry-shell.principal-entry-shell #container.sidebar-collapsed #sidebar {
        width: var(--fees-sidebar-width) !important;
    }

    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) #main-content,
    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) #container.sidebar-collapsed #main-content,
    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) #container.sidebar-closed #main-content,
    .fees-entry-shell:not(.management-entry-shell):not(.principal-entry-shell) #container.sidebar-open #main-content,
    .fees-entry-shell.principal-entry-shell #main-content,
    .fees-entry-shell.principal-entry-shell #container.sidebar-collapsed #main-content,
    .fees-entry-shell.principal-entry-shell #container.sidebar-closed #main-content,
    .fees-entry-shell.principal-entry-shell #container.sidebar-open #main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
}



/* Shared Masters-style module default pages */
body.masters-login-page {
    min-height: 100vh;
    margin: 0 !important;
    color: var(--collegepro-ink) !important;
    background:
        radial-gradient(circle at top left, rgba(201, 149, 47, 0.16), transparent 28%),
        linear-gradient(180deg, var(--collegepro-cream) 0%, var(--collegepro-green-cream) 100%) !important;
    font-family: Arial, "Nirmala UI", sans-serif !important;
}

.module-default-page .masters-login-shell {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
    background:
        radial-gradient(circle at 8% 12%, rgba(201, 149, 47, 0.16), transparent 26rem),
        radial-gradient(circle at 90% 18%, rgba(47, 107, 63, 0.12), transparent 28rem),
        linear-gradient(180deg, var(--collegepro-cream) 0%, var(--collegepro-green-cream) 100%) !important;
}

.module-default-page .masters-login-title {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, var(--collegepro-dark) 0%, var(--collegepro-green) 100%) !important;
    border-bottom: 4px solid var(--collegepro-gold) !important;
    box-shadow: 0 14px 32px rgba(18, 63, 37, 0.24) !important;
}

.module-default-page .masters-login-title__inner {
    display: block !important;
    max-width: 1180px;
    margin: 0 auto;
    padding: 22px 18px 20px !important;
    text-align: center;
}

.module-default-page .masters-login-title__mark {
    display: none !important;
}

.module-default-page .masters-login-title__text {
    display: block !important;
    color: var(--collegepro-cream) !important;
    line-height: 1.12 !important;
}

.module-default-page .masters-login-title__college,
.module-default-page .masters-login-title__sub {
    display: block !important;
    font-family: Georgia, "Times New Roman", serif !important;
    text-transform: uppercase !important;
}

.module-default-page .masters-login-title__college {
    color: #fffdf9 !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
}

.module-default-page .masters-login-title__sub {
    margin-top: 10px !important;
    color: var(--collegepro-gold-soft) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
}

.module-default-page .masters-login-grid {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-height: calc(100vh - 190px) !important;
    padding: 28px 18px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

.module-default-page .masters-login-form.login-form {
    position: static !important;
    width: min(100%, 460px) !important;
    max-width: 460px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 1px solid var(--collegepro-line) !important;
    border-radius: var(--collegepro-radius) !important;
    background: var(--collegepro-surface) !important;
    box-shadow: 0 18px 36px rgba(18, 63, 37, 0.12) !important;
}

.module-default-page .masters-login-form .login-wrap {
    padding: 24px !important;
}

.module-default-page .masters-login-form .login-img {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto 18px !important;
    color: var(--collegepro-gold-soft) !important;
    background: var(--collegepro-dark) !important;
    border-radius: var(--collegepro-radius) !important;
    font-size: 30px !important;
}

.module-default-page .masters-login-form .login-img i,
.module-default-page .masters-login-form .input-group-addon i {
    display: none !important;
}

.module-default-page .masters-login-form .login-img:before,
.module-default-page .masters-login-form .input-group-addon:before {
    content: "";
    display: inline-block;
    background: center / contain no-repeat;
}

.module-default-page .masters-login-form .login-img:before {
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23F7C85C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}

.module-default-page .masters-login-form .input-group:nth-of-type(1) .input-group-addon:before {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23F7C85C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.module-default-page .masters-login-form .input-group:nth-of-type(2) .input-group-addon:before {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23F7C85C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3Cpath d='M12 11l8-8'/%3E%3Cpath d='M17 3h4v4'/%3E%3C/svg%3E");
}

.module-default-page .masters-login-form .input-group:nth-of-type(3) .input-group-addon:before {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23F7C85C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.module-default-page .masters-login-form .input-group {
    width: 100% !important;
    margin-bottom: 12px !important;
    border: 1px solid var(--collegepro-line) !important;
    border-radius: var(--collegepro-radius) !important;
    overflow: hidden !important;
    background: rgba(251, 247, 238, 0.9) !important;
    box-shadow: none !important;
}

.module-default-page .masters-login-form .input-group-addon {
    width: 44px !important;
    min-width: 44px !important;
    height: 38px !important;
    padding: 0 !important;
    vertical-align: middle !important;
    color: var(--collegepro-gold-soft) !important;
    background: var(--collegepro-dark) !important;
    border: 0 !important;
    border-right: 1px solid var(--collegepro-dark) !important;
    border-radius: 0 !important;
    font-size: 15px !important;
}

.module-default-page .masters-login-form .form-control,
.module-default-page .masters-login-form .form-control:focus {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    color: var(--collegepro-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 14px !important;
}

.committee-login-page.module-default-page .masters-login-form .input-group {
    display: flex !important;
    align-items: stretch !important;
}

.committee-login-page.module-default-page .masters-login-form .input-group-addon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
}

.committee-login-page.module-default-page .masters-login-form .form-control,
.committee-login-page.module-default-page .masters-login-form .form-control:focus {
    flex: 1 1 auto !important;
    width: 1% !important;
    height: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
    box-sizing: border-box !important;
}

.module-default-page .masters-login-form .pull-right,
.module-default-page .masters-login-form .pull-right a {
    color: var(--collegepro-green) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.module-default-page .masters-login-form .btn,
.module-default-page .masters-login-form .btn:hover,
.module-default-page .masters-login-form .btn:focus {
    height: auto !important;
    margin-top: 14px !important;
    padding: 10px 18px !important;
    min-height: 42px !important;
    border: 0 !important;
    border-radius: var(--collegepro-radius) !important;
    color: var(--collegepro-cream) !important;
    background: linear-gradient(90deg, var(--collegepro-dark) 0%, var(--collegepro-green) 100%) !important;
    box-shadow: 0 12px 24px rgba(18, 63, 37, 0.2) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.module-default-page .masters-login-meta {
    display: block !important;
    margin-top: 10px !important;
    padding: 0 !important;
    color: var(--collegepro-muted) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    text-align: center !important;
}

.module-default-page .masters-hidden-location {
    display: none !important;
}

.sidebar-menu > li > a,
#sidebar .sidebar-menu > li > a {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    height: auto !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}

.sidebar-menu > li > a > i,
#sidebar .sidebar-menu > li > a > i {
    flex: 0 0 20px !important;
    width: 20px !important;
    margin-top: 1px !important;
    text-align: center !important;
}

.sidebar-menu > li > a > span:not(.menu-arrow),
#sidebar .sidebar-menu > li > a > span:not(.menu-arrow) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.sidebar-menu > li > a > .menu-arrow,
#sidebar .sidebar-menu > li > a > .menu-arrow {
    flex: 0 0 14px !important;
    float: none !important;
    width: 14px !important;
    margin-top: 2px !important;
    margin-left: auto !important;
    text-align: right !important;
}

.sidebar-menu li ul.sub li a,
#sidebar .sidebar-menu li ul.sub li a {
    display: block !important;
    height: auto !important;
    min-height: 34px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    box-sizing: border-box !important;
}

.navbar-nav .dropdown-menu,
.dropdown-submenu > .dropdown-menu {
    min-width: 230px !important;
    max-width: calc(100vw - 24px) !important;
}

.navbar-nav .dropdown-menu > li > a,
.dropdown-submenu > .dropdown-menu > li > a {
    height: auto !important;
    min-height: 34px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.dropdown-submenu > a {
    padding-right: 28px !important;
    white-space: normal !important;
}

.dropdown-submenu > a:after {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    margin-top: -5px !important;
}

#main-content .wrapper {
    padding-top: 20px !important;
}

#main-content .page-header,
#main-content .panel-heading,
#main-content .panel-title,
#main-content .welcome-title,
#main-content .welcome-screen {
    margin-top: 0 !important;
}

.top-nav .dropdown-menu.extended.logout {
    display: none !important;
}

.top-nav ul.top-menu:empty {
    display: none !important;
}

.collegepro-sidebar-user,
.fees-sidebar-session,
.convener-sidebar-user {
    margin: 12px 12px 18px !important;
    padding: 12px !important;
    border: 1px solid rgba(199, 160, 106, 0.32) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #FBF7EE !important;
    box-sizing: border-box !important;
}

.collegepro-sidebar-login,
.convener-sidebar-login {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    color: #FBF7EE !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
}

.collegepro-sidebar-login i,
.convener-sidebar-login i {
    flex: 0 0 16px !important;
    width: 16px !important;
    color: #ffd8a5 !important;
    text-align: center !important;
}

.collegepro-sidebar-login-value,
.convener-sidebar-login-value,
.fees-sidebar-access-value {
    display: block !important;
    min-width: 0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.collegepro-sidebar-logout,
.convener-sidebar-logout,
.collegepro-login-logout-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: 100% !important;
    min-height: 36px !important;
    margin-top: 10px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    background: #C9952F !important;
    color: #123F25 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.collegepro-sidebar-logout:hover,
.collegepro-sidebar-logout:focus,
.convener-sidebar-logout:hover,
.convener-sidebar-logout:focus,
.collegepro-login-logout-button:hover,
.collegepro-login-logout-button:focus {
    background: #FBF7EE !important;
    color: #123F25 !important;
    text-decoration: none !important;
}

.teacher-access-panel {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    padding: 10px 24px !important;
    background: rgba(18, 63, 37, 0.08) !important;
    border-bottom: 1px solid rgba(47, 107, 63, 0.18) !important;
    color: #123F25 !important;
    box-sizing: border-box !important;
}

.teacher-access-login {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
}

.teacher-access-login strong {
    overflow-wrap: anywhere !important;
}

.teacher-access-logout {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    background: #C9952F !important;
    color: #123F25 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.teacher-access-logout:hover,
.teacher-access-logout:focus {
    background: #123F25 !important;
    color: #FBF7EE !important;
    text-decoration: none !important;
}

@media (max-width: 767px) {
    .teacher-access-panel {
        align-items: stretch !important;
        flex-direction: column !important;
        padding: 10px 14px !important;
    }

    .teacher-access-logout {
        width: 100% !important;
    }
}

.module-default-page .masters-login-credits {
    width: 100% !important;
    max-width: none !important;
    padding-right: 18px !important;
    margin: 0 auto !important;
    color: var(--collegepro-muted) !important;
    text-align: right !important;
}

@media (max-width: 640px) {
    .module-default-page .masters-login-title__college {
        font-size: 26px !important;
    }

    .module-default-page .masters-login-title__sub {
        font-size: 14px !important;
    }

    .module-default-page .masters-login-grid {
        min-height: calc(100vh - 150px) !important;
        padding: 18px 12px !important;
    }
}

/* Common final override layer.
   Keep shared visual behavior here so module CSS can remain legacy/base styling. */

html,
body {
    min-height: 100%;
    color: var(--collegepro-ink) !important;
    background:
        radial-gradient(circle at top left, rgba(201, 149, 47, 0.16), transparent 28%),
        linear-gradient(180deg, var(--collegepro-cream) 0%, var(--collegepro-green-cream) 100%) !important;
}

body,
button,
input,
select,
textarea {
    font-family: "Segoe UI", Arial, "Nirmala UI", sans-serif !important;
}

.panel,
.panel-default,
.panel-primary,
.panel-success,
.panel-info,
.panel-warning,
.panel-danger,
.well,
.thumbnail,
.modal-content,
.widget,
.portlet,
.info-box,
.box,
.card,
.login-box,
.login-panel,
.form-panel,
.content-panel,
.white-panel,
.grey-panel,
.data-panel,
.report-panel,
.dashboard-panel,
.chart-panel,
.summary-box,
.stats-box,
.theme-card,
.fees-summary-card,
.fees-dashboard-card,
.fees-metric-card,
.fees-welcome-hero,
.fees-dashboard-hero,
.fees-chart-shell,
.fees-class-chart-card,
.fees-empty-state {
    color: var(--collegepro-ink) !important;
    background: var(--collegepro-surface) !important;
    border: 1px solid var(--collegepro-line) !important;
    border-radius: var(--collegepro-radius) !important;
    box-shadow: 0 12px 28px rgba(18, 63, 37, 0.08) !important;
}

.panel-heading,
.panel > .panel-heading:first-child,
.modal-header,
.box-header,
.card-header,
.widget-header,
.widget .widget-head,
.portlet-title,
.page-header,
.page-title,
.page-title-box,
.content-header,
.form-title,
.section-title,
.dashboard-title,
.report-title,
.fees-entry-header,
.backup-security-heading {
    color: var(--collegepro-cream) !important;
    background: linear-gradient(90deg, var(--collegepro-dark) 0%, var(--collegepro-green) 100%) !important;
    border-color: var(--collegepro-gold) !important;
    border-radius: var(--collegepro-radius) var(--collegepro-radius) 0 0 !important;
}

.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="tel"],
input[type="search"],
input[type="url"],
select,
textarea {
    width: 100%;
    min-height: 38px;
    color: var(--collegepro-ink) !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(18, 63, 37, 0.26) !important;
    border-radius: var(--collegepro-input-radius) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.035) !important;
    box-sizing: border-box !important;
}

.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
    color: #111827 !important;
    background-color: #fffdf8 !important;
    border-color: var(--collegepro-green) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(18, 63, 37, 0.18) !important;
}

.btn,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.theme-manager__button {
    border-radius: var(--collegepro-radius) !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
}

.btn-primary,
.btn-success,
.btn-info,
input[type="submit"].btn-primary,
input[type="button"].btn-primary,
input[type="submit"].btn-success,
input[type="button"].btn-success {
    color: var(--collegepro-cream) !important;
    background: linear-gradient(90deg, var(--collegepro-dark) 0%, var(--collegepro-green) 100%) !important;
    border-color: var(--collegepro-dark) !important;
    box-shadow: 0 8px 18px rgba(18, 63, 37, 0.18) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus,
.btn-info:hover,
.btn-info:focus,
input[type="submit"].btn-primary:hover,
input[type="button"].btn-primary:hover,
input[type="submit"].btn-success:hover,
input[type="button"].btn-success:hover {
    color: #ffffff !important;
    background: linear-gradient(90deg, var(--collegepro-green) 0%, var(--collegepro-dark) 100%) !important;
}

.btn-default,
input[type="submit"].btn-default,
input[type="button"].btn-default {
    color: var(--collegepro-dark) !important;
    background: #ffffff !important;
    border-color: rgba(18, 63, 37, 0.28) !important;
}

.table-responsive,
.grid-shell,
.grid-view-shell,
.fees-grid-shell,
.payfees-grid-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    border: 1px solid var(--collegepro-line) !important;
    border-radius: var(--collegepro-radius) !important;
    background: rgba(255, 255, 255, 0.88) !important;
}

table,
.table,
.GridView,
.grid,
.dataTable,
.fees-grid,
table[id*="GridView"],
table[id*="grid"],
table[id*="Grid"],
table[id*="grd"],
table[id*="Grd"] {
    color: var(--collegepro-ink) !important;
    border-color: var(--collegepro-line) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.table > thead > tr > th,
table[id*="GridView"] th,
table[id*="grid"] th,
table[id*="Grid"] th,
table[id*="grd"] th,
table[id*="Grd"] th,
table.GridView th,
.GridView th,
.grid th,
.dataTable th,
.fees-grid th {
    color: var(--collegepro-cream) !important;
    background: linear-gradient(180deg, var(--collegepro-green) 0%, var(--collegepro-dark) 100%) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

.table > tbody > tr > td,
table[id*="GridView"] td,
table[id*="grid"] td,
table[id*="Grid"] td,
table[id*="grd"] td,
table[id*="Grd"] td,
.GridView td,
.grid td,
.dataTable td,
.fees-grid td {
    color: var(--collegepro-ink) !important;
    border-color: rgba(18, 63, 37, 0.08) !important;
}

.ajax__calendar_container,
.ajax__calendar {
    z-index: 200000 !important;
}

@media (max-width: 767px) {
    body {
        background:
            radial-gradient(circle at top left, rgba(201, 149, 47, 0.16), transparent 28%),
            linear-gradient(180deg, var(--collegepro-cream) 0%, var(--collegepro-green-cream) 100%) !important;
    }

    .container,
    .container-fluid {
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    .panel,
    .well,
    .modal-content,
    .widget,
    .portlet,
    .box,
    .card,
    .content-panel,
    .form-panel,
    .table-responsive,
    .grid-shell,
    .grid-view-shell,
    .fees-grid-shell {
        border-radius: var(--collegepro-radius) !important;
    }

    .form-control,
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    input[type="date"],
    input[type="tel"],
    input[type="search"],
    input[type="url"],
    select,
    textarea {
        width: 100% !important;
        min-height: 44px !important;
        padding: 9px 11px !important;
        color: #1f2933 !important;
        background-color: #ffffff !important;
        border: 2px solid rgba(18, 63, 37, 0.48) !important;
        border-radius: var(--collegepro-input-radius) !important;
        font-size: 16px !important;
        line-height: 1.35 !important;
    }

    .btn,
    button,
    input[type="submit"],
    input[type="button"],
    input[type="reset"] {
        min-height: 40px;
        white-space: normal;
    }

    .table-responsive,
    .grid-shell,
    .grid-view-shell,
    .fees-grid-shell,
    .payfees-grid-wrap {
        margin-bottom: 12px !important;
    }
}