/* CollegePro active theme: academic-blue */
/* This file is generated by /Masters/Master_Theme.aspx. */
:root {
    --collegepro-dark: #123A5A;
    --collegepro-green: #256AA8;
    --collegepro-leaf-light: #DCECF8;
    --collegepro-cream: #F6FAFD;
    --collegepro-gold: #D9A73A;
    --collegepro-gold-dark: #123A5A;
    --collegepro-gold-soft: #F7C85C;
    --collegepro-green-cream: #EEF6FC;
    --collegepro-green-soft: #DCECF8;
    --collegepro-ink: #123A5A;
    --collegepro-menu-bg: #123A5A;
    --collegepro-menu-active: #256AA8;
    --collegepro-menu-text: #F6FAFD;
    --collegepro-menu-icon: #D9A73A;
    --collegepro-muted: rgba(18, 58, 90, 0.72);
    --collegepro-line: rgba(18, 58, 90, 0.16);
    --collegepro-surface: rgba(246, 250, 253, 0.96);
    --collegepro-radius: 8px;
}

html,
body {
    background:
        radial-gradient(circle at top left, rgba(217, 167, 58, 0.16), transparent 28%),
        linear-gradient(180deg, #F6FAFD 0%, #EEF6FC 100%) !important;
    color: #123A5A;
}

a {
    color: #256AA8;
}

a:hover,
a:focus {
    color: #123A5A;
}

.panel,
.panel-default,
.panel-primary,
.panel-success,
.panel-info,
.panel-warning,
.panel-danger,
.well,
.thumbnail,
.modal-content,
.widget,
.portlet,
.info-box,
.login-box,
.login-panel,
.form-panel,
.fees-summary-card,
.fees-dashboard-card,
.fees-metric-card,
.fees-welcome-hero,
.box,
.card,
.theme-card {
    color: #123A5A !important;
    background: rgba(246, 250, 253, 0.96) !important;
    border: 1px solid rgba(18, 58, 90, 0.16) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 28px rgba(18, 58, 90, 0.08) !important;
}

.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,
.btn-primary,
.btn-success,
.btn-info,
.theme-manager__button {
    background: linear-gradient(90deg, #123A5A 0%, #256AA8 100%) !important;
    border-color: #123A5A !important;
    color: #F6FAFD !important;
}

#sidebar,
.nav-collapse,
.sidebar-menu,
.sidebar-menu .sub,
.left-menu,
.side-menu {
    background: #123A5A !important;
}

.sidebar-menu li a,
.sidebar-menu .sub li a,
.left-menu a,
.side-menu a {
    color: #F6FAFD !important;
    background: transparent !important;
    border-radius: 8px !important;
}

.sidebar-menu li a:hover,
.sidebar-menu li.active a,
.sidebar-menu li.active > a,
.sidebar-menu .sub-menu .sub li a:hover,
.sidebar-menu .sub-menu .sub li.active a,
.left-menu a:hover,
.left-menu .active > a,
.side-menu a:hover,
.side-menu .active > a {
    background-color: #256AA8 !important;
    color: #ffffff !important;
}

.sidebar-menu li a i,
.sidebar-menu li a .fa,
.sidebar-menu .menu-arrow,
.left-menu i,
.side-menu i {
    color: #D9A73A !important;
}

.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
    color: #123A5A !important;
    border-color: rgba(18, 58, 90, 0.16) !important;
    border-radius: 8px !important;
}

.btn,
button,
input[type="submit"],
input[type="button"] {
    color: #F6FAFD !important;
    background: linear-gradient(90deg, #123A5A 0%, #256AA8 100%) !important;
    border-color: #123A5A !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 18px rgba(18, 58, 90, 0.18) !important;
}

.btn-warning,
.btn-gold,
.label-warning,
.badge-warning {
    color: #123A5A !important;
    background: linear-gradient(90deg, #F7C85C 0%, #D9A73A 100%) !important;
    border-color: #D9A73A !important;
}

.breadcrumb {
    color: rgba(18, 58, 90, 0.72) !important;
    background: #EEF6FC !important;
    border: 1px solid rgba(18, 58, 90, 0.16) !important;
    border-radius: 8px !important;
}

.breadcrumb a,
.breadcrumb i {
    color: #256AA8 !important;
}

table,
.table,
.GridView,
.grid,
.dataTable {
    color: #123A5A !important;
    border-color: rgba(18, 58, 90, 0.16) !important;
}

.table-responsive,
.grid-shell,
.grid-view-shell,
.fees-grid-shell {
    overflow-x: auto !important;
    border: 1px solid rgba(18, 58, 90, 0.16) !important;
    border-radius: 8px !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: #EEF6FC;
    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: #256AA8;
    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 rgba(18, 58, 90, 0.16) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: #123A5A !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, #256AA8 0%, #123A5A 100%) !important;
    color: #F6FAFD !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: #F6FAFD !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: 8px !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: 8px !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 rgba(18, 58, 90, 0.16) !important;
    border-right: 1px solid rgba(18, 58, 90, 0.08) !important;
    color: #123A5A !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 > 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 {
    background: rgba(255, 252, 246, 0.95) !important;
}

.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 {
    background: #EEF6FC !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: #DCECF8 !important;
}

.loader {
    background:
        radial-gradient(circle at top left, rgba(217, 167, 58, 0.18), transparent 24%),
        radial-gradient(circle at bottom right, rgba(37, 106, 168, 0.16), transparent 28%),
        linear-gradient(135deg, #F6FAFD 0%, #EEF6FC 52%, #DCECF8 100%) !important;
}

.cp-loader-card,
.page-loader__panel {
    background: linear-gradient(180deg, rgba(37, 106, 168, 0.92), rgba(18, 58, 90, 0.96)) !important;
    border-color: rgba(246, 250, 253, 0.18) !important;
    border-radius: 28px !important;
}

.cp-loader-badge,
.page-loader__official,
.page-loader__blocked-badge {
    color: #F7C85C !important;
    border-color: rgba(217, 167, 58, 0.36) !important;
    background: linear-gradient(180deg, rgba(246, 250, 253, 0.16), rgba(246, 250, 253, 0.06)) !important;
}

.cp-loader-logo-wrap,
.page-loader__crest {
    background: linear-gradient(145deg, rgba(217, 167, 58, 0.24), rgba(246, 250, 253, 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%, #F6FAFD 0%, #F7C85C 55%, #D9A73A 100%) !important;
    box-shadow: 0 0 18px rgba(217, 167, 58, 0.45) !important;
}

.cp-loader-progress-bar,
.cp-loader-progress,
.page-loader__progress-bar,
.page-loader__dots span:before {
    background: linear-gradient(90deg, #F7C85C 0%, #D9A73A 100%) !important;
    box-shadow: 0 0 18px rgba(217, 167, 58, 0.28) !important;
}

.cp-loader-text,
.cp-loader-meta,
.page-loader__subtitle,
.page-loader__meta,
.page-loader__skip {
    color: rgba(246, 250, 253, 0.9) !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: #123A5A !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: #123A5A !important;
    background: rgba(246, 250, 253, 0.96) !important;
    border-color: rgba(18, 58, 90, 0.16) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 28px rgba(18, 58, 90, 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: #F6FAFD !important;
    background: linear-gradient(90deg, #123A5A 0%, #256AA8 100%) !important;
    border-color: #D9A73A !important;
    border-radius: 8px 8px 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: #F6FAFD !important;
    background: linear-gradient(90deg, #123A5A 0%, #256AA8 100%) !important;
    border: 1px solid rgba(18, 58, 90, 0.18) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 28px rgba(18, 58, 90, 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: #D9A73A !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: #F6FAFD !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: #F6FAFD !important;
    background: linear-gradient(90deg, #123A5A 0%, #256AA8 100%) !important;
    border: 1px solid rgba(18, 58, 90, 0.16) !important;
    border-radius: 8px !important;
    box-shadow: 0 22px 40px rgba(18, 58, 90, 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(217, 167, 58, 0.18) 0%, rgba(217, 167, 58, 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, #D9A73A 0%, #256AA8 100%) !important;
}

.fees-welcome-hero h1 {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: #F6FAFD !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: #123A5A !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(18, 58, 90, 0.18) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.bg-primary,
.bg-success,
.bg-info,
.label-primary,
.label-success,
.label-info,
.badge-primary,
.badge-success,
.badge-info {
    color: #F6FAFD !important;
    background: #256AA8 !important;
    border-color: #256AA8 !important;
}

.bg-warning,
.label-warning,
.badge-warning {
    color: #123A5A !important;
    background: #F7C85C !important;
    border-color: #D9A73A !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: 8px !important;
    border-color: rgba(18, 58, 90, 0.16) !important;
}

.nav-tabs {
    border-color: rgba(18, 58, 90, 0.16) !important;
}

.nav-tabs > li > a,
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    color: #123A5A !important;
    background: rgba(246, 250, 253, 0.74) !important;
    border-color: rgba(18, 58, 90, 0.16) !important;
    border-radius: 8px 8px 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: #F6FAFD !important;
    background: #256AA8 !important;
    border-color: #256AA8 !important;
}

.dropdown-menu,
.select2-drop,
.select2-dropdown,
.chosen-container .chosen-drop {
    color: #123A5A !important;
    background: rgba(246, 250, 253, 0.96) !important;
    border-color: rgba(18, 58, 90, 0.16) !important;
    border-radius: 8px !important;
}

.dropdown-menu > li > a,
.select2-results li,
.chosen-container .chosen-results li {
    color: #123A5A !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.select2-results .select2-highlighted,
.chosen-container .chosen-results li.highlighted {
    color: #F6FAFD !important;
    background: #256AA8 !important;
}

.pagination > li > a,
.pagination > li > span {
    color: #123A5A !important;
    background: rgba(246, 250, 253, 0.96) !important;
    border-color: rgba(18, 58, 90, 0.16) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
    color: #F6FAFD !important;
    background: #256AA8 !important;
    border-color: #256AA8 !important;
}

.fc-header,
.fc-toolbar,
.calendar-header,
.ui-datepicker-header {
    color: #F6FAFD !important;
    background: linear-gradient(90deg, #123A5A 0%, #256AA8 100%) !important;
    border-color: #D9A73A !important;
}

.ui-datepicker,
.calendar,
.fc,
.fc-view,
.fc-widget-content {
    color: #123A5A !important;
    background: rgba(246, 250, 253, 0.96) !important;
    border-color: rgba(18, 58, 90, 0.16) !important;
}

.ui-widget-content,
.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-color: rgba(18, 58, 90, 0.16) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    color: #F6FAFD !important;
    background: #256AA8 !important;
    border-color: #256AA8 !important;
}