@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;900&display=swap");
body,
html {
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden;
background-color:#f4f5fd;
}
.dropdown-menu{
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.31) !important;
}

.c-10{
     border-radius:10px !important;
}
.card{
    box-shadow: 0 0.46875rem 2.1875rem rgba(59, 62, 102, 0.03), 0 0.9375rem 1.40625rem rgba(59, 62, 102, 0.03), 0 0.25rem 0.53125rem rgba(59, 62, 102, 0.05), 0 0.125rem 0.1875rem rgba(59, 62, 102, 0.03) !important;
    border-radius:10px !important;
}

.card-header{
    border-radius: 10px 10px 0 0 !important;
    padding: 1rem !important;
}

.form-card {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    color: #fff;
    text-align: center;
    margin-top: -3.13rem;
    margin-bottom: 3rem;
    padding: 1rem;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    }   
    
 
@media (min-width: 991.98px) {
  main {
    padding-left: 240px;
  }
}

/* Sidebar */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 58px 0 0; /* Height of navbar */
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
  width: 240px;
  z-index: 600;
}

@media (min-width: 991.98px) {
  main {
    padding-left: 240px;
  }
}

.dataTables_length label{
          display: inline-flex !important;
      }
.dataTables_length label select{
           min-width: 60px;
  margin-left: 7px;
  margin-right: 7px;
     }



@media (max-width: 991.98px) {
  .sidebar {
    width: 100%;
  }
}
.sidebar .active {
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

/*loader*/
.loader {
  width: 90px;
  height: 14px;
  --c:#fff 92%,#0000;
  background: 
    radial-gradient(circle closest-side,var(--c)) calc(100%/-4) 0,
    radial-gradient(circle closest-side,var(--c)) calc(100%/4)  0;
  background-size:calc(100%/2) 100%;
  animation: l14 1.5s infinite;
}
@keyframes l14 {
    0%   {background-position: calc(100%/-4) 0    ,calc(100%/4) 0}
    50%  {background-position: calc(100%/-4) -14px,calc(100%/4) 14px}
    100% {background-position: calc(100%/4)  -14px,calc(3*100%/4) 14px}
}