@import "inter.css";
:root {
  --bs-primary: #17A2B8;
  --bs-dark:#20344a;
  --bs-primary-rgb: rgb(23,162,184) !important;
}

.btn-primary {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: #17A2B8;
}
.btn-primary:hover {
  background-color: var(--bs-dark);
  border-color: var(--bs-primary);
}

.btn-outline-primary {
  color: var(--bs-dark);
  border-color: var(--bs-primary);
}
.btn-outline-primary:hover {
  background-color: var(--bs-primary);
  border-color: var(--bs-dark);
}

.text-primary {
  color: var(--bs-primary) !important;
}

body {
  font-family: "Inter", "Helvetica Neue", Arial, Helvetica, sans-serif;
  background: #f8f9fa;
  font-size: 14px;
}
body.splash {
  background: url("../images/bg.jpg") top left fixed no-repeat;
  background-size: cover;
}
body.splash p.title {
  font-size: calc(15px + 0.75vw);
  /*24px;*/
  font-weight: 400;
}
body.splash h1 {
  font-size: calc(30px + 2vw);
  /*60px;*/
  font-weight: 600;
  margin-bottom: 2rem;
}
body.splash h2 {
  font-size: calc(20px + 1vw);
  /*35px;*/
  font-weight: 500;
}
body.splash h3 {
  color: #20344A;
  font-size: calc(20px + 1.5vw);
  /*45px;*/
  font-weight: 600;
}

.btn {
  font-size: inherit;
}

.fw-600 {
  font-weight: 600;
}

.fw-500 {
  font-weight: 500;
}

.fw-300 {
  font-weight: 300;
}

.nav-link {
  font-size: 1rem;
}

header {
  background: #20344a;
  background-size: cover;
  z-index: 1021 !important;
}
header .nav-link {
  font-size: unset;
}
header .navbar-brand {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
header .navbar-brand span {
  border: 1px solid #D9D9D9;
  font-weight: 800;
  font-size: 20px;
  color: #EBE5FC;
  padding: 5px;
  margin: 10px 10px 10px 0px;
}
header a.nav-link {
  display: inline-block;
  padding-left: 0.1rem !important;
}
header a.nav-link.dropdown-toggle.show {
  font-weight: 600;
}
header .dropdown-menu {
  font-size: 0.85rem;
  padding: 0;
  margin-top: 8px !important;
}
header .dropdown-menu .dropdown-item {
  padding: 0.5rem 1rem;
}
header .dropdown-menu .dropdown-item:hover {
  color: #1B579F;
  background: #C6D8EE;
}

h2.crumb {
  color: #333;
  font-size: 16px;
  background: #ffffff;
  padding: 15px;
  box-shadow: 0 0 5px #ccc;
}

.errorlist, form .asteriskField {
  color: red;
}

.action-buttons {
  font-size: 0.75rem;
}
.action-buttons i {
  font-size: 1.5em;
}
.action-buttons a {
  font-weight: bold;
}

.htmx-indicator {
  opacity: 0;
}

.nowrap {
  white-space: nowrap;
}

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