.select2-container .select2-selection--single .select2-selection__clear {
    background-color: grey !important;
    border: none !important;
    font-size: 1em !important;
    margin-right: 10% !important;
}

.loader {
    color: #002e6e;
    width: 3px;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
    transform: translateX(-38px);
    animation: loader 0.5s infinite alternate linear;
    -webkit-box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
    -webkit-transform: translateX(-38px);
    -webkit-animation: loader 0.5s infinite alternate linear;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
    display: none;
}

@keyframes loader {
    50% {
        box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px;
    }

    100% {
        box-shadow: 19px 0 0 0, 38px 0 0 3px, 57px 0 0 7px;
    }
}

@-webkit-keyframes loader {
    50% {
        box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px;
    }

    100% {
        box-shadow: 19px 0 0 0, 38px 0 0 3px, 57px 0 0 7px;
    }
}

.bg-w {
    background-color: #f8f6f4;
}

.img-prev {
    object-fit: cover;
    height: 70px;
    width: 70px;
}

.img-default-prev {
    height: auto;
    width: 70px;
}

.img-thumbnail-form {
    height: auto;
    width: 100px;
}

.filter-background {
    background-color: #f8f6f4;
}

.trash-button-answers {
    margin-top: 3.5%;
}

.alert-error {
    height: 150px;
    overflow: auto;
}

.table-activity tr {
    word-wrap: break-word;
    white-space: normal;
}

body[data-sidebar-size=sm] .vertical-menu #sidebar-menu>ul>li:hover>a::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    margin-left: 10px;
    box-shadow: 0 2px 8px rgb(0 0 0 / .2);
    opacity: 0;
    animation: tooltipFadeIn 0.3s ease forwards
}

@keyframes tooltipFadeIn {
    from {
        opacity: 0;
        transform: translateY(-50%) translateX(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(-50%) translateX(0)
    }
}