:root {
    --ebs-blue: rgb(0 175 255); 
    --black-050: hsl(0,0%,100%);
    --black-100: hsl(210,8%,98%);
    --black-150: hsl(210,8%,95%);
    --black-200: hsl(210,8%,90%);
    --black-225: hsl(210,8%,85%);
    --black-250: hsl(210,8%,80%);
    --black-300: hsl(210,9%,75%);
    --black-350: hsl(210,8%,68%);
    --black-400: hsl(210,8%,42%);
    --black-500: hsl(210,8%,25%);
    --black-600: hsl(210,8%,5%);
    --black: hsl(0,0%,0%);
    --orange-100: hsl(23,87%,97%);
    --orange-200: hsl(27,87%,87%);
    --orange-300: hsl(27,87%,72%);
    --orange-400: hsl(27,89%,48%);
    --orange-500: hsl(27,87%,41%);
    --orange-600: hsl(27,87%,27%);
    --blue-100: hsl(210,80%,96%);
    --blue-200: hsl(210,80%,91%);
    --blue-300: hsl(210,78%,76%);
    --blue-400: hsl(210,77%,46%);
    --blue-500: hsl(210,77%,36%);
    --blue-600: hsl(210,80%,23%);
    --green-100: hsl(148,35%,95%);
    --green-200: hsl(148,35%,88%);
    --green-300: hsl(148,35%,69%);
    --green-400: hsl(148,70%,31%);
    --green-500: hsl(148,75%,22%);
    --green-600: hsl(148,75%,15%);
    --red-100: hsl(0,72%,96%);
    --red-200: hsl(0,70%,93%);
    --red-300: hsl(0,66%,80%);
    --red-400: hsl(0,60%,49%);
    --red-500: hsl(0,65%,37%);
    --red-600: hsl(0,65%,22%);
    --yellow-100: hsl(43,85%,95%);
    --yellow-200: hsl(43,85%,88%);
    --yellow-300: hsl(43,85%,72%);
    --yellow-400: hsl(43,85%,50%);
    --yellow-500: hsl(43,85%,33%);
    --yellow-600: hsl(43,85%,18%);
    --purple-100: hsl(237,83%,98%);
    --purple-200: hsl(237,78%,93%);
    --purple-300: hsl(237,60%,83%);
    --purple-400: hsl(237,55%,57%);
    --purple-500: hsl(237,50%,45%);
    --purple-600: hsl(237,50%,32%);
    --gold-100: hsl(46,100%,91%);
    --gold-200: hsl(46,100%,74%);
    --gold-300: hsl(45,100%,42%);
    --gold-400: hsl(46,92%,26%);
    --silver-100: hsl(0,0%,95%);
    --silver-200: hsl(0,0%,84%);
    --silver-300: hsl(210,5%,68%);
    --silver-400: hsl(210,2%,40%);
    --bronze-100: hsl(28,40%,92%);
    --bronze-200: hsl(30,47%,83%);
    --bronze-300: hsl(28,43%,65%);
    --bronze-400: hsl(28,43%,39%);
    --primary-leniar-gred: linear-gradient(130deg, #2870EA 20%, #1B4AEF 77.5%);
}
.css-serial { counter-reset: serial-number;  }
  
.css-serial td:first-child:before {
counter-increment: serial-number;
/* Increment the serial number counter */
content: counter(serial-number);
/* Display the counter */
}

.bg-blue { background-color: var(--ebs-blue) !important; }
.text-blue { color: var(--ebs-blue) !important; }
.btn-primary-leniar-gred { background-color: var(--primary-leniar-gred) !important;}

.ls-1 { letter-spacing: 1px; }
.ls-2 { letter-spacing: 2px; }
.ls-3 { letter-spacing: 3px; }
.ls-4 { letter-spacing: 4px; }
.ls-5 { letter-spacing: 5px; }

.fw-100 { font-weight: 100; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-700 { font-weight: 700; }

.aic { align-items: center !important; }
.aie { align-items: right !important; }
.ais { align-items: left !important; }
.aib { align-items: baseline !important; }

.jcb { justify-content: space-between !important; }
.jcc { justify-content: center !important; }
.jce { justify-content: flex-end !important; }
.jcs { justify-content: flex-start !important; }

.vh-95 { height: 95vh !important; }
.vh-90 { height: 90vh !important; }
.vh-80 { height: 80vh !important; }
.vh-70 { height: 70vh !important; }
.vh-60 { height: 60vh !important; }
.vh-50 { height: 50vh !important; }

.dvh-100 { height: 100dvh !important; }
.dvh-95 { height: 95dvh !important; }
.dvh-90 { height: 90dvh !important; }
.dvh-80 { height: 80dvh !important; }
.dvh-70 { height: 70dvh !important; }
.dvh-60 { height: 60dvh !important; }
.dvh-50 { height: 50dvh !important; }

.max-vh-100 { max-height: 100vh !important; }
.max-vh-95 { max-height: 95vh !important; }
.max-vh-90 { max-height: 90vh !important; }
.max-vh-80 { max-height: 80vh !important; }
.max-vh-70 { max-height: 70vh !important; }
.max-vh-60 { max-height: 60vh !important; }
.max-vh-50 { max-height: 50vh !important; }

.max-dvh-100 { max-height: 100dvh !important; }
.max-dvh-95 { max-height: 95dvh !important; }
.max-dvh-90 { max-height: 90dvh !important; }
.max-dvh-80 { max-height: 80dvh !important; }
.max-dvh-70 { max-height: 70dvh !important; }
.max-dvh-60 { max-height: 60dvh !important; }
.max-dvh-50 { max-height: 50dvh !important; }

.h-90 { height: 90% !important; }
.h-80 { height: 80% !important; }
.h-70 { height: 70% !important; }
.h-60 { height: 60% !important; }
.h-50 { height: 50% !important; }

.max-h-100 { max-height: 100% !important; }
.max-h-90 { max-height: 90% !important; }
.max-h-80 { max-height: 80% !important; }
.max-h-70 { max-height: 70% !important; }
.max-h-60 { max-height: 60% !important; }
.max-h-50 { max-height: 50% !important; }

.w-90 { width: 90% !important; }
.w-80 { width: 80% !important; }
.w-70 { width: 70% !important; }
.w-60 { width: 60% !important; }
.w-50 { width: 50% !important; }

.max-w-100 { max-width: 100% !important; }
.max-w-90 { max-width: 90% !important; }
.max-w-80 { max-width: 80% !important; }
.max-w-70 { max-width: 70% !important; }
.max-w-60 { max-width: 60% !important; }
.max-w-50 { max-width: 50% !important; }


.role-btn   { cursor: pointer; }

.mb-6 { margin-bottom: 3.5rem !important; }
.mb-7 { margin-bottom: 4rem !important; }
.mb-8 { margin-bottom: 4.5rem !important; }
.mb-9 { margin-bottom: 5rem !important; }
.mb-10 { margin-bottom: 5.5rem !important; }

.tbl-fixedhead {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: white;
}

.gradient-custom-1 {
    background: #1f75ff;
    background-repeat: no-repeat;
    background: linear-gradient(135deg, rgb(48, 86, 239) 0%, rgb(17, 55, 208) 100%);
}

.calendar-container {
    text-align: center;
    overflow-x: auto; /* Allow horizontal scrolling on smaller screens */
    -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
  }

  .calendar-container table {
    width: 100%;
    table-layout: fixed; /* Fix table layout to prevent content from expanding */
  }

  .calendar-container table th,
  .calendar-container table td {
    padding: 10px;
    white-space: nowrap; /* Prevent day names from wrapping */
    cursor: pointer; /* Change cursor to pointer on hover */
    transition: background-color 0.2s ease; /* Smooth transition for background color change */
  }

  .gred-blue1 {
    background: radial-gradient(56.64% 79.53% at 73.91% 46.14%, #3977b5 0, #002864 100%);
  }

  .gred-blue{
    background: rgb(9,43,100);
    background: linear-gradient(83deg, rgba(9,43,100,1) 0%, rgba(51,114,186,1) 100%);
  }

  .gred-grey{
    background: rgb(33,33,33);
    background: linear-gradient(83deg, rgba(33,33,33,1) 0%, rgba(130,130,130,1) 100%);    
  }

  /* Media query for small screens (up to 576px width) */
  @media (max-width: 576px) {
    .calendar-container table th,
    .calendar-container table td {
      font-size: 12px; /* Reduce font size for day names */
    }
  }

  /* Darken background color on hover */
  .calendar-container table td:hover {
    background-color: #eeeeee; /* Light gray background color on hover */
  }

  /* Highlight current date */
  .calendar-container table td.current-date {
    background-color: #007bff; /* Blue background color for current date */
    color: #fff; /* White text color for current date */
    font-weight: bold; /* Bold text for current date */
  }

  /* Style weekends (Saturday and Sunday) */
  .calendar-container table td.weekend {
    background-color: #f8f9fa; /* Light gray background color for weekends */
    color: #6c757d; /* Gray text color for weekends */
  }
  

/* MD */
@media (min-width: 768px) {
    .mb-md-6 { margin-bottom: 3.5rem !important; }
    .mb-md-7 { margin-bottom: 4rem !important; }
    .mb-md-8 { margin-bottom: 4.5rem !important; }
    .mb-md-9 { margin-bottom: 5rem !important; }
    .mb-md-10 { margin-bottom: 5.5rem !important; }
}

/* LG */
@media (min-width: 992px) {
    .mb-lg-6 { margin-bottom: 3.5rem !important; }
    .mb-lg-7 { margin-bottom: 4rem !important; }
    .mb-lg-8 { margin-bottom: 4.5rem !important; }
    .mb-lg-9 { margin-bottom: 5rem !important; }
    .mb-lg-10 { margin-bottom: 5.5rem !important; }
}

/* XL */
@media (min-width: 1200px) {
    .mb-xl-6 { margin-bottom: 3.5rem !important; }
    .mb-xl-7 { margin-bottom: 4rem !important; }
    .mb-xl-8 { margin-bottom: 4.5rem !important; }
    .mb-xl-9 { margin-bottom: 5rem !important; }
    .mb-xl-10 { margin-bottom: 5.5rem !important; }
}

/* XXL */
@media (min-width: 1400px) {
    .mb-xxl-6 { margin-bottom: 3.5rem !important; }
    .mb-xxl-7 { margin-bottom: 4rem !important; }
    .mb-xxl-8 { margin-bottom: 4.5rem !important; }
    .mb-xxl-9 { margin-bottom: 5rem !important; }
    .mb-xxl-10 { margin-bottom: 5.5rem !important; }
}

@media print {
  .max-vh-80, .max-h-50, .max-h-60, .max-h-70, .max-h-90, .max-vh-95 {
      max-height: none !important; /* Reset max-height for printing */
      color: black !important;
  }
  .text-primary {
    color: black !important;
  }
}