﻿.login-body {
  background: none repeat scroll 0 0 #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 0 10px black;
  min-height: 120px;
  padding-bottom: 0; }
  .login-body .logo-wrapper {
    border-bottom: 5px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    padding: 15px 10px 20px 20px;
    text-align: center;
    width: 100%; }
  .login-body .title {
    color: #CCC;
    float: right;
    font-size: 22px;
    position: relative;
    top: 60px;
    right: 20px; }
  .login-body .login-header {
    margin-bottom: 7px;
    background-color: #15457a !important; }
  .login-body form {
    background: transparent;
    margin-bottom: 0px; }
  .login-body div.message {
    border-radius: 5px;
    display: block;
    margin: 0 0 10px 20px !important;
    padding: 10px 15px !important;
    width: 300px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
    .login-body div.message ul {
      list-style-type: none;
      padding: 0px;
      margin: 0px; }
      .login-body div.message ul li {
        color: #570000;
        padding-top: 9px;
        text-align: left; }
  .login-body .input-large {
    width: 202px; }
  .login-body .input-medium {
    box-sizing: border-box;
    height: auto;
    margin-bottom: 10px;
    padding: 5px 10px;
    width: 100%; }
  .login-body div.controls {
    margin: 5px 0 !important;
    text-align: center;
    text-align: left;
    margin: 0 25px; }
    .login-body div.controls label {
      font-size: 13px;
      margin-top: 6px;
      line-height: 18px;
      font-weight: normal; }
    .login-body div.controls input {
      position: relative;
      top: -3px; }
  .login-body p {
    margin: 10px 0; }

.message.error > p {
  margin: 0; 
}

#recaptcha_area {
  padding-left: 34px; }

.forgot-password {
  background: url(images/orange/background-login-forgot.jpg) right 30px no-repeat !important;
  color: #808080;
  padding: 2px 0px 5px 0px;
  text-align: left;
  margin-top: 10px !important; }
  .forgot-password p {
    display: block;
    clear: both; }
  .forgot-password .button-forgot {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    border: solid 1px #dedede;
    display: inline-block;
    padding: 4px 8px 0px 8px;
    font-size: 12px;
    background: #efefef;
    border-bottom: none;
    position: relative;
    float: right;
    margin-right: 20px;
    padding: 5px 20px !important;
    box-sizing: border-box;
    border-radius: 0 !important; }
  .forgot-password #forgot {
    margin: 0; }

.logo {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle; }

#horizon {
  display: block;
  margin-bottom: 40px;
  position: relative;
  top: 20px;
  width: 100%; }

#content {
  margin: 0 auto;
  position: relative;
  text-align: center;
  visibility: visible;
  width: 342px; }

    #horizon::after {
        clear: both;
        content: "";
        display: block;
    }

#submit {
  background-color: #2e64ac !important;
  background-image: none;
  border: medium none;
  color: #fff;
  margin-top: 10px;
  padding: 10px 25px;
  text-shadow: initial; }

.allrights > p {
  display: block;
  float: left;
  word-wrap: break-word; }

#forgot {
  background-color: #efefef;
  box-sizing: border-box;
  padding: 10px 20px;
  width: 100%; }

#Remember {
  background-color: #cfcfcf;
  background-image: none;
  border: 1px solid #afafaf;
  box-shadow: unset;
  margin-bottom: 10px;
  padding: 8px 15px !important;
  position: relative;
  text-shadow: unset; }

.fancybox.btn-footer > span {
  color: #809cc3 !important; }

#headphone-man #background, #phonecontact #background {
  fill: #809cc3 !important; }

.fancybox.btn-footer {
  color: #afafaf !important; }

.buttons > div:hover {
  opacity: 1; }

#PanelMessage {
  background-color: #efefef !important;
  border: 1px solid #dfdfdf !important;
  margin: 0 20px !important;
  padding: 5px !important; }

#formLogin > div {
  margin: 10px 0 10px !important;
  padding: 0 20px !important; }

#recaptcha_area table {
  display: block !important;
  margin-top: 20px !important;
  width: 100% !important; }

.recaptcha_image_cell {
  width: 100% !important; }

#recaptcha_area center {
  height: auto !important;
  width: 100% !important; }

.recaptcha_image_cell div {
  height: auto !important;
  width: 100% !important; }

#recaptcha_image > img {
  height: auto !important;
  width: 100% !important; }

#recaptcha_area tr {
  float: left !important;
  height: auto !important;
  width: 100% !important; }

#recaptcha_area table::after {
  clear: both;
  content: "";
  display: block; }

.recaptcha_input_area > input {
  height: auto !important;
  padding: 5px 10px !important;
  width: 100% !important; }

#recaptcha_area td {
  padding: 5px !important; }

.message.error > p {
  margin: 0 !important; }

#recaptcha_area {
  padding: 0 !important; }

#recaptcha_area * {
  box-sizing: border-box;
  display: block; }
