.transsend-orange{
    color: #f57e20;
}

.bg-transsend-orange{
    background-color: #f57e20;
}

.bg-transsend-grey{
    background-color: grey;
}

.bg-transsend-orange-dark{
    background-color: #c4641a;
}
.text-transsend-orange-dark{
    color: #c4641a;
}
.trborder{
    border-width: 2px!important;
}

.max-w-full-width {
    max-width: 100vw; /* Full viewport width */
}

.max-w-ultra-wide {
    max-width: 2000px; /* Or whatever size you need */
}

.tab-spinner {
    display: none;
    width: 20px;
    height: 20px;
    border: 3px solid #e5e7eb;
    border-top: 3px solid #f57e20;
    border-radius: 50%;
    vertical-align: middle;
}

.htmx-request .tab-spinner {
    display: inline-block !important;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.multiple-select {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 7px !important;
    padding-right: 12px !important;
}

.spinner {
    animation: spin 1s linear infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-25%); }
}

.bounce {
    animation: bounce 1s infinite;
}

[x-cloak] {
    display: none !important;
}