.div-waiting
{
    position:fixed;
    z-index:1000;
    top: 300px; 
    right:48%;
    width:220px;
    height:90px;
    text-align:center;
    background-color:rgba(255, 235, 12, 0.53);
    background-position:center top;
    border:solid 1px #8e8a8a;
    border-radius:10px;
    padding-top:10px;
              
}

.msg
{
    font-size:15px;
    padding-top:25px;
    position: fixed;
    z-index: 1000;
    width:20%;
    min-height: 50px; 
    top: 300px; 
    right: 44%; 
    background-color: rgba(0, 128, 0, 0.94);
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    border-radius : 5px;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border:solid 3px rgba(1, 44, 10, 0.86);
         
}

.msg p {
    text-align:center;
    margin-bottom:15px;
    margin-top:-10px;
    color:white;
}

.msg a {

    display:block ;
    margin:2px auto;
    width:150px;
    height:30px;
    background-color:#f1b30a;
    border-radius:5px;
    border:solid 1px #FFFFFF;
    margin-bottom:10px;
}

#mask {
    position:absolute;
    z-index:1;
    background-color:rgba(252, 252, 252, 0.86);
}
.msgtrue {
    background-color: rgba(0, 128, 0, 0.92);
    -webkit-filter: drop-shadow(8px 8px 10px green);filter: drop-shadow(8px 8px 10px green);

}


.msgfalse {
    background-color: rgba(205, 9, 9, 0.80);
    -webkit-filter: drop-shadow(8px 8px 10px red);filter: drop-shadow(8px 8px 10px red);
}


.a-framemore
{
    background-image: url('../Images/formloader.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 45px;
    height: 45px;
    bottom:40%;
    right:48%;
    position: fixed;
    z-index: 1005;
    border: 1px solid #C0C0C0;
    border-radius: 45px;
      
}

.a-framemore2
{
    background-image: url('../Images/formloader.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 45px;
    height: 45px;
    right:58%;
    bottom:40%;
    position: fixed;
    z-index: 1005;
    border: 1px solid #C0C0C0;
    border-radius: 45px;
     
}

/*------------------------modal image---------------------------*/

.modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 9999999999999; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}

    /* Modal Content (image) */
.modal-content {
        margin: auto;
        display: block;
        height: 80%;
        width:auto;
}

    /* Caption of Modal Image */
    /* Add Animation */
    .modal-content, #caption {    
        -webkit-animation-name: zoom;
        -webkit-animation-duration: 0.6s;
        animation-name: zoom;
        animation-duration: 0.6s;
}

    @-webkit-keyframes zoom {
        from {-webkit-transform:scale(0)} 
        to {-webkit-transform:scale(1)}
    }

    @keyframes zoom {
        from {transform:scale(0)} 
        to {transform:scale(1)}
    }

    /* The Close Button */
.close {
        position: absolute;
        top: 15px;
        right: 35px;
        color: #f1f1f1;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
}

.close:hover,.close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
}