html, body {
      height: 100%;
      background: #f8f9fb;
      font-family: "Segoe UI", system-ui, sans-serif;
    }
    .container-fluid, .row { height: 100vh; }

    .left-pane {
      background: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 3rem;
      position: relative;
    }

    .right-pane {
      background: url('../../img/bg/ajhs_konsert_sal.jpg') center center/cover no-repeat;
      min-height: 100%;
    }

 .right-pane-admin {
      background: url('../../img/bg/ajhs_soyler.jpg') center center/cover no-repeat;
      min-height: 100%;
    }
 
    .top-logo {
      position: absolute;
      top: 1.25rem;
      left: 1.25rem;
    }

    .top-logo img {
      height: 65px;
      border-radius: 0.25rem;
    }

    .login-card {
      width: 100%;
      max-width: 360px;
      margin: 0 auto;
    }

    .form-control:focus {
      border-color: #a3c8ff !important;
      box-shadow: none !important;
      outline: none !important;
    }

    .btn-login {
      width: 100%;
      background: #003B80;
      color: #fff !important;
      border: none;
      border-radius: 25px;
      padding: 0.6rem 1rem;
      font-weight: 600;
      transition: all 0.25s ease-in-out;
    }

    .btn-login:hover {
      background: #002d66;
      color: #fff !important;
    }

    .form-check-label, .forgot-link { font-size: 0.85rem; }

    .offcanvas-end {
      width: 320px;
      border-left: 1px solid #dee2e6;
      background: #fff;
    }

  .offcanvas-header {
    background:#fff;
    border-bottom:none;
  }


    /* Senterspinner */
    .sending-state {
      display: none;
      text-align: center;
      padding-top: 2rem;
    }