@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
.quick-link {
  /* Background colors for different icons */
  /* Green */
  /* Blue */
  /* Yellow */
  /* Cyan */
  /* Red */
  /* Light Blue */
  /* Card backgrounds */
  /* Light Green */
  /* Light Blue */
  /* Light Yellow */
  /* Light Cyan */
  /* Light Red */
  /* Light Blue */
}
.quick-link .dashboard-box {
  text-align: center;
  padding: 20px;
  transition: transform 0.3s ease;
  background-color: #f8f9fa;
}
.quick-link .dashboard-box:hover {
  transform: translateY(-5px);
}
.quick-link .icon-circle {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 10px;
  font-size: 18px;
  color: #fff;
}
.quick-link h5 {
  font-size: 14px;
}
.quick-link .calendar-bg {
  background-color: #28a745;
}
.quick-link .exam-bg {
  background-color: #007bff;
}
.quick-link .attendance-bg {
  background-color: #ffc107;
}
.quick-link .fees-bg {
  background-color: #17a2b8;
}
.quick-link .homework-bg {
  background-color: #dc3545;
}
.quick-link .reports-bg {
  background-color: #00a2ff;
}
.quick-link .calendar-box {
  background: #e8f5e9;
}
.quick-link .exam-box {
  background: #e3f2fd;
}
.quick-link .attendance-box {
  background: #fff8e1;
}
.quick-link .fees-box {
  background: #e0f7fa;
}
.quick-link .homework-box {
  background: #ffebee;
}
.quick-link .reports-box {
  background: #e1f5fe;
}

.table-container {
  background: #fff;
}
.table-container table {
  border-collapse: separate;
  border-spacing: 0 0px;
}
.table-container thead {
  background: #ebe7fa;
}
.table-container th {
  text-align: left;
  padding: 15px;
}
.table-container tbody tr {
  background: #fff;
  border-radius: 10px;
}
.table-container tbody tr td {
  vertical-align: middle;
  padding: 15px;
}
.table-container .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.table-container .class-badge {
  background: #ff7043;
  color: white;
  padding: 5px 10px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
}

