html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

@media print {
  * {
    font-family: "times new roman", times, serif;
    /*text-align: justify;*/
  }
  h1, h2 {
    break-before: page;
  }
  h1, h2, h3, h4, h5 {
    break-after: avoid;
  }
  table, figure {
    break-inside: avoid;
  }
  header, footer {
    display: none;
  }
}
/*************************************************************************************************/
/* image layout */
/*************************************************************************************************/
img.mb-image-layout {
  aspect-ratio: 16/9;
  object-position: 50% 25%;
}
img.mb-image-layout.mb-img-fitting-cover {
  object-fit: cover;
}
img.mb-image-layout.mb-img-fitting-fill {
  object-fit: fill;
}
img.mb-image-layout.mb-img-fitting-contain {
  object-fit: contain;
}
img.mb-image-layout.mb-img-fitting-none {
  object-fit: none;
}
img.mb-image-layout.mb-img-aspect-ratio-auto {
  aspect-ratio: auto;
}
img.mb-image-layout.mb-img-aspect-ratio-4-3 {
  aspect-ratio: 4/3;
}
img.mb-image-layout.mb-img-aspect-ratio-3-4 {
  aspect-ratio: 3/4;
}
img.mb-image-layout.mb-img-aspect-ratio-16-9 {
  aspect-ratio: 16/9;
}
img.mb-image-layout.mb-img-aspect-ratio-16-4 {
  aspect-ratio: 16/4;
}
img.mb-image-layout.mb-img-aspect-ratio-1-1 {
  aspect-ratio: 1/1;
}
img.mb-image-layout.mb-img-object-position-ignore {
  object-position: unset !important;
}
img.mb-image-layout.mb-img-object-position-centered {
  object-position: 50% 50%;
}
img.mb-image-layout.mb-img-object-position-middle-top {
  object-position: 50% 5%;
}
img.mb-image-layout.mb-img-object-position-middle-bottom {
  object-position: 50% 95%;
}
img.mb-image-layout.mb-img-border-none {
  border-style: none;
}
img.mb-image-layout.mb-img-border-thin {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(85.425, 85.425, 85.425);
}
img.mb-image-layout.mb-img-border-thin-spaced {
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(85.425, 85.425, 85.425);
}

/*************************************************************************************************/
/* bootstrap extensions */
/*************************************************************************************************/
.row.required .col-form-label:after, .row.required label:not(div.form-check > label):after {
  content: "*";
  margin-left: 0.3em;
  font-size: 0.8em;
}

label.required:after {
  content: "*";
  margin-left: 0.3em;
  font-size: 0.8em;
}

.form-label, .col-form-label {
  font-weight: 500;
}

/* Bootstrap extension for dropdown with submenu  */
.dropdown:hover > .dropdown-menu {
  display: block !important;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block !important;
  left: 100%;
  margin-top: -37px;
}

.dropdown-submenu-second:hover > .dropdown-menu {
  display: block !important;
  left: 100%;
  margin-top: -37px;
}

.dropdown-item {
  font-size: small; /* 13px */
}

.dropdown-toggle::after {
  font-size: var(--font-md);
  margin-bottom: -2px;
}

.dropdown-menu li a.active {
  color: #fff;
}

.custom-toggle-arrow {
  font-size: 18px;
  margin-top: 1px;
  line-height: 12px;
}