@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
/************************************
  @media (max-width: 1599px) {
  }
  @media (max-width: 1199px) {
  }
  @media (max-width: 959px) {
  }
  @media (max-width: 639px) {
  }
  @media (max-width: 479px) {
  }

 ************************************
  @media (min-width: 480px) {
  }
  @media (min-width: 640px) {
  }
  @media (min-width: 960px) {
  }
  @media (min-width: 1200px) {
  }
  @media (min-width: 1600px) {
  }
************************************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
  color: #333;
  background: white;
  margin: 0 !important;
}
noscript {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 1000;
}
a {
  transition: all ease 0.3s;
}
.login {
  background-color: white;
  padding: 30px;
}
@media (min-width: 640px) {
  .login {
    width: 400px;
  }
}
.login.card {
  min-height: 600px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Inter', sans-serif;
}
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6 {
  font-family: 'Inter', sans-serif;
}
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-medium,
.uk-heading-small {
  font-family: 'Inter', sans-serif;
}
h1 {
  font-weight: 300;
  line-height: 1em;
}
@media (max-width: 959px) {
  h1 {
    font-size: 2rem;
  }
}
@media (max-width: 639px) {
  h1 {
    font-size: 1.8rem;
  }
}
@media (max-width: 479px) {
  h1 {
    font-size: 1.5rem;
  }
}
input.uk-input::placeholder {
  font-size: 0.8rem !important;
  color: #c1c5cd !important;
}
textarea.uk-textarea::placeholder {
  font-size: 0.8rem !important;
  color: #c1c5cd !important;
}
.uk-text-bold {
  font-weight: 500;
}
strong {
  font-weight: 700;
}
@media (max-width: 479px) {
  .uk-button {
    padding: 0 20px;
  }
}
.uk-button-primary {
  background-color: #002A8A;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-transform: none;
}
.uk-button-primary img *,
.uk-button-primary svg * {
  stroke: white;
  fill: transparent;
}
.uk-button-primary:hover {
  background-color: rgba(0, 42, 138, 0.7);
}
.uk-button-secondary {
  background-color: #FCCF82;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-transform: none;
}
.uk-button-secondary img *,
.uk-button-secondary svg * {
  stroke: white;
  fill: transparent;
}
.uk-button-secondary:hover {
  background-color: rgba(252, 207, 130, 0.7);
}
.uk-button-muted {
  background-color: #aaa;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-transform: none;
  color: white;
}
.uk-button-muted img *,
.uk-button-muted svg * {
  stroke: white;
  fill: transparent;
}
.uk-button-muted:hover {
  color: white;
  background-color: rgba(170, 170, 170, 0.7);
}
.uk-button-muted.light {
  background-color: #e5e5e5;
  color: #666;
}
.uk-button-muted.light:hover {
  color: #666;
  background-color: rgba(229, 229, 229, 0.7);
}
.uk-padding-small {
  padding: 20px;
}
.uk-padding-xsmall {
  padding: 15px;
}
.uk-padding-xxsmall {
  padding: 10px;
}
.uk-checkbox {
  border-radius: 3px;
}
.uk-input.border {
  border: 2px solid rgba(0, 0, 0, 0.2);
}
.login-image {
  background: #eee url(../img/img-login-01.jpg) no-repeat center center;
  background-size: cover;
}
small {
  display: inline-block;
  line-height: 1.2em;
}
header .topbar {
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}
header .topbar ul.uk-subnav {
  margin-bottom: 0;
}
header .topbar ul.uk-subnav li a {
  font-size: 0.78rem;
  text-transform: none;
  color: #333;
}
header .topbar ul.uk-subnav li a:hover {
  color: rgba(51, 51, 51, 0.6);
}
header .topbar ul.uk-subnav li .uk-dropdown {
  padding: 15px;
}
header .topbar ul.uk-subnav li .uk-dropdown li {
  padding: 5px 10px;
  border-radius: 4px;
  margin-top: 5px;
}
header .topbar ul.uk-subnav li .uk-dropdown li:first-child {
  margin-top: 0;
}
header .topbar ul.uk-subnav li .uk-dropdown li a {
  color: #333;
}
header .topbar ul.uk-subnav li .uk-dropdown li a:hover {
  color: rgba(51, 51, 51, 0.8);
}
header .topbar ul.uk-subnav li .uk-dropdown li.uk-active {
  background-color: #fafafa;
}
header .middlebar {
  padding: 20px 0 30px 0;
  font-size: 0.85rem;
  border-bottom: 1px solid #FCCF82;
}
@media (max-width: 639px) {
  header .middlebar {
    border-bottom: none;
  }
}
@media (max-width: 1199px) {
  header .middlebar {
    padding: 20px 0 10px 0;
  }
}
header .middlebar a {
  text-decoration: none;
}
header .middlebar .brand img {
  width: 160px;
}
@media (max-width: 959px) {
  header .middlebar .brand img {
    width: 110px;
  }
}
@media (max-width: 639px) {
  header .middlebar .brand img {
    width: 110px;
  }
}
@media (max-width: 479px) {
  header .middlebar .brand img {
    width: 100px;
  }
}
header .middlebar.uk-subnav-small li {
  padding-left: 10px;
}
header .middlebar.uk-subnav-small li:first-child {
  padding-left: 20px;
}
header .middlebar .uk-subnav.uk-subnav-small li {
  padding-left: 10px;
}
@media (max-width: 479px) {
  header .middlebar .uk-subnav.uk-subnav-small li {
    padding-left: 5px;
  }
}
header .middlebar .uk-subnav.uk-subnav-small li:first-child {
  padding-left: 20px;
}
header .navbar {
  padding: 10px 0;
}
header .navbar a {
  font-size: 0.85rem;
  font-weight: 500;
  color: #002A8A;
  text-decoration: none;
  gap: 5px;
  align-items: center;
}
header .navbar .uk-subnav li a {
  font-size: 0.85rem;
  font-weight: 500;
  color: #002A8A;
  text-decoration: none;
  gap: 5px;
  align-items: center;
  text-transform: none;
}
header .navbar .uk-subnav li a:hover {
  color: rgba(0, 42, 138, 0.7);
}
.uk-label.uk-label-offer {
  background-color: #72ab72;
}
.uk-label.uk-label-promo {
  background-color: #4269c1;
}
.uk-label.uk-label-gift {
  background-color: #ff5328;
}
.uk-label.uk-label-adv {
  background-color: #FF5504;
}
.uk-label.uk-label-warning {
  background-color: #FF5504;
  white-space: normal;
  display: inline;
}
.uk-label.uk-label-liquidacion {
  background-color: #ac0101;
}
.uk-label.uk-label-activa {
  background-color: orange;
}
.item .uk-position-top-left {
  top: 10px;
}
.item .brand {
  margin-top: 8px;
  margin-bottom: 5px;
}
.item .label-line {
  font-weight: 600;
  color: #111;
  border: 1px solid #ddd;
  padding: 0 10px;
  border-radius: 3px;
  line-height: 1em;
  background-color: eee;
}
.item div.icon {
  background-color: #eee !important;
  border: none;
  color: #222;
  font-size: 0.8rem;
  font-weight: 500;
}
.item .price {
  font-size: 0.7rem;
  color: #333;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
  margin-bottom: 5px;
}
.item .icon {
  border-radius: 5px;
}
.item .icon.green {
  background-color: #72ab72;
}
.item .icon.green:hover {
  background-color: #62a162 !important;
}
.item .icon.green img,
.item .icon.green svg {
  filter: brightness(0) invert(1);
}
.item .icon.buy {
  background-color: #FCCF82;
  border: none;
  width: 38px;
  height: 38px;
}
.item .icon.buy:hover {
  background-color: #fbc569 !important;
}
.item .icon.buy.green {
  background-color: #72ab72;
}
.item .icon.buy.green:hover {
  background-color: #62a162 !important;
}
.item .icon.buy.green img,
.item .icon.buy.green svg {
  filter: brightness(0) invert(1);
}
.item .icon.buy img,
.item .icon.buy svg {
  width: 25px;
}
.item .icon.buy img *,
.item .icon.buy svg * {
  stroke: white;
  fill: transparent;
}
.item .stock {
  font-size: 0.8rem;
}
.item .stock span {
  font-weight: 500;
}
a {
  text-transform: none;
  color: #002A8A;
}
a.icon {
  width: 45px;
  height: 45px;
  border-radius: 8px;
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
a.icon.green {
  background-color: #72ab72;
}
a.icon.green:hover {
  background-color: #62a162 !important;
}
a.icon.green img,
a.icon.green svg {
  filter: brightness(0) invert(1);
}
.buy-set a.icon {
  width: 40px;
  height: 40px;
  border-radius: 5px;
}
.item a.icon {
  width: 28px;
  height: 28px;
  background-color: eee;
}
.item a.icon.green {
  background-color: #72ab72;
}
.item a.icon.green:hover {
  background-color: #62a162 !important;
}
.item a.icon.green img,
.item a.icon.green svg {
  filter: brightness(0) invert(1);
}
.item a.icon img {
  width: 20px;
}
@media (max-width: 639px) {
  a.icon {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 420px) {
  a.icon {
    width: 27px;
    height: 27px;
  }
  a.icon img {
    width: 18px!important;
  }
}
a.icon i.badge {
  padding: 0 5px;
  height: 15px;
  font-size: 0.65rem;
  font-style: normal;
  color: white;
  font-weight: 500;
  background-color: #FCCF82;
  border-radius: 100px;
  position: absolute;
  text-decoration: none;
  bottom: -6px;
  right: -6px;
}
@media (max-width: 479px) {
  a.icon i.badge {
    right: 0;
    bottom: -8px;
  }
}
a.icon i.badge.orange {
  background-color: #FC8282;
}
a.icon .uk-button-secondary img *,
a.icon .uk-button-secondary svg * {
  stroke: white;
}
a.icon img {
  width: 25px;
}
.buy-set a.icon img {
  width: 22px;
}
@media (max-width: 639px) {
  a.icon img {
    width: 20px;
  }
}
a.icon.solid {
  background-color: #fafafa;
  border: 1px solid #ddd;
}
a.icon.nav {
  background-color: #fafafa;
  border: 1px solid #ddd;
  color: #002A8A;
}
a.icon.nav img *,
a.icon.nav svg * {
  stroke: #002A8A;
}
.icon {
  width: 45px;
  height: 45px;
  border-radius: 8px;
  border: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.item .icon {
  width: 28px;
  height: 28px;
  background-color: eee;
}
.item .icon img {
  width: 20px;
}
@media (max-width: 639px) {
  .icon {
    width: 35px;
    height: 35px;
  }
}
.icon i.badge {
  padding: 0 5px;
  height: 15px;
  font-size: 0.65rem;
  font-style: normal;
  color: white;
  font-weight: 500;
  background-color: #FCCF82;
  border-radius: 100px;
  position: absolute;
  text-decoration: none;
  bottom: -6px;
  right: -6px;
}
.icon i.badge.orange {
  background-color: #FC8282;
}
.icon img {
  width: 25px;
}
@media (max-width: 639px) {
  .icon img {
    width: 20px;
  }
}
.icon.solid {
  background-color: #fafafa;
  border: 1px solid #ddd;
}
.icon.nav {
  background-color: #fafafa;
  border: 1px solid #ddd;
  color: #002A8A;
}
.icon.nav img *,
.icon.nav svg * {
  stroke: #002A8A;
}
.uk-text-primary {
  color: #002A8A !important;
}
.uk-text-secondary {
  color: #fcc973 !important;
}
.mobile-qsearch {
  margin-top: 20px !important;
}
.uk-label {
  font-size: 0.7rem;
  font-weight: 600;
  border-radius: 3px;
}
.uk-label.uk-label-outlet {
  background-color: #002A8A;
}
.qsearch {
  background-color: #fafafa;
  border-radius: 8px;
  padding: 4px 10px 4px 5px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
@media (max-width: 479px) {
  .qsearch {
    padding: 0px 10px 0px 5px;
  }
}
.qsearch .uk-button {
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.qsearch .uk-button svg *,
.qsearch .uk-button img * {
  fill: transparent;
  stroke: #FCCF82;
}
.qsearch .uk-dropdown {
  border: 1px solid #ddd;
  padding: 20px;
}
.qsearch .uk-dropdown ul.uk-nav li a {
  border-radius: 4px;
  padding: 7px 10px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.qsearch .uk-dropdown ul.uk-nav li a:hover {
  color: #333;
}
.qsearch .uk-dropdown ul.uk-nav li a img *,
.qsearch .uk-dropdown ul.uk-nav li a svg * {
  fill: transparent;
  stroke: #FCCF82;
}
.qsearch .uk-dropdown ul.uk-nav li:nth-child(odd) a {
  background-color: #f6f6f6;
}
.qsearch .uk-dropdown ul.uk-nav li:nth-child(odd) a:hover {
  background-color: rgba(246, 246, 246, 0.5);
}
.qsearch ul.uk-tab {
  overflow: hidden;
  border-radius: 4px;
  border: none;
}
.qsearch ul.uk-tab:before {
  display: none;
}
.qsearch ul.uk-tab li {
  border-left: 1px solid transparent !important;
  padding-left: 0;
  border: none;
}
.qsearch ul.uk-tab li:first-child {
  margin-left: 0;
}
.qsearch ul.uk-tab li a {
  padding: 5px 6px;
  text-transform: none;
  border: none;
  color: #666;
  font-size: 0.7rem;
  background-color: rgba(0, 0, 0, 0.07);
}
.qsearch ul.uk-tab li.uk-active a {
  background-color: #fccf82;
  color: white;
}
.qsearch input {
  background-color: transparent;
  border: none;
  font-size: 0.9rem;
}
.qsearch input.uk-input {
  font-weight: 300;
}
.qsearch input.uk-input:hover {
  border: none;
  background-color: transparent !important;
}
.qsearch input.uk-input:focus {
  border: none;
  background-color: transparent !important;
  color: #002A8A;
}
.qsearch input.uk-input:focus:placehoder {
  color: #002A8A;
}
.qsearch input.uk-input:placehoder {
  color: #8c95a3;
}
.qsearch a.icon-search {
  color: #3299cf;
}
.qsearch a.uk-button-default {
  font-weight: 500;
  text-transform: none;
  font-size: 0.8rem;
  background-color: white;
}
.uk-tooltip {
  border-radius: 5px;
  background-color: #ccc;
}
@media (max-width: 639px) {
  footer .uk-subnav.uk-subnav-divider {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 639px) {
  footer .uk-subnav.uk-subnav-divider > li:before {
    border: none;
  }
}
footer .uk-subnav.uk-subnav-divider > li > a {
  text-transform: none !important;
  font-size: 0.8rem !important;
}
.uk-background-muted {
  background-color: #fafafa;
}
.uk-button-filter {
  background-color: #FCCF82;
  color: #222 !important;
  text-transform: none !important;
  display: flex;
  align-items: center;
  gap: 5px;
}
.gap-small {
  gap: 5px;
}
.gap-medium {
  gap: 10px;
}
.gap-large {
  gap: 15px;
}
.gap-20px {
  gap: 20px;
}
.gap-30px {
  gap: 30px;
}
.gap-40px {
  gap: 40px;
}
.gap-50px {
  gap: 50px;
}
.uk-button-small {
  font-size: 0.7rem;
}
.uk-breadcrumb {
  padding: 10px 0;
  margin: 0;
}
.uk-breadcrumb li a {
  font-size: 12px;
}
.uk-breadcrumb li span {
  font-size: 12px;
}
.uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before {
  margin: 0 10px 0 calc(10px - 4px);
}
.uk-pagination > li a,
.uk-pagination > li span {
  border-radius: 5px;
  min-width: 25px;
  line-height: 25px;
  height: 25px;
  text-align: center;
  font-size: 0.75rem;
  margin: 0 3px;
}
.uk-pagination > li a:hover,
.uk-pagination > li span:hover {
  background-color: #eee;
}
.uk-pagination > li:first-child a,
.uk-pagination > li:last-child a {
  background-color: #eee;
}
.uk-pagination > li.uk-active a,
.uk-pagination > li.uk-active span {
  background-color: #002A8A;
  color: white;
}
.filters-combo {
  font-size: 0.75rem;
}
.filters-combo:first-child {
  margin-top: 15px;
}
.filters-combo .switch {
  margin-right: 10px;
}
.filters-combo .switch input:checked + .slider {
  background-color: #FCCF82;
}
.filters-combo .switch .slider {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.filters-combo .switch .slider:before {
  bottom: 1px;
}
.filters-combo h4 {
  font-family: 'Inter', sans-serif;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 600;
}
.filters-combo label {
  display: block;
  font-size: 0.75rem;
}
.filters-combo label input {
  margin-right: 10px;
}
.filters-combo label input.uk-checkbox {
  border: 1px solid #ddd;
}
.filters-combo label input.uk-checkbox:checked,
.filters-combo label input.uk-checkbox:indeterminate,
.filters-combo label input.uk-radio:checked {
  background-color: #FCCF82;
}
.filters-combo label input.uk-checkbox:focus,
.filters-combo label input.uk-radio:focus {
  border-color: white;
}
.filters-combo label:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.filters-combo label input.uk-checkbox:focus,
.filters-combo label input.uk-radio:focus {
  border: 1px solid #ddd;
}
.uk-checkbox:checked,
.uk-checkbox:checked {
  background-image: none !important;
  background-color: #FCCF82 !important;
}
.nav-aside.uk-offcanvas-bar {
  background-color: #fbc569;
}
.nav-aside.uk-offcanvas-bar.menu-izq {
  background-color: #213257;
}
.nav-aside.uk-offcanvas-bar * {
  color: #ffffff;
}
.nav-aside.uk-offcanvas-bar ul.uk-nav li {
  position: relative;
}
.nav-aside.uk-offcanvas-bar ul.uk-nav li a {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 479px) {
  .nav-aside.uk-offcanvas-bar ul.uk-nav li a {
    padding: 2px 35px 2px 0;
  }
}
.nav-aside.uk-offcanvas-bar ul.uk-nav li a i {
  display: block;
  background-color: #FCCF82;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
}
.nav-aside.uk-offcanvas-bar ul.uk-nav li a i img *,
.nav-aside.uk-offcanvas-bar ul.uk-nav li a i svg * {
  transition: all ease 0.3s;
  stroke: rgba(0, 42, 138, 0.6);
  fill: transparent;
}
.nav-aside.uk-offcanvas-bar ul.uk-nav li a i em {
  position: absolute;
  top: -2px;
  right: -2px;
  background-color: #c00;
  font-style: normal;
  font-size: 0.7rem;
  font-weight: 500;
  border-radius: 100px;
  width: 8px;
  height: 8px;
}
.nav-aside.uk-offcanvas-bar ul.uk-nav li a i em.pf-contador {
  top: -5px;
  right: -5px;
  width: auto;
  height: 16px;
  padding: 0 3px 0 3px;
}
@media (min-width: 480px) {
  .nav-aside.uk-offcanvas-bar ul.uk-nav li a:hover i img *,
  .nav-aside.uk-offcanvas-bar ul.uk-nav li a:hover i svg * {
    stroke: #002A8A;
    fill: transparent;
  }
}
.nav-aside.uk-offcanvas-bar ul.uk-nav li span {
  right: 10px;
  transition: all ease 0.3s;
}
.nav-aside.uk-offcanvas-bar ul.uk-nav li:hover span {
  right: 0px;
}
.nav-aside.uk-offcanvas-bar .uk-nav.uk-nav-divider > :not(.uk-nav-header,.uk-nav-divider) + :not(.uk-nav-header,.uk-nav-divider) {
  margin-top: 2px;
  padding-top: 2px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.cesta-nav,
.filter-nav {
  padding: 0;
  font-size: 0.875rem;
}
.cesta-nav.uk-offcanvas-bar,
.filter-nav.uk-offcanvas-bar {
  background-color: #213257;
  overflow-y: inherit;
}
.cesta-nav .cart,
.filter-nav .cart {
  padding: 20px;
}
.cesta-nav .item-cart,
.filter-nav .item-cart {
  border-radius: 5px;
  padding: 10px;
}
.cesta-nav .item-cart:nth-child(even),
.filter-nav .item-cart:nth-child(even) {
  background-color: #f0f0f0;
}
.cesta-nav .item-cart + .item-cart,
.filter-nav .item-cart + .item-cart {
  margin-top: 2px;
}
.cesta-nav > div,
.filter-nav > div {
  font-size: 0.875rem;
  padding: 20px;
}
.cesta-nav > div .uk-button-secondary,
.filter-nav > div .uk-button-secondary {
  background-color: #FCCF82 !important;
  color: #333 !important;
  font-weight: 500;
  text-transform: uppercase;
}
.cesta-nav > div .uk-button-secondary i,
.filter-nav > div .uk-button-secondary i {
  color: #333;
}
.cesta-nav > div .uk-button-primary,
.filter-nav > div .uk-button-primary {
  background-color: #ddd !important;
  color: #222 !important;
  font-weight: 500;
  text-transform: none;
}
.cesta-nav > div .uk-button-large,
.filter-nav > div .uk-button-large {
  padding: 0 15px;
}
.cesta-nav > div .uk-button-muted,
.filter-nav > div .uk-button-muted {
  background-color: rgba(255, 255, 255, 0.2);
  color: white !important;
  font-weight: 500;
  text-transform: none;
}
.cesta-nav > div .uk-button-muted:hover,
.filter-nav > div .uk-button-muted:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.cesta-nav > div .uk-link-text,
.filter-nav > div .uk-link-text {
  font-size: 0.85rem;
}
.cesta-nav > div .price-item,
.filter-nav > div .price-item {
  font-size: 1rem;
}
.cesta-nav > div hr,
.filter-nav > div hr {
  border-top: 1px solid #e5e5e5 !important;
}
.cesta-nav > div .uk-input,
.filter-nav > div .uk-input {
  border: 1px solid #ddd !important;
  background-color: white;
}
.cesta-nav > div .uk-input::placeholder,
.filter-nav > div .uk-input::placeholder {
  color: #ddd !important;
}
.cesta-nav > div .uk-input:focus,
.filter-nav > div .uk-input:focus {
  border: 1px solid #ddd !important;
}
.cesta-nav > div .info-cart,
.filter-nav > div .info-cart {
  margin-top: 0px;
}
.cesta-nav > div .basket-empty,
.filter-nav > div .basket-empty {
  text-align: center;
  font-size: 0.85rem;
}
.cesta-nav > div .placeholder,
.filter-nav > div .placeholder {
  height: 150px;
}
.cesta-nav > div .uk-text-bold,
.filter-nav > div .uk-text-bold {
  font-weight: 600;
}
a.uk-button,
button.uk-button {
  text-transform: none;
}
a.uk-button-small,
button.uk-button-small {
  font-size: 0.7rem;
  text-transform: none;
}
.uk-offcanvas-overlay::before {
  background-color: transparent;
}
.fade {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+13,0.3+99 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.3) 99%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bnnr-dashboard h3 {
  color: white;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1em;
  position: relative;
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 479px) {
  .bnnr-dashboard h3 {
    font-size: 1.2rem;
    font-weight: 500;
  }
}
.bnnr-dashboard .links {
  gap: 2px;
  margin-bottom: 10px;
}
.bnnr-dashboard .links a {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 2px 5px;
  color: white;
  font-size: 0.7rem;
  border-radius: 3px;
}
@media (max-width: 479px) {
  .bnnr-dashboard .uk-padding-small {
    padding: 10px !important;
  }
}
.news-card {
  position: relative;
  padding: 20px;
  border-radius: 6px;
  border: 2px solid #fccf82;
  min-height: 160px;
}
.news-card.muted {
  border: 2px solid #ddd;
}
.news-card .date {
  font-size: 0.8rem;
  font-weight: 500;
}
.news-card .image {
  border-radius: 5px;
}
.news-card h5 {
  margin: 0;
}
.news-card h5:hover {
  text-decoration: underline;
}
.news-card .description {
  margin-top: 10px;
  font-size: 0.8rem;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  background: #fff;
}
.news-card .ver {
  cursor: pointer;
  top: 5px;
  right: 7px;
  position: absolute;
  z-index: 2;
}
.news-card .ver img *,
.news-card .ver svg * {
  stroke: #c00;
  fill: transparent;
}
.news-card .ver-relative {
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.news-card .ver-relative img *,
.news-card .ver-relative svg * {
  stroke: #c00;
  fill: transparent;
}
.uk-dotnav li a {
  width: 25px;
  height: 5px;
  border-radius: 2px;
  border-color: #FCCF82;
}
.uk-dotnav li a:hover {
  background-color: rgba(252, 207, 130, 0.4);
}
.uk-dotnav li.uk-active a {
  background-color: #FCCF82;
}
.outlet {
  font-size: 0.8rem;
  font-weight: 500;
  color: #c00;
}
.uk-background-primary {
  background-color: #002A8A;
}
.uk-background-secondary {
  background-color: #FCCF82;
}
.border {
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.border.orange {
  border-color: #FCCF82;
}
.border.blue {
  border-color: deepskyblue;
}
.border.green {
  border-color: #72ab72;
}
.uk-text-black {
  color: #333 !important;
}
.switch {
  position: relative;
  display: inline-block;
  width: 27px;
  height: 16px;
}
/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #002A8A;
  outline: none;
}
input:focus + .slider {
  box-shadow: 0 0 1px #002A8A;
  outline: none;
}
input:checked + .slider:before {
  -webkit-transform: translateX(11px);
  -ms-transform: translateX(11px);
  transform: translateX(11px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.qsearch-switchers {
  position: absolute;
  right: 0;
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 639px) {
  .qsearch-switchers {
    column-gap: 15px;
    flex-wrap: wrap;
    row-gap: 5px;
    justify-content: flex-start;
  }
}
@media (max-width: 1199px) {
  .qsearch-switchers {
    position: relative;
    right: auto;
  }
}
.qsearch-switchers label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.7rem;
  color: #999;
  cursor: pointer;
}
label.switcher {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
label.switcher.switcher-form-label {
  height: 30px;
}
.item + .item {
  margin-top: 15px;
}
div.info-publicidad {
  position: absolute;
  bottom: 2px;
  left: 0px;
}
div.floatCompraMaestra {
  background-size: 30px !important;
  height: 30px !important;
  width: 30px !important;
  background: url("../img/ico_compra_maestra.png") no-repeat center center;
}
div.floatCompraMaestra.producto {
  background-size: 50px !important;
  height: 50px !important;
  width: 50px !important;
}
div.floatLiquidacion.producto {
  background-size: 50px !important;
  height: 50px !important;
  width: 50px !important;
}
@media (max-width: 1199px) {
  .qsearch-filter-content {
    order: 1;
  }
}
@media (max-width: 1199px) {
  .qsearch-grid-component {
    justify-content: space-between;
  }
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgba(255, 255, 255, 0.7) !important;
  background-clip: padding-box !important;
  line-height: 40px;
}
.select2-container--default .select2-selection--single {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2);
}
.select2-container .select2-selection--single {
  height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}
.select2-results__option {
  padding: 2px 5px;
  font-size: 0.75rem;
}
.botonDesplegable {
  background-color: rgba(255, 255, 255, 0.1) !important;
  display: block;
  width: 100%;
  line-height: 40px;
  border-radius: 5px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  cursor: pointer;
  position: relative;
}
.botonDesplegable * {
  font-size: 0.875rem;
}
.listChecks:not(.familia) {
  max-height: 200px;
  overflow-y: auto;
  width: 100%;
  display: block;
  margin-top: 10px;
  cursor: pointer !important;
}
.listChecks.familia {
  width: 100%;
  display: block;
  margin-top: 10px;
  cursor: pointer !important;
}
.listChecks.search_filtro_estado,
.listChecks.search_filtro_buscador {
  border-radius: 6px;
  background-color: #f6f6f6;
  position: absolute;
  max-height: 200px;
  overflow-y: auto;
  width: auto;
  display: block;
  margin-top: 10px;
  cursor: pointer !important;
}
.botonDesplegableGrupo {
  padding: 3px 10px;
}
.botonDesplegableGrupo.subgrupoVarios {
  padding: 3px 14px;
}
.botonDesplegableAgrupacionVarios {
  padding: 3px 10px;
}
.table-filter-group {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 10px 15px;
  margin: 2px 2px 10px 5px;
  border-radius: 7px;
}
.table-filter-group a {
  display: block;
  padding: 2px 0;
  cursor: pointer !important;
}
.filter-header {
  padding: 15px 0;
}
.filter-header hr {
  margin-bottom: 0;
  margin-top: 15px;
}
@media (max-width: 959px) {
  .uk-table-responsive .uk-text-meta {
    line-height: 1em;
  }
}
@media (max-width: 959px) {
  .uk-table-responsive tr {
    padding: 8px 0px;
  }
}
@media (max-width: 959px) {
  .uk-table-responsive td {
    padding: 3px 0;
    line-height: 1em;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
}
@media (max-width: 959px) {
  .uk-table-responsive td:not(:first-child):not(.uk-table-link) {
    padding-top: 1px !important;
  }
}
@media (max-width: 959px) {
  .uk-table-responsive td:not(:last-child):not(.uk-table-link) {
    padding-bottom: 1px !important;
  }
}
.uk-table-small td {
  padding: 7px 12px;
}
.uk-table-small.estadistica-table td {
  padding: 7px 7px!important;
}
.new-table.uk-text-small {
  font-size: 0.8rem;
}
@media (max-width: 959px) {
  .new-table td {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .new-table td label {
    width: 70px;
  }
  .new-table td .uk-button {
    margin-top: 10px;
  }
}
.estadistica {
  font-size: 0.7rem !important;
}
.estadistica th {
  font-size: 0.7rem;
}
.estadistica tfoot td {
  font-size: 0.7rem;
}
.new-table-pedido.uk-text-small {
  font-size: 0.8rem;
}
@media (max-width: 959px) {
  .new-table-pedido td {
    margin: 4px 0 !important;
    display: flex;
    gap: 10px;
    align-items: top;
  }
  .new-table-pedido td label {
    width: 80px !important;
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
  }
}
.uk-select {
  padding-right: 25px !important;
}
.uk-card.card-pack {
  border: 2px solid #FCCF82;
}
.uk-card.card-pack .title-almacen {
  display: none;
}
.uk-card.card-pack ul.uk-subnav {
  margin-bottom: 15px;
  margin-left: -20px !important;
  display: flex;
  justify-content: space-between;
}
.uk-card.card-pack ul.uk-subnav li {
  padding-left: 10px;
  font-size: 0.75rem !important;
}
.uk-card.card-pack ul.uk-subnav li:before {
  margin-right: 10px;
  border: none;
}
.uk-card.card-pack ul.uk-subnav li strong {
  font-size: 0.75rem !important;
}
.uk-card.card-pack .uk-padding-xxsmall {
  padding: 5px;
  font-size: 0.75rem !important;
}
.btn-pluss-less {
  padding: 0 15px;
}
.univenta-badge {
  font-size: 0.65rem !important;
  font-weight: 500;
  background-color: #002A8A;
  color: white;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 100px;
}
.modal-precios-competencia {
  z-index: 1001 !important;
}
.semaforo_proveedor {
  position: relative;
}
.semaforo_proveedor > div {
  position: relative !important;
}
.semaforo_proveedor > div > div {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.semaforo_proveedor > div > div span {
  background-color: transparent !important;
  color: #333 !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  font-family: 'Inter', sans-serif !important;
  padding-left: 0 !important;
}
.semaforo_proveedor > div > div > div {
  width: 20px !important;
  height: 20px !important;
  margin-top: 0 !important;
  color: #999 !important;
  font-size: 0.8em !important;
  position: static !important;
  top: auto;
  left: auto;
}
.semaforo_proveedor .aa_actualizacion {
  font-size: 0.85rem;
  color: #999;
  margin-top: 0 !important;
}
.uk-width-xsmall {
  width: 80px;
}
.trash-icon {
  font-size: 1.1rem;
}
@media (max-width: 639px) {
  .uk-tab {
    margin-left: -10px;
  }
  .uk-tab li {
    padding-left: 10px;
  }
  .uk-tab li a {
    font-size: 0.8rem;
    padding: 5px 0px;
  }
}
label.error {
  color: red;
  font-size: 0.8rem;
  margin-bottom: 5px;
  display: block;
}
i.bi20px {
  font-size: 20px;
}
.uk-button-success {
  background-color: #3299cf;
  color: white;
  border: 1px solid #3299cf;
  opacity: 0.9;
}
.uk-button-success:hover {
  background-color: #3299cf;
  opacity: 1;
  color: white;
}
.uk-label-success {
  background-color: #3299cf;
  color: white;
}
.uk-label-warning {
  background-color: #FCCF82;
  color: white;
}
.uk-notification.uk-notification-bottom-center,
.uk-notification.uk-notification-top-center {
  text-align: center;
  z-index: 10000;
  width: auto;
  margin-left: 0;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
@media (max-width: 639px) {
  .uk-notification.uk-notification-bottom-center,
  .uk-notification.uk-notification-top-center {
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
}
.uk-notification.uk-notification-bottom-center .uk-notification-message,
.uk-notification.uk-notification-top-center .uk-notification-message {
  margin-right: auto;
  margin-left: auto;
  display: table;
  width: auto;
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 14px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px 40px 10px 45px;
}
.uk-notification.uk-notification-bottom-center .uk-notification-message > div > .uk-icon,
.uk-notification.uk-notification-top-center .uk-notification-message > div > .uk-icon {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(0, -50%);
}
.uk-notification.uk-notification-bottom-center .uk-notification-message .uk-notification-close,
.uk-notification.uk-notification-top-center .uk-notification-message .uk-notification-close {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  color: white;
}
.uk-notification.uk-notification-bottom-center .uk-notification-message .uk-notification-close:hover,
.uk-notification.uk-notification-top-center .uk-notification-message .uk-notification-close:hover {
  color: rgba(255, 255, 255, 0.6);
}
.uk-notification.uk-notification-bottom-center .uk-notification-message.uk-notification-message-danger,
.uk-notification.uk-notification-top-center .uk-notification-message.uk-notification-message-danger {
  background: rgba(255, 0, 0, 0.8);
  color: white;
}
.uk-notification.uk-notification-bottom-center .uk-notification-message.uk-notification-message-success,
.uk-notification.uk-notification-top-center .uk-notification-message.uk-notification-message-success {
  background: rgba(50, 210, 150, 0.8);
  color: white;
}
@-webkit-keyframes rotating {
  /* Safari and Chrome */
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.mini-label {
  background-color: #ac0101;
  color: white;
  display: inline-block;
  border-radius: 4px;
  font-size: 0.65rem;
  padding: 2px 3px;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 639px) {
  .mini-label {
    display: none;
  }
}
.uk-subnav-pill > .uk-active > a {
  background-color: #FCCF82;
  border-color: #FCCF82;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.uk-subnav-pill > * > :first-child {
  text-transform: none;
  border: 1px solid #ddd;
  padding: 7px 20px;
  color: #999;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.uk-tab > .uk-active > a {
  color: #002A8A;
  font-weight: 500;
}
.bg-verificar-email {
  background-color: #f9f9f9;
  line-height: 1.2;
}
table.tableSorter th {
  cursor: pointer;
}
.uk-modal-footer .uk-button-primary {
  display: inline-block !important;
}
.blockOverlay {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.blockMsg {
  border: none !important;
  padding: 25px !important;
  border-radius: 10px !important;
}
@media (max-width: 959px) {
  .blockMsg {
    width: 60% !important;
    left: 50% !important;
    margin-left: -30% !important;
  }
}
.blockMsg h2 {
  font-size: 1.5rem;
  font-weight: 500;
}
@media (max-width: 959px) {
  .blockMsg h2 {
    font-size: 1.3rem;
  }
}
@media (max-width: 639px) {
  .blockMsg h2 {
    font-size: 1.2rem;
  }
}
@media (max-width: 479px) {
  .blockMsg h2 {
    font-size: 1.1rem;
  }
}
.padd-form {
  padding: 5px 5px;
  border-radius: 6px;
}
.padd-form.gray {
  background: rgba(0, 0, 0, 0.04);
}
@media (min-width: 960px) {
  .select-direcciones {
    width: 50%;
  }
}
.uk-radio:checked,
.uk-radio:focus,
.uk-radio:active {
  background-color: #002A8A;
}
.mis-clientes-label-header {
  font-size: 18px;
  padding: 1px 10px 1px 10px;
}
.uk-label-large {
  font-size: 1rem;
}
.alert-outlet {
  background: #FF5504;
  color: white;
  padding: 1px 5px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}
.alert-outlet:hover {
  background: #ff7837;
}
.alert-outlet span.price {
  font-weight: 600;
}
@media (max-width: 639px) {
  .micuenta-margenes-block-info div {
    display: block;
  }
}
@media (max-width: 639px) {
  .micuenta-margenes-block-info div .div-margen {
    margin-bottom: 15px;
    display: inline-flex;
  }
}
@media (max-width: 639px) {
  .buttons-list {
    display: grid;
    gap: 10px;
  }
}
.zoom a {
  display: block;
  width: 30px;
  height: 30px;
  background-color: white;
  border-radius: 5px;
  line-height: 30px;
  text-align: center;
}
.zoom a i {
  color: #002A8A;
}
#select2-search_id_subfamilia-results li {
  color: #333;
}
.icon-sel-intranet {
  top: -40px;
}
.icon-sel-intranet > div {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 100%;
  border: 2px solid #FCCF82;
  background-color: white;
}
.scanner-container {
  background: black;
}
.scanner {
  background: black;
  width: 100%;
}
.scanner:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.reader {
  position: absolute !important;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.autocomplete-container {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 2;
  background-color: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.autocomplete-container .autocomplete-loading {
  display: none;
}
.autocomplete-container .autocomplete-empty {
  display: none;
}
.autocomplete-container .autocomplete-results {
  display: none;
  padding: 4px 0;
  margin: 0;
  list-style: none;
}
.autocomplete-container .autocomplete-results li {
  cursor: pointer;
}
.autocomplete-container .autocomplete-results li:nth-child(odd) a {
  background-color: #FFFFFF;
}
.autocomplete-container .autocomplete-results li:nth-child(even) a {
  background-color: #fafafa;
}
.autocomplete-container .autocomplete-results li a {
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 7px;
}
.autocomplete-container .autocomplete-results li a:hover {
  background-color: #e9e9e9;
}
.comunicados-popup {
  position: fixed;
  bottom: 100px;
  left: initial;
  right: 12px;
  z-index: 100;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.comunicados-popup .uk-card-body {
  padding: 30px;
}
.widget-close {
  position: absolute;
  top: -30px;
  right: 0px;
  color: inherit;
  background-color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 6px 14px;
  box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.13);
}
.widget-close:before {
  content: "";
  position: absolute;
  background-color: white;
  height: 10px;
  left: -6px;
  right: 0;
  bottom: -4px;
}
.widget-close.circle {
  top: -27px;
  right: 5px;
  z-index: 10;
  background-color: #FCCF82;
  border-radius: 100px;
  padding: 0;
  width: 35px;
  height: 35px;
  line-height: 34px;
  text-align: center;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.08);
}
.widget-close.circle:before {
  background-color: transparent;
  display: none;
}
.widget-close.circle button {
  color: #ffffff !important;
}
.widget-close.circle button.uk-alert-close {
  position: relative;
  opacity: 1;
  top: auto;
  left: auto;
  right: auto;
}
.uk-accordion-title {
  font-weight: 500;
  font-size: 1rem;
  border-bottom: 1px solid white;
  line-height: 42px;
}
.uk-accordion-title:before {
  height: 42px;
}
.uk-accordion > :nth-child(n+2) {
  margin-top: 0;
}
.uk-accordion-content {
  margin-bottom: 20px;
}
.pos-semaforo {
  top: -4px;
}
.semaforo.rojo {
  color: #c00;
}
.semaforo.rojo img *,
.semaforo.rojo svg * {
  fill: #c00;
}
.semaforo.naranja {
  color: #daa325;
}
.semaforo.naranja img *,
.semaforo.naranja svg * {
  fill: #daa325;
}
.semaforo.verde {
  color: #37b143;
}
.semaforo.verde img *,
.semaforo.verde svg * {
  fill: #37b143;
}
.blk-comunicados-popup .uk-card-body {
  padding: 10px!important;
}
table.desglosePedido tr.disabled {
  background-color: #ddd;
}
.estadisticas-cabeceras-familias {
  font-weight: bold;
  font-style: italic;
}
.uk-label-oferta {
  background-size: 30px !important;
  height: 30px !important;
  width: 30px !important;
  background: url("../img/icon-oferta.png") no-repeat center center;
}
.uk-label-campanha {
  height: 30px !important;
  width: 30px !important;
  background-size: cover !important;
}
.uk-label-campanha.producto {
  height: 50px !important;
  width: 50px !important;
}
.uk-label-cashback {
  background-size: cover !important;
  height: 25px !important;
  width: 25px !important;
}
.uk-label-cashback.producto {
  height: 40px !important;
  width: 40px !important;
}
.uk-label-incentivos span {
  margin-left: -3px;
  font-size: 15px;
  color: blue;
}
.uk-label-incentivos.producto {
  height: 40px !important;
  width: 40px !important;
}
.uk-label-incentivos.producto span {
  font-size: 20px;
  top: 5px;
  position: relative;
}
div.info-incentivo {
  position: absolute;
  z-index: 600;
  top: 50px;
  border-radius: 10px;
  width: 85%;
  left: 21px;
  opacity: 0.9;
  background: #f7f7f7;
  color: black;
  font-size: 13px;
  text-align: right;
}
ul.filtro-fecha li a {
  padding: 5px 20px!important;
  font-size: 0.7rem !important;
}
.filter-marcas {
  margin-bottom: 5px;
  margin-left: 10%;
  margin-right: 5px;
  width: 200px;
}
.floatIncentivos {
  background-color: white;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0 20px;
  border: 2px solid #FCCF82;
}
.floatIncentivos:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.floatIncentivos.label-incentivos-directos {
  background-color: #ee742c;
  border: 2px solid black;
  border-radius: 5px;
  transform: scale(1.1);
}
.floatIncentivos.label-incentivos-directos:hover {
  background-color: #ff8e4c;
}
.floatIncentivos.label-incentivos-directos span {
  color: white;
}
@media (max-width: 639px) {
  .name-user {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 120px;
  }
}
.btnDelComparador {
  color: white;
  box-sizing: border-box;
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #f00;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  background-image: -webkit-linear-gradient(bottom, #d62a2a 0, #e27a7a 100%);
}
.btnDelComparador:hover {
  color: #fccd7d;
}
.divRemove {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 99;
}
.column-comparador {
  position: relative;
}
@media (max-width: 639px) {
  .comparador-items .uk-text-small {
    font-size: 0.7rem;
  }
}
@media (max-width: 639px) {
  .comparador-items h5 {
    font-size: 0.9rem;
  }
}
.arrow-comparador {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 100px;
  width: 45PX;
  height: 45PX;
  text-align: center;
  top: 100px;
}
.btn-dsuenos {
  margin-right: 150px;
}
@media (max-width: 910px) {
  .btn-dsuenos {
    margin-right: 30px;
  }
}
@media (max-width: 790px) {
  .btn-dsuenos {
    margin-right: 0;
  }
}
.btn-dsuenos a {
  color: white !important;
  padding: 0 15px;
}
.icon-incentivo-pedido {
  display: inline-block;
  border: 1px solid gray;
  border-radius: 15px;
  width: 22px;
  height: 22px;
  padding-left: 2px;
  color: white;
  background-color: orange;
  font-size: 14px;
  margin-left: 10px;
}
/*# sourceMappingURL=main.css.map */