* {font-family: 'PT Sans';}
body.trade_euro.login {font-size: 14px; line-height: 1.5; color: #333; background-color: #f9f9f9; min-height: auto;}

h1, h2, h3 {margin: 0; padding: 0px 0px 10px 0px; margin-bottom: 10px; line-height: 35px; font-family: 'Open Sans'; font-size: 38px; font-weight: 400; text-transform: none; border-bottom: none;}
h1 {font-size: 16pt; line-height: 50px;}
h2 {font-size: 12pt; line-height: 50px;}

.login_dialog {margin: 0 auto; width: 420px; margin-top: 50px; background-color: #fff; text-align: center;}
.login_dialog .header {margin:0; font-weight:normal; font-size: 16pt; line-height: 50px; position: relative; height: 50px; margin: 0; background-color: #fbb714; background-repeat: repeat; color:#fff; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);}
.login_dialog .content_header {position: relative; padding: 0; background: #fbfbfb; font-size: 12pt; line-height: 50px; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); background-color: #e6e6e6; color: #fff; height:50px;}

.login_dialog .content {background-color: #fff; padding: 30px 15px 40px 15px;}
.login_dialog .forgot_password {margin-top: 32px; margin-left: 32px; margin-right: 32px;}
.login_dialog .forgot_password_error {color: #d20000;}
.login_dialog .error_login {margin-top: 32px; margin-left: 32px; margin-right: 32px; color: #d20000;}
.login_dialog .thankyou_password {margin: 32px;}
.login_dialog .content form .form_group {margin-bottom: 15px; box-sizing: border-box;}
.login_dialog .content form .form_group label {display: inline-block; margin-bottom: 5px; float: none; width: auto; text-align: center; line-height: normal; max-width: 100%; font-size: 15px; font-weight: 800; text-transform: none; color: #333; word-wrap: break-word;}
.login_dialog .content form .form_control, #log_in.trade_euro input[type="password"] {display: block; width: 100%; height: 34px; padding: 6px 12px; clear: both; float: none; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; *-webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; box-sizing: border-box;}
.login_dialog .content form .form_group a {color: #fbb714; outline: none; text-decoration: none;}

.logo_dialog { height: 72px; margin-top: 42px; }
.logo_dialog img {margin: 0 auto;}

.btn {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; line-height: 1.4; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; font-weight: 500; -webkit-border-radius: 0px; -moz-border-radius: 0x; border-radius: 0px; border: 1px solid transparent; color: #FFF; -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09); box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);}
.btn.btn-primary {background-color: #fbb714; border-color: #fbb714;}

@media screen and (max-width: 425px) {
  .login_dialog.box { width: 100%; margin: 0; }
  .btn.btn-primary { display: block; width: 100%; margin: 0; float: left; }
  .login_dialog .content  {padding: 0 15px;}
  .logo_dialog img {width: 50%;}
  .logo_dialog {margin-top: 22px;}
}
