/* General */
:root {
  --bs-primary: #004486;
  --bs-secondary: #0052a3;
  --bs-primary-rgb: 0, 68, 134;
  --bs-secondary-rgb: 0, 82, 163;
}
/* Font */
@font-face {
  font-family: Lato;
  src: url("/assets/fonts/Lato.ttf");
}
@font-face {
  font-family: Raleway;
  src: url("/assets/fonts/Raleway.ttf");
}
body {
  font-family: Lato;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Raleway;
}

/* Button */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

/* TopBtn */
#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
}

/* Form */
.mylabelrequired:after {
  content: "*";
  color: var(--bs-danger);
  padding-left: 0.2em;
}