/* @font-face {
  font-family: "Futura Book";
  src: url("../fonts/futura/Futura\ Book\ font.ttf") format("truetype");
} */

/* @font-face {
  font-family: "Futura Extra Black";
  src: url("../fonts/futura/Futura\ Extra\ Black\ font.ttf") format("truetype");
} */

/* @font-face {
  font-family: "Futura Medium";
  src: url("../fonts/futura/futura\ medium\ bt.ttf") format("truetype");
} */

/* @font-face {
  font-family: "Futura Heavy";
  src: url("../fonts/futura/Futura\ Heavy\ font.ttf") format("truetype");
} */

/* SIDENAV */

#wrapper {
  display: flex;
}

#sidebar-wrapper {
  min-height: 100vh;
  overflow-y: auto;
}

#page-content-wrapper {
  flex: 1;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 998;
  display: none;
}

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #f1f3f4;
  border: 0;
  margin: 0;
  padding: 0;
  z-index: 999;
  overflow-y: auto;
}

.options {
  border: 0 !important;
}

.opt {
  width: 20rem !important;
  padding: 0.5rem 4rem 0.5rem 1rem !important;
  background-color: #f1f3f4;
  border: 0;
  border-radius: 0 !important;
  margin: 15px 0 0 10px !important;
  text-transform: uppercase !important;
  font-family: "Futura Bold";
  cursor: pointer !important;
  letter-spacing: 0.1rem !important;
  font-size: 1.2rem !important;
}

.opt a {
  font-size: 1.2rem !important;
  letter-spacing: 0.1rem !important;
}
#sidebar-products .opt {
  background-color: #e3e7ea !important;
}

#sidebar-products {
  margin-left: 15rem !important;
  background-color: #e3e7ea !important;
}

.opt.act {
  border-left: 5px solid #ea5f11 !important;
}

.opt-close {
  margin: 0 !important;
  padding: 5px 10px !important;
  background-color: #f1f3f4 !important;
  border: 0;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  /* font-family: "Futura Bold"; */
  cursor: pointer !important;
  /* letter-spacing: 0.2rem !important;
  font-size: 18px !important; */
}

.nav-link.lang {
  cursor: pointer !important;
}

/* .nav-link {
  font-weight: bold !important;
  color: black !important;
} */

.btn-menu {
  background-color: transparent !important;
  margin: 1rem 1rem !important;
  padding: 0 !important;
}

.btn-menu i {
  font-size: 25px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.linkNav {
  text-decoration: none !important;
}

/**
 ** FOOTER
***/
.footer-cont {
  padding: 1rem 3rem !important;
}

.footer {
  /* position: fixed; */
  margin: 0;
  padding: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}

/* 
 * TABS
 */
.centerall {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Contenido de tabs */
.tab-content {
  border-left: 1px solid #ea5f11;
  border-right: 1px solid #ea5f11;
  border-bottom: 1px solid #ea5f11;
  border-top: 1px solid #ea5f11;
  border-end-end-radius: 6px !important;
  border-end-start-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

/* Grupo de tabs */
.nav-tabs {
  border: 0 !important;
}

/* Tab activa */
.nav-tabs .nav-item .nav-link.active {
  border-top: 1px solid #ea5f11 !important;
  border-left: 1px solid #ea5f11 !important;
  border-right: 1px solid #ea5f11 !important;
  border-bottom: 1px solid #fff !important;
  background-color: #fff !important;
}

.nav-tabs .nav-item .nav-link {
  background-color: #f1f3f4 !important;
  margin-right: 0.3rem !important;
  border-top: 1px solid #ea5f11 !important;
  border-left: 1px solid #ea5f11 !important;
  border-right: 1px solid #ea5f11 !important;
  border-bottom: 1px solid #ea5f11 !important;
}

.nav-tabs .nav-item .nav-link.active:hover {
  border-top: 1px solid #ea5f11 !important;
  border-left: 1px solid #ea5f11 !important;
  border-right: 1px solid #ea5f11 !important;
  border-bottom: 1px solid #fff !important;
}

.nav-tabs .nav-item .nav-link:hover {
  border-top: 1px solid #ea5f11 !important;
  border-left: 1px solid #ea5f11 !important;
  border-right: 1px solid #ea5f11 !important;
  border-bottom: 1px solid #ea5f11 !important;
}

#btnSearch {
  background-color: #ea5f11 !important;
  color: #fff !important;
  padding-inline: 1rem !important;
}

.titleFilter {
  font-family: "Futura Bold";
  font-weight: bold !important;
  font-size: 24px !important;
}

#homeIcon {
  cursor: pointer !important;
}
