body {
    margin:0;
    padding:0;
    background:#eff1f0;
    font-family:Arial, Helvetica, sans-serif;
}

p {
  padding: 0;
  margin-top: 1em;
}

#content {
  padding: 0 0 20px 0;
}

#languageSelect, #main {
  width: 390px;
  margin: 0 auto 0;
}

#languageSelect {
  text-align: right;
  width: 430px;
  padding-top: 40px;
}

#content-center, .headfoot {
  text-align:center;
}

#main .title {
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  line-height: 18.5px;
}

#main {
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

#main img {
  margin: 30px 0 47px;
}

#main ul {
  padding: 0;
}

#main .authsource input {
  padding: 1px 6px;
  margin-bottom: 20px;
}

.message-box {
  margin: 0 20px 32px;
  padding: 5px;
  font-size: 14px;
  text-align: start;
  line-height: 24px;
}

.message-box h3 {
  font-weight: bold;
}

.message-box p {
  margin: 0;
}

.message-box.error {
  color: #d04242;
  background-color: #feeaea;
}

.message-box.error h3 {
  color: #d04242;
}

.login-form-start, .login-form-submit {
  margin-top: 0;
}

.center-form input {
  width: 255px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #d5d5d5;
  padding: 0 0 0 45px;
  font-size: 16px;
  color: #666;
}

.center-form input[type="text"] {
  background: url('../icons/user_login.png') 6px 5px no-repeat #f7f7f7;
  margin:0 0 17px 0;
}

.center-form input[type="password"] {
  background: url('../icons/lock_login.png') 6px 5px no-repeat #f7f7f7;
  margin:0 0 32px 0;
}

.center-form button, .authsource input[type="submit"] {
  font-size:24px;
  font-weight:bold;
  color:#fff;
  width:300px;
  height:55px;
  margin:0 0 12px 0;
  border:none;
  border-radius:6px;
  background-color: #31b1e4;
  background: -moz-linear-gradient(top,  #31b1e4 0%, #3e9cc2 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31b1e4), color-stop(99%,#3e9cc2));
  background: -webkit-linear-gradient(top,  #31b1e4 0%,#3e9cc2 99%);
  background: -o-linear-gradient(top,  #31b1e4 0%,#3e9cc2 99%);
  background: -ms-linear-gradient(top,  #31b1e4 0%,#3e9cc2 99%);
  background: linear-gradient(to bottom,  #31b1e4 0%,#3e9cc2 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31b1e4', endColorstr='#3e9cc2',GradientType=0 );
  cursor:pointer;
  line-height: normal;

  &:disabled {
    background-color: #d5d5d5;
    background: -moz-linear-gradient(top,  #d5d5d5 0%, #666 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(99%,#666));
    background: -webkit-linear-gradient(top,  #d5d5d5 0%,#666 99%);
    background: -o-linear-gradient(top,  #d5d5d5 0%,#666 99%);
    background: -ms-linear-gradient(top,  #d5d5d5 0%,#666 99%);
    background: linear-gradient(to bottom,  #d5d5d5 0%,#666 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#666',GradientType=0 );
  }
}

.headfoot {
	background: none;
	font-size:11px;
  line-height:16px;
  color:#999;
  height: auto;
}

a {
  color: #31b1e4;

  &:hover, &:focus, &:visited {
    background-color: #eff1f0;
    color: #31b1e4;
    padding: 0;
    margin-left: 0;
    margin-top: 0;
    text-decoration: underline;
  }
}