zi-1023 {
    z-index: 1023;
}
zi-1030{
    z-index:1030;
}

.app-ajax-loader {
    z-index: 9999;
     /*ackground: #042e76fc;*/
    /* background: #042e76bf;*/
}

.app-ajax-loader-area {
    color: #232323;
    padding: 10px 50px;
    background-color: #ffffffc7;
    filter: drop-shadow(1px 1px 12px #ff682b);
    min-width: 120px;
    border-radius: 30px;
    margin-top: 0px;
    backdrop-filter: blur(5px);
}

.app-ajax-overlay {
    z-index: 9999;
    background: #042e76fc;
}

.skeleton {
    border-radius: 10px;
    background-color: var(--bs-secondary-border-subtle);
    background-image: linear-gradient(90deg, rgba(255,255,255,0), var(--cc-slider-menu-bg), rgba(255,255,255,0));
    background-size: 200% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    animation: skeleton-loading 1.5s infinite linear;
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.spinner {
    background: var(--bs-primary);
    -webkit-mask: repeating-conic-gradient(#0000 0deg,#000 1deg 70deg,#0000 71deg 90deg), radial-gradient(farthest-side,#0000 calc(100% - 7.2px),#000 calc(100% - 6.4px));
    -webkit-mask-composite: destination-in;
    mask-composite: intersect;
    animation: spinner-mv2oco 1.2s infinite;
}

@keyframes spinner-mv2oco {
    to {
        transform: rotate(.5turn);
    }
}

.rotate-180 {
    transform: rotate(180deg);
}