/* 
    Created on : 16.4.2015, 14:51:43
    Author     : valiasek
*/
/* 
    Created on : 18.4.2015, 12:49:11
    Author     : tvaliasek
*/
/* 
    Created on : 4.5.2015, 21:27:57
    Author     : tvaliasek
*/
/* 
    Created on : 4.5.2015, 21:27:57
    Author     : tvaliasek
*/
body {
  background-image: -webkit-linear-gradient(60deg, #3FA2C3 0%, #00AD83 100%);
  background-image: -o-linear-gradient(60deg, #3FA2C3 0%, #00AD83 100%);
  background-image: linear-gradient(30deg, #3FA2C3 0%, #00AD83 100%);
  background-color: #fff;
  min-height: 100vh;
  min-width: 100vw;
  overflow-x: hidden;
  color: white; }

#logo-link {
  display: none; }

@media (min-height: 620px) {
  #logo-link {
    position: absolute;
    top: 2em;
    left: 50%;
    margin-left: -97px;
    display: inline-block;
    outline: none !important; } }

.vertical-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh; }
  .vertical-wrap label {
    color: white; }
  .vertical-wrap #login .links {
    margin: 1em 0em; }
    .vertical-wrap #login .links > a {
      text-decoration: none; }
    .vertical-wrap #login .links > a:nth-child(2) {
      float: right; }
  .vertical-wrap #login input:not(.btn) {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    border-color: white; }
  .vertical-wrap #login input[type="text"]:focus, .vertical-wrap #login input[type="password"]:focus {
    -webkit-box-shadow: 0px 0px 0px transparent, inset 0px 0px 1px 2px rgba(255, 255, 255, 0.4);
            box-shadow: 0px 0px 0px transparent, inset 0px 0px 1px 2px rgba(255, 255, 255, 0.4); }
  .vertical-wrap #login .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1; }
  .vertical-wrap #login .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7); }
  .vertical-wrap #login .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7); }
  .vertical-wrap #login a, .vertical-wrap #login a:visited, .vertical-wrap #login a:hover, .vertical-wrap #login a:focus, .vertical-wrap #login a:active {
    color: white; }
  .vertical-wrap #login hr {
    border-color: white; }
  .vertical-wrap #login #pwdReset {
    display: block;
    margin-top: 1em;
    position: relative;
    opacity: 0;
    z-index: -10;
    -webkit-transition: opacity 200ms ease-in 0s;
    -o-transition: opacity 200ms ease-in 0s;
    transition: opacity 200ms ease-in 0s; }
    .vertical-wrap #login #pwdReset.visible {
      z-index: 1;
      opacity: 1;
      -webkit-transition: opacity 200ms ease-in 0s;
      -o-transition: opacity 200ms ease-in 0s;
      transition: opacity 200ms ease-in 0s; }

.modal-header {
  background-image: -webkit-linear-gradient(60deg, #3FA2C3 0%, #00AD83 100%);
  background-image: -o-linear-gradient(60deg, #3FA2C3 0%, #00AD83 100%);
  background-image: linear-gradient(30deg, #3FA2C3 0%, #00AD83 100%);
  background-color: #fff; }

.modal-footer, .modal-body, .modal, .modal-content {
  border-radius: 0px; }

/* 
    Created on : 4.5.2015, 21:30:13
    Author     : tvaliasek
*/
/*Flash Message*/
div.flash {
  position: fixed;
  display: block;
  z-index: 160;
  text-align: right;
  margin-top: 1em;
  width: auto;
  color: #333;
  right: 1em; }
  div.flash .flash-content {
    display: inline-block;
    background-color: white;
    padding: 1em 2em;
    position: relative;
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in 0s;
    -o-transition: opacity 400ms ease-in 0s;
    transition: opacity 400ms ease-in 0s;
    text-align: center;
    right: 1.2em;
    top: 3em;
    font-size: 1.3em;
    z-index: 1600;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 0.5em; }
    div.flash .flash-content > .flash-progress {
      display: block;
      position: absolute;
      bottom: 0px;
      width: 0px;
      left: 0px;
      height: 2px;
      background-image: -webkit-linear-gradient(60deg, #3FA2C3 0%, #00AD83 100%);
      background-image: -o-linear-gradient(60deg, #3FA2C3 0%, #00AD83 100%);
      background-image: linear-gradient(30deg, #3FA2C3 0%, #00AD83 100%);
      background-color: #fff; }
    div.flash .flash-content.flash-fade {
      opacity: 0;
      -webkit-transition: opacity 2s ease-out 4s;
      -o-transition: opacity 2s ease-out 4s;
      transition: opacity 2s ease-out 4s; }
      div.flash .flash-content.flash-fade > .flash-progress {
        width: 100%;
        -webkit-transition: width 6s linear 0s;
        -o-transition: width 6s linear 0s;
        transition: width 6s linear 0s; }
      div.flash .flash-content.flash-fade:hover, div.flash .flash-content.flash-fade:focus {
        opacity: 1;
        -webkit-transition: none;
        -o-transition: none;
        transition: none; }
        div.flash .flash-content.flash-fade:hover > .flash-progress, div.flash .flash-content.flash-fade:focus > .flash-progress {
          width: 0px;
          -webkit-transition: none;
          -o-transition: none;
          transition: none; }
    div.flash .flash-content .flash-close {
      cursor: pointer;
      position: absolute;
      top: 12px;
      right: 12px; }

@media (max-width: 768px) {
  div.flash {
    position: relative; } }

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