.zed-login-container{
      position: relative;
      height: 100vh;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'Roboto', sans-serif;
    }
    .zed-login-right .form-group{
      margin: 20px 0;
      position: relative;
    }
    .zed-login-quote{
      color: #31358c;
      font-weight: 500;
      font-size: 20px; 
    }
    .zed-login-right .form-control{
      height: 36px;
      display: block;
      width: 90%;
      padding-left: 30px;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: 1.25rem;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .zed-login-right select.form-control {
      width:100%;
    }
    .zed-login-right .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #007bff40;
  }
    .zed-login-box{
      background-color: #f7f7f7;
      padding: 15px;
      border: 1px solid #ddd;
      border-radius: 8px;
      min-width: 407px;
      padding: 15px 80px;
    }
    .zed-login-logo{
      width:100px;
    }
    .sub-links {
      display: flex;
      margin: 10px;
      justify-content: flex-end;
    }
    .sub-links a {
        color: #333;
        text-decoration: none;
        font-size: 12px; 
    }
    .sub-links a:hover {
      color: #31358c;
      text-decoration:underline;
    }
    .sub-links a:not(:last-child){
      margin-right: 10px;
    }
    .input-icons i {
      position: absolute;
      left: 8px;
      top: 11px;
      font-size: 18px;
      color: #31358c;
      width: 20px;
    }
         .btn-group .btn-login{
          background: #404590;
          color: #fff;
          padding: 12px 30px;
          border: transparent;
          border-radius: 32px;
          cursor: pointer;
         }
         .alert-danger p, .error p{
          font-size: 12px;
          color: red;
          text-align: left;
          margin-top: 5px;
         }
         #userTypes * {
          background-color: #404590;
          color: #fff;
         }




         .bee-login {
          height: 100vh
        }

        .bee-login:before {
            background-image: url('../css/img/bg-login-page.svg');
            background-position: 100%;
            background-repeat: no-repeat;
            background-size: auto 100%;
            content: "";
            height: 100%;
            left: 0;
            margin-left: -48%;
            position: absolute;
            top: 0;
            width: 100%;
        }

        .zed-login-content {
            height: 100vh;
            display: flex;
            align-items: center;
        }

        .zedlogin-box{
            margin-left: 100px;
            width: 300px;
        }

        .button-placeholder {
            display: flex;
            justify-content: space-between;
        }

        .button-placeholder a {
            text-decoration: none;
            color: #666;
        }

        .btn-login {
            min-width: 100px;
            background-color: #1c3faa;
        }

        .py-1 {
          padding-top: 10px;
          padding-bottom: 10px;
        }

        .my-auto {
          margin-bottom: auto!important;
          margin-top: auto!important;
          width: 100%;
          display: block;
        }

        .my-auto img {
          width: 50%;
          margin: auto;
          display: block;
          margin-left: 70px;
        }

        .min-vh-screen {
          display: flex;
          min-height: calc(100vh - 160px ) !important;
          flex-wrap: wrap;

      }

      .zed-login-quote {
        color: #fff;
        margin-top: 20px;
        font-size: 30px;
      }

      .h2 {
        color: #1c3faa;
        font-weight: bold;
      }

      .logo {
        display: block;
        width: 100%;
      }