.spinner {
    background: rgba(47, 64, 80, 0.92);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1001;
}
.spinner__outer {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -60px;
    margin-left: -60px;
    margin-bottom: 0;
    margin-right: auto;
    border-top: 2px solid rgba(245, 246, 247, 0);
    border-bottom: 2px solid rgba(245, 246, 247, 0);
    border-right: 2px solid #419639;
    border-left: 2px solid #419639;
    transform: translateZ(0);
    animation: loader-2 1.4s infinite ease-out;
    border-radius: 200px;
    box-sizing: border-box; }
.spinner__inner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -20px; }
.spinner__img {
    width: 60px;
    height: auto; }



.table-spinner {
    /*background: rgba(47, 64, 80, 0.92);*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1001;
}

.table-spinner__outer {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
    margin-bottom: 0;
    margin-right: auto;
    border-top: 2px solid rgba(245, 246, 247, 0);
    border-bottom: 2px solid rgba(245, 246, 247, 0);
    border-right: 2px solid #419639;
    border-left: 2px solid #419639;
    transform: translateZ(0);
    animation: loader-2 1.4s infinite ease-out;
    border-radius: 200px;
    box-sizing: border-box;
}

.table-spinner__inner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -20px;
}

.table-spinner__img {
    width: 60px;
    height: auto;
}





@keyframes loader-2 {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(-360deg); } }