﻿/*Spinner Loader*/
#SalonatiLoader {
    display: none;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100vh;
    z-index: 1099;
    top: 0;
    left: 0;
    position: absolute;
}

.cm-spinner {
    height: 12em;
    width: 12em;
    border: 3px solid transparent;
    border-radius: 50%;
    border-top: 4px solid #f15e41;
    -webkit-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
    position: fixed;
    left: 50%;
    top: 40%;
    margin-left: -6em;
    margin-top: -6em;
    z-index: 999;
}

    .cm-spinner::before,
    .cm-spinner::after {
        content: "";
        position: absolute;
        top: 6px;
        bottom: 6px;
        left: 6px;
        right: 6px;
        border-radius: 50%;
        border: 4px solid transparent;
    }

    .cm-spinner::before {
        border-top-color: #bad375;
        -webkit-animation: 3s spin linear infinite;
        animation: 3s spin linear infinite;
    }

    .cm-spinner::after {
        border-top-color: #26a9e0;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
