*{
    scroll-behavior: smooth;
}
.image-input-placeholder {
    background-position: center;
    background-size: contain !important;
    width: 100%;
    height: 300px;
}

.image-input-wrapper{
    background-position: center;
    background-size: contain !important;

}

.form-control,
.image-input-wrapper,
.form-select{
    border-color: #DBDFE9 !important;
}

.iti{
    width: 100%;
}

.menu-sub-indention .menu-item .menu-item .menu-link.active{
    margin-right: 0;
}

.menu-sub-indention .menu-item .menu-item .menu-link .badge-light-secondary{
    opacity: 0.6;
}

.menu-sub-indention .menu-item .menu-item .menu-link:hover .badge-light-secondary,
.menu-sub-indention .menu-item .menu-item .menu-link.active .badge-light-secondary {
    opacity: 1;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after
{
    left: 1.25rem;
    right: auto;
}

label[for="dt-length-0"]{
    color: transparent !important;
    margin-inline-end: 20px !important;
}

.file-loader {
    display: none;
    height: 50%;
    aspect-ratio: 1;
    border: 10px solid #ddd;
    border-top: 10px solid #000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

@keyframes spin {
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}