/*
Underemployed 23-07-2024
<!-- child of body  -->
<div class="send-div"><img class="loader-img" src="img/gifs/mailing_no.gif" style="height: auto; width: 300px" />
             <div class="loader-text">Sending your mail... Please wait. </div>
        </div>
<div class="send-div">
<img class="loader-img" src="send.gif" style="height: 150px;width: auto;" />
</div> 

*/

/* 
    // submit animation
    $(".send-div").show(); // show loader
    $(".send-div").hide(); // hide loader

    // loading animation
    $(".loader-div").show(); // show loader
    $(".loader-div").hide(); // hide loader
    
*/


.loader-div {
    display: none;
    position: fixed;
    margin: 0px;
    padding: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 30001;
    opacity: 0.8;
}

.send-div {
    display: none;
    position: fixed;
    margin: 0px;
    padding: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 30001;
    opacity: 0.8;
}

.error{
    background-color: rgb(213, 127, 22);}
.success{
    background-color: rgb(22, 149, 213);
}
.loader-img {
    user-select: none;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader-text {
    user-select: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px);
    font-size: 1.2rem;
    color: #000;
    text-align: center;
}