/* Auth-only extras on top of Dashkit (Good Themes). */

.bg-auth {
  min-height: 100vh;
}

.limit-box {
  max-width: 370px;
  margin: auto;
}

.limit-box .logo {
  object-fit: contain;
}

.page-inner {
  max-width: 720px;
  margin: 48px auto;
  padding: 24px;
}

.btn-google {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #fff;
  color: #12263f;
  border-color: #d2ddec;
  margin-top: 0;
}

.btn-google:hover,
.btn-google:focus {
  background-color: #edf2f9;
  border-color: #b1c2d9;
  color: #12263f;
}

.btn-google .google-mark {
  flex-shrink: 0;
}

.hr-with-text {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 20px 0;
  font-size: 12px;
  color: #95aac9;
}

.hr-with-text::before,
.hr-with-text::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #ddd;
}

.hr-with-text:not(:empty)::before {
  margin-right: 0.5em;
}

.hr-with-text:not(:empty)::after {
  margin-left: 0.5em;
}