/* ==========================================
   FULL SCREEN PRELOADER
========================================== */

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.page-loaders {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* ==========================================
   LOADER
========================================== */

.loading-center {
    width: 70px;
    height: 70px;
    position: relative;
}

/* Hide old loader elements */
.loading-circle,
.loading-shadow,
.loading-center span {
    display: none !important;
}

/* Modern spinning ring */
.loading-center::before {
    content: "";
    position: absolute;
    inset: 0;

    border: 4px solid rgba(85, 167, 216, 0.15);
    border-top-color: #55a7d8;
    border-right-color: #55a7d8;

    border-radius: 50%;
    box-sizing: border-box;

    animation: spinner .75s linear infinite;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}