/*

******************************************************************************/

.strong {
  font-weight: bolder;
}

.ui-red {
  color: red;
}

.ui-block {
  display: block;
}

.ui-font-130 {
  font-size: 113%;
}

.ui-warning {
  background-color: orange;
  color: white;
}


.form-label {
  margin-bottom: 0.25rem;
  font-size: 0.8125rem;
  color: var(--bs-heading-color);
}

.switch-plaintext-pad {
  margin-left: 15px !important;
}


#drop-zone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  max-width: 100%;
  height: 150px; /* 200px; */
  padding: 1em;
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: slategray;
  cursor: pointer;
}

#file-input {
  display: none;
}


.bs-stepper-page-title {
  border-radius: 5px;
  margin-bottom: 30px;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
  background-color: black;
  color: white;
}
.bs-stepper-header {
  gap: 0px !important;
}

@media (max-width: 520px) {
  .bs-stepper-page-title {
    margin-top: 90px;
    margin-bottom: 10px;
  }

  .bs-stepper {
    padding-top: 0px !important;
  }

  .bs-stepper-header {
    margin-top: 10px !important;
  }
}


.menu-logo {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}



/* STATE COLORS */
.ui-state-successful {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-success)) !important;
  color: var(--bs-success) !important;
}
.ui-state-successful.bg-label-hover:hover {
  background-color: var(--bs-success) !important;
  color: var(--bs-success-contrast) !important;
}

.ui-state-pending {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-warning)) !important;
  color: var(--bs-warning) !important;
}
.ui-state-pending.bg-label-hover:hover {
  background-color: var(--bs-warning) !important;
  color: var(--bs-warning-contrast) !important;
}

.ui-state-failed {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-danger)) !important;
  color: var(--bs-danger) !important;
}
.ui-state-failed.bg-label-hover:hover {
  background-color: var(--bs-danger) !important;
  color: var(--bs-danger-contrast) !important;
}

.ui-state-refunded {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-danger)) !important;
  color: var(--bs-danger) !important;
}
.ui-state-refunded.bg-label-hover:hover {
  background-color: var(--bs-danger) !important;
  color: var(--bs-danger-contrast) !important;
}



/* UI SKELETON */
.ui-skeleton-widget {
  background: #fff;
  padding: 16px;
  border-radius: 6px;
}

.ui-skeleton {
  background: linear-gradient(
    90deg,
    #eee 25%,
    #f5f5f5 37%,
    #eee 63%
  );
  background-size: 400% 100%;
  animation: shimmer 1.4s ease infinite;
  border-radius: 4px;
}

.ui-skeleton-title {
  height: 50px;
  margin-bottom: 12px;
}

.ui-skeleton-header {
  /* height: 45px; */
  height: auto;
  margin-bottom: 17px;
}

.ui-skeleton-line {
  /* height: 35px; */
  height: 10px;
  margin-bottom: 8px;
}

.loading .ui-widget-content {
  display: none;
}

.loading .ui-skeleton {
  display: block;
}

.ui-widget:not(.loading) .ui-skeleton {
  display: none;
}

@keyframes shimmer {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}


.skeleton-wrapper.loading .card-body {
  display: none;
}

.skeleton-wrapper:not(.loading) .skeleton-overlay {
  display: none;
}

.skeleton-overlay {
  background: #fff;
  padding: 1rem;
}

.ui-skeleton-line-10 {
  height: 10px;
}
.ui-skeleton-line-20 {
  height: 20px;
}
.ui-skeleton-line-30 {
  height: 30px;
}
.ui-skeleton-line-40 {
  height: 40px;
}
.ui-skeleton-line-50 {
  height: 50px;
}
.ui-skeleton-line-60 {
  height: 60px;
}
.ui-skeleton-line-70 {
  height: 70px;
}
.ui-skeleton-line-80 {
  height: 80px;
}
.ui-skeleton-line-90 {
  height: 90px;
}