@charset "utf-8";
.img-circle {
            border-radius: 50%;
            max-height: 100px;
            width: 100%;
        }  
/*
.auth-body-bg {
    background-color: #323c48;
    height:60%;
    background: url("../images/SGC_EIS_Background.jpg") no-repeat center center; 
}
.textess{
    font-size: 25px; 
    color: #f36f21; 
    text-align: center; 
    font-weight: bold; 
    text-shadow: 2px 4px #000;
}
.textwhite{
        color: white !important;
    }
  .wizard-step {
            display: none;
        }
   .wizard-step:first-of-type {
                display: block;
            }

        hr {
            margin: 1rem 0;
            color: #2a323c;
            border: 1px;
            border-top: var(--bs-border-width) solid;
            opacity: .25;
        }
.cardtext {
    background-color: aliceblue;
}
.textforgotpass{
    font-size: 25px;  
    text-align: center;
     font-weight: bold;
}

.textcolorwhite {
    background-color: rgb(155 151 152 / 72%) !important;
    color:black !important;
}
.textcoloraliceblue {
    background-color: #99b2c7 !important;
    color:black !important;
}

  .wrapper-page1 {
            margin: 1% auto;
            width: 820px;
            position: relative;
        }
  .card {
    margin-bottom: 24px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    border: 0 solid var(--bs-border-color);
        border-width: medium;
}*/


  
    /* Reset */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: "Segoe UI", Tahoma, sans-serif;
    }

    body {
      display: flex;
      height: 100vh;
      background: #f4f8fc;
    }

    /* Left branding panel */
    .loginleft-panel {
      width: 40%;
      background: linear-gradient(135deg, #007bff, #00a6e0);
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 2rem;
    }

        .loginleft-panel h1 {
            color: #fff;
            font-size: 2rem;
            margin-bottom: 0.5rem;
        }

    .loginleft-panel p {
      font-size: 1rem;
      opacity: 0.9;
    }

    /* Right login form */
    .login-box {
      width: 60%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #fff;
    }

    .login-container {
      width: 100%;
      max-width: 400px;
      background: #fff;
      padding: 2rem;
      border-radius: 12px;
      box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.3);
    }

    .login-container h2 {
      text-align: center;
      margin-bottom: 1.5rem;
      color: #007bff;
    }

    .login-container input[type="text"],
    .login-container input[type="password"] {
      width: 100%;
      padding: 12px;
      margin: 0.6rem 0;
      border: 1px solid #ccc;
      border-radius: 12px;
      outline: none;
      transition: 0.3s;
    }

    .login-container input:focus {
      border-color: #007bff;
      box-shadow: 0px 0px 6px rgba(0, 123, 255, 0.3);
    }

    .captcha {
      margin: 1rem 0;
      text-align: center;
    }

    .login-container button {
      width: 100%;
      padding: 12px;
      background: #007bff;
      border: none;
      border-radius: 25px;
      color: white;
      font-size: 1rem;
      cursor: pointer;
      transition: 0.3s;
    }

    .login-container button:hover {
      background: #0056b3;
    }

    .login-container .links {
      margin-top: 1rem;
      text-align: center;
    }

    .login-container .links a {
      text-decoration: none;
      font-size: 0.9rem;
      color: #007bff;
      transition: 0.3s;
     
    }
    .login-container .links a:hover {
      text-decoration: underline;
    }
    .login-danger{
        color: red;
    }
    .login-success{
        color: #139111;
        font-weight: bold !important;
    }
    .btnradius{
        border-radius: 25px;
    }
/*.dvtext {
    font-size: smaller;
    font-weight: bold;
}*/
    /*.custom-div30{
       width:30%;      
    }
    .custom-div60{
       width: 60%;      
    }
      .custom-div60 a {
      width: 100%;
      padding: 12px;
      background: #007bff;
      border: none;
      border-radius: 25px;
      color: white;
      font-size: 1rem;
      cursor: pointer;
      transition: 0.3s;
    }

    .custom-div60 a:hover {
      background: #0056b3;
    }*/