.login_form {
    z-index: 22;
    background-color: var(--c-10) !important;
    border-radius: 14px;
    padding: 0 30px 20px;
    color: white;
    box-shadow: 3px -3px 34px 14px rgba(0,0,0,0.75);
    -webkit-box-shadow: 3px -3px 34px 14px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px -3px 34px 14px rgba(0,0,0,0.75);
  }

  .login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] {
    background-color: var(--c-8) !important;
    margin: 15px 0 0;
    color: white !important;
  }

  .login_content form input[type="text"]:focus,
  .login_content form input[type="email"]:focus,
  .login_content form input[type="password"]:focus {
    background-color: var(--c-8) !important;
    outline: none;
    color: white !important;
  }

  .btn-primary {
    color: #fff !important; 
    background-color: var(--c-8) !important;
    border-color: var(--c-8) !important;
    border-radius: 10px !important;
  }

  .btn-primary:hover {
    background-color: var(--c-10) !important;
    border-color: var(--c-10) !important;
  }

  a {
    color: white !important;
    text-decoration: none;
  }

  .btn-success {
    background: #26B99A;
    border: 0 solid #169F85;
    border-radius: 10px;
  }

  .btn-link {
    font-weight: 400;
    color: white;
    text-decoration: none !important;
    border-radius: 10px;
    background-color: var(--c-10) !important;
    outline: none !important;
  }

  .btn-link:hover {
    background-color: var(--c-8) !important;
    color: white !important;
  }

  .login_content form input[type="text"], .login_content form input[type="email"], .login_content form input[type="password"] {
    background-color: #EDEDED;
    color: #777;
    width: 100%;
    border: 0;
    margin-bottom: 3px !important;
  }

  label.error {
    background-color: transparent;
    color: white !important;
    border-radius: 0 0 5px 5px;
    padding: 0px 2px 1px 5px;
    width: 100%;
    text-align: left;

  }