.btn-light {
  --bs-btn-bg: #F1F3F9;
  --bs-btn-border-color: #F1F3F9;

  --bs-btn-hover-bg: #333;
  --bs-btn-hover-border-color: #E2E5EE;
  --bs-btn-hover-color: #FFF;

  --bs-btn-active-bg: #D3D7E3;
  --bs-btn-active-border-color: #D3D7E3;
}

.btn-light:hover {
  svg {
    filter: brightness(0) invert(1);
  }
}

.btn-info {
  --bs-btn-bg: #FFFFFF;
  --bs-btn-border-color: #FE8321;

  --bs-btn-hover-bg: #FE932E;
  --bs-btn-hover-border-color: #FE932E;
  --bs-btn-hover-color: #FFF;

  --bs-btn-active-bg: #F37914;
  --bs-btn-active-border-color: #F37914;
  --bs-btn-color:#CC6C0A;
}

.btn-info:hover {
  svg {
    filter: brightness(0) invert(1);
  }
}


.btn-danger {
  background: linear-gradient(to right, #FE9824, #FE8421);
  --bs-btn-border-color: #FE9824;
  --bs-btn-color: #FFF;

  --bs-btn-hover-bg: #FFF;
  --bs-btn-hover-border-color: #FE9824;
  --bs-btn-hover-color: #FE8321;

  --bs-btn-active-bg: #C0392B;
  --bs-btn-active-border-color: #C0392B;
}

.btn-danger:hover {
  background: #FFF;
  svg path {
      stroke: #FE8421;
  }
}

.header-font-weight {
  font-weight: 700;
}

.header-menu-url:hover {
  color: #22BA9E !important;
}

.header-menu-url {
  font-size: 15px;
}


.btn-outline-danger {
  border: none;
  background: none;
  --bs-btn-color: #000000
}

.btn-outline-danger:hover {
  border: none;
  background: none;
  --bs-btn-hover-color: #000000
}


a.actived {
  color: #22BA9E !important;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 15px;
}

a.actived-mobile {
  color: #22BA9E !important;
  text-decoration-thickness: 3px;
}

.sub-link-actived {
  color: #22BA9E !important;
  text-decoration: underline;
}

.header-width-container {
    width: 100%;
    height: 68px;
    max-width: 1300px;
    box-shadow: 0 0 13px rgba(135, 146, 151, 0.2);
}

.header-space {
  height: 68px;
}

.container-button a {
  min-width: 65px;
  display: flex;
  justify-content: center;
  font-size: 15px;
}

@media (max-width: 1250px) {
  .navbar-toggler { display: block !important; }
  nav.d-none.d-xl-flex { display: none !important; }
}
@media (min-width: 1251px) {
  .navbar-toggler { display: none !important; }
  nav.d-none.d-xl-flex { display: flex !important; }
}