.btn-sm 
{
  --bs-btn-padding-y: 0.3rem;
  --bs-btn-padding-x: 0.7rem
}

/* replaces the caret class from bootstrap 3 */
.mycaret_class 
{
  padding-left: 2px; 
  vertical-align: middle; 
  font-size: 0.6em
}

/* XS: <576px */
@media (max-width: 575.98px) {
  .hidden-xs {
    display: none !important;
  }
}

/* SM: 576px – 767.98px */
@media (min-width: 576px) and (max-width: 767.98px) {
  .hidden-sm {
    display: none !important;
  }
}

/* MD: 768px – 991.98px */
@media (min-width: 768px) and (max-width: 991.98px) {
  .hidden-md {
    display: none !important;
  }
}

/* LG: 992px – 1199.98px */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .hidden-lg {
    display: none !important;
  }
}

/* XL: ≥1200px */
@media (min-width: 1200px) {
  .hidden-xl {
    display: none !important;
  }
}


.text-right {
  text-align: right;
}

.btn-light 
{
  border: 1px solid gainsboro;
}

a 
{
  text-decoration: none;
}

.nav
{
  --bs-nav-link-padding-y: 0.6rem;
}

.nav a
{
  color: inherit !important; 
}

.btn
{
  --bs-btn-focus-shadow-rgb: none !important;
}

.form-control
{
  outline: none !important;
  box-shadow: none !important;
}

:root {
  scroll-behavior: auto;
}


.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

.btn-block 
{
  width: 100%; 
}