.font12 {
  font-size: 12px !important;
}

.font10 {
  font-size: 10px !important;
}

.company-logo {
  max-height: 45px !important;
}

.main-labels {
  font-size: 14px !important;
  font-weight: bold !important;
}



.announcement-title {
  max-width: 70%; 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown-toggleTeacherList {
  display: inline-block; /* or block/flex depending on your layout */
  font-size: 12px !important;
  font-weight: bold !important;
  color: black !important;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

  max-width: 100% !important;
}

.teacherLabels1 {
  font-size: 14px !important;
}

.teacherLabels2 {
  color: black !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

.custom-dropdown-height {
  max-height: 350px !important;
  overflow-y: scroll !important;
  width: 200px !important;
}

.modalForAddingTeacher {
  max-height: 500px !important;
  overflow-y: scroll !important;
}

.subject-teachers-container {
  padding: 5px !important;
  border: 1px lightgray solid !important;
  border-radius: 10px !important;
}

#footerNav li.active a {
  color: var(--bs-primary);
}

#footerNav li.active i {
  color: var(--bs-primary) !important;
}

#footerNav li.active span {
  color: var(--bs-primary) !important;
  font-weight: bold !important;
}

.page-content-wrapper {
  height: auto !important;
  min-height: calc(70vh) !important;
}

.fz-13 {
  font-size: 13px !important;
}

.bg-overlay::after {
  background-color: #06123896 !important;
}