.white-span {
  color: white !important;
}

.mega {
  padding: 20px;
  width: 100%;
  padding-left: 80px;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 0px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

.m-b-2 {
  margin-bottom: 2rem !important;
}
.m-t-3 {
  margin-top: 3rem !important;
}
.m-t-8 {
  margin-top: 8rem !important;
}
.m-x {
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-r-2 {
  margin-right: 2rem;
}

.m-r-1 {
  margin-right: 1rem;
}

.m-l-2 {
  margin-left: 2rem;
}
.m-l-10 {
  margin-left: 10rem;
}
.m-l-5 {
  margin-left: 5rem;
}

.m-l-1 {
  margin-left: 1rem;
}

.m-t-2 {
  margin-top: 3rem !important;
}
.m-t-1 {
  margin-top: 1rem !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.p-2 {
  padding: 2rem !important;
}
.form-pad {
  padding: 2rem !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-2 {
  margin-bottom: 2rem !important;
}
.m-b-1 {
  margin-bottom: 1rem !important;
}
.school-name {
  font-size: 20px !important;
}
.font-12 {
  font-size: 12px !important;
}

.school-name :hover {
  background-color: transparent !important;
}

.custom-hr {
  margin-top: 5px;
  margin-bottom: 10px;
}

.custom-sidebar {
  background-color: #009549;
  min-height: 100vh;
  /* position: fixed; */
}

.header-span {
  font-size: 17px;
}

.comment-span {
  margin: 15px 0px !important;
}

.disp-none {
  display: none !important;
}

.report-table-margin {
  margin: 10px auto;
}

.table-styling .td-center {
  text-align: center;
}

.table-styling .first-column {
  padding-left: 8px;
}

.report-body {
  height: 1150px;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 40px;
}
.new-report-body {
  border: 2px solid;
  padding: 5px !important;
}

.custom-table-margin,
.custom-table-margin tr td,
.custom-table-margin tr th {
  border: 1px solid;
}

.report-font {
  font-size: 16px;
}
.card-a > div:hover {
  background: #e7ecf1;
}
.message-div {
  text-align: right !important;
}
.first-dash-card {
  background: #e0e3ff;
}
.card-shadow-custom {
  box-shadow: 0 30px 100px 0 rgb(0 0 0 / 0%), 0 6px 20px 0 rgb(0 0 0 / 8%);
}
.texts-center {
  text-align: center;
}
.d-flex {
  display: flex !important;
}
.search-btn {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .custom-page-container {
    min-width: 100% !important;
    overflow: scroll !important;
  }
  .custom-page-content-wrapper {
    min-width: 100% !important;
    overflow-x: scroll !important;
  }
}
.details-table {
  border-collapse: separate;
  border-spacing: 0 10px;
}
.font-18 {
  font-size: 18px;
}
.p-line-height {
  line-height: 35px !important;
}
.icon-color {
  color: inherit !important;
}