.login-form {
    width: 28rem;
    height: 30rem;
    position: fixed;
    top: 42.5%;
    margin-top: -10.375rem;
    left: 50%;
    margin-left: -12.5rem;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    max-height: 800px;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */

.login-form {
    width: 25rem;
    height: 100%;
    position: relative;;
    top: 35%;
    margin-top: -10.375rem;
    left: 50%;
    margin-left: -12.5rem;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    max-height: 800px;
}

.imag{
  width:40%;
  height:40%;
  margin-left:35%
}

}
.content {display:none;}
#overlay {
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    position: fixed;
    background-repeat:no-repeat;
    z-index:10000000;
    text-align:center;
    margin:auto;
}

.dataTables_paginate {
        display: inline;
        width:100% !important;
    }
.paginate_button{
    display: inline;
}