html {
    height:100%;
    background:black;
    background: -webkit-linear-gradient(black, #5a6d7a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(black, #5a6d7a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(black, #5a6d7a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(black, #5a6d7a); /* Standard syntax */
}

body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: transparent;
  color:white;
}

.Logo {
    opacity:0;
    max-width: 300px;
    max-height: 160px;
    margin-bottom: 20px;
    -webkit-animation: fadein 1s ease-in 0ms forwards; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s ease-in 0ms forwards;  /* Firefox < 16 */
        -ms-animation: fadein 1s ease-in 0ms forwards;  /* Internet Explorer */
         -o-animation: fadein 1s ease-in 0ms forwards;  /* Opera < 12.1 */
            animation: fadein 1s ease-in 0ms forwards;
}

.LicenseIcon {
    width: 32px;
    height: 32px;
}

.ControlsContainer {
    opacity:0;
    -webkit-animation: fadein 1s ease-in 500ms forwards; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s ease-in 500ms forwards;  /* Firefox < 16 */
        -ms-animation: fadein 1s ease-in 500ms forwards;  /* Internet Explorer */
         -o-animation: fadein 1s ease-in 500ms forwards;  /* Opera < 12.1 */
            animation: fadein 1s ease-in 500ms forwards;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #0f466d;
        border-color: #0f466d;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #0f466d;
        border-color: #0f466d;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #337ab7;
            border-color: #337ab7;
        }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }