.spinner-container {
    width: 250px;
    height: 175px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 995;
}

.small-spinner {
    width: 53px;
    height: 53px;
    z-index: 995;
    border: 3px solid #f3f3f3;
    border-top: 4px solid #6454f0;
    border-radius: 100%;
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    animation: spin 1s infinite linear;
}

.data-loading-spinner {
    width: 80px;
    height: 80px;
    z-index: 995;
    border: 3px solid #f3f3f3;
    border-top: 4px solid #33C771;
    border-radius: 100%;
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    animation: spin 1s infinite linear;
}

.trans-bg {
    background: #d2d2d2;
    height: 100%;
    width: 100%;
    top: 0px;
    position: absolute;
    z-index: 9998;
    opacity: 0.7;
    border-radius: 5px;
}

.spinner-message {
    font-weight: 500;
    text-align: center;
    position: absolute;
    top: 15px;
    width: 100%;
    z-index: 9999;
    font-family: roboto;
    font-weight: 500;
    color: #525252;
}

.loginSpin {
    width: 25px;
    height: 25px;
    margin-right: 168px;
    top: -7px;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.popupSaveSpinner {
    top: 13px;
    right: 69px;
    left: unset;
    width: 38px;
    height: 38px;
}

.registerSpinner {
    top: 13px;
    width: 38px;
    height: 38px;
    position: relative;
}