html {
  font-size: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@view-transition {
  navigation: auto;
}
body {
  direction: ltr;
  --bs-font-sans-serif: "Segoe UI", "-apple-system", "system-ui", "BlinkMacSystemFont", "Helvetica Neue", "Lucida Grande", "Roboto", "Ebrima", "Nirmala UI", "Gadugi", "Segoe Xbox Symbol", "Segoe UI Symbol", "Meiryo UI", "Khmer UI", "Tunga", "Lao UI", "Raavi", "Iskoola Pota", "Latha", "Leelawadee", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Malgun Gothic", "Estrangelo Edessa", "Microsoft Himalaya", "Microsoft New Tai Lue", "Microsoft PhagsPa", "Microsoft Tai Le", "Microsoft Yi Baiti", "Mongolian Baiti", "MV Boli", "Myanmar Text", "Cambria Math" !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}

.body-container {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  animation: fadeIn 0.5s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.login-graphics-btm {
  user-select: none;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 55vh;
  background-image: url("../login-bg-btm.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position-y: bottom;
  z-index: 0;
}

.login-graphics-top {
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 538px;
  aspect-ratio: 16/9;
  background-image: url("../login-bg-top.png");
  background-repeat: no-repeat;
  background-position-y: top;
  z-index: 0;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e06f01;
  --bs-btn-border-color: #d96b00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bf6207;
  --bs-btn-hover-border-color: #ae5906;
  --bs-btn-focus-shadow-rgb: 217, 107, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ae5906;
  --bs-btn-active-border-color: #a45405;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #a65c14;
  --bs-btn-disabled-border-color: #8f5823;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #434852;
  --bs-btn-border-color: #434852;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3d424b;
  --bs-btn-hover-border-color: #3d424b;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #434852;
  --bs-btn-disabled-border-color: #434852;
}

.btn-link {
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
}

.btn {
  font-size: inherit !important;
}
.btn .spinner-border {
  display: none !important;
}
.btn.is-loading .spinner-border {
  display: inline-block !important;
}
.btn:hover {
  background-color: var(--bs-btn-hover-bg) !important;
}

.logo-title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.2em;
}

.client-logo img {
  max-width: 440px;
  max-height: 440px;
}

.login-card {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 440px;
  width: calc(100% - 40px);
  padding: 45px 25px;
  margin-bottom: 28px;
  min-width: 320px;
  min-height: 180px;
  overflow: hidden;
  view-transition-name: card-transition;
}
.login-card.wide {
  max-width: 600px;
  width: calc(100% - 70px);
}
.login-card ::view-transition-old(card-transition) {
  transition: height linear 1s, width linear 1s;
}
.login-card ::view-transition-new(card-transition) {
  transition: height linear 1s, width linear 1s;
}
.login-card .login-card-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}
.login-card .login-card-header .logo-img {
  height: 1.5em;
  width: auto;
  margin: 0.5em 0.2em 0.5em 0.5em;
  pointer-events: none;
}
.login-card .login-container {
  width: 100%;
}
.login-card .login-container .form-actions {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.password-toggle {
  background-color: var(--bs-input-bg);
  border: 1px solid inherit !important;
  border-radius: var(--bs-border-radius) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.password-toggle.input-group-text {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.form-control {
  background-color: var(--bs-input-bg) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  border: 1px solid;
}
.form-control:focus:not(.is-invalid) {
  box-shadow: 0 0 0 0.25rem rgba(217, 107, 0, 0.25) !important;
}

.tooltip {
  --bs-tooltip-opacity: 1 !important;
}

input::-ms-reveal,
input::-ms-clear {
  display: none !important;
}

.small {
  font-size: 13px !important;
}

.valid-feedback:empty {
  display: none !important;
}

html[data-bs-theme=dark] {
  --bs-body-bg: #25282d !important;
  --bs-input-bg: #25282d !important;
  --bs-secondary-rgb: 124, 134, 144 !important;
}
html[data-bs-theme=dark] .tooltip {
  --bs-tooltip-bg: #393f45 !important;
  --bs-tooltip-color: #d5d7db !important;
}
html[data-bs-theme=dark] .card {
  --bs-card-bg: #232327 !important;
}
html[data-bs-theme=dark] body {
  color-scheme: dark;
}
html[data-bs-theme=dark] .form-control {
  border-color: #494e56 !important;
  color: #d5d7db !important;
}
html[data-bs-theme=dark] .form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #25282d inset !important; /* Set the same background color as above */
  -webkit-text-fill-color: #d5d7db !important; /* Set the text color for better visibility */
}
html[data-bs-theme=dark] .form-control::-webkit-input-placeholder {
  color: #fff; /* Chrome, Safari, Opera */
}
html[data-bs-theme=dark] .form-control::-moz-placeholder {
  color: #fff; /* Firefox 18- */
  opacity: 1;
}
html[data-bs-theme=dark] .form-control:-ms-input-placeholder {
  color: #fff; /* Edge */
}
html[data-bs-theme=dark] .form-control::placeholder {
  color: #fff; /* modern browsers */
}

html[data-bs-theme=light] {
  --bs-body-bg: #eef0eb !important;
  --bs-border-color: #b8c6da !important;
  --bs-body-color: #1b1b1b;
  --bs-input-bg: #e7e9e4 !important;
}
html[data-bs-theme=light] .tooltip {
  --bs-tooltip-bg: #5b5b5b !important;
}
html[data-bs-theme=light] .card {
  --bs-card-bg: #ffffff !important;
}
html[data-bs-theme=light] body {
  color-scheme: light;
}
html[data-bs-theme=light] .form-control {
  border-color: #b8c6da !important;
}
html[data-bs-theme=light] .form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #eef0eb inset !important; /* Set the same background color as above */
}
html[data-bs-theme=light] .login-graphics-btm {
  filter: invert(1);
}
html[data-bs-theme=light] .login-graphics-top {
  filter: invert(1);
}

/*# sourceMappingURL=site.css.map */