﻿/*******************************
* Login screen
*******************************/
.btn-login {
  background-color: #00a1a4;
  border-color: #00a1a4;
  color: #ffffff;
  width: 100%;
  height: 44px;
  min-height: 44px;
  font-size: 17px;
  border-radius: 5px; }
  .btn-login:hover, .btn-login:active {
    background-color: #00a1a4;
    border-color: #00a1a4;
    color: #ffffff; }

form.form-signin label {
  font-size: 11px;
  text-transform: uppercase;
  color: #7f7f7f;
  padding-top: 26px;
  padding-bottom: 7px; }
  form.form-signin label.label-remember-me {
    padding-top: 15px;
    padding-bottom: 0; }

#anonymousForm {
  position: relative;
  top: 50%;
  max-width: 512px;
  margin: 0 auto;
  margin-top: -310px; }
  #anonymousForm .login-left, #anonymousForm .login-right {
    width: 100%; }
  #anonymousForm.wide {
    max-width: 800px; }
    #anonymousForm.wide .login-left {
      width: 50%;
      float: left;
      padding-right: 10px;
      border-right: 1px solid #e0e0e0; }
    #anonymousForm.wide .login-right {
      width: 50%;
      float: left;
      padding-left: 10px; }
  #anonymousForm .center {
    text-align: center; }
  #anonymousForm .logo {
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding-bottom: 30px; }
  #anonymousForm .inner {
    background: #fff; }
    #anonymousForm .inner .details > div.content {
      padding: 20px; }
      #anonymousForm .inner .details > div.content#login-container {
        padding-bottom: 0; }
        #anonymousForm .inner .details > div.content#login-container h2 {
          margin-bottom: 0; }
      #anonymousForm .inner .details > div.content div.buttons {
        margin-top: 35px; }
    #anonymousForm .inner .details h2 {
      font-size: 20px;
      margin: 0;
      color: #00a1a4;
      margin-bottom: 25px; }
    #anonymousForm .inner .details input {
      border-radius: 0;
      height: 44px;
      padding-left: 11px; }
      #anonymousForm .inner .details input.input-connected {
        border-top-style: none; }
        #anonymousForm .inner .details input.input-connected.input-validation-error {
          border-top-style: solid; }
    #anonymousForm .inner .details a {
      color: #7f7f7f;
      margin-top: 25px;
      text-decoration: underline;
      display: inline-block; }
    #anonymousForm .inner .details .error-message {
      border: 1px solid red;
      border-radius: 4px;
      padding: 4px;
      color: red;
      margin-bottom: 5px; }
    #anonymousForm .inner .details .footer {
      margin-top: 25px;
      border-top: 1px solid #f1f7f9; }
      #anonymousForm .inner .details .footer a {
        text-decoration: none;
        color: #004851;
        margin-top: 11px;
        margin-bottom: 16px; }

#loginButton {
  margin-top: 48px; }

#site-login-options {
  padding-top: 40px; }

#remember-me {
  margin-bottom: 0; }
  #remember-me input.input-remember {
    margin: 0; }
