.m-l-20 {
    margin-left: 20px;
}
.page-header.navbar{
    height: 60px;
    min-height: 60px;
}
.page-header.navbar .menu-toggler.sidebar-toggler {
    margin: 23px 0 0;
}
.page-header.navbar .page-top {
    height: 60px;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown {
    height: 60px;
}
.page-header-fixed .page-container {
    margin-top: 60px;
}
.page-header.navbar .page-logo {
     height: 60px;
 }
.page-header.navbar .menu-toggler.responsive-toggler {
    margin: 21.5px 14px 0 6px;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
    padding: 20px 10px 18px;
}
.page-header.navbar .page-logo .logo-default {
    margin: 23px 10px 0;
}

.chart-holder {
    position: relative;
    width: 100%;
    height: 200px;
}
.pagination .active > a, .pagination .active > a:hover {
    color: rgb(51, 51, 51);
    background: rgb(238, 238, 238);
    border-color: rgb(221, 221, 221);
}
.page-header.navbar .page-logo>.logo-image, .page-header.navbar .page-logo>a {
    font-size: 21px;
    color: #fff;
    padding: 15px 0px;
    text-decoration: none;
}
.page-header.navbar .page-logo>a:hover {
    color: #cdf0f0;
}
.profile-usertitle-name{
    text-transform: capitalize;
}
 .profile-userpic img {
     -webkit-border-radius:5px;
     border-radius:5px !important;
 }
.login .logo a {
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
}
/*Media query*/
@media (min-width: 320px) {

}

@media (min-width: 544px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

/* ===== Extracted from index.php ===== */
/* Core table/text styles */
.resluttd {
  border-color: #fff;
  border-style: solid;
  border-width: 0 1px 1px 1px !important;
  color: #000000;
  height: 35px;
  padding: 5px 0 5px 12px;
  font-size: 16px;
  background: #fffbda;
  font-weight: bold;
}

th { background: #6a5acd; color: #ffffff; }

body { margin-top: 0; background-color: #f0fbff; }

.style6 { font-family: Verdana; font-size: 17px; font-weight: bold; }
.style12 { font-family: Verdana; font-size: 14px; color: #000; font-weight: bold; }
.style222 { font-family: Verdana; font-size: 12px; color: #000; }
.style22 { font-family: Verdana; font-size: 12px; color: #000; }
.style15 { font-family: "Franklin Gothic Medium","Franklin Gothic Demi Cond"; font-size: 60px; color: #fff; font-style: italic; }
.style19 { font-size: 16px; }
.style23 { font-size: 40px; color: #ff5b33; }
.style17 { font-size: 16px; color: #ff5b33; }
.style24 { color: #00d244; }
.style25 { color: #fff; }
.style26 { color: #00b444; }
.style27 { color: #9cfa0c; }
.ajaxclass { padding-left: 250px; padding-top: 100px; }

/* Beautiful CTA button */
.beautiful-button {
  display: inline-block;
  background: linear-gradient(45deg, #6a5acd, #836fff);
  color: #fff;
  text-decoration: none;
  padding: 15px 30px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 30px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  border: none;
}
.beautiful-button:hover {
  background: linear-gradient(45deg, #836fff, #6a5acd);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
  transform: translateY(-3px);
}
.beautiful-button:active {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  transform: translateY(2px);
}

/* Digital font + countdown */
@font-face {
  font-family: 'Digital';
  src: url('font/DS-DIGIT.TTF') format('truetype');
}
.countdown { text-align: center; padding: 20px; border: 2px solid #fff; border-radius: 10px; background: #6F5ED7; box-shadow: 0 4px 6px rgba(0,0,0,.2); }
.countdown h1 { font-size: 2rem; margin: 0 0 1px; font-weight: bold; letter-spacing: 2px; color: #fff; font-family: sans-serif; }
.countdown p { font-size: 1.5rem; margin: 0; }
.countdown span { font-size: 4rem; font-weight: bold; color: #ffff; font-family: 'Digital', Arial, sans-serif; }
.countdown .time-label { font-size: 1rem; text-transform: uppercase; color: #ffffff; }

/* PWA install banner */
.pwa-install-banner{position:fixed;left:16px;right:16px;top:16px;z-index:9999;background:#ffffff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid rgba(0,0,0,.05);transform:translateY(-140%);opacity:0;transition:transform .35s ease,opacity .35s ease}
.pwa-install-banner.show{transform:translateY(0);opacity:1}
.pwa-install-banner__icon{width:48px;height:48px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;flex:0 0 48px;display:flex;align-items:center;justify-content:center}
.pwa-install-banner__icon img{width:100%;height:100%;object-fit:contain;border-radius:inherit;padding:4px}
/* Explicit logo class for reliable sizing */
.rajshree-logo{width:100%;height:100%;object-fit:contain;border-radius:inherit;padding:4px;display:block}
.pwa-install-banner__body{flex:1}
.pwa-install-banner__title{margin:0;font-size:16px;font-weight:700;color:#1f1f1f}
.pwa-install-banner__subtitle{margin:2px 0 0;font-size:13px;color:#5f5f6e}
.pwa-install-banner__actions{display:flex;gap:8px}
.pwa-btn{appearance:none;border:none;border-radius:999px;padding:14px 24px;font-weight:700;cursor:pointer;font-size:16px}
.pwa-btn--primary{background:linear-gradient(45deg,#6a5acd,#836fff);color:#fff;position:relative;isolation:isolate;background-size:200% 200%;animation:pwa-pulse-glow 2.2s ease-in-out infinite, pwa-gradient-shift 6s linear infinite;overflow:hidden;z-index:0}
/* Shiny sweep effect */
.pwa-btn--primary::after{content:"";position:absolute;top:0;left:-120%;height:120%;width:60%;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 45%,rgba(255,255,255,0) 90%);transform:skewX(-20deg);border-radius:inherit;opacity:.7;animation:pwa-shine 2.8s ease-in-out infinite}
@keyframes pwa-shine{0%{left:-120%}60%{left:120%}100%{left:120%}}
.pwa-btn--primary:hover::after{animation-duration:1.6s}
/* Attractive install button animation */
@keyframes pwa-pulse-glow{
  0%,100%{transform:translateZ(0) scale(1);box-shadow:0 8px 15px rgba(0,0,0,.20)}
  50%{transform:translateZ(0) scale(1.06);box-shadow:0 0 24px rgba(106,90,205,.45),0 12px 22px rgba(0,0,0,.30)}
}
@keyframes pwa-gradient-shift{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.pwa-btn--primary:hover{transform:translateY(-2px);animation-play-state:running}
.pwa-btn--primary:active{transform:translateY(0);box-shadow:0 5px 10px rgba(0,0,0,.2)}
@media (prefers-reduced-motion: reduce){
  .pwa-btn--primary{animation:none}
  .pwa-btn--primary::after{display:none}
}

/* Make install button even larger on phones */
@media (max-width: 576px) {
  .pwa-btn { padding: 18px 30px; font-size: 20px; min-width: 180px; min-height: 56px; }
  body.pwa-banner-open { padding-top: 160px; }
}
@media (max-width: 380px) {
  .pwa-btn { padding: 20px 32px; font-size: 21px; min-width: 200px; min-height: 64px; }
  body.pwa-banner-open { padding-top: 190px; }
}
@media (min-width:768px){.pwa-install-banner{left:50%;right:auto;min-width:420px;max-width:520px;translate:-50% 0}}

/* Table layout extracted */
.timetable td { border: 1px solid #949090 !important; text-align: center; height: 100%; }
.timetable { border-spacing: 0; border-collapse: collapse; }

/* ===== Responsive layout helpers ===== */
*, *::before, *::after { box-sizing: border-box; }
img, video { max-width: 100%; height: auto; }

/* Make outer page table fluid */
body > table { width: 100% !important; max-width: 1000px; margin-inline: auto; }
table[width], table[style*="width:"] { width: 100% !important; }

/* Break inline fixed widths on small screens */
@media (max-width: 768px) {
  td[style*="width:"], div[style*="width:"] { width: auto !important; float: none !important; }
}

/* Timetable: allow horizontal scroll on narrow viewports */
@media (max-width: 992px) {
  .timetable { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .timetable thead, .timetable tbody, .timetable tr, .timetable th, .timetable td { white-space: nowrap; }
}

/* Typography scaling */
@media (max-width: 992px) {
  .style15 { font-size: 42px; }
  .style23 { font-size: 32px; }
}
@media (max-width: 768px) {
  .style15 { font-size: 36px; }
  .style23 { font-size: 28px; }
  .beautiful-button { font-size: 16px; padding: 12px 22px; }
  .countdown span { font-size: 3rem; }
}
@media (max-width: 480px) {
  .style15 { font-size: 28px; }
  .style23 { font-size: 24px; }
  .countdown p { font-size: 1.1rem; }
}

/* Avoid header/banner overlap when PWA banner visible */
body.pwa-banner-open { padding-top: 84px; }
@media (min-width: 768px) {
  body.pwa-banner-open { padding-top: 96px; }
}

/* PWA banner: larger on small devices */
@media (max-width: 576px) {
  .pwa-install-banner { padding: 22px 22px; gap: 16px; border-radius: 20px; }
  .pwa-install-banner__icon { width: 72px; height: 72px; border-radius: 16px; }
  .pwa-install-banner__title { font-size: 20px; }
  .pwa-install-banner__subtitle { font-size: 16px; }
  .pwa-btn { padding: 14px 22px; font-size: 16px; }
  body.pwa-banner-open { padding-top: 140px; }
}
@media (max-width: 380px) {
  .pwa-install-banner { padding: 24px; gap: 18px; }
  .pwa-install-banner__icon { width: 80px; height: 80px; }
  .pwa-install-banner__title { font-size: 22px; }
  .pwa-install-banner__subtitle { font-size: 18px; }
  .pwa-btn { padding: 16px 24px; font-size: 18px; }
  body.pwa-banner-open { padding-top: 160px; }
}