/* Light green background */
body.login-page {
    background-color: #c9f5c5; /* Adjust your preferred green shade */
    margin: 0;
    font-family: "Source Sans Pro", Arial, sans-serif;
  }
  
  /* Center the .login-box (AdminLTE also helps, but we ensure alignment) */
  .login-box {
    width: 400px;
    margin: 5% auto;  /* or use 0 auto + flex layout if you prefer */
  }
  
  /* Logo styling */
  .login-logo img {
    max-width: 130px;  /* Adjust as needed */
    height: auto;
    display: block;
    margin: 0 auto 10px;
  }
  
  /* School name styling */
  .login-logo .school-name {
    color: #2e8b57;  /* A “sea green” color or your brand color */
    font-size: 1.4rem;
    text-align: center;
    font-weight: 700;
  }
  
  /* Card styling */
  .login-box .card {
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  
  /* Login card body */
  .login-card-body {
    border-radius: 10px; /* Matches the card’s corners if needed */
    padding: 2rem;
  }
  
  /* Labels */
  .form-group label.text-muted {
    font-weight: 600;
    margin-bottom: 5px;
  }
  
  /* Right-side icon style: remove double borders */
  .input-group .form-control {
    border-right: none !important;
    /* If you prefer a single radius on the left only:
       border-radius: 4px 0 0 4px;
    */
  }
  .input-group-append .input-group-text {
    border-left: none !important;
    background-color: #fff; /* So the icon background matches the input */
  }
  
  /* The login button in green */
  .btn-success {
    background-color: #2e8b57;
    border-color: #2e8b57;
    border-radius: 6px;
    font-weight: 600;
    transition: background-color 0.2s ease-in-out;
  }
  
  .btn-success:hover {
    background-color: #276746;
    border-color: #276746;
  }