.nav-header h3.school-name {
  font-size: 1rem !important;
  font-weight: bold;
  margin-left: 15px;
  align-self: center;
}
.fa-solid, .fas, .far {
  font-family: "Font Awesome 5 Pro" !important;
}

#main-wrapper {
  opacity: 1 !important;
  -webkit-transition: none !important;
  transition: none !important;
}

#preloader {
  display: none !important;
}

html[data-theme-version="dark"] .dz-theme-mode #icon-light {
  display: inline-block;
}

html[data-theme-version="dark"] .dz-theme-mode #icon-dark {
  display: none;
}

html[data-theme-version="light"] .dz-theme-mode #icon-light {
  display: none;
}

html[data-theme-version="light"] .dz-theme-mode #icon-dark {
  display: inline-block;
}

.login-theme-toggle {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 1050;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  background: transparent;
  border-radius: 1rem;
  line-height: 1;
  text-decoration: none;
}

.login-theme-toggle i {
  font-size: 24px;
}

@media only screen and (max-width: 1400px) {
  .login-theme-toggle i {
    font-size: 18px;
  }
}

.animated,
.fadeIn,
.fadeInUp,
.fadeInDown,
.fadeInLeft,
.fadeInRight,
.bounceIn,
.bounceInUp,
.bounceInDown,
.bounceInLeft,
.bounceInRight,
.zoomIn {
  -webkit-animation: none !important;
  animation: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  opacity: 1 !important;
}

#main-wrapper,
#main-wrapper *,
.login-admin .nav-header,
.login-admin .nav-header *,
.login-admin .header,
.login-admin .header *,
.login-admin .dlabnav,
.login-admin .dlabnav *,
.login-admin .content-body,
.login-admin .content-body *,
.login-admin .hamburger,
.login-admin .hamburger *,
.login-admin .metismenu,
.login-admin .metismenu *,
.login-admin .collapse,
.login-admin .collapsing,
.login-admin .mm-collapse,
.login-admin .mm-collapsing,
.login-admin .mm-show {
  -webkit-animation: none !important;
  animation: none !important;
  -webkit-transition: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}

.content-body,
.content-wrapper,
.main-sidebar,
.dlabnav,
.dlabnav *,
.metismenu,
.metismenu *,
.mm-collapse,
.mm-collapsing,
.mm-show {
  -webkit-animation: none !important;
  animation: none !important;
}

.metismenu .mm-collapse,
.metismenu .mm-collapsing,
.metismenu .mm-show,
.dlabnav .metismenu ul {
  height: auto !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.metismenu .mm-collapsing {
  display: block !important;
}

.login-admin .collapsing,
.login-admin .mm-collapsing {
  height: auto !important;
  overflow: visible !important;
}

.login-admin .dlabnav .metismenu li > ul {
  will-change: auto !important;
}

.content-body .container-fluid, .content-body .container-sm, .content-body .container-md, .content-body .container-lg, .content-body .container-xl, .content-body .container-xxl {
  padding-right: 20px ;
  padding-left: 20px ;
}

.card-pt {
  padding-top: 40px !important;
}
.footer {
  padding-left: 20px;
  padding-right: 30px;
}
.fc-grid .fc-day-number {
  color: #000; I !important;
}
.footer .copyright a {
  color: #9fa4a6 !important;
}
.card-info.card-outline {
  border-top: 0 !important;
}
.info-box-number {
  text-shadow: none !important;
}
.info-boxs {
  margin-bottom: 1.875rem;
  background-color: #fff;
  transition: all .5s ease-in-out;
  position: relative;
  border: 0px solid transparent;
  border-radius: 1.5rem;
  box-shadow: 0px 5px 5px 0px rgba(82, 63, 105, 0.05);
  height: calc(100% - 30px);
}
.cb-login {
  width: 90%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.content-wrapper {
  margin-right: 20px !important;
  margin-left: 20px !important;
  background: none !important;
}
.card-body {
  padding: 1.875rem !important;
}
.text-dark {
  text-shadow: none !important;
}
.head-form {
  width: 100% !important;
}
table.dataTable tbody td {
  padding: 10px 15px !important;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #e6e6e6 !important;;
}

/* Responsive handlers
------------------------------------
*/
@media (max-width: 768px) {
  .pmo-0 {
      padding: 0 !important;
  }
  .container-fluid {
      padding-right: 0 !important;
      padding-left: 0 !important;
  }
  .content-wrapper{
      margin-right: 0;
      margin-right: 0;
  }

  .prl-0 {
      padding-right: 0 !important;
      padding-left: 0 !important;
  }

  .mtm-20 {
      margin-top: 20px;
  }
  .judul-home {
      font-size: 1.3rem !important;
      padding: 0 45px;
  }
   .nav-header-login {
    width: 80%;
    left: auto;
    background-color: #fff;
    border-radius: 0 !important;

  }
  .header {
    background-color: #fff;;
  }
  
}