.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

/*
.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
*/
.bd-mode-toggle {
  z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}

html,
body {
  height: 100%;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

@media (prefers-color-scheme: light) {
  [data-bs-theme="auto"] .theme-hide-light {display: none;}
}
@media (prefers-color-scheme: dark) {
  [data-bs-theme="auto"] .theme-hide-dark {display: none;}
}
[data-bs-theme="dark"] .theme-hide-dark {
    display: none;
}
[data-bs-theme="light"] .theme-hide-light {
    display: none;
}


.btn-primary-mag {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4f8fcc;
  --bs-btn-border-color: #4f8fcc;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3981c5;
  --bs-btn-hover-border-color: #3d84c7;
  --bs-btn-focus-shadow-rgb: 49,132,253;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3373b0;
  --bs-btn-active-border-color: #3981c5;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4f8fcc;
  --bs-btn-disabled-border-color: #4f8fcc;
}

.hidden {
  display: none;
}

.anim-rotate {
  animation: rotate-keyframes 1s linear infinite;
}
@keyframes rotate-keyframes{
  100%{
    transform:rotate(360deg)
  }
}
.align-items-center {
  align-items: safe center !important;
}