/**

* Template Name: Company

* Template URL: https://bootstrapmade.com/company-free-html-bootstrap-template/

* Updated: Aug 07 2024 with Bootstrap v5.3.3

* Author: BootstrapMade.com

* License: https://bootstrapmade.com/license/

*/

/* Combined main.css followed by mydata-public.css. */
@import url("/bootstrap/montserrat.css");
@import url("/bootstrap/karla.css");
:root { --default-font: "Lato", sans-serif; --heading-font: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; --nav-font: "Nunito",  sans-serif; }
:root { --background-color: #ffffff; --default-color: #444444; --heading-color: #111111; --accent-color: #2FA89C; --surface-color: #ffffff; --contrast-color: #ffffff; }
:root { --nav-color: #013672; --nav-hover-color: #2FA89C; --nav-mobile-background-color: #ffffff; --nav-dropdown-background-color: #ffffff; --nav-dropdown-color: #013672; --nav-dropdown-hover-color: #2FA89C; }
.light-background { --background-color: #f7f7f7; --surface-color: #ffffff; }
.dark-background { --background-color: #013672; --default-color: #ffffff; --heading-color: #ffffff; --surface-color: #252525; --contrast-color: #ffffff; }
.accent-background { --background-color: #013672; --default-color: #ffffff; --heading-color: #ffffff; --accent-color: #ffffff; --surface-color: #2ae149; --contrast-color: #ffffff; }
:root { scroll-behavior: smooth; }
body { color: var(--default-color); background-color: var(--background-color); font-family: var(--default-font); }
a { color: var(--accent-color); text-decoration: none; transition: 0.3s; }
a:hover { color: color-mix(in srgb, var(--accent-color), transparent 25%); text-decoration: none; }
h1,

h2,

h3,

h4,

h5,

h6 { color: var(--heading-color); font-family: var(--heading-font); }
.php-email-form .error-message { display: none; background: #df1529; color: #ffffff; text-align: left; padding: 15px; margin-bottom: 24px; font-weight: 600; }
.php-email-form .sent-message { display: none; color: #ffffff; background: #059652; text-align: center; padding: 15px; margin-bottom: 24px; font-weight: 600; }
.php-email-form .loading { display: none; background: var(--surface-color); text-align: center; padding: 15px; margin-bottom: 24px; }
.php-email-form .loading:before { content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid var(--accent-color); border-top-color: var(--surface-color); animation: php-email-form-loading 1s linear infinite; }
@keyframes php-email-form-loading {
  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }
}
.header { color: var(--default-color); background-color: var(--background-color); padding: 10px 0; transition: all 0.5s; z-index: 997; box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1); }
.header .logo { line-height: 1; }
.header .logo img { max-height: 63px; margin-right: 8px; }
.header .logo h1 { font-size: 26px; margin: 0; font-weight: 700; text-transform: uppercase; color: var(--heading-color); }
.header .logo span { color: var(--accent-color); font-size: 26px; font-weight: 700; }
.header .header-social-links { padding: 0 0 0 15px; }
.header .header-social-links a { color: color-mix(in srgb, var(--default-color), transparent 40%); padding-left: 10px; display: inline-block; transition: 0.3s; font-size: 16px; }
.header .header-social-links a:hover { color: var(--accent-color); }
.header .header-social-links a i { line-height: 0px; }
@media (max-width: 1200px) {
.header .logo { order: 1; }
.header .logo h1 { font-size: 24px; }
.header .header-social-links { order: 2; padding: 0 15px 0 0; }
.header .navmenu { order: 3; }
}
@media (min-width: 1200px) {
.navmenu { padding: 0; }
.navmenu ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; }
.navmenu li { position: relative; }
.navmenu a,

  .navmenu a:focus { color: var(--nav-color); padding: 18px 15px; font-size: 13px; font-family: var(--nav-font); text-transform: uppercase; font-weight: 600; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; transition: 0.3s; }
.navmenu a i,

  .navmenu a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; transition: 0.3s; }
.navmenu li:last-child a { padding-right: 0; }
.navmenu li:hover>a,

  .navmenu .active,

  .navmenu .active:focus { color: var(--nav-hover-color); }
.navmenu .dropdown ul { margin: 0; padding: 10px 0; background: var(--nav-dropdown-background-color); display: block; position: absolute; visibility: hidden; left: 14px; top: 130%; opacity: 0; transition: 0.3s; border-radius: 4px; z-index: 99; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
.navmenu .dropdown ul li { min-width: 200px; }
.navmenu .dropdown ul a { padding: 10px 20px; font-size: 15px; text-transform: none; color: var(--nav-dropdown-color); }
.navmenu .dropdown ul a i { font-size: 12px; }
.navmenu .dropdown ul a:hover,

  .navmenu .dropdown ul .active:hover,

  .navmenu .dropdown ul li:hover>a { color: var(--nav-dropdown-hover-color); }
.navmenu .dropdown:hover>ul { opacity: 1; top: 100%; visibility: visible; }
.navmenu .dropdown .dropdown ul { top: 0; left: -90%; visibility: hidden; }
.navmenu .dropdown .dropdown:hover>ul { opacity: 1; top: 0; left: -100%; visibility: visible; }
}
@media (max-width: 1199px) {
.mobile-nav-toggle { color: var(--nav-color); font-size: 28px; line-height: 0; margin-right: 10px; cursor: pointer; transition: color 0.3s; }
.navmenu { padding: 0; z-index: 9997; }
.navmenu ul { display: none; list-style: none; position: absolute; inset: 60px 20px 20px 20px; padding: 10px 0; margin: 0; border-radius: 6px; background-color: var(--nav-mobile-background-color); overflow-y: auto; transition: 0.3s; z-index: 9998; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
.navmenu a,

  .navmenu a:focus { color: var(--nav-dropdown-color); padding: 10px 20px; font-family: var(--nav-font); font-size: 17px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; transition: 0.3s; }
.navmenu a i,

  .navmenu a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.3s; background-color: color-mix(in srgb, var(--accent-color), transparent 90%); }
.navmenu a i:hover,

  .navmenu a:focus i:hover { background-color: var(--accent-color); color: var(--contrast-color); }
.navmenu a:hover,

  .navmenu .active,

  .navmenu .active:focus { color: var(--nav-dropdown-hover-color); }
.navmenu .active i,

  .navmenu .active:focus i { background-color: var(--accent-color); color: var(--contrast-color); transform: rotate(180deg); }
.navmenu .dropdown ul { position: static; display: none; z-index: 99; padding: 10px 0; margin: 10px 20px; background-color: var(--nav-dropdown-background-color); border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); box-shadow: none; transition: all 0.5s ease-in-out; }
.navmenu .dropdown ul ul { background-color: rgba(33, 37, 41, 0.1); }
.navmenu .dropdown>.dropdown-active { display: block; background-color: rgba(33, 37, 41, 0.03); }
.mobile-nav-active { overflow: hidden; }
.mobile-nav-active .mobile-nav-toggle { color: #fff; position: absolute; font-size: 32px; top: 15px; right: 15px; margin-right: 0; z-index: 9999; }
.mobile-nav-active .navmenu { position: fixed; overflow: hidden; inset: 0; background: rgba(33, 37, 41, 0.8); transition: 0.3s; }
.mobile-nav-active .navmenu>ul { display: block; }
}
.footer { color: var(--default-color); background-color: #013672; font-size: 14px; position: relative; }
.footer .footer-top { padding-top: 50px; border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); }
.footer .footer-about .logo { line-height: 1; margin-bottom: 25px; }
.footer .footer-about .logo img { max-height: 40px; margin-right: 6px; }
.footer .footer-about .logo span { font-size: 26px; font-weight: 700; letter-spacing: 1px; font-family: var(--heading-font); color: var(--heading-color); }
.footer .footer-about p { font-size: 14px; font-family: var(--heading-font); }
.footer .social-links a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--default-color), transparent 50%); font-size: 16px; color: color-mix(in srgb, var(--default-color), transparent 30%); margin-right: 10px; transition: 0.3s; }
.footer .social-links a:hover { color: var(--accent-color); border-color: var(--accent-color); }
.footer h4 { font-size: 16px; font-weight: bold; position: relative; padding-bottom: 12px; }
.footer .footer-links { margin-bottom: 30px; }
.footer .footer-links ul { list-style: none; padding: 0; margin: 0; }
.footer .footer-links ul i { padding-right: 2px; font-size: 12px; line-height: 0; }
.footer .footer-links ul li { padding: 10px 0; display: flex; align-items: center; }
.footer .footer-links ul li:first-child { padding-top: 0; }
.footer .footer-links ul a { color: color-mix(in srgb, var(--default-color), transparent 30%); display: inline-block; line-height: 1; }
.footer .footer-links ul a:hover { color: var(--accent-color); }
.footer .footer-contact p { margin-bottom: 5px; }
.footer .footer-newsletter .newsletter-form { margin-top: 30px; margin-bottom: 15px; padding: 6px 8px; position: relative; border-radius: 4px; border: 1px solid color-mix(in srgb, var(--default-color), transparent 80%); display: flex; background-color: var(--surface-color); transition: 0.3s; }
.footer .footer-newsletter .newsletter-form:focus-within { border-color: var(--accent-color); }
.footer .footer-newsletter .newsletter-form input[type=email] { border: 0; padding: 4px; width: 100%; background-color: var(--surface-color); color: var(--default-color); }
.footer .footer-newsletter .newsletter-form input[type=email]:focus-visible { outline: none; }
.footer .footer-newsletter .newsletter-form input[type=submit] { border: 0; font-size: 16px; padding: 0 20px; margin: -7px -8px -7px 0; background: var(--accent-color); color: var(--contrast-color); transition: 0.3s; border-radius: 0 4px 4px 0; }
.footer .footer-newsletter .newsletter-form input[type=submit]:hover { background: color-mix(in srgb, var(--accent-color), transparent 20%); }
.footer .copyright { padding: 25px 0; border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); }
.footer .copyright p { margin-bottom: 0; }
.footer .credits { margin-top: 6px; font-size: 13px; }
#preloader { position: fixed; inset: 0; z-index: 999999; overflow: hidden; background: var(--background-color); transition: all 0.6s ease-out; }
#preloader:before { content: ""; position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); border: 6px solid #ffffff; border-color: var(--accent-color) transparent var(--accent-color) transparent; border-radius: 50%; width: 60px; height: 60px; animation: animate-preloader 1.5s linear infinite; }
@keyframes animate-preloader {
  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }
}
.scroll-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 99999; background-color: var(--accent-color); width: 40px; height: 40px; border-radius: 4px; transition: all 0.4s; }
.scroll-top i { font-size: 24px; color: var(--contrast-color); line-height: 0; }
.scroll-top:hover { background-color: color-mix(in srgb, var(--accent-color), transparent 20%); color: var(--contrast-color); }
.scroll-top.active { visibility: visible; opacity: 1; }
@media screen and (max-width: 768px) {
.site-wrapper { overflow: hidden; }
}
.page-title { color: var(--default-color); background-color: var(--background-color); padding: 25px 0; position: relative; }
.page-title h1 { font-size: 24px; font-weight: 700; text-align: center; }
.page-title .breadcrumbs ol { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; font-size: 14px; font-weight: 400; }
.page-title .breadcrumbs ol li+li { padding-left: 10px; }
.page-title .breadcrumbs ol li+li::before { content: "/"; display: inline-block; padding-right: 10px; color: color-mix(in srgb, var(--default-color), transparent 70%); }
section,

.section { color: var(--default-color); background-color: var(--background-color); padding: 0px 0; scroll-margin-top: 100px; overflow: clip; }
@media (max-width: 1199px) {
section,

  .section { scroll-margin-top: 66px; }
}
.section-title { text-align: center; padding-bottom: 60px; position: relative; }
.section-title h2 { font-size: 32px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; padding-bottom: 20px; position: relative; }
.section-title h2:after { content: ""; position: absolute; display: block; width: 50px; height: 3px; background: var(--accent-color); left: 0; right: 0; bottom: 0; margin: auto; }
.section-title p { margin-bottom: 0; }
.hero { padding: 0; }
.hero .carousel { width: 100%; min-height: calc(50vh - 35px); padding: 0; margin: 0; position: relative; }
@media (max-height: 500px),

(max-width: 1200px) {
.hero .carousel { min-height: calc(30vh - 18px); }
}
.hero .carousel-item { position: relative; height: 50vh; min-height: 450px; }
.hero img { width: 100%; height: 100%; object-fit: cover; }
.hero .container { background: color-mix(in srgb, var(--surface-color), transparent 40%); position: relative; text-align: center; padding-top: 30px; padding-bottom: 30px; margin-bottom: 50px; border-top: 4px solid var(--accent-color); z-index: 3; }
@media (max-width: 1200px) {
.hero .container { margin-left: 50px; margin-right: 50px; }
}
.hero h2 { margin-bottom: 20px; font-size: 36px; font-weight: 700; }
@media (max-width: 768px) {
.hero h2 { font-size: 30px; }
}
.hero .btn-get-started { font-weight: 500; font-size: 15px; letter-spacing: 1px; display: inline-block; padding: 8px 32px; transition: 0.5s; margin: 10px; border-radius: 4px; color: var(--contrast-color); border: 2px solid var(--accent-color); }
.hero .btn-get-started:hover { background: var(--accent-color); color: var(--contrast-color); }
@media (min-width: 640px) {
.hero .carousel-control-prev { padding-left: 15px; }
}
@media (min-width: 640px) {
.hero .carousel-control-next { padding-right: 15px; }
}
.hero .carousel-control-prev,

.hero .carousel-control-next { position: absolute; top: 50%; transform: translateY(-50%); width: 70px; height: 70px; opacity: .7; transition: .3s; z-index: 20; }
.hero .carousel-control-prev { left: 20px; justify-content: center; }
.hero .carousel-control-next { right: 20px; justify-content: center; }
.hero .carousel-control-prev-icon,

