/* login css */

*, *:before, *:after {
  box-sizing: border-box;
}

body{
    font-family: Verdana,sans-serif;
    background: #eee url('../images/bigbg.webp') no-repeat center center fixed;
    background-size: cover;
}

.login-mainBx {
    width: 296px;
    margin: 24px auto;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 4px 4px 4px #344c6f;
    background: #8989892e linear-gradient(302deg, #c1c1c1bf, #ffffff, #ffffff8f);
    text-align: center;
}

.login-mainBx h1 {
    margin:0 auto 5px auto;
    font-size:15px;
    width:75%;
    color: #444;
    letter-spacing: 1px;
}

.login-hdr {
    width: 100%;
    background: linear-gradient(311deg, #cfcfcf, #ffffff);
    border-radius: 8px;
    padding: 4px;
    box-shadow: 1px 1px 3px rgb(111 111 111);
    /*border-bottom:solid 1px #CCC;*/
    /*border-right:solid 1px #CCC;*/
    transition: all 0.5s;
}
.login-hdr img {
    width: 100px;
    margin: 4px auto 0 auto;
    transition: all 0.5s;
}

.login-frmBx{
    margin:auto;
    padding:10px;
}

.login-frmBx input {
    width:100%;
    padding:8px;
    margin: 8px auto;
    text-align: center;
    border-radius: 8px;
    border:solid 1px #bababa;
    background: #b8cfe8;
    transition: all 0.5s;
}
.login-frmBx input:focus{
    outline: none;
    border:solid 1px #74b24a;
    background: #FFF;
}

#login-submit {
    width: 96%;
    padding: 8px;
    margin: 8px auto;
    text-align: center;
    border: solid 1px #00818d;
    border-radius: 8px;
    background: #fdfdfd;
    color: #00818d;
    box-shadow: 1px 2px 2px #757575;
    transition: all 0.5s;
    cursor: pointer;
}

#login-submit:hover{
    background: #74b24a;
    border:solid 1px #FFF;
    color: #FFF;
}