.login-page .login-img {
  height: 100vh;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.login-page__details {
  width: 80%;
}
.login-page__details .form-control {
  font-size: 15px;
  padding: 10px 20px;
}
.login-page__details .btn {
  padding: 10px 20px;
}

h1 {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

h2 {
  color: #7e7e7e;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

body {
  overflow-x: hidden;
  font-family: "Roboto", serif;
  color: #333;
}

.dash-card {
  border-radius: 4px;
  border: 1px solid #d3e3fd;
  background-color: #ffffff;
}

.pagination .page-item.active .page-link {
  background-color: #000080;
  border-color: #000080;
}

.bg-theme {
  background-color: #edf2fa;
}

.bg-header {
  background-color: #000080;
}

.dashboard-profile .overlay-img .shape-01 {
  position: absolute;
  left: 40%;
}
.dashboard-profile .overlay-img .shape-02 {
  position: absolute;
  left: 60%;
  bottom: 0;
}
.dashboard-profile .overlay-img .shape-03 {
  position: absolute;
  left: 80%;
}
.dashboard-profile .overlay-img .shape-04 {
  position: absolute;
  right: 15%;
  bottom: 0;
}
.dashboard-profile h1 {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

p {
  font-size: 15px;
  color: #333;
}

.form-control {
  border: 1px solid #d3e3fd !important;
}

.form-select {
  border: 1px solid #d3e3fd !important;
}

.flatpickr-day.today {
  background: #5c3dff !important;
  color: white !important;
  border-radius: 50%;
}

hr {
  border-top: 1px solid #d3e3fd !important;
  opacity: 1 !important;
}

.border-bottom {
  border-bottom: 1px solid #d3e3fd !important;
}

.alert-success {
  color: #3c763d;
  background-color: #a7f3d0;
  border-color: #a7f3d0;
  padding: 7px 14px;
}

.btn-primary {
  background: #528bff;
  border-color: #528bff !important;
}

.btn.btn-info,
.btn.btn-info:hover {
  background: #28d5ff;
  border-color: #28d5ff !important;
}

input.form-control.search-lg {
  font-size: 18px;
  padding: 5px 30px;
}

#search-input::-moz-placeholder {
  color: #afb2b6;
  /* Replace 'grey' with your desired color */
  opacity: 1;
  /* Ensure the color is fully visible */
}

#search-input::placeholder {
  color: #afb2b6;
  /* Replace 'grey' with your desired color */
  opacity: 1;
  /* Ensure the color is fully visible */
}

.btn-online-class {
  background: #f0f0f0;
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
}

.table a {
  text-decoration: none;
}

.table-bordered {
  border: 1px solid #d3e3fd !important;
}

#sidebar {
  min-width: 220px;
  max-width: 220px;
  background: #ffffff;
  color: #555555;
  height: 100vh;
  overflow-y: scroll;
  transition: all 0.3s ease-in-out;
  scroll-behavior: smooth;
}

.new-btn-nav {
  font-size: 11px;
  color: #fff;
  padding: 2px 7px;
  border-radius: 10px;
  background: #528BFF;
}

.recent-students h5 {
  font-weight: 600;
  color: #2c2c54;
}
.recent-students p {
  color: #888;
  font-size: 14px;
  margin-bottom: 10px;
}
.recent-students .student-item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.recent-students .student-item:last-child {
  border-bottom: none;
}
.recent-students .avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 10px;
}
.recent-students .student-info {
  flex-grow: 1;
}
.recent-students .student-info .name {
  font-weight: 600;
  color: #2c2c54;
}
.recent-students .student-info .class {
  color: #888;
  font-size: 14px;
}
.recent-students .icon-button {
  background: #edeaff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recent-students .icon-button i {
  color: #5c3dff;
}
.recent-students .add-button {
  background: #5c3dff;
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.event-calender .avatar {
  position: relative;
  height: 40px;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #FFF;
  font-weight: 500;
}
.event-calender .avatar img {
  height: 40px;
  width: 40px;
}
.event-calender p {
  color: #6a7287;
  font-size: 12px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.event-calender .bg-teal-transparent {
  background: #E6F9FF;
}
.event-calender .text-info {
  color: #0F65CD !important;
  opacity: 1;
}

.table-section {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.table-section::-webkit-scrollbar {
  height: 8px;
  width: 6px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.table-section::-webkit-scrollbar-track {
  background: #e5e5e5;
  border-radius: 0px;
}
.table-section::-webkit-scrollbar-thumb {
  background: #aaaaaa;
  border-radius: 10px;
}
.table-section::-webkit-scrollbar-thumb:hover {
  background: #a2a2a2;
}

::-webkit-scrollbar {
  height: 8px;
  /* Set scrollbar height */
  width: 6px;
  /* Set scrollbar width */
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

::-webkit-scrollbar-track {
  background: #e5e5e5;
  border-radius: 0px;
}

::-webkit-scrollbar-thumb {
  background: #aaaaaa;
  border-radius: 10px;
}

#sidebar {
  /* Default: Hide scrollbar */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#sidebar::-webkit-scrollbar {
  height: 8px;
  /* Set scrollbar height */
  width: 6px;
  /* Set scrollbar width */
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#sidebar::-webkit-scrollbar-track {
  background: #e5e5e5;
  border-radius: 0px;
}
#sidebar::-webkit-scrollbar-thumb {
  background: #aaaaaa;
  border-radius: 10px;
}
#sidebar::-webkit-scrollbar-thumb:hover {
  background: #a2a2a2;
}

.sidebar-header {
  position: sticky;
  top: 0;
  padding: 10px;
  background-color: #fff;
  z-index: 9999;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.sidebar-header b {
  font-size: 13px;
  font-weight: 500;
  padding-top: 4px;
  color: #333;
}

ul.nav {
  width: 100%;
  background: #000080;
  padding: 10px 10px;
}

li.nav-item {
  width: 100%;
  padding: 0;
  margin: 0;
}

#sidebar.collapsed {
  margin-left: -220px;
}

#sidebar .nav-link {
  color: #dcdcdc;
  font-size: 15px !important;
  position: relative;
  padding: 10px 10px;
}

#sidebar .nav-link img {
  width: 20px;
  filter: brightness(0) invert(1);
  /* Converts the image to white */
}

#sidebar .nav-link.active {
  color: #222;
  background: #edf2fa;
  border-radius: 5px;
}
#sidebar .nav-link.active img {
  filter: brightness(1) invert(0);
}

