.myLoader {
  border: 8px solid #f3f3f3; /* Light gray */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}
.doctor_schedule{
  position: absolute;
    z-index: 999;
    margin-left: 100%;
    background: #f7f7f7;
    text-align: center;
}
.bg_gray{
  background-color: #054d6f !important;
  color: #ffffff;
}
.footer{
  background-image: linear-gradient(209.21deg, rgb(96, 3, 139) 13.57%, rgb(26, 172, 204) 98.38%) !important;
}


@media(max-width: 600px) {
  .doctor_schedule {
    position: relative;
    z-index: 1;
    margin-left:0%;
    background: #f7f7f7;
    text-align: center;
    padding: 4px;
    margin-left: 30px !important;
}
  }

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* Target the scrollbar for a specific div */

/* .shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
} */
@media (max-width: 768px) {
    #header .navbar-collapse.show>.navbar-nav, header.main-nav .navbar-collapse.show>.navbar-nav {
        background-image: none !important;
        background-color: #f3f3f3 !important;
        padding-top: 0 !important;
        background-image:none;
        box-shadow: 0 10px 20px rgb(0 0 0 / 9%);
    }
}