body {
  background: url('../images/bg-2022.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  font-family: 'Open Sans', sans-serif;
}

.login-top.right h3 {
  color: #000;
}

.login-top.right {
  background: rgba(255, 255, 255, 0.3);
}

.login-top.right input[type="text"], .login-top.right input[type="password"] {
  color: #000 !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.login-top input.name {
  background: rgba(255, 255, 255, 0.5) url(../images/1.png) no-repeat 4% 51%;
}

.login-top input.password1 {
  background: rgba(255, 255, 255, 0.5) url(../images/2.png) no-repeat 4% 51%;
}

.login-bottom input[type="submit"] {
  background: #1caf9a;
}

.login-bottom a {
  background: #1AB2E8;
}

.bg-danger {
  background-color: #e74c3c !important;
  color: #fff !important;
}

.bg-primary {
  background-color: #2980b9 !important;
  color: #fff !important;
}

.bg-success {
  background-color: #0e865a !important;
  color: #fff !important;
}

.text-white {
  color: #fff !important;
}

button {
  font-size: 0.95em;
  line-height: 43px;
  padding: 1px 11px;
  border: 0px;
  cursor: pointer;
}

.main {
  width: 33%;
}

.copy-right p {
  color: #000;
}

.well {
  background: #fff;
  border: 0px;
  padding: 30px;
  box-shadow: 0px 0px 3px 0px #c7c7c7;
}

@media (max-width: 800px) {
  .login-top.left {
    float: left;
    width: 94%;
    padding: 2em;
  }
}

@media (max-width: 768px) {
  .login-top.left {
    width: 96.2%;
  }
}

@media (max-width: 568px) {
  .login-top.left {
    width: 94%;
  }

  .login-top.right {
    width: 86%;
  }
}

@media (max-width: 375px) {
  .login-top.left {
    width: 90%;
  }

  .login-top.right {
    width: 80%;
  }
}