/* 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: #EEE linear-gradient(0deg, #FFF, #BBB);
    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(0deg, #FFF, #DDD);
    border-radius: 4px 4px 0 0;
    padding:4px;
    box-shadow: 1px 2px 3px rgba(0,0,0, 0.2);
    /*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 #10c8ff;
    background: #FFF;
}

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

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