#sidebar .nav-link:hover {
  color: #222;
  background: #f9f9f9;
  border-radius: 5px;
}
#sidebar .nav-link:hover img {
  filter: brightness(1) invert(0);
}

#main {
  transition: all 0.3s ease-in-out;
  height: 100vh;
  overflow-y: scroll;
  background-color: #edf2fa;
}

#main.full-width {
  margin-left: 0;
}

.dropdown-toggle::after {
  display: none;
}

.btn-custom i.fas.fa-bars {
  font-size: 24px;
  color: #aaaaaa;
}
.btn-custom:active {
  border: 0px;
}
.btn-custom:first-child:active {
  border: 0px !important;
}

.facility table {
  width: 100%;
  border-collapse: collapse;
}
.facility th,
.facility td {
  padding: 10px;
  text-align: left;
  border: 1px solid white;
}
.facility th {
  background-color: white;
  color: black;
}
.facility tbody tr {
  background-color: #2D8BBC;
  color: white;
  cursor: move;
}
.facility .actions {
  display: flex;
  gap: 10px;
}
.facility .edit,
.facility .delete {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

.progress-report {
  background: rgb(239, 247, 255);
  border-radius: 4px;
  color: #323232;
  width: 100%;
  min-height: 120px;
  flex-shrink: 0;
  padding: 19px 16px;
}
.progress-report .day-remain {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.progress-report h1 {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
.progress-report .progress-bar {
  background-color: #77bafb;
}

.birthday-wrapper {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  border-radius: 4px;
  padding: 20px 20px;
  border: 1px solid #d3e3fd;
  background-color: #fff;
}
.birthday-wrapper .no-birthday {
  background: rgb(252, 252, 252);
  margin-top: 12px;
}
.birthday-wrapper .no-birthday p {
  padding: 10px;
  font-size: 15px;
  color: #7e7e7e;
}
.birthday-wrapper .btn-default {
  border: 1px solid #d3e3fd;
  font-size: 15px;
  font-weight: 400;
}

.section-progress {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 100%;
}

.list-overview {
  gap: 63px;
  list-style: none;
  max-width: 370px;
  margin: 0px auto;
  border: 2px solid #d3e3fd;
  padding: 15px 30px;
}
.list-overview .chip {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
.list-overview .list-overview-title {
  display: flex;
  gap: 16px;
  align-items: center;
}
.list-overview p {
  margin-bottom: 0px;
}
.list-overview .divider {
  width: 2px;
  height: 60px;
  background: rgb(211, 227, 253);
}
.list-overview .divider:last-child {
  display: none;
}
.list-overview li {
  flex-shrink: 0;
}
.list-overview li h6 {
  color: var(--Alias-token-content-primary);
  font-size: 25px;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: -0.25px;
  margin-top: 2px;
}

.chart-section {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  border-radius: 4px;
  padding: 20px 20px;
  border: 1px solid #d3e3fd;
  background-color: #ffffff;
}
.chart-section .form-select {
  border: 1px solid #d3e3fd;
  font-size: 15px;
  font-weight: 400;
}
.chart-section .form-gender {
  width: 150px !important;
}

.quick-link__content {
  border: 1px solid #d3e3fd;
  border-radius: 5px;
  cursor: pointer;
}
.quick-link__content .icon i {
  color: #000080;
}

.weather {
  background-color: #000080;
  padding: 20px 20px;
  border-radius: 5px;
}

.aside-part .btn-event {
  border: 1px solid #d3e3fd;
  font-size: 15px;
  font-weight: 400;
  color: #333;
}
.aside-part #calendar {
  width: 100%;
  padding: 0.5rem 0;
}
.aside-part .card {
  border: 1px solid #e3e6f0;
  border-radius: 0.5rem;
}
.aside-part .flatpickr-calendar {
  width: 100%;
  /* Ensure full width */
}
.aside-part .flatpickr-days {
  width: 100% !important;
}
.aside-part .dayContainer {
  max-width: 100% !important;
  width: 100% !important;
}
.aside-part .date-picker {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  border-radius: 4px;
  padding: 20px 20px;
  border: 1px solid #d3e3fd;
}
.aside-part .flatpickr-calendar {
  -webkit-box-shadow: 0px 0 0 #e6e6e6, 0px 0 0 #e6e6e6, 0 0px 0 #e6e6e6, 0 0px 0 #e6e6e6, 0 0px 0px rgba(0, 0, 0, 0.08);
}
.aside-part h6 {
  font-size: 14px;
  font-weight: 700;
}
.aside-part .flatpickr-current-month {
  font-size: 114%;
  line-height: inherit;
  font-weight: 900;
  color: inherit;
}

.color-btn-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
}
.color-btn-wrapper .color-btn {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.calendar-container {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  background-color: #f8f9fa;
}

.box-height {
  min-height: 90vh !important;
}

#routine-table {
  font-size: 12px;
  border-collapse: collapse;
  width: 100%;
}

#routine-table td,
#routine-table th {
  border: 1px solid #ddd;
  padding: 8px;
}

#routine-table tr:nth-child(even) {
  background-color: #f2f2f2;
}

