html,
body {
  height: 100%;
  background-color: #FF671B !important;
  align-items: center;
}

main {
  background-color: whitesmoke;
  border-radius: 10px 10px 10px 10px;
}

.form-signin {
  max-width: 330px;
  padding: 1rem;
}

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

.form-signin input[type="email"] {
  margin-bottom: -1px;
}

#floatingInput{
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
}

#floatingPassword{
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#id_brand {
  width: 100%;
  /*background-color: black;*/
  border-radius: 10px;
  padding: 10px;
}

#id_signin {
  display: flex;
  justify-content: center;
  font-size: clamp(1.3rem, 1.5rem + .25vw, 3rem);
}

#id_pcsapi {
  position: fixed;
  bottom: 0;
  left: 0;
  max-width: 170px;
}

#id_pcsapi_2 {
  max-width: 170px;
  display:block;
  margin:auto;
}

#id_pcsapi_3 {
  min-width: 330px;
  max-width: 390px;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#menu {
  background-color: white !important;
  max-width: 330px;
  padding: 1rem;
}

.infodisplay {
  margin: 0 !important;
}

button > a {
  text-decoration: none !important;
  color: white !important;
}

.tableheader {
  background-color: whitesmoke;
  border-radius: 10px;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 10px;
}

.custom_tablebody {
  /*background-color: #000000cc;*/
  background-color: #AFABAB;
  border-radius: 10px;
  padding: 0.5rem;
}

.pgdivider {
  height: 1px;
  border-top: 1px solid black;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
  opacity: 0.70;
}

.loader::after {
  content:"";
  width: 75px;
  height: 75px;
  border: 15px solid whitesmoke;
  border-top-color: #FF671B;
  border-radius: 50%;
  animation: loading 0.75s ease infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*---- Swiper.css ----*/

.swiper {
  width: 100%;
  height: auto;
}

:root {
--swiper-pagination-color: #000 !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}

/*---- BS5 Mods ----*/

.dropdown-item.active {
  background-color: #17909b !important;
}