body {
  background: #333 url("../img/bg/black_leather.jpg") repeat 0 0;
  color: #FFF;
  font: 16px Georgia, "Times New Roman", serif;
  margin: 0;
  padding: 0; }

a, a:link, a:visited {
  color: #CDE;
  text-decoration: none; }
a:hover {
  color: #FFF; }
a:active {
  color: #FFC; }
a:hover, a:active {
  text-decoration: underline; }

input[type=text], input[type=password] {
  border: 1px solid #666;
  background: #FFF;
  padding: 2px 5px;
  font: 13px Arial, sans-serif; }

form {
  display: block;
  margin: 0;
  padding: 0;
  border: none; }

a.button {
  display: inline-block;
  background: linear-gradient(to bottom, white 0%, #d8e1e7 50%, #bfd0da 51%, #f2f6f8 100%);
  border: 1px solid #b5c6d0;
  border-radius: 12px;
  padding: 4px 12px;
  color: #000;
  font: 14px Georgia, "Times New Roman", serif;
  vertical-align: middle; }
  a.button:hover {
    background: linear-gradient(to bottom, white 0%, #e2ebf1 50%, #c9dae4 51%, #fcffff 100%);
    border: 1px solid #bfd0da;
    text-decoration: none; }
  a.button:active {
    background: linear-gradient(to bottom, #b5c6d0 0%, #e1ebf5 100%);
    border: 1px solid #b5c6d0;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 3px; }
  a.button.selected {
    background: linear-gradient(to bottom, #cce6ff 0%, #adcbe7 50%, #99bbda 51%, #c2ddf8 100%);
    border: 1px solid #91b2d0; }

article.panel {
  border-radius: 0.5em;
  border: 1px solid #345;
  overflow: hidden;
  display: table;
  box-shadow: 2px 2px 4px #000;
  margin-bottom: 1.2em;
  text-align: left; }
  article.panel h3 {
    margin: 0;
    padding: 0.125em 1.25em;
    background: linear-gradient(to bottom, #0e4799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    font: 20px Cinzel, Verdana, Arial, sans-serif;
    color: #DEF;
    border-bottom: 1px solid #9CF;
    text-shadow: 0 0 5px #000; }
    article.panel h3 .extra {
      float: right;
      font-size: 75%;
      margin-top: 0.25em; }
  article.panel .panel-body {
    padding: 1em 1.5em;
    background: linear-gradient(135deg, rgba(96, 128, 255, 0.2) 0%, rgba(96, 128, 255, 0.3) 100%); }
    article.panel .panel-body p:first-child {
      margin-top: 0; }
    article.panel .panel-body p:last-child {
      margin-bottom: 0; }

html {
  width: 100%;
  height: 100%;
  overflow: hidden; }

body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center; }

.login-form ul.login-fields {
  display: block;
  margin: 0;
  padding: 0; }
  .login-form ul.login-fields li {
    display: block;
    list-style: none;
    margin: 0.25em 0;
    padding: 0; }
    .login-form ul.login-fields li .key {
      display: inline-block;
      width: 4.5em; }
    .login-form ul.login-fields li .value {
      display: inline-block;
      margin-left: 1em; }
.login-form .actions {
  margin-top: 1em;
  text-align: center; }
.login-form .error {
  text-align: center;
  margin: 0 0 1em 0;
  padding: 0.5em 1em;
  color: #FF9; }

article.home {
  margin-top: 5em;
  text-align: center; }
  article.home a {
    display: inline-block;
    padding: 0.5em 1.0em;
    border-radius: 12px;
    background: linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.5);
    opacity: 0.333; }
    article.home a:hover {
      opacity: 1.0;
      text-decoration: none; }

/*# sourceMappingURL=login.css.map */