<style type="text/css">
  body {background: url(assets/uploads/quest.jpg) !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: center 10% !important; position: relative; }
  .bg-login-cover{     position: absolute; height: 100%; width: 100%; background: rgb(149 128 70 / 86%); } 
  .header-of-content .page-logo-text span {color: #51534A; display: block; }
  .header-of-content .page-logo-text {font-weight: bold; font-size: 25px; line-height: 35px; text-transform: uppercase; text-align: center; margin-bottom: 10px; }
  .form-control.is-invalid, .was-validated .form-control:invalid{ background-image: unset !important; border: unset !important;     box-shadow: unset !important; }
  html body .blankpage-form-field .card {background: rgba(255,255,255,0.4) !important; }
  .card.p-4 label{ color: #51534A !important;     font-weight: bold; }
  .form-group {margin-bottom: 12px !important; }
  button.btn.btn-primary.submit-btn.btn-block {background: #51534A !important; box-shadow: unset !important; border: 0 !important; margin-top: 20px !important; text-transform: uppercase; padding: 10px; }
  html body .blankpage-form-field{ width: 370px !important; }
  .alert.alert-danger {margin-bottom: 0; border: 0; background: #fff; border-left: 5px solid #e7026e; padding: 11px; font-weight: 500; font-style: italic; }
  .alert.alert-success {margin-bottom: 0; border: 0; background: #fff; border-left: 5px solid #45a197; padding: 11px; font-weight: 500; font-style: italic; }
</style>
<div class="bg-login-cover"></div>
<div class="blankpage-form-field">
    <div class="header-of-content">
            <span class="page-logo-text mr-1">Quest <span>Compendium</span></span>
    </div>
    <div class="card p-4">
        <form action="<?php echo base_url(); ?>" method="post" id="form_login" class="was-validated">

          <?php if(isset($isError)): ?>
            <div class="form-group input-rounded">
              <div class="alert alert-danger">
                <?php echo $isError; ?>
              </div>
            </div>
          <?php endif; ?>

          <?php if(isset($_REQUEST['action']) && $_REQUEST['action']=='logout'): ?>
            <div class="form-group input-rounded">
              <div class="alert alert-success">
                <?php echo "You are successfully logged out, Thanks for visit."; ?>
              </div>
            </div>
          <?php endif; ?>

          <div class="form-group input-rounded"><label>Email Address</label><input type="text" name="fsEmail" class="form-control" required></div>
          <div class="form-group input-rounded"><label>Password</label><input type="password" name="fsPassword" class="form-control" required></div>

          <button type="submit" class="btn btn-primary submit-btn btn-block">Login</button>
        </form>
    </div>   
</div>

