@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
body{font-family:Open Sans, Arial, Sans-Serif; font-size:13px;}
* {box-sizing: border-box;}
.loginbox{float:left;width:100%;margin:0px auto;padding:0px 15px;border-radius:15px;color: #fff;}
.loginbox h2{padding:0px;margin:0px;font-family:Open Sans, Arial, Sans-Serif;font-size: 18px;text-align:left!important;font-weight:normal;float:left;padding-top: 25px;width: 24% !important;text-transform: uppercase;}
.loginbox input{padding:6px;width: 162px!important;margin:5px 0px;height:30px;border: 0px;padding-left: 40px;color:#fff;border-bottom: 1px solid #fff;}
.loginbox button{background: #fff;padding:7px 35px;border:none;font-size:10pt;text-align:center;margin:4px auto;display:block;cursor:pointer;float:left;height:33px;color: #01142e;border-radius: 50px;transition:ease-in-out 0.5s;text-transform: uppercase; width:auto!important;}
.loginbox button:hover{ background:#1b8fba; color:#fff;}
.error_msg{color:#fff;display:block;display:block;height:17px;font-size: 12px;}
.err_block{color:#fff; float:left; display:block; width:100%;font-size: 12px;}
.loginbox .row{width:auto!important; float:left; margin-right:20px !important; margin-top:0px!important;}

#LoginName{background: url(../icon/white-user-icon.png) left top no-repeat;}
#Password{background: url(../icon/white-pass-icon.png) left top no-repeat;}

.loginbox ::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #fff;}
.loginbox ::-moz-placeholder { /* Firefox 19+ */  color: #fff;}
.loginbox :-ms-input-placeholder { /* IE 10+ */  color: #fff;}
.loginbox :-moz-placeholder { /* Firefox 18- */  color: #fff;}


@media screen and (max-width:767px)
{
   
    .loginbox h2{width:100%!important; text-align:center!important;}
    .loginbox .row{width:100%!important; margin:10px 0px!important;}
    .loginbox input{width:100%!important;}
    .loginbox button{width:100%!important; margin:5px 0px!important;}
}


/*@media screen and (min-width: 768px) and (max-width: 991px) {
    .loginbox h2{width:100%!important; text-align:center!important;}
    .loginbox .row{width:100%!important; margin:5px 0px!important;}
    .loginbox input{width:100%!important;}
    .loginbox button{width:100%!important; margin:5px 0px!important;}

}*/