.bg-auth {
  background-color: #37474f;
}

.login_container .wrapper-header {
  height: 50px;
  width: 100%;
}

.form-auth {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.form-auth .card .card-body {
  padding: 55px 50px;
}
.form-auth .title {
  margin-bottom: 40px;
}
.form-auth .title h1 {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}
.form-auth .form-group label {
  color: #607d8b;
  font-weight: 600;
}
.form-auth .group {
  position: relative;
}
.form-auth .group i {
  position: absolute;
  top: 20px;
  left: 18px;
  color: #607d8b;
}
.form-auth .group .form-control {
  height: 55px;
  padding-left: 15px;
}
.form-auth .link-bot {
  margin-top: 30px;
  margin-bottom: 0;
}
.form-auth .link-bot a {
  text-decoration: underline;
}
.form-auth.reset-password .back-login {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 22px;
}
.form-auth.reset-password .back-login img {
  width: 20px;
  height: 20px;
}
.form-auth.reset-password h1 {
  margin-bottom: 35px;
}
.form-auth.reset-password .description {
  margin-bottom: 35px;
}
.form-auth.reset-password .description p {
  color: #607d8b;
  font-size: 16px;
}
.form-auth.reset-password form button {
  margin-top: 20px;
}
.form-auth.reset-password form .form-control {
  padding-left: 0.75rem;
}

.elem-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-logout {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 50px;
}

body {
  color: #424242;
  font-family: "Noto Sans JP", sans-serif;
}

.app {
  height: 100vh;
  background-color: #eeeeee;
}

body.bg-auth,
body.bg-shop {
  --bs-border-radius: 0.25rem;
  --bs-border-radius-sm: 0.2rem;
  --bs-border-radius-lg: 0.3rem;
  --bs-primary: #007bff;
  --bs-primary-rgb: 0, 123, 255;
  --bs-link-color: #007bff;
  --bs-link-color-rgb: 0, 123, 255;
  --bs-link-hover-color: #0056b3;
  --bs-link-hover-color-rgb: 0, 86, 179;
}
body.bg-auth .row,
body.bg-auth .container,
body.bg-auth .container-fluid,
body.bg-shop .row,
body.bg-shop .container,
body.bg-shop .container-fluid {
  --bs-gutter-x: 30px;
}
@media (min-width: 1400px) {
  body.bg-auth .container,
  body.bg-shop .container {
    max-width: 1140px;
  }
}
body.bg-auth .btn-block,
body.bg-shop .btn-block {
  display: block;
  width: 100%;
}
body.bg-auth .btn-block + .btn-block,
body.bg-shop .btn-block + .btn-block {
  margin-top: 0.5rem;
}
body.bg-auth .form-group,
body.bg-shop .form-group {
  margin-bottom: 1rem;
}
body.bg-auth label,
body.bg-shop label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
body.bg-auth .form-check-label,
body.bg-shop .form-check-label {
  margin-bottom: 0;
}
body.bg-auth a,
body.bg-shop a {
  text-decoration: none;
}
body.bg-auth h1, body.bg-auth h2, body.bg-auth h3, body.bg-auth h4, body.bg-auth h5, body.bg-auth h6,
body.bg-shop h1,
body.bg-shop h2,
body.bg-shop h3,
body.bg-shop h4,
body.bg-shop h5,
body.bg-shop h6 {
  color: inherit;
}
body.bg-auth .card,
body.bg-shop .card {
  color: inherit;
}
body.bg-auth .btn-primary,
body.bg-shop .btn-primary {
  --bs-btn-bg: #007bff;
  --bs-btn-border-color: #007bff;
  --bs-btn-hover-bg: #0069d9;
  --bs-btn-hover-border-color: #0062cc;
  --bs-btn-active-bg: #0062cc;
  --bs-btn-active-border-color: #005cbf;
  --bs-btn-disabled-bg: #007bff;
  --bs-btn-disabled-border-color: #007bff;
  --bs-btn-focus-shadow-rgb: 0, 123, 255;
}
body.bg-auth .form-control:focus,
body.bg-auth .form-check-input:focus,
body.bg-shop .form-control:focus,
body.bg-shop .form-check-input:focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
body.bg-auth .form-check-input,
body.bg-shop .form-check-input {
  background-color: #dee2e6;
  border-color: #dee2e6;
}
body.bg-auth .form-check-input:checked,
body.bg-shop .form-check-input:checked {
  background-color: #007bff;
  border-color: #007bff;
}
body.bg-auth .alert-success,
body.bg-shop .alert-success {
  --bs-alert-color: #155724;
  --bs-alert-bg: #d4edda;
  --bs-alert-border-color: #c3e6cb;
  --bs-alert-link-color: #155724;
}
body.bg-auth .alert-danger,
body.bg-shop .alert-danger {
  --bs-alert-color: #721c24;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c6cb;
  --bs-alert-link-color: #721c24;
}