// WIDTH
@for $i from 1 through 20 {
    .w-#{$i*5} {
        width: ($i*5%);
    }
}

// HEIGHT
@for $i from 1 through 20 {
    .h-#{$i*5} {
        height: ($i*5%);
    }
}

// TOP
@for $i from 1 through 20 {
    .top-#{$i*5} {
        top: ($i*5%) !important;
    }
}

// Bottom
@for $i from 1 through 20 {
    .bottom-#{$i*5} {
        bottom: ($i*5%) !important;
    }
}

// Right
@for $i from 1 through 20 {
    .right-#{$i*5} {
        right: ($i*5%) !important;
    }
}

// LEFT
@for $i from 1 through 20 {
    .left-#{$i*5} {
        left: ($i*5%) !important;
    }
}

.menu-selected {
    background-color: #E5E5E5 !important;
}

.bg-light-dark {
    background-color: #E5E5E5 !important;
}

.hover-primary:hover {
    background-color: #e6eff4 !important;
}

.hover-grey:hover {
    background-color: lightgrey !important;
}

.selected {
    background-color: #e6eff4 !important;
}

.without-caret::after {
    display: none !important;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-move {
    cursor: move;
}

.dot {
    width: 30px;
    height: 30px;
    padding: 10px;
}

.inset {
    inset: 0;
}

.radius-end-0 {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.radius-start-0 {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

em {
    font-weight: bold;
    font-style: inherit;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: pointer;
    display: block;
}

@media (min-width: map-get($grid-breakpoints, "sm")) {
    .rounded-4-sm {
        border-radius: var(--bs-border-radius-xl) !important;
    }
    .rounded-1-sm {
        border-radius: var(--bs-border-radius) !important;
    }
}
