.modal-fullscreen-custom .modal-dialog {
  max-width: 100%;
  min-width: 100%;
  margin: 0;
}
.modal-fullscreen-custom .modal-body {
  padding: 0 1rem;
}
.modal-fullscreen-custom .panel {
  border: none;
  box-shadow: none;
}
.modal-fullscreen-custom .panel-content {
  height: 100vh;
}
.modal-fullscreen-custom .nav-tabs-clean .nav-item .nav-link.active {
  border-bottom-width: 3px;
}

.modal-fullscreen-custom .nav-tabs-clean {
  height: auto;
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
  max-height: 100%;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
  max-height: 100%;
}
/* Define class */
.rounded-full {
  border-radius: 50%;
}
.bg-success-1 {
  background-color: #ccf5e0;
}
.text-success-1 {
  color: #01a550;
}
.gap-2 {
  gap: 2px;
}
.gap-4 {
  gap: 4px;
}
.gap-6 {
  gap: 6px;
}
.gap-8 {
  gap: 8px;
}
.gap-10 {
  gap: 10px;
}
.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}
.z-10 {
  z-index: 10;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-auto {
  overflow: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
/* Custom Scroll Bar */
.scroll_bar_custom::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scroll_bar_custom::-webkit-scrollbar-track {
  background: gray;
  mix-blend-mode: overlay;
  border-radius: 8px;
}
.scroll_bar_custom::-webkit-scrollbar-thumb {
  background: #2a1a3a;
  border-radius: 8px;
}
.scroll_bar_custom:hover::-webkit-scrollbar-thumb {
  background: rgba(152, 152, 152, 0.362);
}
.scroll_bar_custom {
  scrollbar-width: thin;
  scrollbar-color: #2a1a3a gray;
}
.scroll_bar_custom {
  scrollbar-track-color: gray;
}
.scroll_bar_custom {
  scrollbar-thumb-color: #2a1a3a;
}
.scroll_bar_custom:hover {
  scrollbar-thumb-color: rgba(152, 152, 152, 0.362);
}

/* Badge */
.badge-yellow {
  border-radius: 10px;
  background: rgba(246, 141, 17, 0.2);
  color: #f68d11;
}
.badge-red {
  border-radius: 10px;
  background: rgba(255, 0, 0, 0.2);
  color: #ff0000;
}
.badge-green {
  border-radius: 10px;
  background: rgba(0, 134, 54, 0.2);
  color: #008636;
}
.badge-blue {
  border-radius: 10px;
  background: rgba(63, 92, 251, 0.2);
  color: #3f5cfb;
}
.badge-default {
  border-radius: 10px;
  background: rgba(38, 38, 38, 0.1);
  color: #262626;
}
/* Text */
.text-yellow {
  color: #f68d11 !important;
}
.text-red {
  color: #ff0000 !important;
}
.text-green {
  color: #008636 !important;
}
.text-blue {
  color: #3f5cfb !important;
}