.wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wrapper .container-fluid {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  color: white;
  font-weight: bold;
  border-radius: 14px;
  border: 3px solid #f1f1f1;
  z-index: 2;
  width: 100%;
  padding: 20px;
  text-align: center;
}

.fullpage-bg-image {
  min-height: 100vh;
  background: url('../images/spices.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: blur(8px);
  -webkit-filter: blur(8px);
}

.form-wrapper {
  position: relative;
}

.form-wrapper i {
  position: absolute;
  bottom: 9px;
  right: 0;
}

.form-control {
  border: 1px solid #333;
  border-top: none;
  border-right: none;
  border-left: none;
  display: block;
  width: 100%;
  height: 30px;
  padding: 0;
  margin-bottom: 25px;
}

select option[value=""][disabled] {
  display: none;
}

.login-form-wrapper, .register-form-wrapper, .register-form-img-wrapper {
  position: relative;
  height: 100%;
}

.form-wrapper input::placeholder, .form-wrapper select::placeholder {
  padding-left: 3px;
  color: #ffffff;
  font-size: medium;
  font-family: 'Poppins', sans-serif;
}

.form-wrapper input {
  padding-left: 3px;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.form-wrapper input:focus {
  color: #ffffff !important;
  background: transparent;
  border-bottom: 1px solid #ffffff !important;
  -webkit-box-shadow: 0 1px 0 0 #ffffff !important;
  box-shadow: 0 1px 0 0 #ffffff !important;
}

.register-form-wrapper {
  width: 100%;
}
.register-form-wrapper .form-wrapper select {
  color: #ffffff;
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 992px) {
  .login-form-wrapper .loginForm, .register-form-img-wrapper .register-form-img{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}