#vcenter-outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#vcenter-middle {
    display: table-cell;
    vertical-align: middle;
}

#vcenter-inner {
    margin-left: 15%;
    /*width: 450px;*/
    background-repeat: no-repeat;
    background-position: 91% 93%;
}

#vcenter-content {
    padding: 10px 0px;
    color: #FFF;
}

#vcenter-content input {
    width: 225px;
    border: 2px solid #888;
    border-radius: 5px;
    padding: 8px 8px;
    background: #FFF;
}

#vcenter-content button {
    border: none;
    background: #222;
    color: #FFF;
    border-radius: 8px;
    padding: 6px 12px;
    font-weight: bold;
    margin-top: 10px;
}

#vcenter-content label {
    line-height: 2;
    padding-left: 0px;
    font-size: 14px;
    font-weight: bold;
}

#vcenter-content form {
    padding-top: 10px;
}

h1 {
    text-indent: -500em;
    line-height: 92px;
}

h2, label {
    font-size: 16px;
    font-family: Raleway;
    font-weight: 200;
}

b, strong {
    font-weight: bold;
}

span.error {
    color: #FF0000;
}

#colours, .colours {
    height: 3px;
    width: 100%;
    background: #008C91;
}

 ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.4);
}

:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.4);
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.4);
}

:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.4);
}



html {
  background: rgba(11, 168, 186, 0.6);
}

@media (min-width: 461px) {
  html {
    background: none;
  }
  body {
      overflow: hidden;
  }
  .gradient {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4bddaf+0,0ba8ba+69,0a8bb2+100&0.9+34,0.33+100 */
      background: -moz-linear-gradient(-45deg, rgba(75, 221, 175, 0.9) 0%, rgba(43, 195, 180, 0.9) 34%, rgba(11, 168, 186, 0.6) 69%, rgba(10, 139, 178, 0.33) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(-45deg, rgba(75, 221, 175, 0.9) 0%, rgba(43, 195, 180, 0.9) 34%, rgba(11, 168, 186, 0.6) 69%, rgba(10, 139, 178, 0.33) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(135deg, rgba(75, 221, 175, 0.9) 0%, rgba(43, 195, 180, 0.9) 34%, rgba(11, 168, 186, 0.6) 69%, rgba(10, 139, 178, 0.33) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e64bddaf', endColorstr='#540a8bb2', GradientType=1);
      /* IE6-9 fallback on horizontal gradient */
  }
}

#logo-wrapper {
    display: none;
}


#vcenter-content form input {
  width: 250px;
  padding: 10px 15px;
  border-radius: 0px;
  border: none;
  margin: 5px 0px;
  background: rgba(255,255,255,0.5);
  color: #000;
  font-size: 14px;
}

#vcenter-content form {
  min-height: 200px;
}

#password-reset-form,
#login-map-location {
  display: none;
}

a.show-form {
  color: #666;
  font-size: 14px;
  margin-top: 10px;
}

#password-reset-warning {
  visibility: hidden;
  font-size: 14px;
  color: red;
  margin-bottom: -5px;
}

.change-password-message {
  font-size: 14px;
  color: red;
  margin-bottom: 0px;
}

.btn-disabled {
  background-color: #cccccc !important;
  color: #666666 !important;
  cursor: not-allowed;
}