* { font-family: Gotham A,Gotham B,Verdana,Arial,sans-serif  !important; color: #333; }
body, body[style] { cursor: auto; font-style: normal; font-weight: normal; line-height: 150%; margin: 0; padding: 20px; }
a:link, a:active, a:visited { color: #1E395B; }
.fields { margin: 12px auto 0; vertical-align: top;width: 400px; }
.fields .label { padding: 0 0 0 3px; }
.fields .field { padding: 0 0 12px 0; }
#container { background-color: #fff; padding: 30px; margin: 0 auto; margin-top: 80px; max-width: 350px; }
#container .logo { width: 147px; height: 52px; background: url('/Assets/Img/logo_login.png') no-repeat left top; margin: 0 auto; margin-bottom: 18px; }
#login-captcha { border: 1px solid #8ba0bc; width: 95px; height: 31px; margin: 0 0 0 3px; }
#footer .copyright { color: #000; float: right; font-size: 16px; padding-right:23px }
#btnLogin_B { padding: 4px; }
.fields .field .dxeFocused_MetropolisBlue { border: 1px solid #f1601f; }
input.text-input, input.date-input, select.time-input, textarea, select.dropdown-input { width: 97%; }
#button-log-in { margin: 0 auto;width: 400px; }
#login-result-message { color: red !important; font-size: 12px; line-height: 14px; width: 250px; }

.compact .fields { width: 250px !important; }
.compact #button-log-in { width: 250px !important; }
.small .fields { width: 200px !important; }
.small #button-log-in { width: 200px !important; }