/* BUTTON */
.button-primary-redesign {
  border-radius: 4px;
  background: #1f2d62;
  border: none;
  color: #ffffff;
  font-weight: 500;
  display: flex;
  max-width: 328px;
  width: 100%;
  height: 41px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.button-primary-redesign:hover {
  background: #16204a;
  cursor: pointer;
}

.button-primary-redesign:active {
  background: #0f173c;
}

/* BADGE */
.badge-success-redesign {
  display: flex;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #008000;
  background: rgba(0, 128, 0, 0.2);
  color: #155724;
  font-size: 12px;
  width: fit-content;
}

.badge-process-redesign {
  display: flex;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #0084ff;
  background: #0084ff1d;
  color: #0084ff;
  font-size: 12px;
  width: fit-content;
}

.badge-pending-redesign {
  display: flex;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #ff8800;
  background: #ff880049;
  color: #ff8800;
  font-size: 12px;
  width: fit-content;
}

.badge-rejected-redesign {
  display: flex;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #ff0000;
  background: #ff000046;
  color: #ff0000;
  font-size: 12px;
  width: fit-content;
}

.badge-default-redesign {
  display: flex;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #6c757d;
  background: #6c757d1a;
  color: #6c757d;
  font-size: 12px;
  width: fit-content;
}

.order-status {
  min-height: 600px !important;
}

@media (max-width: 575.98px) {
  .card.files {
    min-height: 260px;
  }
}

@media (max-width: 991.98px) {
  .status-card .order-1,
  .status-card .order-lg-2 {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 1.5rem 0 !important;
    margin: 0 auto !important;
    display: flex !important;
  }
  .status-card img,
  .status-card svg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 80vw;
    height: auto;
  }
}

/* Center empty state in file done card */
.card.files .card-body.empty-state {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  height: 100%;
  flex: 1 1 auto;
}

/* SKELETON LOADING */
.skeleton {
  background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.2s infinite linear;
  border-radius: 6px;
}
@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* CARD */
/* .card-redesign {
    border-radius: 8px;
    border: 1px solid #1F2D62;
    background: #FFF;
} */