@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700'); /*font-family: 'Roboto', sans-serif;*/
body { background: #222d4e; font-size: 16px; color: #fff; font-family: 'Roboto', sans-serif; }
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.log_wrap { width: 1170px; margin: 0 auto; display: table; left: 0; right: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.left_panel { display: table-cell; vertical-align: middle; width: 50%; text-align: center; padding: 25px 50px; }
.right_panel { border-left: 1px solid #3c4766; }
.login_form { padding: 0 100px; }
.login_form input { width: 366px; height: 49px; border-radius: 3px; background-color: #263153; border: solid 2px #7d86a1; padding: 0 22px; margin-bottom: 30px; outline: none; color: #fff; font-size: 16px; }
.login_form input:focus { border: solid 2px #f58523; }
.login_form input[type="checkbox"] { width: 19px; height: 19px; border-radius: 3px; background-color: #222d4e; border: solid 2px #7d86a1; vertical-align: top; }
.login_form label.remember { display: inline-block; margin-left: 15px; }
.login_form a.btn-login { width: 366px; height: 49px; border-radius: 3px; background-color: #f5821f; border: solid 2px #f5821f; display: inline-block; text-align: center; line-height: 49px; color: #fff; text-decoration: none; font-weight: 500; font-size: 18px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }
.login_form a.btn-login:hover { background: none; color: #f5821f; }
/**/
.login_form input:focus:invalids {
-webkit-box-shadow: 0 0 5px #d45252;
 box-shadow: 0 0 5px #d45252;
}
.login_form input:required:valid {
-webkit-box-shadow: 0 0 5px #5cd053;
 box-shadow: 0 0 5px #5cd053;
}
 .login_form input::-webkit-input-placeholder {
 color: #fff;
}
.login_form input::-moz-placeholder {
 color: #fff;
}
.login_form input:-ms-input-placeholder {
 color: #fff;
}
.login_form input:-moz-placeholder {
 color: #fff;
}