.hero .carousel-control-next-icon { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; color: #fff; background: rgba(0,0,0,.45); transition: .3s; }
.hero .carousel-control-prev:hover .carousel-control-prev-icon,

.hero .carousel-control-next:hover .carousel-control-next-icon { background: #0dcaf0; transform: scale(1.1); }
.hero .carousel-control-prev:focus,

.hero .carousel-control-next:focus { opacity: 0.5; }
.hero .carousel-control-prev:hover,

.hero .carousel-control-next:hover { opacity: 0.9; }
.hero .carousel-control-prev:hover .carousel-control-next-icon,

.hero .carousel-control-prev:hover .carousel-control-prev-icon,

.hero .carousel-control-next:hover .carousel-control-next-icon,

.hero .carousel-control-next:hover .carousel-control-prev-icon { background: var(--accent-color); color: var(--default-color); }
.hero .carousel-indicators li { cursor: pointer; background: var(--default-color); overflow: hidden; border: 0; width: 12px; height: 12px; border-radius: 50px; opacity: 0.6; transition: 0.3s; }
.hero .carousel-indicators li.active { opacity: 1; background: var(--accent-color); }
.about .inner-title { font-size: 2.75rem; font-weight: 700; margin: 30px 0; }
@media (min-width: 991px) {
.about .inner-title { max-width: 65%; margin: 0 0 80px 0; }
}
.about .our-story { padding: 40px; background-color: color-mix(in srgb, var(--default-color), transparent 96%); }
@media (min-width: 991px) {
.about .our-story { padding-right: 35%; }
}
.about .our-story h4 { text-transform: uppercase; font-size: 1.1rem; color: color-mix(in srgb, var(--default-color), transparent 50%); }
.about .our-story h3 { font-size: 2.25rem; font-weight: 700; color: color-mix(in srgb, var(--default-color), transparent 20%); }
.about .our-story p:last-child { margin-bottom: 0; }
.about ul { list-style: none; padding: 0; font-size: 15px; }
.about ul li { padding: 5px 0; display: flex; align-items: center; }
.about ul i { font-size: 1.25rem; margin-right: 0.5rem; line-height: 1.2; color: var(--accent-color); }
.about .watch-video i { font-size: 2rem; transition: 0.3s; color: var(--accent-color); }
.about .watch-video a { font-weight: 600; color: color-mix(in srgb, var(--default-color), transparent 20%); margin-left: 8px; transition: 0.3s; }
.about .watch-video:hover a { color: var(--accent-color); }
.about .about-img { min-height: 400px; position: relative; }
@media (min-width: 992px) {
.about .about-img { position: absolute; top: 0; right: 0; min-height: 600px; }
}
.about .about-img img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 1; }
.services .service-item { background-color: var(--surface-color); box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1); height: 100%; padding: 60px 30px; text-align: center; transition: 0.3s; border-radius: 5px; }
.services .service-item .icon { margin: 0 auto; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; transition: ease-in-out 0.3s; position: relative; }
.services .service-item .icon i { font-size: 36px; transition: 0.5s; position: relative; }
.services .service-item .icon svg { position: absolute; top: 0; left: 0; }
.services .service-item .icon svg path { transition: 0.5s; fill: color-mix(in srgb, var(--default-color), transparent 95%); }
.services .service-item h3 { font-weight: 700; margin: 10px 0 15px 0; font-size: 22px; }
.services .service-item p { line-height: 24px; font-size: 14px; margin-bottom: 0; }
.services .service-item:hover { box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.1); }
.services .service-item.item-cyan i { color: #0dcaf0; }
.services .service-item.item-cyan:hover .icon i { color: #fff; }
.services .service-item.item-cyan:hover .icon path { fill: #0dcaf0; }
.services .service-item.item-orange i { color: #fd7e14; }
.services .service-item.item-orange:hover .icon i { color: #fff; }
.services .service-item.item-orange:hover .icon path { fill: #fd7e14; }
.services .service-item.item-teal i { color: #20c997; }
.services .service-item.item-teal:hover .icon i { color: #fff; }
.services .service-item.item-teal:hover .icon path { fill: #20c997; }
.services .service-item.item-red i { color: #df1529; }
.services .service-item.item-red:hover .icon i { color: #fff; }
.services .service-item.item-red:hover .icon path { fill: #df1529; }
.services .service-item.item-indigo i { color: #6610f2; }
.services .service-item.item-indigo:hover .icon i { color: #fff; }
.services .service-item.item-indigo:hover .icon path { fill: #6610f2; }
.services .service-item.item-pink i { color: #f3268c; }
.services .service-item.item-pink:hover .icon i { color: #fff; }
.services .service-item.item-pink:hover .icon path { fill: #f3268c; }
.portfolio .portfolio-filters { padding: 0; margin: 0 auto 20px auto; list-style: none; text-align: center; }
.portfolio .portfolio-filters li { cursor: pointer; display: inline-block; padding: 8px 20px 10px 20px; margin: 0; font-size: 15px; font-weight: 500; line-height: 1; margin-bottom: 5px; border-radius: 4px; transition: all 0.3s ease-in-out; font-family: var(--heading-font); }
.portfolio .portfolio-filters li:hover,

.portfolio .portfolio-filters li.filter-active { color: var(--contrast-color); background-color: var(--accent-color); }
.portfolio .portfolio-filters li:first-child { margin-left: 0; }
.portfolio .portfolio-filters li:last-child { margin-right: 0; }
@media (max-width: 575px) {
.portfolio .portfolio-filters li { font-size: 14px; margin: 0 0 10px 0; }
}
.portfolio .portfolio-item { position: relative; overflow: hidden; }
.portfolio .portfolio-item .portfolio-info { opacity: 0; position: absolute; left: 12px; right: 12px; bottom: -100%; z-index: 3; transition: all ease-in-out 0.5s; background: color-mix(in srgb, var(--surface-color), transparent 10%); padding: 15px; }
.portfolio .portfolio-item .portfolio-info h4 { font-size: 18px; font-weight: 600; padding-right: 50px; }
.portfolio .portfolio-item .portfolio-info p { color: color-mix(in srgb, var(--default-color), transparent 30%); font-size: 14px; margin-bottom: 0; padding-right: 50px; }
.portfolio .portfolio-item .portfolio-info .preview-link,

.portfolio .portfolio-item .portfolio-info .details-link { position: absolute; right: 50px; font-size: 24px; top: calc(50% - 14px); color: color-mix(in srgb, var(--default-color), transparent 30%); transition: 0.3s; line-height: 0; }
.portfolio .portfolio-item .portfolio-info .preview-link:hover,

.portfolio .portfolio-item .portfolio-info .details-link:hover { color: var(--accent-color); }
.portfolio .portfolio-item .portfolio-info .details-link { right: 14px; font-size: 28px; }
.portfolio .portfolio-item:hover .portfolio-info { opacity: 1; bottom: 0; }
.clients .clients-wrap { border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 85%); border-left: 1px solid color-mix(in srgb, var(--default-color), transparent 85%); }
.clients .client-logo { background-color: var(--surface-color); display: flex; justify-content: center; align-items: center; border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 85%); border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%); overflow: hidden; }
.clients .client-logo img { padding: 50px; max-width: 80%; transition: 0.3s; }
@media (max-width: 640px) {
.clients .client-logo img { padding: 30px; max-width: 50%; }
}
.clients .client-logo:hover img { transform: scale(1.1); }
.skills .progress { height: 60px; display: block; background: none; border-radius: 0; }
.skills .progress .skill { color: var(--heading-color); padding: 0; margin: 0 0 6px 0; text-transform: uppercase; display: block; font-weight: 600; font-family: var(--heading-font); }
.skills .progress .skill .val { float: right; font-style: normal; }
.skills .progress-bar-wrap { background: color-mix(in srgb, var(--default-color), transparent 90%); height: 10px; }
.skills .progress-bar { width: 1px; height: 10px; transition: 0.9s; background-color: var(--accent-color); }
.team .team-member { background-color: var(--surface-color); box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); overflow: hidden; border-radius: 5px; }
.team .team-member .member-img { position: relative; overflow: hidden; }
.team .team-member .social { position: absolute; left: 0; bottom: 0; right: 0; height: 40px; opacity: 0; transition: ease-in-out 0.3s; background: color-mix(in srgb, var(--background-color), transparent 20%); display: flex; align-items: center; justify-content: center; }
.team .team-member .social a { transition: color 0.3s; color: var(--heading-color); margin: 0 10px; display: inline-flex; align-items: center; justify-content: center; }
.team .team-member .social a i { line-height: 0; }
.team .team-member .social a:hover { color: var(--accent-color); }
.team .team-member .social i { font-size: 18px; margin: 0 2px; }
.team .team-member .member-info { padding: 25px 15px; text-align: center; }
.team .team-member .member-info h4 { font-weight: 700; margin-bottom: 5px; font-size: 18px; color: color-mix(in srgb, var(--default-color), transparent 20%); }
.team .team-member .member-info span { display: block; font-size: 13px; font-weight: 400; color: color-mix(in srgb, var(--default-color), transparent 40%); }
.team .team-member .member-info p { font-style: italic; font-size: 14px; line-height: 26px; color: color-mix(in srgb, var(--default-color), transparent 40%); }
.team .team-member:hover .social { opacity: 1; }
.testimonials .testimonial-item { background-color: var(--surface-color); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); padding: 30px; position: relative; height: 100%; }
.testimonials .testimonial-item .testimonial-img { width: 90px; border-radius: 50px; border: 6px solid var(--background-color); float: left; margin: 0 10px 0 0; }
.testimonials .testimonial-item h3 { font-size: 18px; font-weight: bold; margin: 10px 0 5px 0; }
.testimonials .testimonial-item h4 { font-size: 14px; color: color-mix(in srgb, var(--default-color), transparent 20%); margin: 0; }
.testimonials .testimonial-item .stars { margin: 10px 0; }
.testimonials .testimonial-item .stars i { color: #ffc107; margin: 0 1px; }
.testimonials .testimonial-item .quote-icon-left,

.testimonials .testimonial-item .quote-icon-right { color: color-mix(in srgb, var(--accent-color), transparent 50%); font-size: 26px; line-height: 0; }
.testimonials .testimonial-item .quote-icon-left { display: inline-block; left: -5px; position: relative; }
.testimonials .testimonial-item .quote-icon-right { display: inline-block; right: -5px; position: relative; top: 10px; transform: scale(-1, -1); }
.testimonials .testimonial-item p { font-style: italic; margin: 15px 0 0 0; padding: 0; }
.features .features-item { background-color: var(--surface-color); display: flex; align-items: center; padding: 20px; transition: 0.3s; border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); position: relative; }
.features .features-item i { font-size: 32px; padding-right: 10px; line-height: 0; }
.features .features-item h3 { font-weight: 700; margin: 0; padding: 0; line-height: 1; font-size: 16px; }
.features .features-item h3 a { color: var(--heading-color); transition: 0.3s; }
.features .features-item:hover { border-color: var(--accent-color); }
.features .features-item:hover h3 a { color: var(--accent-color); }
.service-details .services-list { background-color: var(--surface-color); padding: 10px 30px; border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); margin-bottom: 20px; }
.service-details .services-list a { display: block; line-height: 1; padding: 8px 0 8px 15px; border-left: 3px solid color-mix(in srgb, var(--default-color), transparent 70%); margin: 20px 0; color: color-mix(in srgb, var(--default-color), transparent 20%); transition: 0.3s; }
.service-details .services-list a.active { color: var(--heading-color); font-weight: 700; border-color: var(--accent-color); }
.service-details .services-list a:hover { border-color: var(--accent-color); }
.service-details .services-img { margin-bottom: 20px; }
.service-details h3 { font-size: 26px; font-weight: 700; }
.service-details h4 { font-size: 20px; font-weight: 700; }
.service-details p { font-size: 15px; }
.service-details ul { list-style: none; padding: 0; font-size: 15px; }
.service-details ul li { padding: 5px 0; display: flex; align-items: center; }
.service-details ul i { font-size: 20px; margin-right: 8px; color: var(--accent-color); }
.portfolio-details .portfolio-details-slider img { width: 100%; }
.portfolio-details .swiper-wrapper { height: auto; }
.portfolio-details .swiper-button-prev,

.portfolio-details .swiper-button-next { width: 48px; height: 48px; }
.portfolio-details .swiper-button-prev:after,

.portfolio-details .swiper-button-next:after { color: rgba(255, 255, 255, 0.8); background-color: rgba(0, 0, 0, 0.15); font-size: 24px; border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; transition: 0.3s; }
.portfolio-details .swiper-button-prev:hover:after,

.portfolio-details .swiper-button-next:hover:after { background-color: rgba(0, 0, 0, 0.3); }
@media (max-width: 575px) {
.portfolio-details .swiper-button-prev,

  .portfolio-details .swiper-button-next { display: none; }
}
.portfolio-details .swiper-pagination { margin-top: 20px; position: relative; }
.portfolio-details .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background-color: color-mix(in srgb, var(--default-color), transparent 85%); opacity: 1; }
.portfolio-details .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--accent-color); }
.portfolio-details .portfolio-info h3 { font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; position: relative; }
.portfolio-details .portfolio-info h3:after { content: ""; position: absolute; display: block; width: 50px; height: 3px; background: var(--accent-color); left: 0; bottom: 0; }
.portfolio-details .portfolio-info ul { list-style: none; padding: 0; font-size: 15px; }
.portfolio-details .portfolio-info ul li { display: flex; flex-direction: column; padding-bottom: 15px; }
.portfolio-details .portfolio-info ul strong { text-transform: uppercase; font-weight: 400; color: color-mix(in srgb, var(--default-color), transparent 50%); font-size: 14px; }
.portfolio-details .portfolio-info .btn-visit { padding: 8px 40px; background: var(--accent-color); color: var(--contrast-color); border-radius: 50px; transition: 0.3s; }
.portfolio-details .portfolio-info .btn-visit:hover { background: color-mix(in srgb, var(--accent-color), transparent 20%); }
.portfolio-details .portfolio-description h2 { font-size: 26px; font-weight: 700; margin-bottom: 20px; }
.portfolio-details .portfolio-description p { padding: 0; }
.portfolio-details .portfolio-description .testimonial-item { padding: 30px 30px 0 30px; position: relative; background: color-mix(in srgb, var(--default-color), transparent 97%); margin-bottom: 50px; }
.portfolio-details .portfolio-description .testimonial-item .testimonial-img { width: 90px; border-radius: 50px; border: 6px solid var(--background-color); float: left; margin: 0 10px 0 0; }
.portfolio-details .portfolio-description .testimonial-item h3 { font-size: 18px; font-weight: bold; margin: 15px 0 5px 0; padding-top: 20px; }
.portfolio-details .portfolio-description .testimonial-item h4 { font-size: 14px; color: #6c757d; margin: 0; }
.portfolio-details .portfolio-description .testimonial-item .quote-icon-left,

.portfolio-details .portfolio-description .testimonial-item .quote-icon-right { color: color-mix(in srgb, var(--accent-color), transparent 50%); font-size: 26px; line-height: 0; }
.portfolio-details .portfolio-description .testimonial-item .quote-icon-left { display: inline-block; left: -5px; position: relative; }
.portfolio-details .portfolio-description .testimonial-item .quote-icon-right { display: inline-block; right: -5px; position: relative; top: 10px; transform: scale(-1, -1); }
.portfolio-details .portfolio-description .testimonial-item p { font-style: italic; margin: 0 0 15px 0 0 0; padding: 0; }
.pricing .pricing-item { background-color: color-mix(in srgb, var(--accent-color), transparent 96%); padding: 40px 40px; height: 100%; border-radius: 15px; }
.pricing h3 { font-weight: 600; margin-bottom: 15px; font-size: 20px; }
.pricing h4 { color: var(--accent-color); font-size: 48px; font-weight: 700; font-family: var(--heading-font); margin-bottom: 0; }
.pricing h4 sup { font-size: 28px; }
.pricing h4 span { color: color-mix(in srgb, var(--default-color), transparent 50%); font-size: 18px; font-weight: 500; }
.pricing .description { font-size: 14px; }
.pricing .cta-btn { border: 1px solid var(--default-color); color: var(--default-color); display: block; text-align: center; padding: 10px 35px; border-radius: 5px; font-size: 16px; font-weight: 500; font-family: var(--heading-font); transition: 0.3s; margin-top: 20px; margin-bottom: 6px; }
.pricing .cta-btn:hover { background: var(--accent-color); color: var(--contrast-color); border-color: var(--accent-color); }
.pricing ul { padding: 0; list-style: none; color: color-mix(in srgb, var(--default-color), transparent 30%); text-align: left; line-height: 20px; }
.pricing ul li { padding: 10px 0; display: flex; align-items: center; }
.pricing ul li:last-child { padding-bottom: 0; }
.pricing ul i { color: #059652; font-size: 24px; padding-right: 3px; }
.pricing ul .na { color: color-mix(in srgb, var(--default-color), transparent 60%); }
.pricing ul .na i { color: color-mix(in srgb, var(--default-color), transparent 60%); }
.pricing ul .na span { text-decoration: line-through; }
.pricing .featured { position: relative; }
.pricing .featured .popular { position: absolute; top: 15px; right: 15px; background-color: var(--accent-color); color: var(--contrast-color); padding: 4px 15px 6px 15px; margin: 0; border-radius: 5px; font-size: 14px; font-weight: 500; }
.pricing .featured .cta-btn { background: var(--accent-color); color: var(--contrast-color); border-color: var(--accent-color); }
@media (max-width: 992px) {
.pricing .box { max-width: 60%; margin: 0 auto 30px auto; }
}
@media (max-width: 767px) {
.pricing .box { max-width: 80%; margin: 0 auto 30px auto; }
}
@media (max-width: 420px) {
.pricing .box { max-width: 100%; margin: 0 auto 30px auto; }
}
.blog-posts article { background-color: var(--surface-color); box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1); transition: 0.3s; }
.blog-posts .post-img img { transition: 0.5s; }
.blog-posts .post-date { background-color: var(--accent-color); color: var(--contrast-color); position: absolute; right: 0; bottom: 0; text-transform: uppercase; font-size: 13px; padding: 6px 12px; font-weight: 500; }
.blog-posts .post-content { padding: 30px; }
.blog-posts .post-title { font-size: 20px; color: var(--heading-color); font-weight: 700; transition: 0.3s; margin-bottom: 15px; }
.blog-posts .meta i { font-size: 16px; color: var(--accent-color); }
.blog-posts .meta span { font-size: 15px; color: color-mix(in srgb, var(--default-color), transparent 40%); }
.blog-posts p { margin-top: 20px; }
.blog-posts hr { color: color-mix(in srgb, var(--default-color), transparent 60%); margin-bottom: 15px; }
.blog-posts .readmore { display: flex; align-items: center; font-weight: 600; line-height: 1; transition: 0.3s; color: color-mix(in srgb, var(--heading-color), transparent 20%); }
.blog-posts .readmore i { line-height: 0; margin-left: 6px; font-size: 16px; }
.blog-posts article:hover .post-title,

.blog-posts article:hover .readmore { color: var(--accent-color); }
.blog-posts article:hover .post-img img { transform: scale(1.1); }
.blog-pagination { padding-top: 0; color: color-mix(in srgb, var(--default-color), transparent 40%); }
.blog-pagination ul { display: flex; padding: 0; margin: 0; list-style: none; }
.blog-pagination li { margin: 0 5px; transition: 0.3s; }
.blog-pagination li a { color: color-mix(in srgb, var(--default-color), transparent 40%); padding: 7px 16px; display: flex; align-items: center; justify-content: center; }
.blog-pagination li a.active,

.blog-pagination li a:hover { background: var(--accent-color); color: var(--contrast-color); }
.blog-pagination li a.active a,

.blog-pagination li a:hover a { color: var(--contrast-color); }
.blog-details { padding-bottom: 30px; }
.blog-details .article { background-color: var(--surface-color); padding: 30px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
.blog-details .post-img { margin: -30px -30px 20px -30px; overflow: hidden; }
.blog-details .title { color: var(--heading-color); font-size: 28px; font-weight: 700; padding: 0; margin: 30px 0; }
.blog-details .content { margin-top: 20px; }
.blog-details .content h3 { font-size: 22px; margin-top: 30px; font-weight: bold; }
.blog-details .content blockquote { overflow: hidden; background-color: color-mix(in srgb, var(--default-color), transparent 95%); padding: 60px; position: relative; text-align: center; margin: 20px 0; }
.blog-details .content blockquote p { color: var(--default-color); line-height: 1.6; margin-bottom: 0; font-style: italic; font-weight: 500; font-size: 22px; }
.blog-details .content blockquote:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: var(--accent-color); margin-top: 20px; margin-bottom: 20px; }
.blog-details .meta-top { margin-top: 20px; color: color-mix(in srgb, var(--default-color), transparent 40%); }
.blog-details .meta-top ul { display: flex; flex-wrap: wrap; list-style: none; align-items: center; padding: 0; margin: 0; }
.blog-details .meta-top ul li+li { padding-left: 20px; }
.blog-details .meta-top i { font-size: 16px; margin-right: 8px; line-height: 0; color: color-mix(in srgb, var(--default-color), transparent 40%); }
.blog-details .meta-top a { color: color-mix(in srgb, var(--default-color), transparent 40%); font-size: 14px; display: inline-block; line-height: 1; }
.blog-details .meta-bottom { padding-top: 10px; border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); }
.blog-details .meta-bottom i { color: color-mix(in srgb, var(--default-color), transparent 40%); display: inline; }
.blog-details .meta-bottom a { color: color-mix(in srgb, var(--default-color), transparent 40%); transition: 0.3s; }
.blog-details .meta-bottom a:hover { color: var(--accent-color); }
.blog-details .meta-bottom .cats { list-style: none; display: inline; padding: 0 20px 0 0; font-size: 14px; }
.blog-details .meta-bottom .cats li { display: inline-block; }
.blog-details .meta-bottom .tags { list-style: none; display: inline; padding: 0; font-size: 14px; }
.blog-details .meta-bottom .tags li { display: inline-block; }
.blog-details .meta-bottom .tags li+li::before { padding-right: 6px; color: var(--default-color); content: ","; }
.blog-details .meta-bottom .share { font-size: 16px; }
.blog-details .meta-bottom .share i { padding-left: 5px; }
.blog-comments { padding: 10px 0; }
.blog-comments .comments-count { font-weight: bold; }
.blog-comments .comment { margin-top: 30px; position: relative; }
.blog-comments .comment .comment-img { margin-right: 14px; }
.blog-comments .comment .comment-img img { width: 60px; }
.blog-comments .comment h5 { font-size: 16px; margin-bottom: 2px; }
.blog-comments .comment h5 a { font-weight: bold; color: var(--default-color); transition: 0.3s; }
.blog-comments .comment h5 a:hover { color: var(--accent-color); }
.blog-comments .comment h5 .reply { padding-left: 10px; color: color-mix(in srgb, var(--default-color), transparent 20%); }
.blog-comments .comment h5 .reply i { font-size: 20px; }
.blog-comments .comment time { display: block; font-size: 14px; color: color-mix(in srgb, var(--default-color), transparent 40%); margin-bottom: 5px; }
.blog-comments .comment.comment-reply { padding-left: 40px; }
.comment-form { padding-top: 10px; }
.comment-form form { background-color: var(--surface-color); margin-top: 30px; padding: 30px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
.comment-form form h4 { font-weight: bold; font-size: 22px; }
.comment-form form p { font-size: 14px; }
.comment-form form input { background-color: var(--surface-color); color: var(--default-color); border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%); font-size: 14px; border-radius: 4px; padding: 10px 10px; }
.comment-form form input:focus { color: var(--default-color); background-color: var(--surface-color); box-shadow: none; border-color: var(--accent-color); }
.comment-form form input::placeholder { color: color-mix(in srgb, var(--default-color), transparent 50%); }
.comment-form form textarea { background-color: var(--surface-color); color: var(--default-color); border: 1px solid color-mix(in srgb, var(--default-color), transparent 70%); border-radius: 4px; padding: 10px 10px; font-size: 14px; height: 120px; }
.comment-form form textarea:focus { color: var(--default-color); box-shadow: none; border-color: var(--accent-color); background-color: var(--surface-color); }
.comment-form form textarea::placeholder { color: color-mix(in srgb, var(--default-color), transparent 50%); }
.comment-form form .form-group { margin-bottom: 25px; }
.comment-form form .btn-primary { border-radius: 4px; padding: 10px 20px; border: 0; background-color: var(--accent-color); color: var(--contrast-color); }
.comment-form form .btn-primary:hover { color: var(--contrast-color); background-color: color-mix(in srgb, var(--accent-color), transparent 20%); }
.contact { padding-top: 0; }
.contact .info { background-color: var(--surface-color); padding: 40px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); overflow: hidden; }
.contact .info h3 { font-weight: 600; font-size: 24px; }
.contact .info p { color: color-mix(in srgb, var(--default-color), transparent 40%); margin-bottom: 30px; font-size: 15px; }
.contact .info-item+.info-item { padding-top: 20px; margin-top: 20px; border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); }
.contact .info-item i { font-size: 24px; color: var(--accent-color); transition: all 0.3s ease-in-out; margin-right: 20px; }
.contact .info-item h4 { padding: 0; font-size: 18px; line-height: 24px; font-weight: 600; margin-bottom: 5px; }
.contact .info-item p { padding: 0; margin-bottom: 0; font-size: 14px; color: color-mix(in srgb, var(--default-color), transparent 40%); }
.contact .php-email-form { width: 100%; }
.contact .php-email-form .form-group { padding-bottom: 8px; }
.contact .php-email-form input[type=text],

.contact .php-email-form input[type=email],

.contact .php-email-form textarea { color: var(--default-color); background-color: var(--surface-color); border-radius: 0px; box-shadow: none; font-size: 14px; border-color: color-mix(in srgb, var(--default-color), transparent 80%); }
.contact .php-email-form input[type=text]:focus,

.contact .php-email-form input[type=email]:focus,

.contact .php-email-form textarea:focus { border-color: var(--accent-color); }
.contact .php-email-form input[type=text]::placeholder,

.contact .php-email-form input[type=email]::placeholder,

.contact .php-email-form textarea::placeholder { color: color-mix(in srgb, var(--default-color), transparent 70%); }
.contact .php-email-form input[type=text],

.contact .php-email-form input[type=email] { height: 48px; padding: 10px 15px; }
.contact .php-email-form textarea { padding: 10px 12px; height: 290px; }
.contact .php-email-form button[type=submit] { background: var(--accent-color); color: var(--contrast-color); border: 0; padding: 13px 50px; transition: 0.4s; border-radius: 4px; }
.contact .php-email-form button[type=submit]:hover { background: color-mix(in srgb, var(--accent-color) 90%, black 15%); }
.widgets-container { background-color: var(--surface-color); padding: 30px; margin: 60px 0 30px 0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
.widget-title { color: var(--heading-color); font-size: 20px; font-weight: 700; padding: 0; margin: 0 0 20px 0; }
.widget-item { margin-bottom: 40px; }
.widget-item:last-child { margin-bottom: 0; }
.blog-author-widget img { max-width: 160px; }
.blog-author-widget h4 { font-weight: 600; font-size: 24px; margin: 15px 0 0 0; padding: 0; color: color-mix(in srgb, var(--default-color), transparent 20%); }
.blog-author-widget .social-links { margin: 5px 0; }
.blog-author-widget .social-links a { color: color-mix(in srgb, var(--default-color), transparent 60%); margin: 0 3px; font-size: 18px; }
.blog-author-widget .social-links a:hover { color: var(--accent-color); }
.blog-author-widget p { font-style: italic; color: color-mix(in srgb, var(--default-color), transparent 30%); margin: 10px 0 0 0; }
.search-widget form { background: var(--background-color); border: 1px solid color-mix(in srgb, var(--default-color), transparent 75%); padding: 3px 10px; position: relative; border-radius: 50px; transition: 0.3s; }
.search-widget form input[type=text] { border: 0; padding: 4px 10px; border-radius: 4px; width: calc(100% - 40px); background-color: var(--background-color); color: var(--default-color); }
.search-widget form input[type=text]:focus { outline: none; }
.search-widget form button { background: none; color: var(--default-color); position: absolute; top: 0; right: 0; bottom: 0; border: 0; font-size: 16px; padding: 0 16px; transition: 0.3s; line-height: 0; }
.search-widget form button i { line-height: 0; }
.search-widget form button:hover { color: var(--accent-color); }
.search-widget form:is(:focus-within) { border-color: var(--accent-color); }
.recent-posts-widget .post-item { display: flex; flex-direction: column; margin-bottom: 20px; }
.recent-posts-widget .post-item:last-child { margin-bottom: 0; }
.recent-posts-widget .post-item h4 { font-size: 16px; font-weight: 600; margin-bottom: 5px; }
.recent-posts-widget .post-item h4 a { color: var(--default-color); transition: 0.3s; }
.recent-posts-widget .post-item h4 a:hover { color: var(--accent-color); }
.recent-posts-widget .post-item time { display: block; font-style: italic; font-size: 14px; color: color-mix(in srgb, var(--default-color), transparent 50%); }
.tags-widget ul { list-style: none; padding: 0; margin: 0; }
.tags-widget ul li { display: inline-block; }
.tags-widget ul a { background-color: color-mix(in srgb, var(--default-color), transparent 94%); color: color-mix(in srgb, var(--default-color), transparent 30%); border-radius: 50px; font-size: 14px; padding: 5px 15px; margin: 0 6px 8px 0; display: inline-block; transition: 0.3s; }
.tags-widget ul a:hover { background: var(--accent-color); color: var(--contrast-color); }
.tags-widget ul a span { padding-left: 5px; color: color-mix(in srgb, var(--default-color), transparent 60%); font-size: 14px; }
@media (max-width:400px) {
.login .modal-dialog { width: 100%; }
}
.big-login, .big-register { background-color: #013672; color: #FFFFFF; border-radius: 7px; border-width: 2px; font-size: 14px; font-style: normal; font-weight: 200; padding: 16px 60px; text-transform: uppercase; transition: all 0.3s ease 0s; }
.big-login:hover { background-color: #00A4E4; color: #FFFFFF; }
.big-register { background-color: rgba(0,0,0,.0); color: #00bbff; border-color: #00bbff; }
.big-register:hover { border-color: #00A4E4; color: #00A4E4; }
.box { background: #ffffff; border: 1px solid #dddddd; padding: 20px; border-radius: 3px; margin-bottom: 25px; }
* { box-sizing: border-box; }
.big-loginSSOClient { background-color: #013672; color: #FFFFFF; border-radius: 7px; border-width: 2px; font-size: 14px; font-style: normal; font-weight: 200; padding: 16px 60px; text-transform: uppercase; transition: all 0.3s ease 0s; }
.login .btn-login, .registerBox .btn-register { background-color: #00BBFF; border-color: #00BBFF; border-width: 0; color: #FFFFFF; display: block; margin: 0 auto; padding: 15px 50px; text-transform: uppercase; width: 100%; }
.btn.btn-default, .btn-hollo.btn-default { border: 1px solid #dddddd; }
.login .box .form input[type="text"], .login .box .form input[type="password"] { border-radius: 3px; border: none; color: #333333; font-size: 16px; height: 46px; margin-bottom: 5px; padding: 13px 12px; width: 100%; }
.login .form-control { border-radius: 3px; background-color: rgba(0, 0, 0, 0.09); box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.09) inset; color: #FFFFFF; }
form input, form input[type="text"], form input[type="number"], form input[type="password"], form input[type="email"], form input[type="tel"], form textarea { border: 1; box-shadow: 0 0 0 transparent; border-bottom: 2px solid rgba(0, 0, 0, 0.2); }
form .form-control { height: 38px; line-height: 21px; }
.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #ffffff; background-color: #013672; border-color: var(--bs-nav-tabs-link-active-border-color); }
.nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: #2fa89c; text-decoration: none; background: 0 0; border: 0; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th { background: #d9edf7; border: 1px solid #f4f4f4; font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; padding: 2px; text-align: center; }
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-bottom-width: 2px; border: 1px solid #f4f4f4; font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 12px; padding: 2px; text-align: center; }
.table > thead > tr > td.info,

.table > tbody > tr > td.info,

.table > tfoot > tr > td.info,

.table > thead > tr > th.info,

.table > tbody > tr > th.info,

.table > tfoot > tr > th.info,

.table > thead > tr.info > td,

.table > tbody > tr.info > td,

.table > tfoot > tr.info > td,

.table > thead > tr.info > th,

.table > tbody > tr.info > th,

.table > tfoot > tr.info > th { background-color: #d9edf7; }
.mydata-footer { background: #013672; color: #d6dbe5; padding: 70px 0 20px; }
.mydata-footer h5 { color: white; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.footer-line { width: 70px !important; height: 4px; border: none; background: #ffffff; margin: 0 auto 30px auto !important; opacity: 1; display: block; }
.mydata-footer p { margin-bottom: 18px; line-height: 1.7; }
.mydata-footer a { color: #d6dbe5; text-decoration: none; transition: .3s; }
.mydata-footer a:hover { color: #29b6b0; padding-left: 5px; }
.mydata-footer i { width: 24px; color: #29b6b0; }
.footer-logo { max-width: 220px; }
.social-icons { margin-top: 25px; }
.social-icons a { display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 48px; margin: 0 6px; border-radius: 50%; border: 2px solid gray; color: #ffffff; font-size: 20px; transition: .35s; }
.social-icons a:hover { background: #29b6b0; transform: translateY(-6px); }
.footer-title { padding-top: 40px; font-size: 20px; }
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 14px; }
.footer-links a { color: #fff; text-decoration: none; }
.footer-links a:hover { color: #008040; text-decoration: underline; }
.footer-links li a:before { content: "› "; color: #29b6b0; font-weight: bold; }
.footer-bottom { text-align: center; padding-top: 10px; color: #9ea7b8; font-size: 14px; }
.mydata-footer hr { border-color: rgba(255,255,255,.15); margin-top: 50px; }
.aboutUs_Title { font-size: 24px; }
#header.md-public-header { --nav-color: #223c5d; --nav-hover-color: #214f9b; --nav-dropdown-color: #223c5d; --nav-dropdown-hover-color: #214f9b; --nav-dropdown-background-color: #fff; background: #fff; padding: 12px 0; border-top: 4px solid #183a70; border-bottom: 1px solid #d4dfed; box-shadow: 0 3px 14px rgba(19,47,89,.06); }
#header.md-public-header > .container,
#header.md-public-header > .container-fluid { width: 100%; max-width: none; padding-left: 24px; padding-right: 24px; }
#header.md-public-header .logo img { max-height: 63px; width: 158px; height: 63px; object-fit: contain; }
#header.md-public-header .navmenu a { font-family: Arial,sans-serif; font-size: 14px; line-height: 1.5; font-weight: 600; text-transform: none; }
#header.md-public-header .navmenu .dropdown ul { border: 1px solid #d7e2ef; border-top: 3px solid #285eaf; border-radius: 9px; box-shadow: 0 10px 30px rgba(19,47,89,.13); padding: 8px; min-width: 250px; }
#header.md-public-header .navmenu .dropdown ul a { padding: 10px 12px; border-radius: 5px; font-size: 13px; font-weight: 400; white-space: normal; }
#header.md-public-header .navmenu .dropdown ul a:hover { background: #edf3fd; color: #183a70; }
#header.md-public-header .navmenu .md-header-login { gap: 9px; margin-left: 18px; padding: 10px 18px; border: 1px solid #214f9b; border-radius: 8px; background: #214f9b; color: #fff!important; font-weight: 700; }
#header.md-public-header .navmenu .md-header-login:hover { background: #163c7b; border-color: #163c7b; }
#header.md-public-header .navmenu .md-header-login i { font-size: 15px; margin: 0; }
#header.md-public-header a:focus-visible,#header.md-public-header .mobile-nav-toggle:focus-visible { outline: 3px solid #285eaf; outline-offset: 4px; border-radius: 5px; }
#header.md-public-header .mobile-nav-toggle { color: #183a70; }
#loginModal .modal-content { border: 1px solid #cfdced; border-radius: 14px; overflow: hidden; box-shadow: 0 14px 50px rgba(19,47,89,.2); }
#loginModal .modal-header { background: #183a70; color: #fff; border: 0; padding: 19px 23px; }
#loginModal .modal-title { color: #fff; font: 700 19px/1.4 Arial,sans-serif; }
#loginModal .btn-close { background-color: #fff; border-radius: 50%; opacity: 1; padding: 9px; }
#loginModal .modal-body { padding: 24px; color: #243b57; font: 14px/1.7 Arial,sans-serif; background: #fff; }
#loginModal .box,#loginModal .content { width: 100%; float: none; }
#loginModal .big-loginSSOClient,#loginModal .btn-login { display: block; width: 100%; padding: 12px 15px; border: 1px solid #214f9b; border-radius: 8px; background: #214f9b; color: #fff; font-size: 14px; font-weight: 700; }
#loginModal .big-loginSSOClient:hover,#loginModal .btn-login:hover { background: #163c7b; }
#loginModal a { color: #214f9b; text-decoration: underline; text-underline-offset: 3px; }
#loginModal .form-label { display: block; margin: 12px 0 6px; color: #243b57; font-size: 13px; font-weight: 700; }
#loginModal .form-control { margin-bottom: 12px; border: 1px solid #aebfd6; border-radius: 7px; padding: 11px 12px; font-size: 14px; background: #fbfcfe; color: #203650; }
#loginModal .form-control:focus { border-color: #285eaf; box-shadow: 0 0 0 3px #d8e7fb; }
#loginModal a:focus-visible,#loginModal input:focus-visible,#loginModal button:focus-visible { outline: 3px solid #285eaf; outline-offset: 3px; }
#loginModal #nonuserlogin { margin: 15px 0; padding: 0 15px 15px; background: #f1f5fb; border: 1px solid #d7e2ef; border-radius: 8px; }
@media(min-width:1200px) {
#header.md-public-header .navmenu .dropdown:focus-within>ul { opacity: 1; visibility: visible; top: 100%; }
#header.md-public-header .navmenu .dropdown .dropdown:focus-within>ul { top: 0; left: -100%; }
}
@media(max-width:1199px) {
#header.md-public-header .navmenu .md-header-login { margin: 8px 12px; justify-content: center; }
#header.md-public-header .navmenu .dropdown ul { min-width: 0; border-top: 1px solid #d7e2ef; box-shadow: none; }
}
@media(max-width:575px) {
#header.md-public-header { padding: 9px 0; }
#header.md-public-header .logo img { width: 140px; height: 56px; }
#loginModal .modal-body { padding: 19px; }
}
#loginModal .social { text-align: center; }
#loginModal .md-login-help { font-size: 14px; }
#loginModal .md-login-note { font-size: 14px; padding-top: 10px; }
#slnLookUp { width: min(440px, calc(100vw - 24px)); height: min(540px, calc(100vh - 24px)); border: 1px solid black; position: absolute; }
.md-school-page { margin: 0; background: #f4f7fb; color: #18304c; font: 14px/1.5 Arial,sans-serif; }
.md-school-page *, .md-school-page *::before, .md-school-page *::after { box-sizing: border-box; }
.md-school-page a { color: #145da1; text-decoration: none; }
.md-school-page a:hover { text-decoration: underline; }
.md-school-page button,.md-school-page select { font: inherit; }
.md-school-page button { cursor: pointer; }
.md-school-page button:disabled { cursor: default; opacity: .5; }
.md-school-page :focus-visible { outline: 3px solid #3584d6; outline-offset: 4px; }
.md-school-shell { width: 100%; max-width: none; padding-left: 32px; padding-right: 32px; }
.md-school-header { background: white; border-top: 4px solid #173f76; border-bottom: 1px solid #dce5ef; }
.md-school-header-inner { min-height: 86px; display: flex; justify-content: space-between; gap: 24px; align-items: center; }
.md-school-brand { display: flex; gap: 10px; align-items: center; color: #123e78!important; font: 700 24px/.95 Georgia,serif; }
.md-school-brand:hover { text-decoration: none!important; }
.md-school-brand>span>span { display: block; }
.md-school-brand-icon { font: normal 48px/1 Arial,sans-serif; color: #447bb5; }
.md-school-nav { display: flex; gap: 28px; align-items: center; font-size: 12px; font-weight: 700; }
.md-school-nav a { color: #244466; }
.md-school-breadcrumb { display: flex; gap: 12px; padding: 24px 0; font-size: 12px; color: #728398; }
.md-school-status { border: 1px solid #e6d4a3; background: #fff9e9; color: #745d22; border-radius: 8px; padding: 10px 14px; margin: 0 0 24px; font-size: 12px; }
.md-school-status[hidden] { display: none; }
.md-school-heading { display: flex; justify-content: space-between; gap: 32px; margin-bottom: 25px; align-items: center; }
.md-school-eyebrow { color: #557491; font-size: 10px; font-weight: 700; letter-spacing: 1.6px; margin: 0 0 8px; }
.md-school-heading h1 { font-size: 32px; line-height: 1.2; letter-spacing: -.7px; color: #123d70; margin: 0 0 10px; }
.md-school-subtitle { color: #6b7e93; margin: 0; }
.md-school-picker { display: flex; flex-direction: column; align-items: stretch; width: 300px; flex-shrink: 0; gap: 7px; }
.md-school-picker label { font-size: 11px; font-weight: 700; color: #425d77; }
.md-school-picker select { width: 100%; border: 1px solid #bfcfe0; border-radius: 7px; padding: 11px 12px; color: #163e6c; background: white; }
.md-school-picker a { text-align: right; font-size: 11px; }
.md-school-contact { display: grid; grid-template-columns: 2fr 1fr 1.2fr 1fr; gap: 24px; border-top: 1px solid #dde5ee; padding-top: 18px; margin-bottom: 25px; }
.md-school-contact p { display: flex; flex-direction: column; margin: 0; gap: 5px; }
.md-school-contact p>span { font-size: 10px; color: #75879b; text-transform: uppercase; letter-spacing: .7px; }
.md-school-contact strong { font-size: 12px; font-weight: 500; }
.md-school-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 26px; }
.md-school-metrics article { background: white; border: 1px solid #dfe7f0; border-radius: 9px; padding: 19px 22px; position: relative; overflow: hidden; }
.md-school-metrics article::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: #2270b7; }
.md-school-metrics article:nth-child(3)::before { background: #1b9d75; }
.md-school-metrics article:nth-child(4)::before { background: #7966cb; }
.md-school-metrics p { margin: 0 0 9px; color: #536e89; font-size: 12px; }
.md-school-metrics strong { display: block; font-size: 29px; line-height: 1.1; color: #153d68; margin-bottom: 9px; letter-spacing: -.6px; }
.md-school-metrics article>span { color: #7b8da0; font-size: 10px; }
.md-school-panel { background: #fff; border: 1px solid #dce5ef; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 18px #1b426006; }
.md-school-panel-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 0 22px; border-bottom: 1px solid #e1e9f1; }
.md-school-tabs { display: flex; gap: 20px; }
.md-school-tabs button { border: 0; border-bottom: 3px solid transparent; background: none; padding: 19px 3px 16px; color: #627c96; font-size: 12px; font-weight: 600; }
.md-school-tabs button[aria-selected='true'] { color: #145ea5; border-bottom-color: #176bb7; }
.md-school-download { background: #fff; border: 1px solid #cbd9e8; padding: 7px 12px; border-radius: 6px; font-size: 11px!important; color: #315778; }
.md-school-download span { margin-left: 8px; }
.md-school-chart-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 25px 26px 8px; }
.md-school-chart-heading h2 { font-size: 20px; margin: 0 0 6px; letter-spacing: -.3px; color: #1b3d62; }
.md-school-chart-heading>div>p:last-child { margin: 0; font-size: 12px; color: #7a8da1; }
.md-school-chart-mode { padding: 3px; display: flex; border: 1px solid #dce5ef; border-radius: 7px; background: #f7f9fc; }
.md-school-chart-mode button { padding: 6px 10px; background: none; border: 0; border-radius: 4px; font-size: 10px; color: #607b95; }
.md-school-chart-mode button[aria-pressed='true'] { background: white; color: #195da1; box-shadow: 0 1px 4px #173e731c; font-weight: 700; }
.md-school-chart-scroll { overflow-x: auto; margin: 0 20px; }
.md-school-chart { min-width: 750px; }
.md-school-chart svg { display: block; width: 100%; height: auto; max-height: 390px; }
.md-school-gridline { stroke: #e7edf4; stroke-width: 1; }
.md-school-axis { font: 11px Arial,sans-serif; fill: #71869b; }
.md-school-axis-total { font-weight: 700; fill: #174f86; }
.md-school-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px 18px; padding: 8px 24px 12px; font-size: 10px; color: #55708b; }
.md-school-legend>span { display: flex; align-items: center; gap: 6px; }
.md-school-chart-note { color: #7a8a9a; text-align: center; font-size: 10px; padding: 0 20px; margin: 0 0 25px; }
.md-school-table-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; background: #f0f5fa; padding: 13px 23px; border-top: 1px solid #e0e8f1; border-bottom: 1px solid #dbe5ef; }
.md-school-table-heading h3 { margin: 0; font-size: 12px; color: #285075; }
.md-school-table-heading>span { font-size: 10px; color: #74889b; }
.md-school-table-scroll { overflow-x: auto; }
.md-school-table { width: 100%; border-collapse: collapse; font-size: 11px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.md-school-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.md-school-table thead { background: #e7eff7; color: #315b7f; }
.md-school-table th,.md-school-table td { text-align: right; padding: 11px 15px; border-bottom: 1px solid #edf1f6; }
.md-school-table th:first-child { text-align: left; padding-left: 24px; }
.md-school-table tbody th { color: #456482; font-weight: 600; }
.md-school-table tbody tr:nth-child(even) { background: #fafcfe; }
.md-school-table tbody tr:hover { background: #eef5fc; }
.md-school-table tfoot { background: #eaf2fb; color: #164f85; font-weight: 700; }
.md-school-source { font-size: 10px; color: #8091a4; margin: 14px 0 24px; }
.md-school-directory { border-top: 1px solid #dce5ef; padding: 18px 0 30px; font-size: 12px; }
.md-school-directory summary { color: #215987; cursor: pointer; }
.md-school-directory ul { display: flex; flex-wrap: wrap; gap: 16px 30px; list-style: none; padding: 8px 0; }
.md-school-footer { margin-top: 10px; border-top: 1px solid #dce5ef; background: white; }
.md-school-footer>.md-school-shell { display: flex; gap: 20px; justify-content: space-between; align-items: center; padding-top: 22px; padding-bottom: 22px; font-size: 11px; color: #8090a1; }
.md-school-footer strong { color: #234f7d; }
.md-skip-link { position: absolute; top: -100px; left: 24px; padding: 10px; background: white; z-index: 1000; }
.md-skip-link:focus { top: 8px; }
@media (min-width:1600px) {
.md-school-shell { padding-left: 48px; padding-right: 48px; }
}
@media (max-width:900px) {
.md-school-contact { grid-template-columns: 1fr 1fr; }
.md-school-metrics { grid-template-columns: 1fr 1fr; }
.md-school-nav { gap: 14px; font-size: 11px; }
.md-school-heading h1 { font-size: 27px; }
}
@media (max-width:600px) {
.md-school-shell { padding-left: 16px; padding-right: 16px; }
.md-school-header-inner { flex-wrap: wrap; padding-top: 15px; padding-bottom: 15px; gap: 18px; }
.md-school-nav { width: 100%; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.md-school-heading { flex-direction: column; align-items: stretch; gap: 20px; }
.md-school-picker { width: 100%; }
.md-school-contact { gap: 18px; }
.md-school-metrics { gap: 10px; }
.md-school-metrics article { padding: 15px; }
.md-school-metrics strong { font-size: 25px; }
.md-school-panel-top { padding: 0 12px; flex-wrap: wrap; gap: 0; }
.md-school-tabs { gap: 17px; }
.md-school-tabs button { padding-top: 15px; padding-bottom: 12px; }
.md-school-download { margin: 9px 0; }
.md-school-chart-heading { flex-direction: column; align-items: flex-start; padding: 20px 16px 10px; }
.md-school-chart-scroll { margin: 0 8px; }
.md-school-chart-note { text-align: left; }
.md-school-table-heading { flex-wrap: wrap; padding: 13px 16px; }
.md-school-footer>.md-school-shell { flex-wrap: wrap; gap: 8px; }
.md-school-footer span { width: 100%; order: 3; }
}
@media print {
.md-school-nav,.md-school-picker,.md-school-download,.md-school-directory,.md-school-chart-mode { display: none; }
.md-school-page { background: white; }
.md-school-chart { min-width: 0; }
.md-school-table { font-size: 8px; }
.md-school-table th,.md-school-table td { padding: 6px; }
.md-school-panel { overflow: visible; }
.md-school-table-scroll { overflow: visible; }
}
.md-public { background: #f4f7fb; color: var(--md-ink); font: 15px/1.6 Arial,sans-serif; padding: 34px 0 42px; }
.md-public,.md-public * { box-sizing: border-box; }
.md-public .md-wrap { width: calc(100% - 48px); margin: 0 auto; }
.md-public .md-intro { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.md-public .md-eyebrow { margin: 0 0 7px; color: var(--md-blue); font-size: 11px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; }
.md-public h1 { margin: 0 0 9px; font: 700 34px/1.2 Arial,sans-serif; letter-spacing: -1px; color: var(--md-navy); }
.md-public .md-intro p:last-child { margin: 0; color: var(--md-muted); font-size: 15px; line-height: 1.7; }
.md-public .md-access { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid #cbd9ec; border-radius: 8px; color: var(--md-blue); font-weight: 700; text-decoration: none; white-space: nowrap; }
.md-public .md-grid { display: grid; grid-template-columns: minmax(0,8fr) minmax(0,4fr); align-items: start; }
.md-public .md-main,.md-public .md-side { min-width: 0; }
.md-public .md-side { display: grid; gap: 20px; }
.md-public .md-search-panel { padding: 22px; border: 1px solid var(--md-line); border-radius: 12px; margin-bottom: 24px; }
.md-public .md-search-label { display: block; margin: 0 0 10px; font-weight: 700; color: var(--md-navy); }
.md-public .md-search-box { display: flex; align-items: center; gap: 12px; border: 1px solid #b9cbe1; border-radius: 8px; padding: 0 13px; }
.md-public .md-search-box:focus-within { outline: 3px solid #b0cff5; outline-offset: 2px; }
.md-public .md-search-box svg { flex: 0 0 20px; width: 20px; height: 20px; color: #60758e; }
.md-public .md-search-input { width: 100%; min-width: 0; border: 0; background: transparent; color: var(--md-ink); padding: 14px 0; font: 14px Arial,sans-serif; outline: none; }
.md-public .md-clear { border: 0; border-radius: 5px; padding: 5px 7px; cursor: pointer; font-size: 12px; }
.md-public .md-search-tip { margin: 10px 0 0; font-size: 12px; color: var(--md-muted); }
.md-public .md-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.md-public h2 { margin: 0; color: var(--md-navy); font: 700 19px/1.4 Arial,sans-serif; }
.md-public .md-count { font-size: 12px; color: var(--md-muted); }
.md-public .md-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.md-public .md-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--md-line); border-radius: 11px; background: #fff; color: var(--md-ink); text-decoration: none; transition: border-color .15s,box-shadow .15s; }
.md-public .md-card:hover { border-color: #9cb9df; box-shadow: 0 5px 18px rgba(24,58,112,.07); }
.md-public .md-card-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.md-public .md-icon { display: grid; place-items: center; width: 41px; height: 41px; border-radius: 10px; background: #edf3fd; color: #285eaf; }
.md-public .md-icon svg { width: 22px; height: 22px; }
.md-public .md-teal { background: #eaf5f2; color: #217c70; }
.md-public .md-purple { background: #f1edfa; color: #7753a4; }
.md-public .md-gold { background: #fbf3e6; color: #9a6b1e; }
.md-public .md-category { font-size: 10px; letter-spacing: .8px; text-transform: uppercase; color: var(--md-muted); font-weight: 700; }
.md-public h3 { margin: 0 0 8px; font: 700 17px/1.4 Arial,sans-serif; color: var(--md-navy); }
.md-public .md-card p { line-height: 1.7; margin: 0 0 20px; color: var(--md-muted); }
.md-public .md-card-link { margin-top: auto; padding-top: 14px; border-top: 1px solid #e8eef5; display: flex; justify-content: space-between; gap: 10px; color: var(--md-blue); font-weight: 700; }
.md-public .md-panel { background: #fff; border: 1px solid var(--md-line); border-radius: 11px; overflow: hidden; }
.md-public .md-panel-head { padding: 19px 21px; border-bottom: 1px solid var(--md-line); }
.md-public .md-panel-head h2 { font-size: 17px; }
.md-public .md-panel-head p { margin: 5px 0 0; color: var(--md-muted); font-size: 12px; }
.md-public .md-panel-body { padding: 21px; }
.md-public #schoolannouncements { font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
.md-public #schoolannouncements a { color: var(--md-blue); text-decoration: underline; text-underline-offset: 3px; }
.md-public #schoolannouncements img { max-width: 100%; height: auto; }
.md-public .md-note { margin: 18px 0 0; padding: 12px; font-size: 12px; line-height: 1.7; color: var(--md-muted); }
.md-public .md-support { display: grid; gap: 0; }
.md-public .md-support a { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid #e8eef5; color: var(--md-blue); font-size: 14px; text-decoration: none; }
.md-public .md-support a:first-child { padding-top: 0; }
.md-public .md-support a:last-child { border-bottom: 0; padding-bottom: 0; }
.md-public .md-support a:hover { text-decoration: underline; }
.md-public .md-contact h2 { font-size: 16px; margin-bottom: 8px; }
.md-public .md-contact p { margin: 0; color: var(--md-muted); font-size: 13px; line-height: 1.8; }
.md-public .md-contact a { color: var(--md-blue); text-decoration: underline; text-underline-offset: 3px; }
.md-public .md-empty { background: #fff; padding: 25px; border: 1px dashed #b9cbe1; border-radius: 9px; color: var(--md-muted); font-size: 14px; }
.md-public [hidden] { display: none!important; }
.md-public svg { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
@media(max-width:991px) {
.md-public .md-grid { grid-template-columns: minmax(0,1fr); }
.md-public .md-side { grid-template-columns: repeat(2,minmax(0,1fr)); }
.md-public .md-contact { grid-column: 1/-1; }
}
@media(max-width:575px) {
.md-public { padding: 24px 0 28px; }
.md-public .md-wrap { width: calc(100% - 28px); }
.md-public .md-intro { flex-direction: column; align-items: flex-start; gap: 16px; }
.md-public h1 { font-size: 28px; }
.md-public .md-cards,.md-public .md-side { grid-template-columns: minmax(0,1fr); }
.md-public .md-search-panel,.md-public .md-card { padding: 18px; }
.md-public .md-contact { grid-column: auto; }
}
@media(prefers-reduced-motion:reduce) {
.md-public .md-card { transition: none; }
}
@media print {
.md-public { background: #fff; padding: 0; }
.md-public .md-grid { display: block; }
.md-public .md-side { margin-top: 20px; }
.md-public .md-search-panel,.md-public .md-access { display: none; }
.md-public .md-card { break-inside: avoid; box-shadow: none; }
}
.md-public { --md-navy: #132f59; --md-blue: #214f9b; --md-ink: #203650; --md-muted: #4c6178; --md-line: #d4dfed; background: linear-gradient(145deg,#edf3fb 0%,#f5f7fc 55%,#eef6f5 100%); }
.md-public .md-intro { border-radius: 14px; background: linear-gradient(115deg,#132f59,#234f87); border: 1px solid #234d80; box-shadow: 0 6px 20px rgba(19,47,89,.10); }
.md-public .md-eyebrow { color: #bcd9ff; }
.md-public .md-intro h1 { color: #fff; }
.md-public .md-intro p:last-child { color: #e0ebfb; }
.md-public .md-access { background: #fff; border-color: #fff; color: #183e78; box-shadow: 0 3px 10px rgba(0,0,0,.08); }
.md-public .md-access:hover { background: #e5efff; border-color: #e5efff; color: #12366d; }
.md-public .md-search-panel { background: #e9f0fc; border-color: #bfcee7; box-shadow: 0 3px 12px rgba(24,58,112,.04); }
.md-public .md-search-label { color: #153869; font-size: 16px; }
.md-public .md-search-box { background: #fff; border-color: #96b1d6; }
.md-public .md-search-input::placeholder { color: #586d85; opacity: 1; }
.md-public .md-clear { background: #214f9b; color: #fff; }
.md-public .md-clear:hover { background: #153b7b; }
.md-public .md-card { --card-accent: #214f9b; --card-tint: #edf3fd; border-top: 4px solid var(--card-accent); box-shadow: 0 3px 10px rgba(22,49,85,.04); }
.md-public .md-card-teal { --card-accent: #12695f; --card-tint: #e9f5f2; }
.md-public .md-card-purple { --card-accent: #69429b; --card-tint: #f2edfa; }
.md-public .md-card-gold { --card-accent: #865817; --card-tint: #fbf3e5; }
.md-public .md-card:hover { background: var(--card-tint); border-color: var(--card-accent); box-shadow: 0 7px 20px rgba(22,49,85,.09); }
.md-public .md-card .md-icon { background: var(--card-accent); color: #fff; box-shadow: 0 3px 8px rgba(22,49,85,.10); }
.md-public .md-category { padding: 4px 8px; border-radius: 5px; background: var(--card-tint); color: var(--card-accent); }
.md-public .md-card-link { color: var(--card-accent); border-color: #d6e0ed; }
.md-public .md-section-heading h2 { border-left: 4px solid #214f9b; padding-left: 11px; }
.md-public .md-count { color: #304e73; background: #e3ebf7; padding: 4px 9px; border-radius: 6px; }
.md-public .md-side .md-panel:first-child .md-panel-head { border-color: #183a70; }
.md-public .md-side .md-panel:nth-child(2) .md-panel-head { background: #e6f3ef; border-bottom-color: #c6e1d8; border-left: 4px solid #12695f; }
.md-public .md-side .md-panel:nth-child(2) .md-panel-head h2 { color: #125e54; }
.md-public .md-note { background: #edf2fa; border-left: 3px solid #315e9f; border-radius: 0 6px 6px 0; color: #3e5672; }
.md-public .md-support a:hover { background: #edf3fb; border-radius: 5px; }
.md-public .md-contact { background: #eeeafa; border-color: #d9d0ec; border-top: 4px solid #69429b; }
.md-public .md-contact h2 { color: #51317e; }
.md-public .md-contact a { color: #583385; }
.md-public a:focus-visible,.md-public button:focus-visible { outline: 3px solid #1d58b0; outline-offset: 4px; }
.md-public .md-intro a:focus-visible { outline-color: #fff; }
@media(max-width:575px) {
.md-public .md-intro { padding: 22px 19px; }
.md-public .md-intro h1 { font-size: 27px; }
}
@media print {
.md-public { background: #fff; }
.md-public .md-intro { background: #fff; box-shadow: none; border-color: #b9cbe1; }
.md-public .md-intro h1,.md-public .md-intro .md-eyebrow,.md-public .md-intro p:last-child { color: #183a70; }
.md-public .md-card { box-shadow: none; }
}
.md-public .md-search-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-bottom: 24px; }
.md-public .md-search-options .md-search-panel { margin-bottom: 0; min-width: 0; padding: 19px; }
.md-public .md-school-panel { border-color: #bfdcd2; }
.md-public .md-school-panel .md-search-label { color: #125e54; }
.md-public .md-school-panel .md-search-box { border-color: #87b7a8; }
.md-public .md-school-panel .md-search-input { font-size: 13px; }
.md-public .md-school-submit { border: 0; border-radius: 5px; background: #12695f; color: #fff; font: 700 12px Arial,sans-serif; padding: 9px 11px; cursor: pointer; white-space: nowrap; }
.md-public .md-school-submit:hover { background: #0d5149; }
.md-public .md-school-submit:disabled { opacity: .7; cursor: wait; }
.md-public .md-school-results { margin-bottom: 24px; border-top: 3px solid #12695f; }
.md-public .md-school-status { margin: 0; color: #34586a; font-size: 13px; }
.md-public .md-school-error { color: #922c2c; }
.md-public .md-school-result-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px 19px; background: #f3f8f6; border-bottom: 1px solid #d9e8e2; }
.md-public .md-school-table-wrap { overflow: auto; max-height: 360px; }
.md-public .md-school-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.md-public .md-school-table th { position: sticky; top: 0; background: #e8f3ef; color: #1a5148; font-size: 12px; text-align: left; }
.md-public .md-school-table th,.md-public .md-school-table td { padding: 12px 19px; border-bottom: 1px solid #e3ebe7; vertical-align: top; }
.md-public .md-school-table tbody tr:nth-child(even) { background: #f7faf9; }
.md-public .md-school-table a { color: #214f9b; text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }
.md-public .md-school-table caption { text-align: left; padding: 12px 19px; font-size: 12px; color: #4c6178; caption-side: bottom; }
.md-public .md-school-hint { padding: 13px 19px; font-size: 12px; color: #4c6178; margin: 0; }
@media(max-width:1199px) {
.md-public .md-search-options { grid-template-columns: minmax(0,1fr); }
}
@media print {
.md-public .md-school-result-actions button { display: none; }
.md-public .md-school-table-wrap { max-height: none; }
}
.md-public .md-enrollment-charts { margin: 0 0 25px; }
.md-public .md-enrollment-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 0 0 8px; }
.md-public .md-enrollment-head h2 { color: #183a70; }
.md-public .md-enrollment-head a { font-size: 12px; color: #214f9b; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.md-public .md-chart-state { margin: 0 0 15px; padding: 11px 14px; background: #eaf1fb; border: 1px solid #cbdcf1; border-radius: 7px; color: #36516e; font-size: 12px; }
.md-public .md-chart-retry { border: 1px solid #b8cbe2; background: #fff; color: #214f9b; border-radius: 5px; padding: 5px 10px; font-size: 12px; cursor: pointer; margin-left: 8px; }
.md-public .md-chart-grid { display: grid; gap: 16px; }
.md-public .md-en-chart { --chart-color: #285eaf; background: #fff; border: 1px solid #d4dfed; border-top: 4px solid var(--chart-color); border-radius: 10px; overflow: hidden; min-width: 0; }
.md-public .md-en-chart:first-child { grid-column: 1/-1; }
.md-public .md-en-chart.md-chart-teal { --chart-color: #12695f; }
.md-public .md-en-chart.md-chart-purple { --chart-color: #69429b; }
.md-public .md-chart-header { background: #f8fafd; border-bottom: 1px solid #e0e8f2; }
.md-public .md-chart-header h3 { margin: 0; font-size: 16px; color: #183a70; }
.md-public .md-chart-header p { margin: 4px 0 0; font-size: 12px; color: #4c6178; }
.md-public .md-chart-placeholder { margin: 0; padding: 18px 0; color: #4c6178; font-size: 13px; }
.md-public .md-chart-row { display: grid; grid-template-columns: 110px minmax(0,1fr) 65px; align-items: center; gap: 10px; margin: 9px 0; font-size: 12px; color: #304b6b; }
.md-public .md-chart-grade .md-chart-row { grid-template-columns: 40px minmax(0,1fr) 65px; }
.md-public .md-chart-label { overflow-wrap: anywhere; line-height: 1.4; }
.md-public .md-chart-track { background: repeating-linear-gradient(to right,#e7edf5 0,#e7edf5 1px,transparent 1px,transparent 25%),#f2f5fa; border-right: 1px solid #e7edf5; border-radius: 2px; }
.md-public .md-chart-fill { display: block; height: 100%; background: var(--chart-color); border-radius: 2px; }
.md-public .md-chart-number { text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; color: #243b57; white-space: nowrap; }
.md-public .md-chart-axis { display: flex; justify-content: space-between; margin: 12px 75px 0 120px; font-size: 10px; color: #536981; }
.md-public .md-chart-grade .md-chart-axis { margin-left: 50px; }
.md-public .md-chart-unit { font-size: 10px; color: #536981; text-align: center; margin: 4px 75px 0 120px; }
.md-public .md-chart-grade .md-chart-unit { margin-left: 50px; }
.md-public .md-chart-data { margin-top: 16px; border-top: 1px solid #e3eaf3; padding-top: 11px; font-size: 12px; color: #36516e; }
.md-public .md-chart-data summary { cursor: pointer; color: #214f9b; font-weight: 600; }
.md-public .md-chart-data table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 12px; }
.md-public .md-chart-data th,.md-public .md-chart-data td { border-bottom: 1px solid #e3eaf3; text-align: left; }
.md-public .md-chart-data th:last-child,.md-public .md-chart-data td:last-child { text-align: right; }
.md-public .md-chart-source { font-size: 11px; color: #4c6178; margin: 12px 0 0; line-height: 1.7; }
@media(max-width:700px) {
.md-public .md-chart-grid { grid-template-columns: minmax(0,1fr); }
.md-public .md-enrollment-head { align-items: flex-start; flex-direction: column; gap: 6px; }
}
@media print {
.md-public .md-chart-retry { display: none; }
.md-public .md-chart-fill { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.md-public .md-en-chart { break-inside: avoid; }
}
.md-public { padding-top: 25px; }
.md-public .md-intro { padding: 25px 27px; margin-bottom: 22px; }
.md-public .md-dashboard-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; justify-content: flex-end; }
.md-public .md-access { font-size: 12px; padding: 10px 13px; cursor: pointer; }
.md-public .md-refresh { background: #234b7d; color: #fff; border-color: #759bc9; box-shadow: none; }
.md-public .md-refresh:hover { background: #315e96; color: #fff; border-color: #b5d4fb; }
.md-public .md-refresh:disabled { opacity: .7; cursor: wait; }
.md-public .md-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-bottom: 9px; }
.md-public .md-kpi { --kpi-accent: #214f9b; --kpi-tint: #edf3fd; padding: 21px; background: #fff; border: 1px solid #d4dfed; border-top: 4px solid var(--kpi-accent); border-radius: 10px; box-shadow: 0 3px 12px rgba(19,47,89,.04); }
.md-public .md-kpi-teal { --kpi-accent: #12695f; --kpi-tint: #e9f5f2; }
.md-public .md-kpi-purple { --kpi-accent: #69429b; --kpi-tint: #f2edfa; }
.md-public .md-kpi-gold { --kpi-accent: #865817; --kpi-tint: #fbf3e5; }
.md-public .md-kpi-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 9px; }
.md-public .md-kpi-label { color: #4c6178; font-size: 12px; font-weight: 600; }
.md-public .md-kpi-mark { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 7px; background: var(--kpi-tint); color: var(--kpi-accent); }
.md-public .md-kpi-mark svg { width: 18px; height: 18px; }
.md-public .md-kpi-value { display: block; color: #183a70; font-size: 30px; font-weight: 700; letter-spacing: -.8px; line-height: 1.3; font-variant-numeric: tabular-nums; }
.md-public .md-kpi-note { display: block; color: #536981; font-size: 11px; margin-top: 5px; }
.md-public .md-kpi-status { margin: 0 0 23px; color: #536981; font-size: 11px; }
.md-public .md-grid { grid-template-columns: minmax(0,1fr) 310px; gap: 22px; }
.md-public .md-school-panel { padding: 18px 20px; margin-bottom: 20px; border-left: 4px solid #12695f; background: #fff; }
.md-public .md-school-panel .md-search-label { font-size: 16px; margin-bottom: 10px; }
.md-public .md-school-panel .md-search-box { max-width: none; background: #f8fcfa; }
.md-public .md-enrollment-head h2 { font-size: 20px; }
.md-public .md-enrollment-charts { margin-bottom: 25px; }
.md-public .md-chart-grid { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
.md-public .md-en-chart:first-child { grid-column: auto; grid-row: span 2; align-self: stretch; }
.md-public .md-chart-header { padding: 16px 17px; }
.md-public .md-chart-body { padding: 16px 17px; }
.md-public .md-chart-grade .md-chart-row { margin: 12px 0; }
.md-public .md-chart-track { height: 15px; }
.md-public .md-en-chart { box-shadow: 0 3px 12px rgba(19,47,89,.04); }
.md-public .md-cards { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.md-public .md-card { padding: 18px; }
.md-public .md-card-top { margin-bottom: 14px; }
.md-public .md-card h3 { font-size: 15px; }
.md-public .md-card p { font-size: 12px; }
.md-public .md-card-link { font-size: 11px; }
.md-public .md-card .md-category { font-size: 9px; }
.md-public .md-side .md-panel { box-shadow: 0 3px 12px rgba(19,47,89,.04); }
@media(max-width:1199px) {
.md-public .md-intro { align-items: flex-start; flex-direction: column; }
.md-public .md-dashboard-actions { justify-content: flex-start; }
.md-public .md-grid { grid-template-columns: minmax(0,1fr) 285px; }
.md-public .md-chart-grid { grid-template-columns: minmax(0,1fr); }
.md-public .md-en-chart:first-child { grid-row: auto; }
.md-public .md-cards { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:991px) {
.md-public .md-grid { grid-template-columns: minmax(0,1fr); }
.md-public .md-side { grid-template-columns: repeat(2,minmax(0,1fr)); }
.md-public .md-chart-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.md-public .md-en-chart:first-child { grid-row: span 2; }
.md-public .md-cards { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
.md-public .md-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.md-public .md-chart-grid { grid-template-columns: minmax(0,1fr); }
.md-public .md-en-chart:first-child { grid-row: auto; }
.md-public .md-cards { grid-template-columns: minmax(0,1fr); }
.md-public .md-side { grid-template-columns: minmax(0,1fr); }
.md-public .md-kpi { padding: 16px; }
.md-public .md-kpi-value { font-size: 26px; }
.md-public .md-kpi-label { font-size: 11px; }
.md-public .md-kpi-mark { display: none; }
.md-public .md-intro { padding: 21px; }
.md-public h1 { font-size: 27px; }
}
@media print {
.md-public .md-dashboard-actions { display: none; }
.md-public .md-kpis { grid-template-columns: repeat(4,minmax(0,1fr)); }
.md-public .md-kpi { box-shadow: none; break-inside: avoid; }
.md-public .md-en-chart:first-child { grid-row: auto; }
}
.md-public .md-wrap { max-width: none; }
.md-public .md-symbol-defs { position: absolute; overflow: hidden; }
.md-public .md-dashboard-filters { margin: 0 0 22px; padding: 22px; background: #fff; border: 1px solid #c9d9eb; border-top: 4px solid #214f9b; border-radius: 10px; }
.md-public .md-filter-heading { margin-bottom: 17px; }
.md-public .md-filter-heading h2 { font-size: 18px; }
.md-public .md-filter-heading p { margin: 4px 0 0; font-size: 12px; color: #4c6178; }
.md-public .md-filter-controls { display: flex; align-items: flex-end; gap: 20px; flex-wrap: wrap; }
.md-public .md-filter-form { flex: 1 1 300px; min-width: 0; margin: 0; }
.md-public .md-filter-form label { display: block; margin: 0 0 7px; font-size: 12px; font-weight: 700; color: #183a70; }
.md-public .md-filter-input-row { display: flex; gap: 8px; }
.md-public .md-dashboard-select { width: 100%; min-width: 0; flex: 1; background: #f8fafd; border: 1px solid #a7bfdc; border-radius: 7px; padding: 11px 12px; color: #233b57; font: 13px/1.5 Arial,sans-serif; }
.md-public .md-dashboard-select:focus-visible { outline: 3px solid #285eaf; outline-offset: 3px; }
.md-public .md-filter-apply { border: 1px solid #214f9b; border-radius: 7px; padding: 9px 13px; background: #214f9b; color: #fff; font: 700 12px Arial,sans-serif; cursor: pointer; white-space: nowrap; }
.md-public .md-filter-apply:hover { background: #183a70; }
.md-public .md-filter-apply:disabled,.md-public .md-dashboard-select:disabled { opacity: .6; cursor: default; }
.md-public .md-filter-reset { padding: 11px 0; font-size: 12px; color: #214f9b; white-space: nowrap; }
.md-public .md-filter-current { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid #e1e9f2; font-size: 12px; color: #4c6178; }
.md-public .md-filter-current strong { color: #183a70; }
.md-public .md-filter-warning { margin: 12px 0 0; padding: 10px 12px; border: 1px solid #e0cea7; border-radius: 6px; background: #fff8e9; color: #735522; font-size: 12px; }
.md-public progress.md-chart-fill { appearance: none; -webkit-appearance: none; width: 100%; height: 100%; border: 0; display: block; background: transparent; border-radius: 2px; }
.md-public progress.md-chart-fill::-webkit-progress-bar { background: transparent; }
.md-public progress.md-chart-fill::-webkit-progress-value { background: var(--chart-color); border-radius: 2px; }
.md-public progress.md-chart-fill::-moz-progress-bar { background: var(--chart-color); border-radius: 2px; }
@media(max-width:575px) {
.md-public .md-dashboard-filters { padding: 18px; }
.md-public .md-filter-controls { gap: 15px; }
.md-public .md-filter-form { flex-basis: 100%; }
.md-public .md-filter-input-row { flex-wrap: wrap; }
.md-public .md-dashboard-select { flex-basis: 100%; }
}
@media print {
.md-public .md-filter-controls,.md-public .md-filter-heading p { display: none; }
}
.md-public .md-scope-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-bottom: 20px; }
.md-public .md-scope-card { background: #183a70; color: white; border-radius: 11px; padding: 22px 24px; min-width: 0; }
.md-public .md-scope-teal { background: #12695f; }
.md-public .md-scope-purple { background: #60418d; }
.md-public .md-scope-card p { margin: 0 0 8px; font-size: 13px; font-weight: 700; }
.md-public .md-scope-card strong { display: block; font-size: 34px; line-height: 1.2; margin-bottom: 7px; font-variant-numeric: tabular-nums; }
.md-public .md-scope-card>span { color: #eef5ff; font-size: 11px; overflow-wrap: anywhere; }
.md-public .md-grid { grid-template-columns: minmax(0,1fr); }
.md-public .md-side { grid-template-columns: repeat(3,minmax(0,1fr)); }
.md-public .md-main-chart-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.md-public .md-main-chart-grid .md-en-chart:first-child { grid-row: auto; grid-column: 1/-1; }
.md-public .md-main-chart-grid .md-en-chart:last-child { grid-column: auto; }
.md-public .md-chart-gold { --chart-color: #a66b1d; }
.md-public .md-demographic-mode { display: flex; gap: 6px; align-items: center; justify-content: flex-end; flex-wrap: wrap; margin: 0 0 14px; font-size: 11px; color: #4c6178; }
.md-public .md-demographic-mode>span { margin-right: 7px; }
.md-public .md-demographic-mode button { background: white; color: #214f9b; border: 1px solid #b8cce4; border-radius: 5px; padding: 7px 10px; font: 700 11px Arial,sans-serif; cursor: pointer; }
.md-public .md-demographic-mode button[aria-pressed='true'] { background: #214f9b; color: white; border-color: #214f9b; }
.md-public .md-demographic-scroll { overflow-x: auto; }
.md-public .md-chart-svg { display: block; }
.md-public .md-chart-svg .md-chart-grid-line { stroke: #e0e8f2; stroke-width: 1; }
.md-public .md-chart-svg .md-chart-axis-label { fill: #536981; stroke: none; font: 11px Arial,sans-serif; }
.md-public .md-chart-svg rect { stroke: none; }
.md-public .md-chart-svg .md-series-0 { fill: #0167ba; }
.md-public .md-chart-svg .md-series-1 { fill: #23965d; }
.md-public .md-chart-svg .md-series-2 { fill: #e9a63f; }
.md-public .md-chart-svg .md-series-3 { fill: #7960b9; }
.md-public .md-chart-svg .md-series-4 { fill: #d66c52; }
.md-public .md-chart-svg .md-series-5 { fill: #429fae; }
.md-public .md-chart-svg .md-series-6 { fill: #a57899; }
.md-public .md-chart-svg .md-series-7 { fill: #8c9daf; }
.md-public .md-demographic-legend { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 16px; font-size: 10px; color: #3d5876; margin: 12px 0 6px; }
.md-public .md-demographic-legend>span { display: flex; gap: 6px; align-items: center; }
.md-public .md-series-key { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
.md-public .md-key-0 { background: #0167ba; }
.md-public .md-key-1 { background: #23965d; }
.md-public .md-key-2 { background: #e9a63f; }
.md-public .md-key-3 { background: #7960b9; }
.md-public .md-key-4 { background: #d66c52; }
.md-public .md-key-5 { background: #429fae; }
.md-public .md-key-6 { background: #a57899; }
.md-public .md-key-7 { background: #8c9daf; }
.md-public .md-demographic-table-scroll { overflow-x: auto; }
.md-public .md-chart-data table { min-width: 100%; white-space: nowrap; }
.md-public .md-chart-data th,.md-public .md-chart-data td { padding: 9px 12px; font-variant-numeric: tabular-nums; }
.md-public .md-chart-missing { color: #805a24; font-size: 11px; background: #fff7e6; border: 1px solid #ecdcba; border-radius: 5px; padding: 9px 12px; }
@media(max-width:991px) {
.md-public .md-side { grid-template-columns: 1fr; }
}
@media(max-width:700px) {
.md-public .md-main-chart-grid { grid-template-columns: 1fr; }
.md-public .md-scope-grid { grid-template-columns: 1fr; gap: 10px; }
.md-public .md-scope-card { padding: 17px 20px; }
.md-public .md-scope-card strong { font-size: 28px; }
.md-public .md-demographic-mode { justify-content: flex-start; }
}
@media print {
.md-public .md-demographic-mode { display: none; }
.md-public .md-chart-svg { min-width: 0; }
.md-public .md-scope-card { color: #183a70; border: 1px solid #ccd9e9; background: white; }
.md-public .md-scope-card>span { color: #4c6178; }
.md-public .md-chart-svg rect { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}
.md-public .md-main-chart-grid { align-items: stretch; }
.md-public .md-main-chart-grid > .md-en-chart { display: flex; flex-direction: column; }
.md-public .md-main-chart-grid .md-chart-header { min-height: 110px; }
.md-public .md-main-chart-grid .md-chart-body { flex: 1; display: flex; flex-direction: column; }
.md-public .md-demographic-scroll { flex: none; height: 360px; }
.md-public .md-chart-svg { width: 100%; height: 340px; min-width: 740px; }
.md-public .md-main-chart-grid .md-chart-data { margin-top: auto; padding-top: 12px; }
@media print {
.md-public .md-chart-svg { min-width: 0; }
}
.md-public .md-dashboard-top-row { margin-bottom: 22px; }
.md-public .md-dashboard-top-row > .col-12 { display: flex; min-width: 0; }
.md-public .md-dashboard-top-row .md-intro { flex: 1; width: 100%; margin-bottom: 0; flex-wrap: wrap; }
.md-public .md-dashboard-top-row .md-intro > div:first-child { flex: 1 1 360px; min-width: 0; }
.md-public .md-dashboard-top-row .md-dashboard-actions { justify-content: flex-start; }
.md-public .md-dashboard-top-row .md-school-panel { flex: 1; width: 100%; margin-bottom: 0; display: flex; flex-direction: column; justify-content: center; }
.md-public .md-dashboard-top-row .md-search-box { min-width: 0; }
@media(max-width:991px) {
.md-public .md-dashboard-top-row .md-intro { gap: 18px; }
}
.md-public .md-dashboard-explore-row { margin-bottom: 22px; }
.md-public .md-dashboard-explore-row > .col-12 { display: flex; min-width: 0; }
.md-public .md-dashboard-explore-row .md-dashboard-filters,
.md-public .md-dashboard-explore-row .md-dashboard-announcements { flex: 1; width: 100%; margin-bottom: 0; min-width: 0; }
.md-public .md-dashboard-announcements > .md-panel-head { background: #183a70; border-color: #183a70; }
.md-public .md-dashboard-announcements > .md-panel-head h2 { color: #fff; }
.md-public .md-dashboard-announcements > .md-panel-head p { color: #dae7fa; }
.md-public .md-dashboard-announcements .md-panel-body { max-height: 360px; overflow-y: auto; overflow-wrap: anywhere; }
.md-public .md-side { grid-template-columns: repeat(2,minmax(0,1fr)); }
.md-public .md-side .md-panel:first-child .md-panel-head { background: #e6f3ef; border-bottom-color: #c6e1d8; border-left: 4px solid #12695f; }
.md-public .md-side .md-panel:first-child .md-panel-head h2 { color: #125e54; }
.md-public .md-side .md-panel:first-child .md-panel-head p { color: #4c6178; }
@media(max-width:991px) {
.md-public .md-side { grid-template-columns: minmax(0,1fr); }
}
@media print {
.md-public .md-dashboard-announcements .md-panel-body { max-height: none; overflow: visible; }
}
.md-public.md-apex-dashboard { --md-navy: #253858; --md-blue: #17649a; --md-ink: #303a46; --md-muted: #607080; --md-line: #dce1e6; background: #f3f5f7; color: var(--md-ink); padding: 20px 0 32px; font: 14px/1.5 "Segoe UI",Arial,sans-serif; }
.md-apex-dashboard .md-wrap { width: calc(100% - 40px); max-width: none; }
.md-apex-dashboard .md-apex-breadcrumb { display: flex; align-items: center; gap: 9px; font-size: 11px; color: #687888; margin-bottom: 14px; }
.md-apex-dashboard .md-apex-breadcrumb a { color: #17649a; text-decoration: none; }
.md-apex-dashboard .md-apex-breadcrumb a:hover { text-decoration: underline; }
.md-apex-dashboard .md-apex-section-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 0; border: 1px solid #dce1e6; background: white; border-radius: 5px; padding: 0 6px; margin-bottom: 20px; }
.md-apex-dashboard .md-apex-section-nav a { padding: 12px 15px; color: #596b7a; font-size: 12px; text-decoration: none; border-bottom: 3px solid transparent; }
.md-apex-dashboard .md-apex-section-nav a:hover { color: #17649a; background: #f5f8fa; }
.md-apex-dashboard .md-apex-section-nav a:first-child { color: #17649a; font-weight: 700; border-bottom-color: #17649a; }
.md-apex-dashboard .md-apex-view-label { margin-left: auto; padding: 8px 12px; display: flex; align-items: center; gap: 7px; font-size: 10px; color: #607080; }
.md-apex-dashboard .md-apex-status-dot { height: 6px; width: 6px; border-radius: 50%; background: #17649a; display: inline-block; }
.md-apex-dashboard .md-dashboard-top-row,
.md-apex-dashboard .md-dashboard-explore-row { --bs-gutter-x: 20px; --bs-gutter-y: 20px; margin-bottom: 20px; }
.md-apex-dashboard .md-dashboard-top-row > [class*="col-"],
.md-apex-dashboard .md-dashboard-explore-row > [class*="col-"] { display: flex; min-width: 0; }
.md-apex-dashboard .md-dashboard-top-row .md-intro { flex: 1; width: 100%; padding: 24px; background: #fff; border: 1px solid #dce1e6; border-left: 4px solid #17649a; border-radius: 5px; box-shadow: 0 1px 2px #16233408; gap: 18px; flex-wrap: wrap; margin: 0; }
.md-apex-dashboard .md-intro h1 { font: 600 27px/1.2 "Segoe UI",Arial,sans-serif; color: #253858; letter-spacing: -.6px; margin-bottom: 10px; }
.md-apex-dashboard .md-intro .md-eyebrow { color: #607080; font-size: 10px; font-weight: 600; letter-spacing: 1.4px; margin-bottom: 8px; }
.md-apex-dashboard .md-intro p:last-child { color: #667888; font-size: 12px; line-height: 1.5; }
.md-apex-dashboard .md-intro #md-current-selection { color: #36526e; font-weight: 600; }
.md-apex-dashboard .md-dashboard-actions { gap: 8px; justify-content: flex-start; }
.md-apex-dashboard .md-access { padding: 8px 12px; border: 1px solid #c8d2dc; border-radius: 4px; color: #3a5266; background: white; box-shadow: none; font-size: 11px; font-weight: 600; }
.md-apex-dashboard .md-access:hover { background: #f1f5f8; border-color: #a2b6c8; color: #174f7a; }
.md-apex-dashboard .md-refresh { background: #17649a; border-color: #17649a; color: #fff; }
.md-apex-dashboard .md-refresh:hover { background: #124f7b; color: white; }
.md-apex-dashboard .md-school-panel { padding: 20px; background: white; border: 1px solid #dce1e6; border-top: 3px solid #438f9d; border-radius: 5px; box-shadow: 0 1px 2px #16233408; }
.md-apex-dashboard .md-school-panel .md-search-label { font: 600 14px/1.4 "Segoe UI",Arial,sans-serif; color: #34495d; }
.md-apex-dashboard .md-school-panel .md-search-box { background: #fff; border: 1px solid #b7c3ce; border-radius: 4px; padding: 0 5px 0 10px; gap: 5px; }
.md-apex-dashboard .md-search-input { font: 12px "Segoe UI",Arial,sans-serif; padding: 11px 0; }
.md-apex-dashboard .md-school-submit { border-radius: 3px; background: #17649a; font: 600 11px "Segoe UI",Arial,sans-serif; padding: 7px 10px; }
.md-apex-dashboard .md-search-tip { font-size: 10px; color: #667888; margin-top: 10px; }
.md-apex-dashboard .md-dashboard-filters,
.md-apex-dashboard .md-dashboard-announcements { border: 1px solid #dce1e6; border-radius: 5px; background: #fff; box-shadow: 0 1px 2px #16233408; }
.md-apex-dashboard .md-dashboard-filters { padding: 0; overflow: hidden; }
.md-apex-dashboard .md-filter-heading { padding: 14px 20px; margin: 0; background: #f8f9fb; border-bottom: 1px solid #e2e6eb; }
.md-apex-dashboard .md-filter-heading h2 { font: 600 14px/1.4 "Segoe UI",Arial,sans-serif; color: #34495d; }
.md-apex-dashboard .md-filter-heading p { font-size: 11px; color: #71808d; margin-top: 3px; }
.md-apex-dashboard .md-filter-controls { padding: 17px 20px 0; gap: 14px; }
.md-apex-dashboard .md-filter-form { flex: 1 1 240px; }
.md-apex-dashboard .md-filter-form label { color: #4d6070; font-size: 11px; font-weight: 600; margin-bottom: 6px; }
.md-apex-dashboard .md-dashboard-select { font: 12px/1.5 "Segoe UI",Arial,sans-serif; padding: 8px 10px; border: 1px solid #b8c5d0; border-radius: 4px; background: white; }
.md-apex-dashboard .md-filter-apply { font: 600 11px "Segoe UI",Arial,sans-serif; padding: 8px 11px; border-radius: 4px; background: #f7f9fb; color: #3a5266; border: 1px solid #bccbd7; }
.md-apex-dashboard .md-filter-apply:hover { color: #17649a; background: #edf4f9; }
.md-apex-dashboard .md-filter-reset { font-size: 11px; padding: 8px 0; }
.md-apex-dashboard .md-filter-current { padding: 11px 20px; margin: 16px 0 0; background: #fafbfd; border-top: 1px solid #e6eaee; font-size: 11px; }
.md-apex-dashboard .md-filter-warning { margin: 10px 20px; }
.md-apex-dashboard .md-dashboard-announcements > .md-panel-head { background: #f8f9fb; border-color: #e2e6eb; padding: 14px 18px; }
.md-apex-dashboard .md-dashboard-announcements > .md-panel-head h2 { color: #34495d; font: 600 14px/1.4 "Segoe UI",Arial,sans-serif; }
.md-apex-dashboard .md-dashboard-announcements > .md-panel-head p { color: #71808d; font-size: 11px; }
.md-apex-dashboard .md-dashboard-announcements .md-panel-body { padding: 15px 18px; max-height: 240px; font-size: 12px; }
.md-apex-dashboard #schoolannouncements { font-size: 12px; line-height: 1.7; }
.md-apex-dashboard .md-note { font-size: 10px; background: #f1f5f9; color: #617183; border-left: 2px solid #80a7c4; padding: 9px 10px; margin-top: 12px; }
.md-apex-dashboard .md-scope-grid { gap: 16px; margin-bottom: 16px; scroll-margin-top: 100px; }
.md-apex-dashboard .md-scope-card { position: relative; background: white; color: #253858; border: 1px solid #dce1e6; border-top: 3px solid #2874ab; border-radius: 5px; padding: 19px 22px; box-shadow: 0 1px 2px #16233408; }
.md-apex-dashboard .md-scope-teal { border-top-color: #438f9d; }
.md-apex-dashboard .md-scope-purple { border-top-color: #7d68ac; }
.md-apex-dashboard .md-scope-card::after { content: 'â–¥'; position: absolute; top: 21px; right: 20px; display: grid; place-items: center; width: 35px; height: 35px; border-radius: 6px; background: #eff5fa; color: #4381b0; font-size: 24px; }
.md-apex-dashboard .md-scope-teal::after { background: #edf6f6; color: #438f9d; }
.md-apex-dashboard .md-scope-purple::after { background: #f3f0f8; color: #7d68ac; }
.md-apex-dashboard .md-scope-card p { color: #697c8d; font-size: 11px; font-weight: 600; padding-right: 40px; margin-bottom: 7px; }
.md-apex-dashboard .md-scope-card strong { color: #263b50; font-size: 32px; font-weight: 600; letter-spacing: -.5px; margin-bottom: 6px; }
.md-apex-dashboard .md-scope-card>span { color: #788895; font-size: 10px; }
.md-apex-dashboard .md-kpis { gap: 16px; margin-bottom: 10px; }
.md-apex-dashboard .md-kpi { background: white; border: 1px solid #dce1e6; border-left: 3px solid var(--kpi-accent); border-radius: 5px; box-shadow: none; padding: 16px 18px; }
.md-apex-dashboard .md-kpi-label { color: #697c8d; font-size: 11px; font-weight: 500; }
.md-apex-dashboard .md-kpi-mark { width: 25px; height: 25px; border-radius: 5px; }
.md-apex-dashboard .md-kpi-value { color: #2d455c; font: 600 26px/1.2 "Segoe UI",Arial,sans-serif; letter-spacing: -.3px; }
.md-apex-dashboard .md-kpi-note { font-size: 10px; color: #7b8a98; }
.md-apex-dashboard .md-kpi-status { font-size: 10px; color: #728391; margin-bottom: 22px; }
.md-apex-dashboard .md-enrollment-head { margin-bottom: 12px; }
.md-apex-dashboard .md-enrollment-head h2 { font: 600 17px/1.4 "Segoe UI",Arial,sans-serif; color: #334d63; }
.md-apex-dashboard .md-enrollment-head a { font-size: 11px; text-decoration: none; }
.md-apex-dashboard .md-chart-state { border: 1px solid #d8e6f0; background: #edf5fa; color: #4c6c84; border-radius: 4px; padding: 9px 12px; font-size: 11px; }
.md-apex-dashboard .md-demographic-mode { padding: 6px 0; margin-bottom: 12px; font-size: 10px; }
.md-apex-dashboard .md-demographic-mode button { font-size: 10px; border-radius: 3px; padding: 6px 10px; border-color: #c2cfdb; }
.md-public.md-apex-dashboard #md-enrollment-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 18px; }
.md-public.md-apex-dashboard #md-enrollment-grid > .md-en-chart { grid-column: auto; grid-row: auto; display: flex; flex-direction: column; border: 1px solid #dce1e6; border-radius: 5px; box-shadow: 0 1px 2px #16233408; min-width: 0; }
.md-apex-dashboard .md-main-chart-grid .md-chart-header { background: #fafbfd; border-bottom: 1px solid #e2e6eb; padding: 15px 18px; min-height: 100px; }
.md-apex-dashboard .md-chart-header h3 { font: 600 14px/1.4 "Segoe UI",Arial,sans-serif; color: #34495d; margin: 0 0 5px; }
.md-apex-dashboard .md-chart-header p { color: #7a8b99; font-size: 10px; line-height: 1.5; margin: 0; }
.md-apex-dashboard .md-main-chart-grid .md-chart-body { padding: 15px 18px; min-width: 0; }
.md-apex-dashboard .md-demographic-scroll { height: 310px; flex: none; }
.md-apex-dashboard .md-chart-svg { width: 100%; min-width: 640px; height: 290px; }
.md-apex-dashboard .md-demographic-legend { font-size: 10px; gap: 7px 14px; margin: 10px 0 14px; color: #627788; }
.md-apex-dashboard .md-main-chart-grid .md-chart-data { margin-top: auto; border-top: 1px solid #edf0f3; padding-top: 10px; font-size: 11px; }
.md-apex-dashboard .md-chart-data summary { color: #17649a; font-weight: 500; }
.md-apex-dashboard .md-chart-data table { font-size: 11px; }
.md-apex-dashboard .md-chart-data table th { background: #f6f8fa; color: #3d566c; }
.md-apex-dashboard .md-chart-data table td { color: #576d80; }
.md-apex-dashboard .md-chart-data table tbody tr:nth-child(even) { background: #fafbfd; }
.md-apex-dashboard .md-chart-source { font-size: 10px; color: #788b9b; margin-top: 14px; }
.md-apex-dashboard .md-apex-context .md-chart-header { min-height: 100px; }
.md-apex-dashboard .md-apex-context .md-chart-body { justify-content: center; }
.md-apex-dashboard .md-apex-context dl { margin: 0; display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 0; font-size: 12px; }
.md-apex-dashboard .md-apex-context dt,.md-apex-dashboard .md-apex-context dd { padding: 13px 0; border-bottom: 1px solid #edf0f3; margin: 0; }
.md-apex-dashboard .md-apex-context dt { color: #778996; font-weight: 500; }
.md-apex-dashboard .md-apex-context dd { color: #344f67; font-weight: 600; overflow-wrap: anywhere; }
.md-apex-dashboard .md-apex-context-link { align-self: flex-start; color: #17649a; font-size: 11px; margin-top: 18px; text-decoration: none; }
.md-apex-dashboard .md-school-results { border: 1px solid #dce1e6; border-radius: 5px; }
.md-apex-dashboard .md-school-result-actions { background: #f8f9fb; border-bottom: 1px solid #e2e6eb; }
.md-apex-dashboard .md-school-table th { background: #f1f5f8; color: #425e73; }
.md-apex-dashboard .md-school-table th,.md-apex-dashboard .md-school-table td { font-size: 11px; padding: 10px 16px; }
.md-apex-dashboard .md-clear { border-radius: 3px; font-size: 11px; background: #17649a; }
.md-apex-dashboard :is(button,a,select,input):focus-visible { outline: 3px solid #4c9bd2; outline-offset: 3px; }
.md-apex-dashboard :is(#md-dashboard-filter-title,#md-enrollment-title) { scroll-margin-top: 110px; }
@media(max-width:1100px) {
.md-apex-dashboard .md-filter-form { flex-basis: 100%; }
.md-apex-dashboard .md-intro h1 { font-size: 24px; }
}
@media(max-width:767px) {
.md-apex-dashboard .md-wrap { width: calc(100% - 28px); }
.md-apex-dashboard .md-apex-view-label { display: none; }
.md-apex-dashboard .md-apex-section-nav a { padding: 10px 12px; font-size: 11px; }
.md-apex-dashboard .md-dashboard-top-row .md-intro { padding: 20px; }
.md-apex-dashboard .md-scope-grid { grid-template-columns: 1fr; }
.md-apex-dashboard .md-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.md-public.md-apex-dashboard #md-enrollment-grid { grid-template-columns: minmax(0,1fr); }
.md-apex-dashboard .md-main-chart-grid .md-chart-header { min-height: 90px; }
.md-apex-dashboard .md-apex-context dl { grid-template-columns: 95px minmax(0,1fr); }
}
@media print {
.md-apex-dashboard .md-apex-section-nav { display: none; }
.md-public.md-apex-dashboard { background: white; }
.md-apex-dashboard .md-chart-svg { min-width: 0; }
}
.md-enroll-page.md-enroll-apex { --er-primary: #17649a; --er-text: #33485d; --er-muted: #6e7f8e; --er-line: #dce2e8; box-sizing: border-box; background: #f3f5f7; color: var(--er-text); padding: 20px 0 34px; font: 14px/1.5 "Segoe UI",Arial,sans-serif; }
.md-enroll-apex *, .md-enroll-apex *::before, .md-enroll-apex *::after { box-sizing: border-box; }
.md-enroll-apex .md-enroll-wrap { width: calc(100% - 40px); max-width: none; margin: 0 auto; }
.md-enroll-apex .md-enroll-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 15px; color: #738493; font-size: 11px; }
.md-enroll-apex a { color: var(--er-primary); text-underline-offset: 3px; }
.md-enroll-apex .md-enroll-breadcrumb a { text-decoration: none; }
.md-enroll-apex .md-enroll-hero { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; padding: 24px; background: #fff; border: 1px solid var(--er-line); border-left: 4px solid var(--er-primary); border-radius: 5px; box-shadow: 0 1px 2px #16233408; margin-bottom: 18px; }
.md-enroll-apex .md-enroll-eyebrow { margin: 0 0 8px; color: #778795; font-size: 10px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; }
.md-enroll-apex h1 { font: 600 28px/1.2 "Segoe UI",Arial,sans-serif; letter-spacing: -.5px; color: #253858; margin: 0 0 8px; }
.md-enroll-apex .md-enroll-subtitle { color: #59748a; font-size: 13px; margin: 0; font-weight: 500; }
.md-enroll-apex .md-enroll-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.md-enroll-apex .md-enroll-date { color: #788b9b; font-size: 11px; background: #f3f6f9; border: 1px solid #e3e9ef; border-radius: 4px; padding: 8px 11px; }
.md-enroll-apex .md-enroll-date i { margin-right: 5px; }
.md-enroll-apex .md-enroll-btn { display: inline-flex; justify-content: center; align-items: center; gap: 7px; border: 1px solid #17649a; background: #17649a; color: #fff; border-radius: 4px; padding: 8px 12px; font: 600 11px/1.5 "Segoe UI",Arial,sans-serif; text-decoration: none; cursor: pointer; }
.md-enroll-apex .md-enroll-btn:hover { background: #12517e; border-color: #12517e; color: #fff; }
.md-enroll-apex .md-enroll-btn-light, .md-enroll-apex .md-enroll-btn-outline { background: #fff; border-color: #c3d0db; color: #405d73; }
.md-enroll-apex .md-enroll-btn-light:hover, .md-enroll-apex .md-enroll-btn-outline:hover { background: #f1f6fa; border-color: #9ab2c6; color: #17649a; }
.md-enroll-apex .md-enroll-apex-tabs { display: flex; flex-wrap: wrap; gap: 0; align-items: center; background: #fff; border: 1px solid var(--er-line); border-radius: 4px; padding: 0 6px; margin: 0 0 20px; }
.md-enroll-apex .md-enroll-apex-tabs a { padding: 11px 15px; text-decoration: none; font-size: 12px; color: #617688; border-bottom: 3px solid transparent; }
.md-enroll-apex .md-enroll-apex-tabs a:first-child { font-weight: 600; color: #17649a; border-bottom-color: #17649a; }
.md-enroll-apex .md-enroll-apex-tabs a:hover { color: #17649a; background: #f5f8fa; }
.md-enroll-apex .md-enroll-top-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); align-items: stretch; gap: 20px; margin-bottom: 20px; }
.md-enroll-apex .md-enroll-card { min-width: 0; background: white; border: 1px solid var(--er-line); border-radius: 5px; overflow: hidden; box-shadow: 0 1px 2px #16233408; }
.md-enroll-apex .md-enroll-card-head { display: flex; gap: 11px; align-items: center; padding: 15px 20px; border-bottom: 1px solid #e2e7ec; background: #f8fafb; }
.md-enroll-apex .md-enroll-card-head h2 { font: 600 14px/1.4 "Segoe UI",Arial,sans-serif; color: #354d61; margin: 0; }
.md-enroll-apex .md-enroll-card-head p { margin: 3px 0 0; color: #7b8c99; font-size: 11px; }
.md-enroll-apex .md-enroll-icon { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 5px; background: #eaf2f8; color: #17649a; font-size: 16px; }
.md-enroll-apex .md-enroll-filter-card .md-enroll-icon { background: #eaf4f2; color: #347f73; }
.md-enroll-apex .md-enroll-card-body { padding: 20px; }
.md-enroll-apex .md-enroll-school-name { font: 600 18px/1.4 "Segoe UI",Arial,sans-serif; color: #2c4b65; margin: 0 0 16px; }
.md-enroll-apex .md-enroll-profile { color: #587084; font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
.md-enroll-apex .md-enroll-profile > div { padding: 9px 0; border-bottom: 1px solid #edf0f3; }
.md-enroll-apex .md-enroll-profile > div:last-child { border-bottom: 0; }
.md-enroll-apex .md-enroll-profile a { margin-left: 5px; }
.md-enroll-apex .md-enroll-filter-form { margin: 0 0 17px; }
.md-enroll-apex .md-enroll-filter-form label { display: block; color: #52697d; font-size: 11px; font-weight: 600; margin-bottom: 6px; }
.md-enroll-apex .md-enroll-select { display: block; width: 100%; min-width: 0; border: 1px solid #b9c8d4; border-radius: 4px; background: #fff; color: #344f65; padding: 10px 11px; font: 12px/1.5 "Segoe UI",Arial,sans-serif; }
.md-enroll-apex .md-enroll-filter-form noscript .md-enroll-btn { margin-top: 8px; }
.md-enroll-apex .md-enroll-filter-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 16px; margin-top: 12px; border-top: 1px solid #e7ecf1; }
.md-enroll-apex .md-enroll-filter-note { margin: 0 0 15px; padding: 10px 12px; border: 1px solid #d9e7ef; border-radius: 4px; background: #f0f6fa; color: #637e91; font-size: 11px; line-height: 1.6; }
.md-enroll-apex .md-enroll-badge { margin-left: auto; font-size: 10px; color: #5b778c; background: #edf3f8; border: 1px solid #dbe5ee; border-radius: 4px; padding: 5px 9px; white-space: nowrap; }
.md-enroll-apex .md-enroll-report-tip { padding: 10px 20px; margin: 0; font-size: 10px; color: #7a8c9b; border-bottom: 1px solid #e9edf1; background: #fff; }
.md-enroll-apex .md-enroll-report-content { padding: 20px; overflow-x: auto; min-width: 0; background: white; }
.md-enroll-apex .md-enroll-report-content .nav-tabs { border-bottom: 1px solid #dce5ed; gap: 3px; margin-bottom: 18px; }
.md-enroll-apex .md-enroll-report-content .nav-tabs .nav-link { padding: 10px 16px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; color: #697f91; background: transparent; font: 500 12px "Segoe UI",Arial,sans-serif; }
.md-enroll-apex .md-enroll-report-content .nav-tabs .nav-link.active { color: #17649a; border-bottom-color: #17649a; background: #fff; }
.md-enroll-apex .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) { width: 100%; border-collapse: collapse; font: 11px/1.5 "Segoe UI",Arial,sans-serif; color: #4f687c; }
.md-enroll-apex .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) > thead { background: #f0f5f9!important; color: #3b566c!important; }
.md-enroll-apex .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) th { background: #f0f5f9!important; color: #3b566c!important; font-weight: 600; white-space: nowrap; }
.md-enroll-apex .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) :is(th,td) { padding: 9px 12px; border: 1px solid #e4eaf0; font-variant-numeric: tabular-nums; }
.md-enroll-apex .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) tbody tr:nth-child(even) { background: #fafcfe; }
.md-enroll-apex .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) tbody tr:hover { background: #f0f6fb; }
.md-enroll-apex .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) tbody td { white-space: nowrap; }
.md-enroll-apex .md-enroll-report-content .highcharts-container { font-family: "Segoe UI",Arial,sans-serif!important; }
.md-enroll-apex :is(a,button,select):focus-visible { outline: 3px solid #4c9bd2; outline-offset: 3px; }
.md-enroll-apex .md-enroll-report-content:focus-visible { outline: 3px solid #4c9bd2; outline-offset: -3px; }
.md-enroll-apex :is(#md-school-profile-title,#md-enroll-filter-title,#md-enroll-report-title) { scroll-margin-top: 110px; }
@media(max-width:991px) {
.md-enroll-apex .md-enroll-top-grid { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:575px) {
.md-enroll-apex .md-enroll-wrap { width: calc(100% - 28px); }
.md-enroll-apex .md-enroll-hero { padding: 19px; }
.md-enroll-apex h1 { font-size: 24px; }
.md-enroll-apex .md-enroll-hero-actions { width: 100%; }
.md-enroll-apex .md-enroll-card-head { padding: 13px 16px; flex-wrap: wrap; }
.md-enroll-apex .md-enroll-card-body,.md-enroll-apex .md-enroll-report-content { padding: 16px; }
.md-enroll-apex .md-enroll-badge { margin-left: 43px; }
.md-enroll-apex .md-enroll-apex-tabs a { font-size: 11px; padding: 10px 12px; }
}
@media print {
.md-enroll-page.md-enroll-apex { background: white; padding: 0; }
.md-enroll-apex .md-enroll-wrap { width: 100%; }
.md-enroll-apex .md-enroll-apex-tabs,.md-enroll-apex .md-enroll-filter-card,.md-enroll-apex .md-enroll-hero-actions { display: none; }
.md-enroll-apex .md-enroll-top-grid { display: block; }
.md-enroll-apex .md-enroll-card { box-shadow: none; }
.md-enroll-apex .md-enroll-report-content { overflow: visible; }
}
#enrollment-dashboard { --er-primary: #17649a; --er-text: #33485d; --er-muted: #6e7f8e; --er-line: #dce2e8; box-sizing: border-box; background: #f3f5f7; color: var(--er-text); font: 14px/1.5 "Segoe UI",Arial,sans-serif; }
#enrollment-dashboard *, #enrollment-dashboard *::before, #enrollment-dashboard *::after { box-sizing: border-box; }
#enrollment-dashboard .md-enroll-wrap { width: calc(100% - 40px); }
#enrollment-dashboard .md-enroll-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 15px; color: #738493; font-size: 11px; }
#enrollment-dashboard a { color: var(--er-primary); text-underline-offset: 3px; }
#enrollment-dashboard .md-enroll-breadcrumb a { text-decoration: none; }
#enrollment-dashboard .md-enroll-hero { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; padding: 24px; background: #fff; border: 1px solid var(--er-line); border-left: 4px solid var(--er-primary); border-radius: 5px; box-shadow: 0 1px 2px #16233408; margin-bottom: 18px; }
#enrollment-dashboard .md-enroll-eyebrow { margin: 0 0 8px; color: #778795; font-size: 10px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; }
#enrollment-dashboard h1 { font: 600 28px/1.2 "Segoe UI",Arial,sans-serif; letter-spacing: -.5px; color: #253858; margin: 0 0 8px; }
#enrollment-dashboard .md-enroll-subtitle { color: #59748a; font-size: 13px; margin: 0; font-weight: 500; }
#enrollment-dashboard .md-enroll-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
#enrollment-dashboard .md-enroll-date { color: #788b9b; font-size: 11px; background: #f3f6f9; border: 1px solid #e3e9ef; border-radius: 4px; padding: 8px 11px; }
#enrollment-dashboard .md-enroll-date i { margin-right: 5px; }
#enrollment-dashboard .md-enroll-btn { display: inline-flex; justify-content: center; align-items: center; gap: 7px; border: 1px solid #17649a; background: #17649a; color: #fff; border-radius: 4px; padding: 8px 12px; font: 600 11px/1.5 "Segoe UI",Arial,sans-serif; text-decoration: none; cursor: pointer; }
#enrollment-dashboard .md-enroll-btn:hover { background: #12517e; border-color: #12517e; color: #fff; }
#enrollment-dashboard .md-enroll-btn-light, #enrollment-dashboard .md-enroll-btn-outline { background: #fff; border-color: #c3d0db; color: #405d73; }
#enrollment-dashboard .md-enroll-btn-light:hover, #enrollment-dashboard .md-enroll-btn-outline:hover { background: #f1f6fa; border-color: #9ab2c6; color: #17649a; }
#enrollment-dashboard #enrollment-dashboard-tabs { display: flex; flex-wrap: wrap; gap: 0; align-items: center; background: #fff; border: 1px solid var(--er-line); border-radius: 4px; padding: 0 6px; margin: 0 0 20px; }
#enrollment-dashboard #enrollment-dashboard-tabs a { padding: 11px 15px; text-decoration: none; font-size: 12px; color: #617688; border-bottom: 3px solid transparent; }
#enrollment-dashboard #enrollment-dashboard-tabs a:first-child { font-weight: 600; color: #17649a; border-bottom-color: #17649a; }
#enrollment-dashboard #enrollment-dashboard-tabs a:hover { color: #17649a; background: #f5f8fa; }
#enrollment-dashboard .md-enroll-top-grid { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr); align-items: stretch; gap: 20px; margin-bottom: 20px; }
#enrollment-dashboard .md-enroll-card { min-width: 0; background: white; border: 1px solid var(--er-line); border-radius: 5px; overflow: hidden; box-shadow: 0 1px 2px #16233408; }
#enrollment-dashboard .md-enroll-card-head { display: flex; gap: 11px; align-items: center; padding: 15px 20px; border-bottom: 1px solid #e2e7ec; background: #f8fafb; }
#enrollment-dashboard .md-enroll-card-head h2 { font: 600 14px/1.4 "Segoe UI",Arial,sans-serif; color: #354d61; margin: 0; }
#enrollment-dashboard .md-enroll-card-head p { margin: 3px 0 0; color: #7b8c99; font-size: 11px; }
#enrollment-dashboard .md-enroll-icon { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 5px; background: #eaf2f8; color: #17649a; font-size: 16px; }
#enrollment-dashboard .md-enroll-filter-card .md-enroll-icon { background: #eaf4f2; color: #347f73; }
#enrollment-dashboard .md-enroll-card-body { padding: 20px; }
#enrollment-dashboard .md-enroll-school-name { font: 600 18px/1.4 "Segoe UI",Arial,sans-serif; color: #2c4b65; margin: 0 0 16px; }
#enrollment-dashboard .md-enroll-profile { color: #587084; font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
#enrollment-dashboard .md-enroll-profile > div { padding: 9px 0; border-bottom: 1px solid #edf0f3; }
#enrollment-dashboard .md-enroll-profile > div:last-child { border-bottom: 0; }
#enrollment-dashboard .md-enroll-profile a { margin-left: 5px; }
#enrollment-dashboard .md-enroll-filter-form { margin: 0 0 17px; }
#enrollment-dashboard .md-enroll-filter-form label { display: block; color: #52697d; font-size: 11px; font-weight: 600; margin-bottom: 6px; }
#enrollment-dashboard .md-enroll-select { display: block; width: 100%; min-width: 0; border: 1px solid #b9c8d4; border-radius: 4px; background: #fff; color: #344f65; padding: 10px 11px; font: 12px/1.5 "Segoe UI",Arial,sans-serif; }
#enrollment-dashboard .md-enroll-filter-form noscript .md-enroll-btn { margin-top: 8px; }
#enrollment-dashboard .md-enroll-filter-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 16px; margin-top: 12px; border-top: 1px solid #e7ecf1; }
#enrollment-dashboard .md-enroll-filter-note { margin: 0 0 15px; padding: 10px 12px; border: 1px solid #d9e7ef; border-radius: 4px; background: #f0f6fa; color: #637e91; font-size: 11px; line-height: 1.6; }
#enrollment-dashboard .md-enroll-badge { margin-left: auto; font-size: 10px; color: #5b778c; background: #edf3f8; border: 1px solid #dbe5ee; border-radius: 4px; padding: 5px 9px; white-space: nowrap; }
#enrollment-dashboard .md-enroll-report-tip { padding: 10px 20px; margin: 0; font-size: 10px; color: #7a8c9b; border-bottom: 1px solid #e9edf1; background: #fff; }
#enrollment-dashboard .md-enroll-report-content { padding: 20px; overflow-x: auto; min-width: 0; background: white; }
#enrollment-dashboard .md-enroll-report-content .nav-tabs { border-bottom: 1px solid #dce5ed; gap: 3px; margin-bottom: 18px; }
#enrollment-dashboard .md-enroll-report-content .nav-tabs .nav-link { padding: 10px 16px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; color: #697f91; background: transparent; font: 500 12px "Segoe UI",Arial,sans-serif; }
#enrollment-dashboard .md-enroll-report-content .nav-tabs .nav-link.active { color: #17649a; border-bottom-color: #17649a; background: #fff; }
#enrollment-dashboard .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) { width: 100%; border-collapse: collapse; font: 11px/1.5 "Segoe UI",Arial,sans-serif; color: #4f687c; }
#enrollment-dashboard .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) > thead { background: #f0f5f9!important; color: #3b566c!important; }
#enrollment-dashboard .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) th { background: #f0f5f9!important; color: #3b566c!important; font-weight: 600; white-space: nowrap; }
#enrollment-dashboard .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) :is(th,td) { padding: 9px 12px; border: 1px solid #e4eaf0; font-variant-numeric: tabular-nums; }
#enrollment-dashboard .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) tbody tr:nth-child(even) { background: #fafcfe; }
#enrollment-dashboard .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) tbody tr:hover { background: #f0f6fb; }
#enrollment-dashboard .md-enroll-report-content :is(.table,table#lep,table#gender,table#others) tbody td { white-space: nowrap; }
#enrollment-dashboard .md-enroll-report-content .highcharts-container { font-family: "Segoe UI",Arial,sans-serif!important; }
#enrollment-dashboard :is(a,button,select):focus-visible { outline: 3px solid #4c9bd2; outline-offset: 3px; }
#enrollment-dashboard .md-enroll-report-content:focus-visible { outline: 3px solid #4c9bd2; outline-offset: -3px; }
#enrollment-dashboard :is(#md-school-profile-title,#md-enroll-filter-title,#md-enroll-report-title) { scroll-margin-top: 110px; }
@media(max-width:991px) {
#enrollment-dashboard .md-enroll-top-grid { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:575px) {
#enrollment-dashboard .md-enroll-wrap { width: calc(100% - 28px); }
#enrollment-dashboard .md-enroll-hero { padding: 19px; }
#enrollment-dashboard h1 { font-size: 24px; }
#enrollment-dashboard .md-enroll-hero-actions { width: 100%; }
#enrollment-dashboard .md-enroll-card-head { padding: 13px 16px; flex-wrap: wrap; }
#enrollment-dashboard .md-enroll-card-body,#enrollment-dashboard .md-enroll-report-content { padding: 16px; }
#enrollment-dashboard .md-enroll-badge { margin-left: 43px; }
#enrollment-dashboard #enrollment-dashboard-tabs a { font-size: 11px; padding: 10px 12px; }
}
@media print {
#enrollment-dashboard { background: white; padding: 0; }
#enrollment-dashboard .md-enroll-wrap { width: 100%; }
#enrollment-dashboard #enrollment-dashboard-tabs,#enrollment-dashboard .md-enroll-filter-card,#enrollment-dashboard .md-enroll-hero-actions { display: none; }
#enrollment-dashboard .md-enroll-top-grid { display: block; }
#enrollment-dashboard .md-enroll-card { box-shadow: none; }
#enrollment-dashboard .md-enroll-report-content { overflow: visible; }
}
#enrollment-dashboard { display: block; width: 100%; max-width: none; min-width: 0; margin: 0; padding: 20px 0 34px; }
#enrollment-dashboard .md-enroll-wrap { width: calc(100% - 48px); margin: 0 auto; max-width: none; }
#enrollment-dashboard .md-enroll-report-card { margin-top: 0; }
#enrollment-dashboard #div_assm { width: 100%; max-width: 100%; padding: 20px; overflow-x: auto; }
#enrollment-dashboard .nav-tabs > li > a { display: block; padding: 10px 16px; margin: 0; border: 0; border-bottom: 3px solid transparent; border-radius: 0; font: 500 12px/1.5 "Segoe UI",Arial,sans-serif; color: #60788c; background: transparent; text-decoration: none; }
#enrollment-dashboard .nav-tabs > li.active > a,
#enrollment-dashboard .nav-tabs > li > a.active { color: #17649a!important; border-bottom-color: #17649a; background: #fff!important; }
#enrollment-dashboard .nav-tabs > li > a:hover { background: #f3f7fa; color: #17649a; }
#enrollment-dashboard .highcharts-title { fill: #344d63!important; font-family: "Segoe UI",Arial,sans-serif!important; font-size: 15px!important; font-weight: 600!important; }
#enrollment-dashboard .highcharts-axis-title { fill: #6e8192!important; }
#enrollment-dashboard .highcharts-grid-line { stroke: #e6ecf1; }
#enrollment-dashboard .highcharts-series-0 .highcharts-point { fill: #2878ad; }
#enrollment-dashboard .highcharts-series-1 .highcharts-point { fill: #46968a; }
#enrollment-dashboard .highcharts-series-2 .highcharts-point { fill: #d39c44; }
#enrollment-dashboard .highcharts-series-3 .highcharts-point { fill: #8265a8; }
#enrollment-dashboard .highcharts-series-4 .highcharts-point { fill: #c97c68; }
#enrollment-dashboard .highcharts-series-5 .highcharts-point { fill: #739ba8; }
@media(max-width:575px) {
#enrollment-dashboard .md-enroll-wrap { width: calc(100% - 28px); }
#enrollment-dashboard #div_assm { padding: 12px; }
}
#enrollment-dashboard .md-four-report-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 20px; }
#enrollment-dashboard .md-four-report-grid[hidden],
#enrollment-dashboard #md-legacy-enrollment-source[hidden],
#enrollment-dashboard .md-four-chart-data[hidden] { display: none!important; }
#enrollment-dashboard .md-four-chart-card { display: flex; flex-direction: column; min-width: 0; }
#enrollment-dashboard .md-four-chart-card .md-enroll-card-head { align-items: flex-start; min-height: 105px; }
#enrollment-dashboard .md-four-chart-card .md-enroll-card-head h3 { font: 600 14px/1.4 "Segoe UI",Arial,sans-serif; color: #344f65; margin: 0; }
#enrollment-dashboard .md-four-chart-card .md-enroll-card-head p { margin: 4px 0 0; font-size: 11px; line-height: 1.5; color: #75899a; }
#enrollment-dashboard .md-four-card-body { display: flex; flex-direction: column; flex: 1; padding: 16px; min-width: 0; }
#enrollment-dashboard .md-four-chart-host { width: 100%; min-width: 0; min-height: 360px; }
#enrollment-dashboard .md-four-chart-target { width: 100%; min-width: 0; height: 360px; margin: 0; }
#enrollment-dashboard .md-four-chart-empty { color: #748b9d; font-size: 12px; padding: 20px 0; margin: 0; }
#enrollment-dashboard .md-four-chart-note { font-size: 10px; color: #7c8c99; margin: 10px 0; }
#enrollment-dashboard .md-four-chart-data { margin-top: auto; padding-top: 12px; border-top: 1px solid #e7edf2; font-size: 11px; }
#enrollment-dashboard .md-four-chart-data summary { cursor: pointer; color: #17649a; font-weight: 600; padding: 7px 0; }
#enrollment-dashboard .md-four-table-scroll { overflow-x: auto; padding-top: 10px; }
#enrollment-dashboard .md-four-data-table { width: 100%; border-collapse: collapse; font: 11px/1.5 "Segoe UI",Arial,sans-serif; }
#enrollment-dashboard .md-four-data-table th { background: #f0f5f9!important; color: #3b566c!important; font-weight: 600; }
#enrollment-dashboard .md-four-data-table :is(th,td) { white-space: nowrap; border: 1px solid #e4eaf0; padding: 8px 10px; font-variant-numeric: tabular-nums; }
#enrollment-dashboard .md-four-data-table tbody tr:nth-child(even) { background: #fafcfe; }
@media(max-width:767px) {
#enrollment-dashboard .md-four-report-grid { grid-template-columns: minmax(0,1fr); }
#enrollment-dashboard .md-four-card-body { padding: 12px; }
}
@media print {
#enrollment-dashboard .md-four-report-grid { grid-template-columns: minmax(0,1fr); }
#enrollment-dashboard .md-four-chart-card { break-inside: avoid; }
}
.md-public.md-modern-dashboard { --md-blue: #3159cc; --md-navy: #24395b; --md-ink: #30435d; --md-muted: #647994; background: radial-gradient(ellipse at 3% 0%,#e8eeff 0,transparent 42%),radial-gradient(ellipse at 99% 28%,#e4f4f3 0,transparent 35%),#f5f7fc; padding-top: 23px; padding-bottom: 38px; }
.md-modern-dashboard .md-wrap { width: calc(100% - 48px); }
.md-modern-dashboard .md-apex-breadcrumb { color: #7b8ca3; margin-bottom: 15px; }
.md-modern-dashboard .md-apex-breadcrumb a { color: #4166c2; }
.md-modern-dashboard .md-apex-section-nav { border-color: #e0e7f3; border-radius: 12px; padding: 5px 7px; margin-bottom: 21px; box-shadow: 0 3px 15px #26457906; }
.md-modern-dashboard .md-apex-section-nav a { border: 0; border-radius: 8px; font-size: 12px; padding: 10px 17px; color: #637895; }
.md-modern-dashboard .md-apex-section-nav a:first-child { border: 0; background: #edf1ff; color: #3159cc; }
.md-modern-dashboard .md-apex-section-nav a:hover { background: #f0f4ff; color: #3159cc; }
.md-modern-dashboard .md-apex-view-label { color: #506b8a; border: 1px solid #dce9e7; border-radius: 20px; padding: 5px 11px; margin-right: 7px; background: #f0f8f6; }
.md-modern-dashboard .md-apex-status-dot { background: #238774; }
.md-modern-dashboard .md-dashboard-top-row .md-intro { position: relative; isolation: isolate; overflow: hidden; border: 0; border-radius: 16px; padding: 27px 28px; background: linear-gradient(115deg,#193d78 0%,#3158b8 62%,#6459c8 100%); box-shadow: 0 9px 25px #244d9c20; gap: 22px; }
.md-modern-dashboard .md-intro::after { content: ''; position: absolute; z-index: -1; width: 230px; height: 230px; right: -58px; top: -100px; border-radius: 50%; border: 35px solid #ffffff0d; background: #ffffff05; }
.md-modern-dashboard .md-intro .md-eyebrow { color: #c9d9ff; font-weight: 700; font-size: 10px; letter-spacing: 1.6px; }
.md-modern-dashboard .md-intro h1 { color: #fff; font-size: 29px; font-weight: 650; letter-spacing: -.7px; }
.md-modern-dashboard .md-intro p:last-child { color: #e4ecff; font-size: 12px; }
.md-modern-dashboard .md-intro #md-current-selection { color: #fff; font-weight: 700; }
.md-modern-dashboard .md-access { background: #ffffff15; border: 1px solid #ffffff59; color: #fff; border-radius: 7px; padding: 9px 13px; font-size: 11px; }
.md-modern-dashboard .md-access:hover { background: #ffffff28; color: #fff; border-color: #ffffff88; }
.md-modern-dashboard .md-refresh { background: #fff; color: #284f9e; border-color: #fff; box-shadow: 0 3px 8px #142e6d1a; }
.md-modern-dashboard .md-refresh:hover { background: #edf2ff; color: #284f9e; border-color: #edf2ff; }
.md-modern-dashboard .md-school-panel { background: linear-gradient(150deg,#fff,#edf8f5); border: 1px solid #d5eae3; border-top: 4px solid #238774; border-radius: 14px; padding: 21px; box-shadow: 0 5px 20px #1e6b5509; }
.md-modern-dashboard .md-school-panel .md-search-label { color: #1b6558; font-weight: 650; font-size: 15px; }
.md-modern-dashboard .md-school-panel .md-search-box { background: #fff; border-color: #b9d9ce; border-radius: 8px; padding-left: 11px; }
.md-modern-dashboard .md-school-submit { background: #238774; border-radius: 5px; padding: 8px 11px; }
.md-modern-dashboard .md-school-submit:hover { background: #196856; }
.md-modern-dashboard .md-search-tip { color: #5d7e76; }
.md-modern-dashboard .md-dashboard-filters,.md-modern-dashboard .md-dashboard-announcements { border: 1px solid #e0e7f2; border-radius: 13px; box-shadow: 0 4px 18px #1c376509; }
.md-modern-dashboard .md-filter-heading { background: linear-gradient(110deg,#edf2ff,#f7f9ff); padding: 17px 21px; border-bottom-color: #e2e9f7; }
.md-modern-dashboard .md-filter-heading h2 { color: #36548b; font-weight: 650; font-size: 15px; }
.md-modern-dashboard .md-filter-heading p { color: #6b80a2; }
.md-modern-dashboard .md-filter-form label { color: #425e86; }
.md-modern-dashboard .md-filter-controls { gap: 16px; padding-top: 18px; }
.md-modern-dashboard .md-dashboard-select { background: #fbfcff; border-color: #c7d5ec; border-radius: 7px; padding: 10px 11px; }
.md-modern-dashboard .md-filter-apply { border-radius: 7px; background: #eef2ff; border-color: #c9d6f6; color: #3159b9; }
.md-modern-dashboard .md-filter-apply:hover { background: #3159cc; border-color: #3159cc; color: white; }
.md-modern-dashboard .md-filter-current { background: #f8faff; color: #627c9d; border-top-color: #e5ebf6; }
.md-modern-dashboard .md-filter-current strong { color: #36558b; }
.md-modern-dashboard .md-dashboard-announcements > .md-panel-head { background: linear-gradient(110deg,#fff6e9,#fffaf1); border-bottom-color: #f0e3cb; padding: 17px 19px; }
.md-modern-dashboard .md-dashboard-announcements > .md-panel-head h2 { color: #865b17; font-size: 15px; font-weight: 650; }
.md-modern-dashboard .md-dashboard-announcements > .md-panel-head p { color: #977f5c; }
.md-modern-dashboard .md-note { background: #fff8ed; border-left: 3px solid #dca142; border-radius: 0 7px 7px 0; color: #8b734d; }
.md-modern-dashboard .md-scope-grid { gap: 18px; margin-bottom: 19px; }
.md-modern-dashboard .md-scope-card { position: relative; isolation: isolate; overflow: hidden; border: 0; border-radius: 14px; padding: 23px 25px; background: linear-gradient(120deg,#2d60c0,#3e6dc9); box-shadow: 0 7px 20px #315faf1e; }
.md-modern-dashboard .md-scope-teal { background: linear-gradient(120deg,#126c64,#208575); box-shadow: 0 7px 20px #187f6d1c; }
.md-modern-dashboard .md-scope-purple { background: linear-gradient(120deg,#6748ad,#8060ba); box-shadow: 0 7px 20px #7252af1c; }
.md-modern-dashboard .md-scope-card::before { content: ''; position: absolute; z-index: -1; width: 150px; height: 150px; border-radius: 50%; background: #ffffff0b; right: -30px; bottom: -76px; }
.md-modern-dashboard .md-scope-card::after { content: 'â–¥'; background: #ffffff20; color: #fff; border: 1px solid #ffffff2e; border-radius: 10px; width: 39px; height: 39px; top: 23px; right: 23px; font-size: 24px; }
.md-modern-dashboard .md-scope-card p { color: #fff; opacity: .95; font-size: 12px; font-weight: 600; }
.md-modern-dashboard .md-scope-card strong { color: #fff; font-size: 35px; font-weight: 650; margin-top: 10px; margin-bottom: 8px; }
.md-modern-dashboard .md-scope-card > span { color: #fff; opacity: .9; font-size: 10px; }
.md-modern-dashboard .md-kpis { gap: 16px; }
.md-modern-dashboard .md-kpi { border: 1px solid #e0e7f3; border-left: 4px solid #4f77d4; border-radius: 11px; box-shadow: 0 4px 15px #223b6a06; padding: 18px 20px; background: linear-gradient(135deg,#fff,#f8faff); }
.md-modern-dashboard .md-kpi-teal { border-left-color: #278c80; background: linear-gradient(135deg,#fff,#f2faf7); }
.md-modern-dashboard .md-kpi-purple { border-left-color: #8b64c7; background: linear-gradient(135deg,#fff,#f8f5fd); }
.md-modern-dashboard .md-kpi-gold { border-left-color: #cf922f; background: linear-gradient(135deg,#fff,#fffaf1); }
.md-modern-dashboard .md-kpi-value { color: #294a7b; font-size: 28px; font-weight: 650; }
.md-modern-dashboard .md-kpi-teal .md-kpi-value { color: #226e64; }
.md-modern-dashboard .md-kpi-purple .md-kpi-value { color: #71509f; }
.md-modern-dashboard .md-kpi-gold .md-kpi-value { color: #966818; }
.md-modern-dashboard .md-kpi-mark { border-radius: 8px; width: 30px; height: 30px; }
.md-modern-dashboard .md-enrollment-head h2 { color: #304d77; font-size: 19px; font-weight: 650; }
.md-modern-dashboard .md-chart-state { background: #edf4ff; border-color: #d3e2f9; border-radius: 8px; color: #4b6e9c; padding: 11px 14px; }
.md-modern-dashboard .md-demographic-mode button { border-radius: 6px; border-color: #d5def2; color: #4e6ba4; }
.md-modern-dashboard .md-demographic-mode button[aria-pressed='true'] { background: #3159cc; border-color: #3159cc; color: #fff; box-shadow: 0 3px 7px #3159cc1a; }
.md-public.md-modern-dashboard #md-enrollment-grid { gap: 20px; }
.md-public.md-modern-dashboard #md-enrollment-grid > .md-en-chart { --region-accent: #4e73c9; --region-tint: #f0f4ff; border: 1px solid #dfe7f4; border-top: 4px solid var(--region-accent); border-radius: 13px; box-shadow: 0 5px 20px #1d3c7209; transition: box-shadow .18s ease,transform .18s ease; }
.md-public.md-modern-dashboard #md-enrollment-grid > .md-en-chart:hover { box-shadow: 0 10px 26px #1d3c7212; transform: translateY(-2px); }
.md-public.md-modern-dashboard #md-enrollment-grid > .md-region-feeder,
.md-public.md-modern-dashboard #md-enrollment-grid > .md-region-gender { --region-accent: #278c80; --region-tint: #edf8f4; }
.md-public.md-modern-dashboard #md-enrollment-grid > .md-region-school,
.md-public.md-modern-dashboard #md-enrollment-grid > .md-region-eb { --region-accent: #8761c2; --region-tint: #f6f0fc; }
.md-public.md-modern-dashboard #md-enrollment-grid > .md-region-others { --region-accent: #c79031; --region-tint: #fff8eb; }
.md-public.md-modern-dashboard #md-enrollment-grid > .md-region-context { --region-accent: #3f8fa4; --region-tint: #eff8fb; }
.md-modern-dashboard .md-main-chart-grid .md-chart-header { display: flex; align-items: flex-start; gap: 11px; min-height: 24px; background: linear-gradient(110deg,var(--region-tint),#fff); border-bottom-color: #e7edf6; padding: 16px 18px; }
.md-modern-dashboard .md-modern-region-icon { flex: none; width: 33px; height: 33px; display: grid; place-items: center; border-radius: 9px; color: var(--region-accent); background: #fff; border: 1px solid #ffffff; box-shadow: 0 2px 5px #27467308; }
.md-modern-dashboard .md-modern-region-icon svg { width: 19px; height: 19px; }
.md-modern-dashboard .md-modern-title-copy { min-width: 0; }
.md-modern-dashboard .md-chart-header h3 { color: #345076; font-size: 14px; font-weight: 650; }
.md-modern-dashboard .md-chart-header p { color: #7489a4; font-size: 10px; }
.md-modern-dashboard .md-chart-data summary { color: #3c62af; }
.md-modern-dashboard .md-chart-data table th { background: #eef3fc; color: #3b5b85; }
.md-modern-dashboard .md-chart-data table tbody tr:nth-child(even) { background: #f8faff; }
.md-modern-dashboard .md-apex-context dl { background: #fbfcff; padding: 0 14px; border: 1px solid #e8edf6; border-radius: 9px; }
.md-modern-dashboard .md-apex-context dd { color: #35577d; }
.md-modern-dashboard .md-apex-context-link { background: #ecf4fa; color: #34708f; border: 1px solid #d7e9f2; border-radius: 6px; padding: 8px 12px; }
.md-modern-dashboard .md-chart-svg .md-series-0 { fill: #4775d1; }
.md-modern-dashboard .md-key-0 { background: #4775d1; }
.md-modern-dashboard .md-chart-svg .md-series-1 { fill: #2d9c85; }
.md-modern-dashboard .md-key-1 { background: #2d9c85; }
.md-modern-dashboard .md-chart-svg .md-series-2 { fill: #dfa747; }
.md-modern-dashboard .md-key-2 { background: #dfa747; }
.md-modern-dashboard .md-chart-svg .md-series-3 { fill: #9470ce; }
.md-modern-dashboard .md-key-3 { background: #9470ce; }
.md-modern-dashboard .md-chart-svg .md-series-4 { fill: #d47891; }
.md-modern-dashboard .md-key-4 { background: #d47891; }
.md-modern-dashboard .md-chart-svg .md-series-5 { fill: #48a5bb; }
.md-modern-dashboard .md-key-5 { background: #48a5bb; }
.md-modern-dashboard .md-chart-svg .md-series-6 { fill: #7e89c9; }
.md-modern-dashboard .md-key-6 { background: #7e89c9; }
.md-modern-dashboard .md-chart-svg .md-series-7 { fill: #93a4b8; }
.md-modern-dashboard .md-key-7 { background: #93a4b8; }
.md-modern-dashboard .md-chart-missing { border-radius: 7px; }
.md-modern-dashboard .md-school-results { border-radius: 11px; border-color: #d7e4f0; box-shadow: 0 4px 18px #254b7a0a; }
.md-modern-dashboard .md-school-result-actions { background: #f0f6ff; border-color: #dfe9f8; }
.md-modern-dashboard :is(a,button,select,input):focus-visible { outline: 3px solid #6293ec; outline-offset: 3px; }
@media(max-width:767px) {
.md-modern-dashboard .md-wrap { width: calc(100% - 28px); }
.md-modern-dashboard .md-intro h1 { font-size: 25px; }
.md-modern-dashboard .md-dashboard-top-row .md-intro { padding: 22px; }
.md-modern-dashboard .md-scope-card { padding: 20px 22px; }
.md-modern-dashboard .md-scope-card strong { font-size: 31px; }
}
@media(prefers-reduced-motion:reduce) {
.md-public.md-modern-dashboard #md-enrollment-grid > .md-en-chart { transition: none; }
.md-public.md-modern-dashboard #md-enrollment-grid > .md-en-chart:hover { transform: none; }
}
@media print {
.md-public.md-modern-dashboard { background: white; }
.md-modern-dashboard .md-dashboard-top-row .md-intro,.md-modern-dashboard .md-scope-card { background: white; color: #253858; box-shadow: none; border: 1px solid #d7e0eb; }
.md-modern-dashboard .md-intro h1,.md-modern-dashboard .md-intro #md-current-selection,.md-modern-dashboard .md-intro p:last-child,.md-modern-dashboard .md-scope-card p,.md-modern-dashboard .md-scope-card strong,.md-modern-dashboard .md-scope-card>span { color: #253858; }
.md-modern-dashboard .md-scope-card::after,.md-modern-dashboard .md-intro::after { display: none; }
}
#enrollment-dashboard.md-colorful-report { --er-primary: #3159cc; --er-text: #30435d; --er-muted: #647994; --er-line: #dfe7f4; background: radial-gradient(ellipse at 3% 0%,#e8eeff 0,transparent 42%),radial-gradient(ellipse at 99% 28%,#e4f4f3 0,transparent 35%),#f5f7fc; }
#enrollment-dashboard.md-colorful-report .md-enroll-breadcrumb { color: #7b8ca3; }
#enrollment-dashboard.md-colorful-report .md-enroll-breadcrumb a { color: #4166c2; }
#enrollment-dashboard.md-colorful-report .md-enroll-hero { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(115deg,#193d78 0%,#3158b8 62%,#6459c8 100%); border: 0; border-radius: 16px; padding: 27px 28px; box-shadow: 0 9px 25px #244d9c20; }
#enrollment-dashboard.md-colorful-report .md-enroll-hero::after { content: ''; position: absolute; z-index: -1; width: 230px; height: 230px; right: -58px; top: -100px; border-radius: 50%; border: 35px solid #ffffff0d; background: #ffffff05; }
#enrollment-dashboard.md-colorful-report .md-enroll-hero h1 { color: #fff; font-size: 29px; font-weight: 650; letter-spacing: -.7px; }
#enrollment-dashboard.md-colorful-report .md-enroll-eyebrow { color: #c9d9ff; font-weight: 700; }
#enrollment-dashboard.md-colorful-report .md-enroll-subtitle { color: #e4ecff; font-weight: 600; }
#enrollment-dashboard.md-colorful-report .md-enroll-date { color: #eef3ff; background: #ffffff15; border-color: #ffffff3d; border-radius: 7px; }
#enrollment-dashboard.md-colorful-report .md-enroll-hero .md-enroll-btn { background: #fff; color: #284f9e; border-color: #fff; border-radius: 7px; box-shadow: 0 3px 8px #142e6d1a; }
#enrollment-dashboard.md-colorful-report .md-enroll-hero .md-enroll-btn:hover { background: #edf2ff; border-color: #edf2ff; }
#enrollment-dashboard.md-colorful-report .md-enroll-top-grid { gap: 20px; }
#enrollment-dashboard.md-colorful-report .md-enroll-card { --report-accent: #4e73c9; --report-tint: #f0f4ff; border: 1px solid #dfe7f4; border-top: 4px solid var(--report-accent); border-radius: 13px; box-shadow: 0 5px 20px #1d3c7209; }
#enrollment-dashboard.md-colorful-report .md-enroll-filter-card { --report-accent: #278c80; --report-tint: #edf8f4; }
#enrollment-dashboard.md-colorful-report .md-enroll-card-head { background: linear-gradient(110deg,var(--report-tint),#fff); border-bottom-color: #e7edf6; padding: 17px 20px; }
#enrollment-dashboard.md-colorful-report .md-enroll-card-head h2,
#enrollment-dashboard.md-colorful-report .md-enroll-card-head h3 { color: #345076; font-weight: 650; }
#enrollment-dashboard.md-colorful-report .md-enroll-card-head p { color: #7489a4; }
#enrollment-dashboard.md-colorful-report .md-enroll-icon { color: var(--report-accent); background: #fff; border: 1px solid #fff; border-radius: 9px; box-shadow: 0 2px 5px #27467308; width: 34px; height: 34px; }
#enrollment-dashboard.md-colorful-report .md-enroll-school-name { color: #315692; }
#enrollment-dashboard.md-colorful-report .md-enroll-profile { color: #607a99; }
#enrollment-dashboard.md-colorful-report .md-enroll-profile>div { border-bottom-color: #e8eef8; }
#enrollment-dashboard.md-colorful-report .md-enroll-select { border-color: #c7d5ec; background: #fbfcff; border-radius: 7px; padding: 10px 11px; color: #3c5c83; }
#enrollment-dashboard.md-colorful-report .md-enroll-filter-form label { color: #426d65; }
#enrollment-dashboard.md-colorful-report .md-enroll-filter-actions .md-enroll-btn { border-radius: 7px; background: #238774; border-color: #238774; color: #fff; }
#enrollment-dashboard.md-colorful-report .md-enroll-filter-actions .md-enroll-btn:hover { background: #196856; border-color: #196856; }
#enrollment-dashboard.md-colorful-report .md-enroll-filter-actions .md-enroll-btn-outline { background: #eef7f4; border-color: #c6e1d7; color: #246e5f; }
#enrollment-dashboard.md-colorful-report .md-enroll-filter-actions .md-enroll-btn-outline:hover { background: #dceee6; color: #195b4e; }
#enrollment-dashboard.md-colorful-report .md-enroll-filter-note { background: #edf8f4; border-color: #cce6dc; color: #527a6f; border-radius: 7px; }
#enrollment-dashboard.md-colorful-report .md-enroll-badge { background: #edf1ff; border-color: #d6dff6; color: #4164a9; border-radius: 7px; }
#enrollment-dashboard.md-colorful-report .md-enroll-report-tip { background: #f8faff; color: #6e85a2; border-bottom-color: #e6edf8; }
#enrollment-dashboard.md-colorful-report .md-enroll-report-content { background: #fcfdff; }
#enrollment-dashboard.md-colorful-report .md-four-report-grid { gap: 20px; }
#enrollment-dashboard.md-colorful-report .md-four-chart-card { transition: transform .18s ease,box-shadow .18s ease; }
#enrollment-dashboard.md-colorful-report .md-four-chart-card:hover { transform: translateY(-2px); box-shadow: 0 10px 26px #1d3c7212; }
#enrollment-dashboard.md-colorful-report .md-four-chart-card[aria-labelledby="md-four-ethnicity-title"] { --report-accent: #4e73c9; --report-tint: #f0f4ff; }
#enrollment-dashboard.md-colorful-report .md-four-chart-card[aria-labelledby="md-four-gender-title"] { --report-accent: #278c80; --report-tint: #edf8f4; }
#enrollment-dashboard.md-colorful-report .md-four-chart-card[aria-labelledby="md-four-eb-title"] { --report-accent: #8761c2; --report-tint: #f6f0fc; }
#enrollment-dashboard.md-colorful-report .md-four-chart-card[aria-labelledby="md-four-others-title"] { --report-accent: #c79031; --report-tint: #fff8eb; }
#enrollment-dashboard.md-colorful-report .md-four-chart-card .md-enroll-card-head { min-height: 124px; }
#enrollment-dashboard.md-colorful-report .md-four-chart-data { border-top-color: #e6edf8; }
#enrollment-dashboard.md-colorful-report .md-four-chart-data summary { color: var(--report-accent); }
#enrollment-dashboard.md-colorful-report .md-four-data-table th { background: var(--report-tint)!important; color: #3b5b85!important; }
#enrollment-dashboard.md-colorful-report .md-four-data-table :is(th,td) { border-color: #e4ebf6; }
#enrollment-dashboard.md-colorful-report .md-four-data-table tbody tr:nth-child(even) { background: #f8faff; }
#enrollment-dashboard.md-colorful-report .md-four-chart-note { background: #faf7ff; border-left: 3px solid #b49ad9; border-radius: 0 6px 6px 0; color: #7a659c; padding: 8px 10px; }
#enrollment-dashboard.md-colorful-report .highcharts-series-0 .highcharts-point { fill: #4775d1; }
#enrollment-dashboard.md-colorful-report .highcharts-series-1 .highcharts-point { fill: #2d9c85; }
#enrollment-dashboard.md-colorful-report .highcharts-series-2 .highcharts-point { fill: #dfa747; }
#enrollment-dashboard.md-colorful-report .highcharts-series-3 .highcharts-point { fill: #9470ce; }
#enrollment-dashboard.md-colorful-report .highcharts-series-4 .highcharts-point { fill: #d47891; }
#enrollment-dashboard.md-colorful-report .highcharts-series-5 .highcharts-point { fill: #48a5bb; }
#enrollment-dashboard.md-colorful-report .highcharts-series-6 .highcharts-point { fill: #7e89c9; }
#enrollment-dashboard.md-colorful-report .highcharts-series-7 .highcharts-point { fill: #93a4b8; }
#enrollment-dashboard.md-colorful-report :is(a,button,select):focus-visible { outline: 3px solid #6293ec; outline-offset: 3px; }
@media(max-width:575px) {
#enrollment-dashboard.md-colorful-report .md-enroll-hero { padding: 22px; }
#enrollment-dashboard.md-colorful-report .md-enroll-hero h1 { font-size: 25px; }
}
@media(prefers-reduced-motion:reduce) {
#enrollment-dashboard.md-colorful-report .md-four-chart-card { transition: none; }
#enrollment-dashboard.md-colorful-report .md-four-chart-card:hover { transform: none; }
}
@media print {
#enrollment-dashboard.md-colorful-report { background: white; }
#enrollment-dashboard.md-colorful-report .md-enroll-hero { background: white; border: 1px solid #d7e0eb; box-shadow: none; }
#enrollment-dashboard.md-colorful-report .md-enroll-hero h1,#enrollment-dashboard.md-colorful-report .md-enroll-eyebrow,#enrollment-dashboard.md-colorful-report .md-enroll-subtitle { color: #253858; }
#enrollment-dashboard.md-colorful-report .md-enroll-hero::after { display: none; }
}
#footer.md-footer.md-apex-footer { position: relative; width: 100%; background: #fff; color: #526980; border: 0; border-top: 1px solid #dbe4ef; padding: 0; font: 12px/1.6 "Segoe UI",Arial,sans-serif; }
#footer.md-apex-footer::before { content: ''; display: block; height: 3px; background: linear-gradient(90deg,#3159cc 0%,#5b6ac8 40%,#278c80 75%,#c79031 100%); }
#footer.md-apex-footer *,#footer.md-apex-footer *::before,#footer.md-apex-footer *::after { box-sizing: border-box; }
#footer.md-apex-footer .container { width: 100%; max-width: none; margin: 0 auto; padding-left: 24px; padding-right: 24px; }
#footer.md-apex-footer .md-footer-main { padding-top: 26px; padding-bottom: 25px; }
#footer.md-apex-footer .md-footer-heading { color: #536d8a; font-size: 11px; font-weight: 700; line-height: 1.4; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 9px; margin: 0 0 12px; border-bottom: 1px solid #e6edf6; }
#footer.md-apex-footer .md-footer-heading::after { content: none; }
#footer.md-apex-footer p { color: #61778d; font-size: 12px; line-height: 1.7; margin: 0 0 9px; }
#footer.md-apex-footer a { color: #41628e; text-decoration: none; transition: color .15s ease,background-color .15s ease,border-color .15s ease; }
#footer.md-apex-footer a:hover { color: #254fb2; text-decoration: underline; text-underline-offset: 3px; }
#footer.md-apex-footer a:focus-visible { outline: 3px solid #6293ec; outline-offset: 4px; border-radius: 4px; }
#footer.md-apex-footer .md-footer-contact { display: flex; gap: 9px; align-items: flex-start; margin-bottom: 8px; }
#footer.md-apex-footer .md-footer-contact > i { display: inline-flex; flex: 0 0 23px; align-items: center; justify-content: center; width: 23px; height: 23px; margin-top: 0; color: #4a70b4; background: #eff4fd; border-radius: 5px; font-size: 12px; }
#footer.md-apex-footer .md-data-request { display: inline-flex; align-items: center; justify-content: center; gap: 7px; background: #edf2ff; border: 1px solid #d1dcf6; color: #3159ad; padding: 7px 11px; margin: 2px 0 14px; border-radius: 6px; font-size: 11px; font-weight: 600; }
#footer.md-apex-footer .md-data-request:hover { background: #3159cc; border-color: #3159cc; color: #fff; text-decoration: none; }
#footer.md-apex-footer .md-footer-brand { text-align: center; padding-top: 0; }
#footer.md-apex-footer .md-footer-brand-card { height: 100%; min-height: 208px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 22px; border-radius: 11px; background: linear-gradient(120deg,#193d78,#3158a8 65%,#6556b1); border: 1px solid #3158a8; box-shadow: 0 5px 16px #254c8e13; }
#footer.md-apex-footer .md-footer-logo { display: block; width: 156px; max-width: 100%; height: auto; margin: 0 auto 12px; }
#footer.md-apex-footer .md-brand-caption { color: #e0eaff; font-size: 10px; margin-bottom: 14px; letter-spacing: .3px; }
#footer.md-apex-footer .md-social-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
#footer.md-apex-footer .md-social-links a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #ffffff40; background: #ffffff12; border-radius: 6px; color: white; font-size: 13px; }
#footer.md-apex-footer .md-social-links a:hover { background: #ffffff2b; border-color: #ffffff80; color: white; text-decoration: none; }
#footer.md-apex-footer .md-social-links a:focus-visible { outline-color: #b6d4ff; }
#footer.md-apex-footer .md-footer-links { list-style: none; margin: 0; padding: 0; }
#footer.md-apex-footer .md-footer-links li + li { margin-top: 0; }
#footer.md-apex-footer .md-footer-links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #56718f; font-size: 12px; padding: 10px 7px; border-bottom: 1px solid #e9eef5; border-radius: 4px; }
#footer.md-apex-footer .md-footer-links li:last-child a { border-bottom: 0; }
#footer.md-apex-footer .md-footer-links a:hover { color: #3159ad; background: #f2f6ff; text-decoration: none; }
#footer.md-apex-footer .md-footer-links i { color: #7593bc; font-size: 11px; }
#footer.md-apex-footer .md-footer-bottom { padding: 12px 0; background: #f7f9fc; border-top: 1px solid #e0e7f1; }
#footer.md-apex-footer .md-footer-bottom-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
#footer.md-apex-footer .md-footer-bottom p { margin: 0; color: #73879d; font-size: 10px; line-height: 1.5; }
#scroll-top.scroll-top { background: #3159cc; border-radius: 8px; }
#scroll-top.scroll-top:hover { background: #2447ad; }
@media(max-width:991px) {
#footer.md-apex-footer .md-footer-brand-card { min-height: 200px; }
}
@media(max-width:575px) {
#footer.md-apex-footer .container { padding-left: 16px; padding-right: 16px; }
#footer.md-apex-footer .md-footer-main { padding-top: 22px; padding-bottom: 22px; }
#footer.md-apex-footer .md-footer-bottom-inner { flex-direction: column; align-items: flex-start; gap: 5px; }
#footer.md-apex-footer .md-footer-brand-card { min-height: 185px; }
}
@media(prefers-reduced-motion:reduce) {
#footer.md-apex-footer a { transition: none; }
}
@media print {
#footer.md-apex-footer { border-top: 1px solid #ccc; }
#footer.md-apex-footer .md-footer-main { display: none; }
#footer.md-apex-footer::before,#scroll-top { display: none; }
#footer.md-apex-footer .md-footer-bottom { background: #fff; }
}
.md-modern-dashboard .md-scope-card::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 3v17h17M8 16v-5M13 16V6M18 16V9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 24px 24px; }
#footer.md-footer.md-modern-footer { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 5% 0%,#244b842e 0,transparent 48%),radial-gradient(ellipse at 95% 100%,#286f7833 0,transparent 46%),linear-gradient(115deg,#142846,#1c365e 58%,#2c3560); border-top: 0; color: #c4d2e7; }
#footer.md-modern-footer::before { height: 3px; background: linear-gradient(90deg,#4f83ee,#9980e8 48%,#45b3a4); }
#footer.md-modern-footer .md-footer-main { padding-top: 24px; padding-bottom: 28px; }
#footer.md-modern-footer .md-footer-modern-title { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-bottom: 19px; margin-bottom: 25px; border-bottom: 1px solid #ffffff18; }
#footer.md-modern-footer .md-footer-modern-title>span { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 16px; font-weight: 650; letter-spacing: -.2px; }
#footer.md-modern-footer .md-footer-modern-title>span>i { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 8px; color: #d6e4ff; background: #ffffff0f; border: 1px solid #ffffff1f; font-size: 15px; }
#footer.md-modern-footer .md-footer-modern-title p { margin: 0; color: #a6bbda; font-size: 11px; }
#footer.md-modern-footer .md-footer-heading { position: relative; border: 0; color: #e2ebff; font-size: 11px; letter-spacing: 1.1px; margin-bottom: 14px; padding-bottom: 10px; }
#footer.md-modern-footer .md-footer-heading::after { content: ''; display: block; width: 29px; height: 3px; border-radius: 3px; position: absolute; left: 0; bottom: 0; background: #6f9bec; }
#footer.md-modern-footer p { color: #bccce4; font-size: 12px; line-height: 1.75; }
#footer.md-modern-footer a { color: #c6d5ed; }
#footer.md-modern-footer a:hover { color: #fff; }
#footer.md-modern-footer a:focus-visible { outline-color: #9cbfff; }
#footer.md-modern-footer .md-footer-contact { margin-bottom: 10px; gap: 10px; }
#footer.md-modern-footer .md-footer-contact>i { color: #a7c5fa; background: #ffffff0c; border: 1px solid #ffffff12; border-radius: 6px; width: 26px; height: 26px; flex-basis: 26px; }
#footer.md-modern-footer .md-data-request { background: linear-gradient(110deg,#4676d8,#6968cf); color: #fff; border: 1px solid #8aa5ea59; border-radius: 7px; font-size: 11px; padding: 8px 12px; margin-bottom: 15px; box-shadow: 0 4px 12px #0a173426; }
#footer.md-modern-footer .md-data-request:hover { background: linear-gradient(110deg,#5487ea,#7a76df); border-color: #aec5ff; color: #fff; }
#footer.md-modern-footer .md-footer-brand-card { background: linear-gradient(140deg,#ffffff09,#ffffff04); border: 1px solid #ffffff20; border-radius: 14px; padding: 24px 22px; box-shadow: 0 8px 24px #07152b19; min-height: 215px; }
#footer.md-modern-footer .md-footer-logo { width: 165px; margin-bottom: 13px; }
#footer.md-modern-footer .md-brand-caption { color: #afc5e7; font-size: 10px; margin-bottom: 16px; }
#footer.md-modern-footer .md-social-links { gap: 9px; }
#footer.md-modern-footer .md-social-links a { width: 35px; height: 35px; border-radius: 9px; border: 1px solid #ffffff22; background: #ffffff0b; color: #dce8ff; font-size: 14px; }
#footer.md-modern-footer .md-social-links a:hover { background: #6b91dc30; color: #fff; border-color: #94b7f786; }
#footer.md-modern-footer .md-footer-links a { border-bottom: 1px solid #ffffff12; color: #c1d1ea; padding: 10px 11px; border-radius: 6px; }
#footer.md-modern-footer .md-footer-links a:hover { background: #ffffff0b; color: #fff; }
#footer.md-modern-footer .md-footer-links i { color: #8caeea; }
#footer.md-modern-footer .md-footer-bottom { background: #09172e3d; border-top: 1px solid #ffffff14; padding: 14px 0; }
#footer.md-modern-footer .md-footer-bottom p { color: #a5b9d6; font-size: 10px; }
@media(max-width:575px) {
#footer.md-modern-footer .md-footer-main { padding-top: 21px; padding-bottom: 22px; }
#footer.md-modern-footer .md-footer-modern-title { margin-bottom: 21px; padding-bottom: 16px; }
#footer.md-modern-footer .md-footer-modern-title p { width: 100%; padding-left: 41px; }
#footer.md-modern-footer .md-footer-brand-card { min-height: 195px; }
}
@media print {
#footer.md-footer.md-modern-footer { background: #fff; color: #33485d; }
#footer.md-modern-footer .md-footer-bottom { background: #fff; border-top: 1px solid #ddd; }
#footer.md-modern-footer .md-footer-bottom p { color: #526980; }
}
.md-public .md-native-pie-wrap { width: 100%; margin-bottom: 12px; }
.md-public .md-chart-svg.md-native-pie { width: 100%; min-width: 0; height: 290px; }
.md-public .md-chart-svg.md-native-pie :is(path,circle) { stroke: white; stroke-width: 2px; }
.md-public .md-native-pie .md-series-0 { fill: #4775d1; }
.md-public .md-native-pie .md-series-1 { fill: #2d9c85; }
.md-public .md-native-pie .md-series-2 { fill: #dfa747; }
.md-public .md-native-pie .md-series-3 { fill: #9470ce; }
.md-public .md-native-pie .md-series-4 { fill: #d47891; }
.md-public .md-native-pie .md-series-5 { fill: #48a5bb; }
.md-public .md-native-pie .md-series-6 { fill: #7e89c9; }
.md-public .md-native-pie .md-series-7 { fill: #93a4b8; }
.md-public .md-pie-legend { padding: 0 10px; gap: 8px 16px; }
#enrollment-dashboard .md-is-pie .highcharts-point.highcharts-color-0, #enrollment-dashboard .md-is-pie .highcharts-legend-item.highcharts-color-0 .highcharts-point { fill: #4775d1!important; }
#enrollment-dashboard .md-is-pie .highcharts-point.highcharts-color-1, #enrollment-dashboard .md-is-pie .highcharts-legend-item.highcharts-color-1 .highcharts-point { fill: #2d9c85!important; }
#enrollment-dashboard .md-is-pie .highcharts-point.highcharts-color-2, #enrollment-dashboard .md-is-pie .highcharts-legend-item.highcharts-color-2 .highcharts-point { fill: #dfa747!important; }
#enrollment-dashboard .md-is-pie .highcharts-point.highcharts-color-3, #enrollment-dashboard .md-is-pie .highcharts-legend-item.highcharts-color-3 .highcharts-point { fill: #9470ce!important; }
#enrollment-dashboard .md-is-pie .highcharts-point.highcharts-color-4, #enrollment-dashboard .md-is-pie .highcharts-legend-item.highcharts-color-4 .highcharts-point { fill: #d47891!important; }
#enrollment-dashboard .md-is-pie .highcharts-point.highcharts-color-5, #enrollment-dashboard .md-is-pie .highcharts-legend-item.highcharts-color-5 .highcharts-point { fill: #48a5bb!important; }
#enrollment-dashboard .md-is-pie .highcharts-point.highcharts-color-6, #enrollment-dashboard .md-is-pie .highcharts-legend-item.highcharts-color-6 .highcharts-point { fill: #7e89c9!important; }
#enrollment-dashboard .md-is-pie .highcharts-point.highcharts-color-7, #enrollment-dashboard .md-is-pie .highcharts-legend-item.highcharts-color-7 .highcharts-point { fill: #93a4b8!important; }
#md-assessment-page { background: radial-gradient(ellipse at 0 0,#e8eeff 0,transparent 46%),radial-gradient(ellipse at 100% 65%,#e7f6f0 0,transparent 40%),#f5f7fc; color: #30435d; padding: 23px 0 38px; font: 14px/1.6 "Segoe UI",Arial,sans-serif; }
#md-assessment-page *,#md-assessment-page *::before,#md-assessment-page *::after { box-sizing: border-box; }
#md-assessment-page .md-assessment-wrap { width: calc(100% - 48px); max-width: none; margin: 0 auto; }
#md-assessment-page .md-assessment-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: 16px; color: #7b8ca3; font-size: 11px; }
#md-assessment-page a { color: #3159b9; text-underline-offset: 3px; }
#md-assessment-page .md-assessment-breadcrumb a { text-decoration: none; }
#md-assessment-page .md-assessment-breadcrumb a:hover { text-decoration: underline; }
#md-assessment-page .md-assessment-hero { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; background: linear-gradient(115deg,#193d78,#3158b8 62%,#6459c8); color: #fff; padding: 27px 28px; border-radius: 15px; box-shadow: 0 9px 25px #244d9c20; margin-bottom: 22px; }
#md-assessment-page .md-assessment-hero::after { content: ''; position: absolute; z-index: -1; width: 230px; height: 230px; right: -50px; top: -120px; border-radius: 50%; border: 35px solid #ffffff0d; background: #ffffff05; }
#md-assessment-page .md-assessment-eyebrow { color: #c9d9ff; font-size: 10px; font-weight: 700; letter-spacing: 1.6px; margin: 0 0 9px; }
#md-assessment-page h1 { color: #fff; margin: 0 0 9px; font: 650 30px/1.2 "Segoe UI",Arial,sans-serif; letter-spacing: -.7px; }
#md-assessment-page .md-assessment-hero-copy>p:last-child { color: #e1eaff; font-size: 13px; margin: 0; }
#md-assessment-page .md-assessment-year { display: inline-flex; align-items: center; gap: 8px; padding: 8px 13px; color: #fff; background: #ffffff14; border: 1px solid #ffffff40; border-radius: 8px; font-size: 12px; }
#md-assessment-page .md-assessment-intro { display: flex; align-items: flex-start; gap: 14px; padding: 21px 23px; background: #fff; border: 1px solid #dfe7f3; border-radius: 11px; box-shadow: 0 3px 15px #223b6a05; margin-bottom: 26px; }
#md-assessment-page .md-assessment-intro-icon { display: grid; place-items: center; flex: none; width: 34px; height: 34px; background: #edf2ff; color: #4c70bd; border-radius: 9px; font-size: 17px; }
#md-assessment-page .md-assessment-intro>div { flex: 1; min-width: 0; }
#md-assessment-page .md-assessment-intro h2 { color: #365588; font: 650 15px/1.4 "Segoe UI",Arial,sans-serif; margin: 0 0 7px; }
#md-assessment-page .md-assessment-intro p { color: #667d98; margin: 0; font-size: 12px; line-height: 1.8; }
#md-assessment-page .md-assessment-site-link { display: inline-flex; align-items: center; gap: 8px; background: #f2f5ff; color: #3d5fa4; border: 1px solid #d5e0f6; border-radius: 7px; padding: 9px 12px; font-size: 11px; font-weight: 600; text-decoration: none; white-space: nowrap; }
#md-assessment-page .md-assessment-site-link:hover { background: #e5edff; border-color: #b7caf1; }
#md-assessment-page .md-assessment-section-title { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 14px; }
#md-assessment-page .md-assessment-section-title h2 { color: #344f76; margin: 0; font: 650 18px/1.4 "Segoe UI",Arial,sans-serif; }
#md-assessment-page .md-assessment-section-title>span { color: #6f84a1; font-size: 11px; background: #edf2fa; border: 1px solid #dfe7f4; border-radius: 6px; padding: 4px 9px; }
#md-assessment-page .md-assessment-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
#md-assessment-page .md-assessment-card { --assessment-accent: #4770c8; --assessment-tint: #f0f4ff; --assessment-line: #d8e3fa; background: #fff; border: 1px solid #dfe7f4; border-top: 4px solid var(--assessment-accent); border-radius: 12px; overflow: hidden; box-shadow: 0 5px 20px #1d3c7208; min-width: 0; }
#md-assessment-page .md-assessment-teal { --assessment-accent: #278c80; --assessment-tint: #edf8f4; --assessment-line: #d0e9df; }
#md-assessment-page .md-assessment-card-head { display: flex; align-items: center; gap: 13px; padding: 20px 22px; border-bottom: 1px solid #e7edf5; background: linear-gradient(110deg,var(--assessment-tint),#fff); }
#md-assessment-page .md-assessment-card-icon { display: grid; place-items: center; flex: none; width: 42px; height: 42px; background: #fff; color: var(--assessment-accent); border: 1px solid var(--assessment-line); border-radius: 11px; box-shadow: 0 2px 6px #27467306; font-size: 21px; }
#md-assessment-page .md-assessment-card-kicker { color: var(--assessment-accent); font-size: 9px; letter-spacing: 1.1px; font-weight: 700; margin: 0 0 5px; }
#md-assessment-page .md-assessment-card h3 { color: #344f76; margin: 0; font: 650 18px/1.3 "Segoe UI",Arial,sans-serif; }
#md-assessment-page .md-assessment-card-body { padding: 20px 22px 23px; }
#md-assessment-page .md-assessment-card-body>p { color: #7589a2; font-size: 12px; margin: 0 0 17px; }
#md-assessment-page .md-assessment-resource { display: flex; align-items: center; gap: 12px; padding: 16px 15px; border: 1px solid #e3eaf4; border-radius: 8px; color: #3d5b83; text-decoration: none; background: #fff; transition: background-color .16s ease,border-color .16s ease,box-shadow .16s ease; }
#md-assessment-page .md-assessment-resource + .md-assessment-resource { margin-top: 12px; }
#md-assessment-page .md-assessment-resource:hover { background: var(--assessment-tint); border-color: var(--assessment-line); box-shadow: 0 3px 11px #25457908; }
#md-assessment-page .md-assessment-semester { display: grid; place-items: center; flex: none; width: 35px; height: 35px; border-radius: 8px; background: var(--assessment-tint); color: var(--assessment-accent); font-size: 13px; font-weight: 700; }
#md-assessment-page .md-assessment-resource-copy { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0; }
#md-assessment-page .md-assessment-resource-copy strong { color: #36567e; font-size: 12px; font-weight: 650; }
#md-assessment-page .md-assessment-resource-copy>span { color: #8192a7; font-size: 10px; }
#md-assessment-page .md-assessment-resource>i { color: var(--assessment-accent); font-size: 16px; }
#md-assessment-page a:focus-visible { outline: 3px solid #6293ec; outline-offset: 4px; }
#md-assessment-page .md-assessment-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media(max-width:991px) {
#md-assessment-page .md-assessment-intro { flex-wrap: wrap; }
#md-assessment-page .md-assessment-site-link { margin-left: 48px; }
}
@media(max-width:767px) {
#md-assessment-page .md-assessment-grid { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:575px) {
#md-assessment-page .md-assessment-wrap { width: calc(100% - 28px); }
#md-assessment-page .md-assessment-hero { padding: 22px; }
#md-assessment-page h1 { font-size: 26px; }
#md-assessment-page .md-assessment-intro { padding: 18px; gap: 11px; }
#md-assessment-page .md-assessment-site-link { margin-left: 45px; white-space: normal; }
#md-assessment-page .md-assessment-card-head { padding: 18px; }
#md-assessment-page .md-assessment-card-body { padding: 18px; }
}
@media(prefers-reduced-motion:reduce) {
#md-assessment-page .md-assessment-resource { transition: none; }
}
@media print {
#md-assessment-page { background: #fff; padding: 0; }
#md-assessment-page .md-assessment-wrap { width: 100%; }
#md-assessment-page .md-assessment-hero { background: #fff; border: 1px solid #ddd; box-shadow: none; }
#md-assessment-page .md-assessment-hero :is(h1,p,span) { color: #30435d; }
#md-assessment-page .md-assessment-hero::after { display: none; }
#md-assessment-page .md-assessment-card { break-inside: avoid; box-shadow: none; }
}
#md-assessment-page.md-assessment-contact-page .md-assessment-card { display: flex; flex-direction: column; }
#md-assessment-page.md-assessment-contact-page .md-assessment-card-head { min-height: 115px; align-items: flex-start; }
#md-assessment-page.md-assessment-contact-page .md-assessment-card-head>div { min-width: 0; }
#md-assessment-page.md-assessment-contact-page .md-assessment-card h3 { font-size: 17px; line-height: 1.45; }
#md-assessment-page.md-assessment-contact-page .md-assessment-card-body { flex: 1; }
#md-assessment-page .md-assessment-address { display: flex; flex-direction: column; gap: 5px; color: #5d7694; font: normal 13px/1.7 "Segoe UI",Arial,sans-serif; margin: 0 0 17px; }
#md-assessment-page .md-assessment-box { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 6px; border: 1px solid var(--assessment-line); color: var(--assessment-accent); background: var(--assessment-tint); font-size: 11px; font-weight: 600; }
#md-assessment-page .md-assessment-contact-panel { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 23px; padding: 23px; border: 1px solid #dfe7f4; border-radius: 11px; background: linear-gradient(110deg,#fff,#f4f1fc); box-shadow: 0 4px 17px #243b6a05; }
#md-assessment-page .md-assessment-contact-label { display: flex; align-items: center; gap: 12px; flex: 1 1 260px; }
#md-assessment-page .md-assessment-contact-symbol { display: grid; place-items: center; flex: none; width: 39px; height: 39px; color: #8260b7; background: #f1ebfa; border-radius: 10px; font-size: 19px; }
#md-assessment-page .md-assessment-contact-label h2 { color: #4e4678; font: 650 15px/1.4 "Segoe UI",Arial,sans-serif; margin: 0 0 4px; }
#md-assessment-page .md-assessment-contact-label p { margin: 0; color: #8a82a2; font-size: 11px; }
#md-assessment-page .md-assessment-contact-item { display: flex; align-items: center; gap: 11px; min-width: 185px; padding-left: 23px; border-left: 1px solid #e2deef; }
#md-assessment-page .md-assessment-contact-item>i { color: #8c78b1; font-size: 19px; }
#md-assessment-page .md-assessment-contact-item>div { display: flex; flex-direction: column; gap: 4px; }
#md-assessment-page .md-assessment-contact-item span { color: #8a82a2; font-size: 10px; text-transform: uppercase; letter-spacing: .6px; }
#md-assessment-page .md-assessment-contact-item a,#md-assessment-page .md-assessment-contact-item strong { color: #5e4c88; font-size: 14px; font-weight: 650; text-decoration: none; }
#md-assessment-page .md-assessment-contact-item a:hover { text-decoration: underline; }
@media(max-width:767px) {
#md-assessment-page.md-assessment-contact-page .md-assessment-card-head { min-height: 0; }
#md-assessment-page .md-assessment-contact-panel { gap: 20px; }
#md-assessment-page .md-assessment-contact-label { flex-basis: 100%; }
#md-assessment-page .md-assessment-contact-item { padding-left: 0; border-left: 0; flex: 1 1 180px; min-width: 0; }
}
#md-links-page { background: radial-gradient(ellipse at 0 0,#e8eeff 0,transparent 46%),radial-gradient(ellipse at 100% 65%,#e7f6f0 0,transparent 40%),#f5f7fc; color: #30435d; padding: 23px 0 38px; font: 14px/1.6 "Segoe UI",Arial,sans-serif; }
#md-links-page *,#md-links-page *::before,#md-links-page *::after { box-sizing: border-box; }
#md-links-page .md-links-wrap { width: calc(100% - 48px); max-width: none; margin: 0 auto; }
#md-links-page .md-links-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: 16px; color: #7b8ca3; font-size: 11px; }
#md-links-page .md-links-breadcrumb a { color: #4166c2; text-decoration: none; }
#md-links-page .md-links-breadcrumb a:hover { text-decoration: underline; }
#md-links-page .md-links-hero { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 27px 28px; margin-bottom: 18px; color: #fff; background: linear-gradient(115deg,#193d78,#3158b8 62%,#6459c8); border-radius: 15px; box-shadow: 0 9px 25px #244d9c20; }
#md-links-page .md-links-hero::after { content: ''; position: absolute; z-index: -1; width: 230px; height: 230px; right: -50px; top: -120px; border-radius: 50%; border: 35px solid #ffffff0d; background: #ffffff05; }
#md-links-page .md-links-eyebrow { margin: 0 0 9px; color: #c9d9ff; font-size: 10px; font-weight: 700; letter-spacing: 1.6px; }
#md-links-page h1 { margin: 0 0 9px; color: #fff; font: 650 30px/1.2 "Segoe UI",Arial,sans-serif; letter-spacing: -.7px; }
#md-links-page .md-links-hero p:last-child { margin: 0; color: #e1eaff; font-size: 13px; }
#md-links-page .md-links-hero-icon { display: grid; place-items: center; flex: none; height: 62px; width: 62px; border-radius: 16px; background: #ffffff12; border: 1px solid #ffffff28; color: #e2ebff; font-size: 38px; }
#md-links-page .md-links-notice { display: flex; align-items: center; gap: 8px; padding: 12px 15px; margin: 0 0 23px; background: #edf3ff; border: 1px solid #d6e3f8; border-radius: 8px; color: #637fa5; font-size: 11px; }
#md-links-page .md-links-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; align-items: stretch; }
#md-links-page .md-links-card { --links-accent: #4770c8; --links-tint: #f0f4ff; --links-line: #d8e3fa; min-width: 0; background: #fff; border: 1px solid #dfe7f4; border-top: 4px solid var(--links-accent); border-radius: 12px; overflow: hidden; box-shadow: 0 5px 20px #1d3c7208; }
#md-links-page .md-links-teal { --links-accent: #278c80; --links-tint: #edf8f4; --links-line: #d0e9df; }
#md-links-page .md-links-card-head { display: flex; align-items: center; gap: 12px; padding: 20px 22px; background: linear-gradient(110deg,var(--links-tint),#fff); border-bottom: 1px solid #e7edf5; }
#md-links-page .md-links-card-icon { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 10px; border: 1px solid var(--links-line); background: #fff; color: var(--links-accent); font-size: 20px; }
#md-links-page .md-links-card-head>div { min-width: 0; }
#md-links-page .md-links-card-head p { color: var(--links-accent); font-size: 9px; font-weight: 700; letter-spacing: 1px; margin: 0 0 4px; }
#md-links-page .md-links-card-head h2 { color: #344f76; font: 650 18px/1.3 "Segoe UI",Arial,sans-serif; margin: 0; }
#md-links-page .md-links-count { margin-left: auto; white-space: nowrap; padding: 4px 8px; background: #fff; border: 1px solid var(--links-line); color: var(--links-accent); border-radius: 6px; font-size: 10px; }
#md-links-page .md-links-list { list-style: none; padding: 13px; margin: 0; }
#md-links-page .md-links-list li+li { border-top: 1px solid #edf1f7; }
#md-links-page .md-links-list a { display: flex; align-items: center; gap: 12px; padding: 16px 12px; border-radius: 8px; text-decoration: none; color: #3d5b83; transition: background-color .16s ease; }
#md-links-page .md-links-list a:hover { background: var(--links-tint); }
#md-links-page .md-links-item-icon { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 8px; background: var(--links-tint); color: var(--links-accent); font-size: 16px; }
#md-links-page .md-links-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
#md-links-page .md-links-copy strong { color: #36567e; font-size: 12px; font-weight: 650; line-height: 1.5; overflow-wrap: anywhere; }
#md-links-page .md-links-copy>span { color: #8192a7; font-size: 10px; }
#md-links-page .md-links-copy>.md-links-signin { display: inline-flex; align-items: center; gap: 4px; color: #67877c; }
#md-links-page .md-links-arrow { color: var(--links-accent); font-size: 13px; flex: none; }
#md-links-page a:focus-visible { outline: 3px solid #6293ec; outline-offset: 3px; }
@media(max-width:767px) {
#md-links-page .md-links-grid { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:575px) {
#md-links-page .md-links-wrap { width: calc(100% - 28px); }
#md-links-page .md-links-hero { padding: 22px; }
#md-links-page h1 { font-size: 26px; }
#md-links-page .md-links-hero-icon { width: 45px; height: 45px; font-size: 28px; border-radius: 12px; }
#md-links-page .md-links-card-head { padding: 18px; }
#md-links-page .md-links-card-head h2 { font-size: 16px; }
#md-links-page .md-links-list { padding: 9px; }
}
@media(prefers-reduced-motion:reduce) {
#md-links-page .md-links-list a { transition: none; }
}
@media print {
#md-links-page { background: white; padding: 0; }
#md-links-page .md-links-wrap { width: 100%; }
#md-links-page .md-links-hero { background: #fff; border: 1px solid #ddd; box-shadow: none; }
#md-links-page .md-links-hero :is(h1,p,span) { color: #30435d; }
#md-links-page .md-links-hero::after { display: none; }
#md-links-page .md-links-card { break-inside: avoid; box-shadow: none; }
}
#md-school-reference { padding: 23px 0 38px; background: radial-gradient(ellipse at 0 0,#e8eeff 0,transparent 46%),radial-gradient(ellipse at 100% 65%,#e7f6f0 0,transparent 40%),#f5f7fc; color: #30435d; font: 14px/1.6 "Segoe UI",Arial,sans-serif; }
#md-school-reference *,#md-school-reference *::before,#md-school-reference *::after { box-sizing: border-box; }
#md-school-reference .md-reference-wrap { width: calc(100% - 48px); max-width: none; margin: 0 auto; }
#md-school-reference .md-reference-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: #7b8ca3; font-size: 11px; margin-bottom: 16px; }
#md-school-reference .md-reference-breadcrumb a { color: #4166c2; text-decoration: none; }
#md-school-reference .md-reference-breadcrumb a:hover { text-decoration: underline; }
#md-school-reference .md-reference-hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 27px 28px; margin-bottom: 22px; background: linear-gradient(115deg,#193d78,#3158b8 62%,#6459c8); color: #fff; border-radius: 15px; box-shadow: 0 9px 25px #244d9c20; }
#md-school-reference .md-reference-eyebrow { margin: 0 0 9px; color: #c9d9ff; font-size: 10px; font-weight: 700; letter-spacing: 1.6px; }
#md-school-reference h1 { color: #fff; margin: 0 0 9px; font: 650 30px/1.2 "Segoe UI",Arial,sans-serif; letter-spacing: -.7px; }
#md-school-reference .md-reference-hero p:last-child { color: #e1eaff; margin: 0; font-size: 13px; }
#md-school-reference .md-reference-hero-icon { display: grid; place-items: center; flex: none; width: 58px; height: 58px; border-radius: 15px; border: 1px solid #ffffff28; background: #ffffff12; color: #e2ebff; font-size: 29px; }
#md-school-reference .md-reference-table-wrap { width: 100%; overflow: visible; }
#md-school-reference .md-reference-outer { display: block; margin: 0; border: 0; background: transparent; width: 100%; }
#md-school-reference .md-reference-outer>tbody { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 20px; }
#md-school-reference .md-reference-outer>tbody>tr { display: block; min-width: 0; }
#md-school-reference .md-reference-outer>tbody>tr:first-child,
#md-school-reference .md-reference-outer>tbody>tr:last-child { grid-column: 1/-1; }
#md-school-reference .md-reference-outer>tbody>tr>td { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; box-shadow: none; }
#md-school-reference .md-reference-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; padding: 16px 19px; background: #fff; border: 1px solid #dfe7f4; border-radius: 10px; box-shadow: 0 3px 15px #223b6a05; }
#md-school-reference .md-reference-toolbar p { display: flex; align-items: center; gap: 9px; margin: 0; color: #6a82a0; font-size: 12px; }
#md-school-reference .md-reference-toolbar p>i { color: #5f80c2; font-size: 18px; }
#md-school-reference .md-reference-toolbar-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
#md-school-reference .md-reference-clear { color: #5d78a5; font-size: 11px; text-decoration: none; cursor: pointer; }
#md-school-reference .md-reference-clear:hover { color: #3159b9; text-decoration: underline; }
#md-school-reference .md-reference-clear-all { border: 1px solid #cfdaee; padding: 8px 12px; border-radius: 7px; background: #f7f9fe; }
#md-school-reference .md-reference-clear-all:hover { background: #edf2ff; text-decoration: none; }
#md-school-reference .md-reference-export { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid #218570; border-radius: 7px; background: #238774; color: #fff; font-size: 11px; font-weight: 650; text-decoration: none; }
#md-school-reference .md-reference-export:hover { background: #196856; border-color: #196856; color: #fff; }
#md-school-reference .md-reference-export>i { font-size: 15px; }
#md-school-reference .md-reference-group { --reference-accent: #4770c8; --reference-tint: #f0f4ff; display: block; width: 100%; height: 100%; margin: 0; border: 1px solid #dfe7f4; border-top: 4px solid var(--reference-accent); border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 5px 20px #1d3c7208; }
#md-school-reference #Trustee { --reference-accent: #278c80; --reference-tint: #edf8f4; }
#md-school-reference #Leadership { --reference-accent: #8761c2; --reference-tint: #f6f0fc; }
#md-school-reference #Type { --reference-accent: #c79031; --reference-tint: #fff8eb; }
#md-school-reference #Enrollment { --reference-accent: #3f8fa4; --reference-tint: #eff8fb; }
#md-school-reference .md-reference-group>tbody { display: block; }
#md-school-reference .md-reference-group>tbody>tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; background: #fff; }
#md-school-reference #Enrollment>tbody>tr { grid-template-columns: repeat(3,minmax(0,1fr)); }
#md-school-reference .md-reference-group>tbody>tr>td { display: flex; align-items: center; gap: 9px; padding: 15px 20px; border: 0; background: transparent; box-shadow: none; text-align: left; min-width: 0; }
#md-school-reference .md-reference-group>tbody>tr:first-child { display: block; border-bottom: 1px solid #e7edf5; background: linear-gradient(110deg,var(--reference-tint),#fff); }
#md-school-reference .md-reference-group>tbody>tr:first-child>td { display: block; padding: 17px 20px; }
#md-school-reference .md-reference-group h2 { display: flex; align-items: center; gap: 10px; margin: 0; color: #345076; font: 650 15px/1.4 "Segoe UI",Arial,sans-serif; }
#md-school-reference .md-reference-group h2>i { color: var(--reference-accent); font-size: 18px; }
#md-school-reference .md-reference-group>tbody>tr:not(:first-child)>td:last-child { grid-column: 1/-1; justify-content: flex-end; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #edf1f7; background: #fafcfe; }
#md-school-reference .md-reference-group input[type="checkbox"] { flex: none; width: 17px; height: 17px; margin: 0; accent-color: var(--reference-accent); cursor: pointer; }
#md-school-reference .md-reference-group label { color: #536e91; font-size: 12px; line-height: 1.5; cursor: pointer; margin: 0; }
#md-school-reference .md-reference-timestamp { display: block; font-size: 10px; color: #8194aa; margin-top: 7px; }
#md-school-reference :is(a,input):focus-visible { outline: 3px solid #6293ec; outline-offset: 3px; }
@media(max-width:767px) {
#md-school-reference .md-reference-outer>tbody { grid-template-columns: minmax(0,1fr); }
#md-school-reference #Enrollment>tbody>tr { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:575px) {
#md-school-reference .md-reference-wrap { width: calc(100% - 28px); }
#md-school-reference .md-reference-hero { padding: 22px; }
#md-school-reference h1 { font-size: 25px; }
#md-school-reference .md-reference-hero-icon { width: 44px; height: 44px; border-radius: 11px; font-size: 23px; }
#md-school-reference .md-reference-group>tbody>tr,#md-school-reference #Enrollment>tbody>tr { grid-template-columns: minmax(0,1fr); }
#md-school-reference .md-reference-group>tbody>tr>td { padding: 12px 17px; }
#md-school-reference .md-reference-toolbar-actions { width: 100%; }
}
@media print {
#md-school-reference { background: white; padding: 0; }
#md-school-reference .md-reference-wrap { width: 100%; }
#md-school-reference .md-reference-hero { background: white; border: 1px solid #ddd; box-shadow: none; }
#md-school-reference .md-reference-hero :is(h1,p) { color: #30435d; }
#md-school-reference .md-reference-hero-icon,#md-school-reference .md-reference-toolbar-actions,#md-school-reference .md-reference-group .md-reference-clear { display: none; }
#md-school-reference .md-reference-group { break-inside: avoid; box-shadow: none; }
}
#md-links-page .md-about-body { padding: 24px; }
#md-links-page .md-about-body p,
#md-links-page .md-about-goals p { margin: 0; color: #526176; font-size: 15px; line-height: 1.85; }
#md-links-page .md-about-goals { margin: 0; padding: 0; list-style: none; }
#md-links-page .md-about-goals > li { padding: 24px; }
#md-links-page .md-about-goals > li + li { border-top: 1px solid #e2e8f0; }
#md-links-page .md-about-goals h3 { margin: 0 0 10px; color: #23324d; font-size: 16px; font-weight: 700; line-height: 1.5; }
#md-links-page.md-account-faq .md-faq-layout { grid-template-columns: minmax(260px, 1fr) minmax(0, 2fr); align-items: start; }
#md-links-page.md-account-faq .md-faq-layout > * { min-width: 0; }
#md-links-page.md-account-faq .md-faq-answer { padding: 24px; scroll-margin-top: 120px; }
#md-links-page.md-account-faq .md-faq-answer + .md-faq-answer { border-top: 1px solid #e2e8f0; }
#md-links-page.md-account-faq .md-faq-answer h3 { margin: 0 0 14px; color: #23324d; font-size: 18px; font-weight: 700; line-height: 1.5; }
#md-links-page.md-account-faq .md-faq-answer p,
#md-links-page.md-account-faq .md-faq-answer li { color: #526176; font-size: 15px; line-height: 1.85; overflow-wrap: anywhere; }
#md-links-page.md-account-faq .md-faq-answer p { margin: 0 0 14px; }
#md-links-page.md-account-faq .md-faq-answer p:last-child,
#md-links-page.md-account-faq .md-faq-answer ol:last-child { margin-bottom: 0; }
#md-links-page.md-account-faq .md-faq-answer ol { padding-left: 22px; }
#md-links-page.md-account-faq .md-faq-answer li + li { margin-top: 14px; }
#md-links-page.md-account-faq .md-faq-answer a { color: #2456a6; text-decoration: underline; text-underline-offset: 3px; }
#md-links-page.md-account-faq .md-faq-answer:target { background: #f3f7ff; box-shadow: inset 4px 0 #2456a6; }
#md-links-page.md-account-faq a:focus-visible { outline: 3px solid #2456a6; outline-offset: 3px; }
@media (max-width: 991.98px) {
#md-links-page.md-account-faq .md-faq-layout { grid-template-columns: minmax(0, 1fr); }
}
#slnLookUp { position: fixed !important; top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%) !important; width: 520px !important; max-width: calc(100vw - 32px) !important; height: 640px !important; max-height: calc(100vh - 32px) !important; max-height: calc(100dvh - 32px) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 14px; background: #fff; box-shadow: 0 16px 48px rgba(23, 43, 77, 0.25); z-index: 10000; }
#md-school-results { position: static; inset: auto; transform: none; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
#md-school-results .md-school-result-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#md-school-results .md-school-status { flex: 1 1 120px; min-width: 0; margin: 0; }
#md-school-results .md-school-table-wrap { max-width: 100%; overflow-x: auto; }
#md-school-results[hidden] { display: none !important; }
#md-school-results .md-school-table th,
#md-school-results .md-school-table td { text-align: left !important; }
#md-school-results .md-school-table td:first-child a { display: block; width: 100%; text-align: left !important; }