:root {
  --primary: #25476a;
  --secondary: #26a69a;
  --success: #67851e;
  --danger: #df5645;
  --warning: #fa9f1b;
  --info: #03a9f4;
  --light: #e1e7f0;
  --dark: #373c43;

  --alphalt: #34495e;
  --blue: #03a9f4;
  --cyan: #0dcaf0;
  --dark-green: #46a46a;
  --gray-dark: #9ea2a8;
  --gray: #f5f5f5;
  --green: #9fcc2e;
  --indigo: #25476a;
  --light-green: #e1f0e6;
  --main-color: #25476a;
  --orange: #fa9f1b;
  --pink: #f06292;
  --purple: #ab47bc;
  --light-red: #f7d5d1;
  --red: #df5645;
  --dark-red: #c73522;
  --teal: #26a69a;
  --web-primary: #7f8184;
  --web-secondary: #992138;
  --white: #fff;
  --yellow: #ffe405;

  --bs-body-bg: #f8f8fb;

  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #495057;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-18 {
  font-size: 18px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-22 {
  font-size: 22px !important;
}
.font-size-23 {
  font-size: 23px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-26 {
  font-size: 26px !important;
}
.font-size-28 {
  font-size: 28px !important;
}
body {
  background-color: var(--bs-body-bg);
}
/* General */
ul li {
  list-style: none;
}
main {
  flex: auto;
}
a {
  color: #000;
  text-decoration: none;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.capitalize {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.pointer {
  cursor: pointer;
}
.break-line {
  background-color: #46a46a;
  color: #fff;
  padding: 0 7px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 10px;
}
.break-line-xm {
  height: 2px;
}
.break-line-sm {
  height: 5px;
}
.break-line-lg {
  height: 15px;
}
/* Background */
.bg-alphalt {
  background-color: var(--alphalt);
}
.bg-blue {
  background-color: var(--blue);
}
.bg-cyan {
  background-color: var(--cyan);
}
.bg-danger {
  background-color: var(--danger);
}
.bg-dark {
  background-color: var(--dark);
}
.bg-gray-dark {
  background-color: var(--gray-dark);
}
.bg-gray {
  background-color: var(--gray);
}
.bg-light-green {
  background-color: var(--light-green);
}
.bg-green {
  background-color: var(--green);
}
.bg-dark-green {
  background-color: var(--dark-green);
}
.bg-indigo {
  background-color: var(--indigo);
}
.bg-info {
  background-color: var(--info);
}
.bg-main-color {
  background-color: var(--main-color);
}
.bg-light {
  background-color: var(--light);
}
.bg-orange {
  background-color: var(--orange);
}
.bg-pink {
  background-color: var(--pink);
}
.bg-primary {
  background-color: var(--primary);
}
.bg-purple {
  background-color: var(--purple);
}
.bg-light-red {
  background-color: var(--light-red);
}
.bg-red {
  background-color: var(--red);
}
.bg-dark-red {
  background-color: var(--dark-red);
}
.bg-secondary {
  background-color: var(--secondary);
}
.bg-success {
  background-color: var(--success);
}
.bg-teal {
  background-color: var(--teal);
}
.bg-transparent {
  background: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}
.bg-warning {
  background-color: var(--warning);
}
.bg-web-primary {
  background-color: var(--web-primary);
}
.bg-web-secondary {
  background-color: var(--web-secondary);
}
.bg-white {
  background-color: var(--white);
}
.bg-yellow {
  background-color: var(--yellow);
}

.text-alphalt {
  color: var(--alphalt);
}
.text-blue {
  color: var(--blue);
}
.text-cyan {
  color: var(--cyan);
}
.text-danger {
  color: var(--danger);
}
.text-dark {
  color: var(--dark);
}
.text-gray-dark {
  color: var(--gray-dark);
}
.text-gray {
  color: var(--gray);
}
.text-light-green {
  color: var(--light-green);
}
.text-green {
  color: var(--green);
}
.text-dark-green {
  color: var(--dark-green);
}
.text-indigo {
  color: var(--indigo);
}
.text-info {
  color: var(--info);
}
.text-light {
  color: var(--light);
}
.text-orange {
  color: var(--orange);
}
.text-pink {
  color: var(--pink);
}
.text-primary {
  color: var(--primary);
}
.text-purple {
  color: var(--purple);
}
.text-light-red {
  color: var(--light-red);
}
.text-red {
  color: var(--red);
}
.text-dark-red {
  color: var(--dark-red);
}
.text-secondary {
  color: var(--secondary);
}
.text-success {
  color: var(--success);
}
.text-teal {
  color: var(--teal);
}
.text-warning {
  color: var(--warning);
}
.text-web-primary {
  color: var(--web-primary);
}
.text-web-secondary {
  color: var(--web-secondary);
}
.text-white {
  color: var(--white);
}
.text-yellow {
  color: var(--yellow);
}

.navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
  letter-spacing: 1px;
}
.navbar-nav .nav-link.active {
  border-bottom: 2px solid rgba(255, 255, 255, 1);
}
@media (max-width: 700px) {
  table td {
    /* max-width: 100px; */
  }
}
.form-control-plaintext {
  border-bottom: 1px dashed rgb(221, 221, 221);
}
.btn, .btn-square {
  border-radius: 0;
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.btn:hover {
  box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 25%);
}
.square {
  border-radius: 0;
}

.container {
  max-width: 100%;
}
@media screen and (min-width: 576px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1200px) {
  .container {
    max-width: 75%;
  }
}

.input.base {
    display: block;
    max-width: 300px;
    padding: 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
#js-error {
    color: #ff0000;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}