html {
  -webkit-font-smoothing: antialiased !important;
}

.login-panel {
  -webkit-box-shadow: 0.3em 0.3em 2em rgba(0, 0, 0, 0.705);
          box-shadow: 0.3em 0.3em 2em rgba(0, 0, 0, 0.705);
  max-width: 540px;
  padding: 7px;
  border-radius: 10px !important;
  background: white;
}

/* Logo section of the login */
.panel-body.branded {
  background-color: #FFF;
  text-align: center;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding: 10px;
}

/* panel-footer is used as a visual seperator from the logo */
.panel-footer {
  background-color: #ffffff;
  border-top: 0px solid #3b3235;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 5px;
  border-top: solid 1px #ddd;
}

.panel-footer.bottom {
  border-radius: 0px 0px 5px 5px;
}

a {
  color: unset;
  text-decoration: none;
}

a:hover {
  color: unset;
  text-decoration: none;
}

body {
  width: 100%;
  height: 100%;
  background: #332a86;
  /* background: url('../images/bodybg.jpg') no-repeat center center fixed; */
  background-size: cover;
  font-family: 'Roboto', sans-serif;
}

.panel {
  border-radius: 10px;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
  min-width: 380px;
}

.btn {
  border-radius: 0px;
}

.btn-dark {
  color: #fff;
  background-color: #332a86;
  border-color: #332a86;
}

.btn-dark:hover {
  color: #fff;
  background-color: #f3aa1d;
  border-color: #f3aa1d;
}

.form-control {
  border-radius: 0px;
}

.no-padding {
  padding: 0px;
}

.extra-padding {
  padding: 10px 15px;
}

.login-logo {
  text-align: left;
  padding-top: 1.5em;
  margin-bottom: 3em;
  /*height:270px;*/
  width: 350px;
  /* background: transparent url('../images/backdrop.jpg') no-repeat bottom left; */
}

.login-logo h1 {
  margin: 0px 0px 20px 0px;
}

.login-box {
  margin-top: 6em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.version {
  color: #aaaaaa;
  font-size: small;
  text-align: center;
  padding-bottom: 9.5em;
  margin-top: -.5em;
}

.link-bar {
  text-align: center;
  padding: 0px 15px;
  overflow: hidden;
  height: 70px;
}

.link-bar-button {
  display: inline-block;
  background-color: #332a86;
  color: white;
  -webkit-box-shadow: 0px 0px 3px gray;
          box-shadow: 0px 0px 3px gray;
  padding: 6px;
  margin: 3px;
  font-size: smaller;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border-radius: 5px;
}

.link-bar-button > span {
  font-size: large;
  padding-bottom: 6px;
  padding-top: 3px;
  display: block;
}

.link-bar-button:hover {
  cursor: pointer;
  background-color: #e81849;
  color: white;
  -webkit-box-shadow: 0px 0px 3px dimgray;
          box-shadow: 0px 0px 3px dimgray;
}

.footer-bar {
  display: block;
  background-color: #332a86;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  left: 0;
  padding: 7px;
}

.footbar-button {
  background-color: #e81849;
  color: white;
  display: inline-block;
  padding: 6px 12px;
  margin: 0px 2px;
  border-radius: 5px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-shadow: 0px 0px 4px #000000bf;
          box-shadow: 0px 0px 4px #000000bf;
}

.footbar-button:hover {
  cursor: pointer;
  background-color: #e81849;
  color: white;
}

.foot-icon {
  padding-right: 5px;
  display: inline-block;
}

.btn-large {
  font-size: 1.4em;
  border-radius: 5px;
  padding: .5em 2em;
}

.message-box {
  text-align: center;
}

.expiration {
  display: inline-block;
  font-weight: 200;
}

.alert {
  padding: 0em 1.2em;
  margin-bottom: 0px;
  border-radius: 0px;
  text-align: center;
  font-size: 1.1em;
}

.alert-success, .alert-danger {
  background-color: transparent;
  border-color: transparent;
}

.alert-danger {
  color: #e81849;
}

.form-horizontal .control-label {
  font-weight: normal;
}

form {
  margin-bottom: 0px;
}

.form-control {
  font-size: 1.2em;
  height: 2.5em;
  border-color: #d8d8d8;
}

/* OVERRIDE FOR BROWSER AUTOFILL  */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #9b9989;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 3 3 3px 1000px #fff inset;
  box-shadow: 3 3 3px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  background-color: #fff;
}

.control-group {
  margin-bottom: .5em;
}

.control-label {
  color: #311919;
  font-weight: 400;
}

/* -------------------------------------------------------------- */
/* Generic Catch all for Phones */
/* -------------------------------------------------------------- */
.fade-in {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

input#login-username, input#login-password {
  border: none !important;
  border-bottom: 2px solid #332a86 !important;
  background: transparent !important;
}

input#login-username:hover, input#login-password:hover {
  border: none !important;
  border-bottom: 2px solid #e81849 !important;
  background: transparent !important;
}

input#login-username:focus, input#login-password:focus {
  border: none !important;
  border-bottom: 2px solid #e81849 !important;
  background: transparent !important;
}

textarea:focus, input:focus {
  outline: none;
}

*:focus {
  outline: none;
}

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*# sourceMappingURL=login.css.map */