* {
    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;
}

.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);
    }
}