/*		INDEX PAGE 		*/
.login-page ::-webkit-input-placeholder {
  color: #ddd !important;
} /*Chrome*/
.login-page ::-moz-placeholder {
  color: #ddd !important;
} /* firefox 19+ */
.login-page,
.login-form div,
.login-form section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.login-page {
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #000;
}
.login-page .logo {
  width: 180px;
  margin: auto;
  display: block;
  margin-bottom: 8vh;
}

.login-form h3 {
  font-weight: 500;
  color: #9d959b;
  margin-bottom: 1rem;
}

.login-form section {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 8px;
}

.login-form span {
  background: #2e2e2e;
  border-radius: 0 0 3px 3px;
  padding: 0 0.5rem;
  color: #f5f5f5;
  font-size: 0.9rem;
  min-width: 240px;
  position: relative;
}

.login-form input {
  border: none;
  line-height: 3.4rem;
  background: transparent;
  color: #ddd;
  width: 100%;
  text-indent: 8px;
}

.login-form span i {
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.login-form span:first-child {
  border-radius: 3px 3px 0 0;
  margin-bottom: 1px;
}

.login-form button {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  padding: 0 12px;
  background-color: #dbaf00;
  border-radius: 3px;
  color: #f5f5f5;
  cursor: pointer;
}
.login-form button * {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.login-form button:hover svg {
  fill: #000;
}
.login-form button.loading .unlock {
  fill: #000;
}
.login-form button.loading .spinner {
  height: initial;
  margin-top: 8px;
}
.login-form button .unlock {
  width: 26px;
  height: 26px;
  fill: #000;
}
.login-form button .spinner {
  height: 0;
}
.forgotPassword{
  color: #ffcd05;
  padding-top: 2rem;
}

.spinner {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  width: 19px;
  height: 19px;
}
.spinner .path {
  stroke: #FFF;
  stroke-linecap: round;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
}

/* KEYFRAMES */
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}