.loader,
.loader:after {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.loader {            
    margin:300px auto;
    font-size: 10px;
    width:100px;
    height:100px;
    position: relative;
    border-radius:50%;
    text-indent: -9999em;
    border:5px solid black;
    /*  border-top: 1.1em solid green;
    border-right: 1.1em solid green;
    border-bottom: 1.1em solid solid white;*/
    border-left: 5px solid white;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

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

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

#loadingDiv {
    position:fixed;
    top:0;
/*            left:50%;
    transform:translate(-50%,0);*/
/*    right:40%;*/
    margin:auto !important;
/*    padding:300px 600px 300px 600px;*/
/*            width:300px;
    height:300px;*/
    width:100%;
    height:100%;
    border-radius:5px;
    border:1px solid #b4b6b8;
    background-color:#d8d8d8;
    opacity:0.5;
    z-index:10000000;
    text-align:center;
    justify-content:center;
}
        
----------------



    
.submit-loader,
.submit-loader:after {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.submit-loader {            
    margin:20% auto auto auto;
    font-size: 10px;
    width:100px;
    height:100px;
    position: relative;
    border-radius:50%;
    text-indent: -9999em;
    border:5px solid black;
    /*  border-top: 1.1em solid green;
    border-right: 1.1em solid green;
    border-bottom: 1.1em solid solid white;*/
    border-left: 5px solid white;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}


    #after_submit_loading{
    position:fixed;
    top:0;
    left:0;
/*    transform:translate(-50%,0);*/*/
/*    right:40%;
    margin:auto !important;
/*    padding:300px 600px 300px 600px;*/

    border-radius:5px;
    width:100%;
    height:100%;
    /*border:1px solid #b4b6b8;*/
    background-color:inherit;
    opacity:0.8;
    z-index:1000000;
    text-align:center;
    justify-content:center;
}