.loader-container {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 999999;
   width: 85px;
   height: 85px;
   background-color: white;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   border-radius: 8px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.custom-loader {
   width: 40px;
   height: 40px;
   color: #766DF4;
   position: relative;
   background: radial-gradient(10px, currentColor 94%, #0000);
}

.custom-loader:before {
   content: '';
   position: absolute;
   inset: 0;
   border-radius: 50%;
   background:
      radial-gradient(9px at bottom right, #0000 94%, currentColor) top left,
      radial-gradient(9px at bottom left, #0000 94%, currentColor) top right,
      radial-gradient(9px at top right, #0000 94%, currentColor) bottom left,
      radial-gradient(9px at top left, #0000 94%, currentColor) bottom right;
   background-size: 20px 20px;
   background-repeat: no-repeat;
   animation: sp8 1.5s infinite cubic-bezier(0.3, 1, 0, 1);
}

@keyframes sp8 {
   33% {
      inset: -10px;
      transform: rotate(0deg)
   }

   66% {
      inset: -10px;
      transform: rotate(90deg)
   }

   100% {
      inset: 0;
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
   }
}

#loader {
   display: none;
}

.swal2-toast.swal2-toast .swal2-title {
   font-size: 0.9em !important;
}

.swal2-popup .swal2-title {
   font-size: 1.5em !important;
}

.invalid-feedback {
   display: block !important;
}

.f-icon-table {
   font-size: 20px !important;
   margin-right: 4px !important;
}

.f-icon-table2 {
   font-weight: bold !important;
   font-size: 15px !important;
   margin-right: 5px !important;
}

@media screen and (max-width: 768px) {
   .customMobileTables {
      margin-top: 0px !important;
   }
}

.border-danger {
   font-weight: bold !important;
   color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity));
}

.sidebar-item .collapse.show {
   display: block !important;
}

.sidebar-item.active>.sidebar-link.has-arrow {
   background-color: #38e05f !important;
   color: #fff;
   font-weight: bold;
}

.sidebar-item.active .menu-arrow i {
   color: #fff;
}

.dashboard-card {
   border: none;
   border-radius: 10px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s, box-shadow 0.3s;
}

.dashboard-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.dashboard-card-body {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 20px;
}

.dashboard-card-icon {
   border-radius: 10px;
   padding: 15px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: background-color 0.3s;
}

.dashboard-card-icon i {
   font-size: 2rem;
   color: #fff;
}

.dashboard-card-content {
   flex-grow: 1;
   margin-left: 20px;
   text-align: right;
}

.dashboard-card-title {
   font-size: 1rem;
   margin-bottom: 5px;
   color: #6c757d;
}

.dashboard-card-value {
   font-size: 1.5rem;
   font-weight: bold;
}

.bg-icon-primary {
   background-color: #007bff;
}

.bg-icon-secondary {
   background-color: #6c757d;
}

.bg-icon-success {
   background-color: #28a745;
}

.bg-icon-danger {
   background-color: #dc3545;
}

.bg-icon-warning {
   background-color: #ffc107;
}

.bg-icon-info {
   background-color: #17a2b8;
}

.bg-icon-light {
   background-color: #f8f9fa;
   color: #000;
}

.bg-icon-dark {
   background-color: #343a40;
}

.bg-icon-pink {
   background-color: #e83e8c;
}

.bg-icon-purple {
   background-color: #6f42c1;
}

.bg-icon-indigo {
   background-color: #6610f2;
}

.bg-icon-teal {
   background-color: #20c997;
}

.bg-icon-cyan {
   background-color: #17a2b8;
}

.bg-icon-lime {
   background-color: #01ff70;
   color: #000;
}

.bg-icon-orange {
   background-color: #fd7e14;
}

.bg-icon-brown {
   background-color: #795548;
}

.bg-icon-blue {
   background-color: #007bff;
}

.bg-icon-red {
   background-color: #dc3545;
}

.bg-icon-green {
   background-color: #28a745;
}

.bg-icon-yellow {
   background-color: #ffc107;
   color: #000;
}