@charset "utf-8";

/* CSS Document */

 body {
 overflow-x:hidden;
}

html {
    scroll-behavior: smooth;
}

/*global css*/

 *{
    margin:0;
     padding:0;
     border:none;
     transition:0.5s;
}

 body{
    background:#FFFFFF;
     margin:0;
     padding:0;
     font-size:15px;
    font-family: 'Lato', sans-serif;


}

 ul{
     margin:0;
}

 ul, li {
    list-style:none;
     color:#FFFFFF;
}
 a{
     color:#a9a9a9;
     text-decoration:none;
     outline:none;
     border:none;
     font-family: 'Lato', sans-serif;

}

 a:hover{
     text-decoration:none;
}

 a:focus{
    outline: none;}

label{font-family: 'Lato', sans-serif;
}

 h1, h2, h3, h4, h5, h6,input{
     font-family: 'Lato', sans-serif;
     font-weight:normal;
     text-transform:inherit;

}

body{
    background: url(../image/dashboard-bg.png); height: 100%; width: 100%;
background-size: cover;
}


/*css*/


.dashboard-area{ 
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
 }

.dashboard-area input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 10px;
    resize: vertical;
    background: #efefef;
}

.dashboard-login img {
    height: 350px;
}

p.forget-pass {
    color: #9a9a9a;
    font-size: 14px;
    float: right;
}

.login-form h2 {
    color: #1bb4ea;
    margin-top: 0px;
    margin-bottom: 7px;
}

.dashboard-login {
    display: inline-flex;
    margin-top: 5em;
}

input:focus{
    outline: none;
}

.login-form {
    background: #fff;
    width: 304px;
    padding: 30px;
    margin-top: 5em;
    height: 350px;
}

.login-form input[type="submit"] {
    padding: 11px 45px !important;
    border-radius: 101px !important;
    text-transform: capitalize;
    font-size: 17px !important;
    letter-spacing: 1px;
    margin-top: 3em !important;
    margin: 0 auto;
    display: block;
}

.login-form input[type="submit"] {
    background: #043b5a !important;
    padding: 11px 48px;
    border-radius: 27px;
    font-size: 15px;
}


.dashboard-area input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.dashboard-area input[type=submit]:hover {
  background-color: #45a049;
}

input#lname {
    background: #efefef !important;
    font-size: 15px;
    width: 100%;
    height: 45px;
    padding-left: 10px;
}




/*responsive*/

@media only screen and (max-width: 480px) {

    .dashboard-login img {
    height: 0px;
}

.login-form {
    background: #fff;
    width: auto;}

html {
    overflow-x: hidden!important;
    overflow-y: hidden !important;
}

 body {
     background: url(../image/dashboard-bg.png);
    background-size: cover;
    /*background-repeat: no-repeat;
    height: 100vh;*/
}

.login-form { margin-top: 0px; }

.dashboard-login {
    margin-top: 8em;
}



}





 @media only screen and (max-width: 375px) {

    .dashboard-login img {
    height: 0px;
}

.login-form {
    background: #fff;
    width: 300px;}


 body {
     background: url(../image/dashboard-bg.png);
    background-size: cover;
    /*background-repeat: no-repeat;*/
        height: -webkit-fill-available;
}

.login-form { margin-top: 0px; }

.dashboard-login {
    margin-top: 8em;
}



}