.custom-dropify-error-message ~ .invalid-feedback {
    margin-top: 19px !important;
    z-index: 33 !important;
    position: absolute !important;
    font-size: 20px !important;
    font-weight: bold !important;
}

/* #qr-scanner__dashboard_section_swaplink {
    display: none !important;
} */

#qr-scanner__dashboard_section_csr div button,
#qr-scanner__dashboard_section_csr span button {
    background-color: #5156be !important;
    border: none;
    padding: 15px;
    color: white;
    border-radius: 5px;
    transition: 0.2s;
}

#qr-scanner__dashboard_section_csr div button:hover {
    background-color: #383b86 !important;
}

.custom-loading {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 5px solid rgb(26 108 97 / 56%);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
  }

  @keyframes spin {
    to {
      -webkit-transform: rotate(360deg);
    }
  }

  @-webkit-keyframes spin {
    to {
      -webkit-transform: rotate(360deg);
    }
  }

/* Compact Pagination Style for Catalog */
.pagination {
    margin-bottom: 0;
}

.pagination .page-link {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
    margin: 0 2px;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: 0.25rem;
}

/* Make pagination responsive */
@media (max-width: 576px) {
    .pagination .page-link {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }
}