:root {
    --respeggt-pink: rgb(232, 50, 120);
    --darkpink: rgb(214, 24, 96);
    --respeggt-yellow: rgb(255, 204, 0);
    --respeggt-darkgray: rgb(68, 68, 68);
    --respeggt-darkgray60: rgba(68, 68, 68, 60%);
    --respeggt-gray: rgb(212,212,212);
    --respeggt-lightgray: rgb(228, 228, 228);
}
html {
    font-size: 62.5%;
    position: relative;
    min-height: 100%;
  }
  @media (max-width: 992px) {
    html {
        font-size: 50%;
    }
}
  @media (max-width: 768px) {
    html {
        font-size: 40%;
    }
}
  body {
    margin-bottom: 100px; /* Margin bottom by footer height */
    font-size: 2rem;
    text-align: justify;
  }
  footer.footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 100px;
      padding-top: 40px;
      font-size: 1.6rem;
  }
  footer a {
      color: rgba(68, 68, 68, 60%);
      text-decoration: none;
  }
  .custom-select {
    font-size: 2rem;
  }
  .close {
    font-size: unset;
  }
  ol.breadcrumb {
    font-size: 80%;
  }


/* Pagination */
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #1d1d1b;
    background-color: #fff;
    border: 1px solid #dee2e6;
  }

  .page-link:hover {
    z-index: 2;
    color: #1d1d1b;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
  }

  .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 221, 0, 0.25);
  }

  .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #fecc00;
    border-color: #fecc00;
  }

  .page-item.disabled .page-link {
    color: #e3e4e3;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
  }

  .pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5;
  }

  .pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
  }

  .pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }

  .pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.7875rem;
    line-height: 1.5;
  }

  .pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
  }

  .pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
  }
/* menu */
.navbar {
    font-family: 'Roboto Slab', serif;
    padding: 0.4rem 1.6rem;
  }
  #navbar .logo {
    background: url('/images/respeggt-group_new_202x93.png') no-repeat;
  width: 202px;
  height: 93px;
  min-width: 202px;
  min-height: 93px;
}
  #navbar.navbar-light .logo {
    background: url('/images/respeggt-group_new_202x93.png') no-repeat;
}
@media (max-width: 450px) {
  #navbar .logo, #navbar.big .logo {
  width: 202px;
  height: 93px;
  min-width: 202px;
  min-height: 93px;
}
}
@media (max-width: 310px) {
  #navbar .logo, #navbar.big .logo {
  width: 162px;
  height: 46px;
  min-width: 162px;
  min-height: 46px;
}
}
@media (max-width: 275px) {
  #navbar .logo, #navbar.big .logo {
  width: 101px;
  height: 29px;
  min-width: 101px;
  min-height: 29px;
}
}
.navbar-toggler {
  font-size: 30px;
}
@media (max-width: 300px) {
  .navbar-toggler {
    font-size: 25px;
  }
}
@media (max-width: 200px) {
  .navbar-toggler {
    font-size: 20px;
  }
}
#navbar .nav-item {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
}
#navbar .nav-link {
    font-size: 1.8rem;
}
#navbar a.btn.nav-link {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0.4rem 1rem;
    /* padding: 0.4rem 3.2rem; */
}
@media (max-width: 768px) {
  #navbar .nav-link {
    font-size: 5rem;
}
#navbar a.btn.nav-link {
    font-size: 4rem;
    font-weight: bold;
    /* padding: 0.4rem 3.2rem; */
}
.dropdown-item {
  font-size: 3.8rem;
}
}
#navbar.navbar-light a.btn-primary.nav-link, #navbar.navbar-dark a.btn-primary.nav-link, div.light .btn-primary {
    color: white;
}
#navbar.navbar-light a.btn-light.nav-link, #navbar.navbar-dark a.btn-light.nav-link {
    color: rgba(0, 0, 0, 0.5);
}

#navbar.navbar-light {
          background-color: white;
}

.container.wide {
  max-width: unset;
}

a.nav-link, a.dropdown-item {
    text-decoration: none;
}

.nav-item {
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
}
.btn {
    font-size: 2rem;
    border-radius: 1rem;
}

.btn-primary, .btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: rgb(232, 50, 120);
    border-color: rgb(232, 50, 120);
}
.btn-primary:hover {
    background-color: rgb(214, 24, 96);
    border-color: rgb(214, 24, 96);
}
.btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    background-color: rgb(214, 24, 96);
    border-color: rgb(214, 24, 96);
    box-shadow: 0 0 0 0.3rem rgba(232, 50, 120, 0.5);
}
.btn-primary:disabled {
  background-color: rgba(232, 50, 120, 0.5);
}
.btn-light, .btn-light:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    background-color: white;
    border-color:  rgba(0, 0, 0, 0.5);
}
.btn-light:hover {
    background-color: rgb(228, 228, 228);
}
.btn-light:focus, .btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    background-color: rgb(228, 228, 228);
    border-color: rgb(228, 228, 228);
    box-shadow: 0 0 0 0.3rem white;
}
.dropdown-menu {
    font-size: 1.8rem;
    text-align: center;
}
.dropdown-item {
    color: black;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: black;
  background-color: rgb(228, 228, 228);
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  background-color: rgb(255, 204, 0);
}



  /* miscellaneous */
  @media (max-width: 576px) {
    .table th, .table td {
      padding: 0.25rem;
    }
  }

  .badge-pill.no-text {
    padding-top: 0.5rem;
    padding-bottom: 0rem;
  }



  h1 {
    text-align: center;
    font-family: 'Roboto Slab', sans-serif;
    color: rgb(232, 50, 120);
    font-size: 4rem;
    padding-bottom: 1rem;
}
h2 {
    font-size: 3rem;
    font-family: 'Roboto Slab', sans-serif;
    color: rgb(68, 68, 68);
    margin-top: 20px;
    margin-bottom: 10px;
}
h3 {
    font-family: 'Roboto Slab', sans-serif;
    text-align: center;
    color: rgb(232, 50, 120);
    text-transform: uppercase;
    font-size: 4rem;
    padding-bottom: 2rem;
}
h4 {
    font-family: 'Roboto Slab', sans-serif;
    text-align: center;
    color: rgb(68, 68, 68);
    font-size: 20px;
    padding-bottom: 1rem;
}

