.m-8{
	margin:15px
}

/* This CSS will only apply to screens 767px wide or smaller */
@media only screen and (max-width: 767px) {
#app-menu {
    &.opened {
        width: 95%;
    }
}
}

.admin-menu li span.w-full{
	width: 100%;
}

    .card .card-body {
        padding: calc(var(--spacing) * 2);
    }
.reports tr td, .reports tr th{padding:5px}
.text-right {text-align: right;}
.rotate-90{transform: rotate(90deg);}
.rotate-45{transform: rotate(45deg);}
.rotate-180{transform: rotate(180deg);}
.rotate-270{transform: rotate(270deg);}



/* Full-screen overlay */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #ffffff59; /* Background color of the loader screen */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Ensure it stays on top */
}

/* Simple CSS Spinner */
.loader {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}