@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
html body, body body {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #181935;
  transition: background 1s;
  font-family: "Open Sans", serif;
}
html body #covermove, body body #covermove {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #181935;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}
html body table, body body table {
  border: 0;
  border-collapse: collapse;
}
html body table th, html body table td, body body table th, body body table td {
  padding: 0;
}
html body .closed, body body .closed {
  margin: auto;
  width: 100%;
  height: 550px;
  overflow: hidden;
  vertical-align: middle;
  display: none;
}
html #login, body #login {
  display: block;
}
html .content, body .content {
  background: transparent;
  color: white;
  width: 50%;
  min-width: 350px;
  max-width: 500px;
  margin: 30px auto auto auto;
  padding: 10px;
  display: block;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
html .content .company-info, body .content .company-info {
  margin-bottom: 5%;
}
html .content .company-info img, body .content .company-info img {
  margin-top: 20px;
  margin-bottom: 8px;
  width: 55%;
}
html .content .header-content .title, body .content .header-content .title {
  margin-bottom: 15px;
  font-size: 30px;
}
html .content .header-content .subtitle, body .content .header-content .subtitle {
  margin-bottom: 25px;
  padding: 5px;
}
html .content .fail-send-message, html .content .fail-send-message-hide, body .content .fail-send-message, body .content .fail-send-message-hide {
  padding: 5px;
  margin: 0 10px 15px 10px;
  border: 1px dotted;
}
html .content .fail-send-message-hide, body .content .fail-send-message-hide {
  display: none;
}
html .content .fail-send-message-hide span, body .content .fail-send-message-hide span {
  display: none;
}
html .content .login-button, body .content .login-button {
  display: block;
  margin: 40px auto 15px auto;
  width: 95%;
  text-align: center;
  border: none;
  border-radius: 3px;
  background-image: linear-gradient(to right, #191e65 0%, #171934 51%, #1a1f6b 100%);
  transition: 0.5s;
  background-size: 200% auto;
  padding: 12px 0;
}
html .content .login-button:hover, html .content .login-button:active, html .content .login-button:focus, body .content .login-button:hover, body .content .login-button:active, body .content .login-button:focus {
  outline: none !important;
  background-position: right center;
}
html .content .login-button .icon, body .content .login-button .icon {
  margin: 0 5px;
}
html .content .logo-checks, body .content .logo-checks {
  max-width: 40px;
}
html .content .login-form .input-row, body .content .login-form .input-row {
  border-bottom: white 1px solid;
  width: 95%;
  margin: auto;
}
html .content .login-form .input-row input, body .content .login-form .input-row input {
  background-color: #3F4984;
  color: white;
  border: 0;
  height: 35px;
  width: 90%;
  text-align: center;
  vertical-align: middle;
}
html .content .login-form .input-row input::placeholder, body .content .login-form .input-row input::placeholder {
  color: #7D93A7;
}
html .content .login-form .input-row input:focus, body .content .login-form .input-row input:focus {
  outline: none;
}
html .content .login-form .input-row input:-webkit-autofill, body .content .login-form .input-row input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #3F4984 inset;
  -webkit-text-fill-color: white;
}
html .content .login-form .input-row span, body .content .login-form .input-row span {
  color: white;
}
html .content .login-form button, body .content .login-form button {
  display: block;
  margin: 40px auto 15px auto;
  width: 95%;
  text-align: center;
  border: none;
  border-radius: 3px;
  background-image: linear-gradient(to right, #191e65 0%, #171934 51%, #1a1f6b 100%);
  height: 40px;
  transition: 0.5s;
  background-size: 200% auto;
}
html .content .login-form button:hover, html .content .login-form button:active, html .content .login-form button:focus, body .content .login-form button:hover, body .content .login-form button:active, body .content .login-form button:focus {
  outline: none !important;
  background-position: right center;
}
html .content .minitext, body .content .minitext {
  color: white;
}
html .tks, body .tks {
  opacity: 1;
  transition: opacity 0.5s;
}
html .tks img, body .tks img {
  height: 250px;
}
html #footer, body #footer {
  font-size: 0.6em;
  color: #6D6FAA;
  opacity: 0;
  transition: opacity 2s;
  padding-right: 80px;
  padding-bottom: 20px;
}

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