.nila_logo {
  height: 75px;
}
#processingOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.78);
  z-index: 9999;
  text-align: center;
  padding-top: 15%;
  color: white;
  font-size: 2em;
}
.saa {
            font-size: 19px;
            font-weight: bold;
            text-align: center;
        }

img{
    max-width: 100% !important;
}

.welcome-card {
      background: #fff;
      border-radius: 16px;
      border: 1.5px solid #e0e4f0;
      overflow: hidden;
    }

    .accent-bar {
      height: 5px;
      background: linear-gradient(90deg, #3b3b8f, #3ecfab);
    }

    .btn-homework {
      background: #3b3b8f;
      color: #fff;
      border: none;
      border-radius: 8px;
      padding: 10px 24px;
      font-weight: 600;
      font-size: 15px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: .2s;
      cursor: pointer;
    }

    .btn-homework:hover {
      background: #2d2d72;
      color: #fff;
    }

    .btn-online {
      background: #3ecfab;
      color: #fff;
      border: none;
      border-radius: 8px;
      padding: 10px 24px;
      font-weight: 600;
      font-size: 15px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: .2s;
      cursor: pointer;
    }

    .btn-online:hover {
      background: #2dbb99;
      color: #fff;
    }

    .welcome-image {
      width: 130px;
      object-fit: contain;
      opacity: .9;
    }

    .or-divider {
      font-weight: 600;
      color: #999;
      font-size: 14px;
    }
    input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    display: block   !important;
    cursor: pointer  !important;
}

.app-content-header  h3 {
    font-weight: bold;
    font-size: 22px;
    text-transform: capitalize;
    color: #244584;
}
body{
  font-size: 14px!important;   
}