.hero-content {
   max-width: 100%;
   padding: 0 5%;
   width: 100%;
}

.btn {
   height: fit-content;
   min-height: fit-content;
}

::-webkit-scrollbar {
   width: 6px;
}

::-webkit-scrollbar-track {
   background-color: transparent;
}

::-webkit-scrollbar-thumb {
   background-color: #e37b58;
   border-radius: 6px;
   border: 1px solid transparent;
   background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
   background-color: #e37b58;
}

.invalid-feedback {
   width: 100%;
   margin-top: 0.25rem;
   font-size: 80%;
   color: #ef4444;
}

.was-validated .form-validation:invalid,
.form-validation.is-invalid,
.was-validated .form-validation:valid,
.form-validation.is-valid {
   padding-right: calc(1.5em + 0.75rem);
   background-repeat: no-repeat;
   background-position: right calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-validation:invalid,
.form-validation.is-invalid {
   border-color: #ef4444 !important;
   outline: #ef4444 !important;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e74a3b' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e74a3b' stroke='none'/%3e%3c/svg%3e");
}

.was-validated .form-validation:valid,
.form-validation.is-valid {
   border-color: #22c55e !important;
   outline: #22c55e !important;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231cc88a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover,
div.dt-container .dt-paging .dt-paging-button:hover {
   color: #fff8f0 !important;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
   font-weight: 700;
   border-radius: 0.25rem;
   background: #e37b58 !important;
   border: 1px solid transparent;
   transition: all 0.2s;
}

div.dt-container .dt-paging .dt-paging-button.disabled:hover {
   background: transparent !important;
}

table.dataTable th.dt-type-numeric {
   text-align: left !important;
}

/* icon */
#toast-container > .toast-success {
   background-image: url("./solid-check.gif") !important;
   background-size: 30px;
   background-color: #22c55e;
}

#toast-container > .toast-error {
   background-image: url("./solid-error.gif") !important;
   background-size: 30px;
   background-color: #ef4444;
}

#toast-container > .toast-warning {
   background-image: url("./solid-warning.gif") !important;
   background-size: 30px;
   background-color: #f59e0b;
}

#toast-container > .toast-info {
   background-image: url("./soild-info.gif") !important;
   background-size: 30px;
   background-color: #0ea5e9;
}

.unselectable {
   user-select: none;
   -moz-user-select: none;
   -webkit-user-drag: none;
   -webkit-user-select: none;
   -ms-user-select: none;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
   background-color: transparent;
   border-radius: var(--rounded-btn, 0.5rem);
   border-color: var(--fallback-bc, oklch(var(--bc) / 0.2));
   width: 100%;
   height: 3rem;
   display: flex;
   align-items: center;
}

.select2-container--default
   .select2-selection--single
   .select2-selection__arrow {
   top: auto;
}

.select2-selection__choice__remove {
   color: var(--red) !important;
}

.select2-selection__choice__display {
   color: var(--dark) !important;
}

.select2.select2-container.select2-container--default {
   width: 100% !important;
}

select[readonly].select2-hidden-accessible + .select2-container {
   pointer-events: none;
   touch-action: none;
}

select[readonly].select2-hidden-accessible
   + .select2-container
   .select2-selection {
   background: #eee;
   box-shadow: none;
}

select[readonly].select2-hidden-accessible
   + .select2-container
   .select2-selection__arrow,
select[readonly].select2-hidden-accessible
   + .select2-container
   .select2-selection__clear {
   display: none;
}

.active .bs-stepper-circle {
   background-color: var(--fallback-p, oklch(var(--p) / var(--tw-bg-opacity)));
}

.bs-stepper .step-trigger:focus {
   color: var(--fallback-p, oklch(var(--p) / var(--tw-bg-opacity)));
}