#routine-table tr:hover {
  background-color: #ddd;
}

#routine-table th {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  background-color: #6b7785;
  color: white;
}

.box-page {
  border: 1px solid #d3e3fd;
  background-color: #ffffff;
}
.box-page label {
  display: inline-block;
  font-size: 14px;
}
.box-page .form-control {
  font-size: 14px;
}
.box-page__header h1 {
  font-size: 18px;
  font-weight: 500;
}
.box-page__header--details a {
  color: #222;
}
.box-page__header--details i {
  color: #7e7e7e;
}

.viewZoomClass {
  background: #f5f5f5;
  /* border-left: 1px solid #ddd; */
  height: 76vh;
  padding: 18px 10px;
  border-radius: 5px;
}
.viewZoomClass h1 {
  font-size: 24px;
  font-weight: 400;
}

.table tr th {
  font-size: 15px;
  font-weight: 500;
}
.table tr td {
  font-size: 15px;
}

.table-section .reportTable {
  border: 1px solid #ccc;
}
.table-section .reportTable .thead-th {
  font-size: 15px !important;
  background: #eee;
  border-bottom: 1px solid #ccc !important;
  padding: 6px 3px !important;
  font-weight: 500;
}
.table-section .table tr th {
  font-size: 15px;
  font-weight: 500;
}
.table-section .table tr td {
  font-size: 15px;
}

.nav-tabs li.nav-item {
  width: auto;
  padding: 0;
  margin: 0;
}
.nav-tabs .nav-link {
  color: #edf2fa;
}

.form-select {
  font-size: 15px;
}

.form-control {
  font-size: 15px;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 16px;
  -moz-column-gap: 16px;
       column-gap: 16px;
  width: 100%;
}
.grid-container .form-group a {
  color: #3c8dbc;
  font-size: 15px;
  text-decoration: none;
}

.personal-info-div {
  font-weight: bold;
  margin-top: 15px;
  font-size: 15px;
}

.div-title {
  text-decoration: underline;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 15px;
}

.print-button {
  text-align: center;
  margin: 20px;
}

.admit-card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.print-button {
  text-align: center;
  margin: 20px;
}

.admit-card-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 20px;
}

.admit-card {
  border: none;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  background: #f9f9f9;
  border-radius: 10px;
}

.admit-card h1 {
  font-size: 16px;
  margin: 0;
  margin: 3px 0;
  font-weight: bold;
  color: #000;
}

.card-span {
  width: calc(100% - 95px);
  display: inline-block;
  border-bottom: 1px dotted #000;
}

.width-for-label {
  width: 100px;
  font-weight: 600;
}

.admit-card h2 {
  font-size: 16px;
  margin: 5px 0;
}

.admit-card p {
  margin: 5px 0;
  font-size: 14px;
}

.details {
  margin-top: 10px;
  line-height: 1.5;
}

.footer {
  margin-top: 30px;
  text-align: center;
}

.footer p {
  margin: 0;
}

.table-w th.t-w {
  width: 200px;
  /* Reset specific headers if needed */
}

@media print {
  body * {
    visibility: hidden;
  }
  .admit-card-container,
  .admit-card-container * {
    visibility: visible;
  }
  .admit-card-container {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.print-button {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  #sidebar {
    margin-left: -220px;
  }
  #sidebar.collapsed {
    margin-left: 0;
  }
  #main.full-width {
    margin-left: 0;
  }
}/*# sourceMappingURL=style.css.map */