.spinner {
    position: absolute !important;
}

#cover-spin, .spinner  {
    position:fixed;
    width: 100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

#cover-spin:hover, .spinner:hover {
    cursor: progress;
}

#cover-spin::after, .spinner::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;
    top:40%;
    width:40px;
    height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

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

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


#vin-loader {
    margin-bottom: 20px; 
    text-align: center;
    display: none;
}

#vin-loader .loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #78be20;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

#vin-loader .loader-text {
    text-align: center; 
    display: inline-block; 
    width: 80%; 
    vertical-align: middle;
}