h1.card-header {
  font-size: 2rem;
}
p {
    font-family: 'Roboto', sans-serif;
    color: rgba(68, 68, 68, 60%);
}

a {
    color: rgba(68, 68, 68, 60%);
}

a.info-tooltip {
  color: blue;
}
a.underline {
  text-decoration: underline;
}
dd a:not(.btn), table a:not(.btn) {
  text-decoration: underline;
}
ol.breadcrumb a {
  color: rgb(232, 50, 120);
}
a:hover, a:active {
  color: rgb(68, 68, 68);
}
a.document {
    color: rgb(232, 50, 120);
    text-decoration: none;
}
a.document::before {
  display: inline-block;
  padding: 0.5rem;
  font: normal normal normal 2rem/1 FontAwesome;
  content: "\f15b";
}
a.document.pdf::before {
  content: "\f1c1";
}
a.document:active, a.document:hover {
    text-decoration: underline;
}

div.light, div.light p {
    color: rgb(68, 68, 68);
}
div.light a {
    color: black;
    text-decoration: none;
}
div.light a:hover:not(.btn), div.light a:active:not(.btn) {
    text-decoration: underline;
}
hr {
    border-top: 2px solid rgb(212,212,212);
    margin-top: 0;
    margin-bottom: 4rem;
    margin-left: 15px;
    margin-right: 15px;
}
a.read-more {
    color: rgb(232, 50, 120);
    text-decoration: underline;
}
h2 a.read-more {
    color: rgb(68, 68, 68);
    text-decoration: none;
}
a.read-more.collapsed span.collapsed, a.read-more:not(.collapsed) span.toggle {
  display: none;
}
a.read-more::after {
  display: inline-block;
  padding: 0.5rem;
  font: normal normal normal 2rem/1 FontAwesome;
  content: "\f103";
}
a.read-more:not(.collapsed)::after {
  content: "\f102";
}
a.previous::before {
    color: rgb(232, 50, 120);
  display: inline-block;
  padding: 0.5rem;
  font: normal normal normal 2rem/1 FontAwesome;
  content: "\f053";
}
a.next::after {
    color: rgb(232, 50, 120);
  display: inline-block;
  padding: 0.5rem;
  font: normal normal normal 2rem/1 FontAwesome;
  content: "\f054";
}
a.details::after {
    color: rgb(232, 50, 120);
  display: inline-block;
  padding: 0.5rem;
  font: normal normal normal 2rem/1 FontAwesome;
  content: "\f05a";
}
dl.closer dd {
  margin-bottom: 1.5rem;
  margin-top: -0.75rem;
}

main.py-4 {
    padding-bottom: 0 !important;
}

img.full {
    width: 100%;
}
.filler {
  padding: 5rem;
}
.form-control:not(.radio) {
  font-size: 2rem;
}
div.radio {
  padding-top: 0.5rem;
}
.form-control:focus, .form-control-plaintext:focus, .custom-select:focus {
  border-color: rgb(232, 50, 120);
  outline-color: rgb(232, 50, 120);
  box-shadow: 0 0 0 0.2rem rgba(232, 50, 120, 0.25);
}
.form-check-input {
    margin-top: 1rem;
    position: relative;
}
@media(min-width: 768px) {
  input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.25); /* IE */
  -moz-transform: scale(1.25); /* FF */
  -webkit-transform: scale(1.25); /* Safari and Chrome */
  -o-transform: scale(1.25); /* Opera */
  transform: scale(1.25);
  padding: 10px;
}
}
label {
  display: inline;
}

img.side {
  width: 30%;
  height: auto;
}

div.margin {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 5rem;
}
ul {
  color: rgba(68, 68, 68, 60%);
}
.alert-dismissible .close {
  padding: 1.25rem;
}
tr[onclick], div[onclick], li[onclick], h1[onclick], tr.clickable, tr[data-location] {
  cursor: pointer;
}
tr:not(collapsed) span.collapse-row::after {
  color: rgb(232, 50, 120);
  display: inline-block;
  padding: 0.5rem;
  font: normal normal normal 2rem/1 FontAwesome;
  content: "\f13a";
}
tr.collapsed span.collapse-row::after {
  color: rgb(232, 50, 120);
  display: inline-block;
  padding: 0.5rem;
  font: normal normal normal 2rem/1 FontAwesome;
  content: "\f138";
}
.table .thead-light th {
  background-color: rgb(255, 204, 0);
  position: sticky;
  top: 0;
  border:10px;
}
.table.small-text thead {
  font-size: 1.2rem;
}
.table.small-text tbody, .table.small-text a.btn {
  font-size: 1.2rem;
}
.table.small-text th, .table.small-text td {
  padding: 0.4rem;
}
/* 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;
}

.nav-tabs .nav-link.active {
  color: rgb(232, 50, 120);
}

.modal-full {
  max-width: unset;
}
.tooltip{
   font-size: 2rem;
}