@font-face {
  font-family: 'Aller';
  font-style: normal;
  font-weight: 400;
  src: local("Aller"), url("https://fonts.cdnfonts.com/s/12/Aller_Rg.woff") format("woff"); }

.ej-menuCustom {
  background-color: transparent; }

.MenuControl {
  background-color: transparent; }

body {
  font-family: 'Aller', sans-serif;
  /*font-family: 'Aller Regular', sans-serif;
    font-family: 'Aller Light', sans-serif;*/
  font-style: normal !important;
  font-size: 14px;
  font-size: 1rem; }

.font-size-0 {
  font-size: 0;
  font-style: normal !important; }

.font-size-9 {
  font-size: 9px;
  font-size: 0.64286rem;
  font-style: normal !important; }

.font-size-10 {
  font-size: 10px;
  font-size: 0.71429rem;
  font-style: normal !important; }

.font-size-11 {
  font-size: 11px;
  font-size: 0.78571rem;
  font-style: normal !important; }

.font-size-small {
  font-size: 12px;
  font-size: 0.85714rem;
  font-style: normal !important; }

.font-size-medium {
  font-size: 14px;
  font-size: 1rem;
  font-style: normal !important; }

.font-size-large {
  font-size: 16px;
  font-size: 1.14286rem;
  font-style: normal !important; }

.font-size-extra-large {
  font-size: 18px;
  font-size: 1.28571rem;
  font-style: normal !important; }

.font-title {
  font-size: 20px;
  font-size: 1.42857rem;
  font-style: normal !important; }

a:active {
  color: #030303; }

a {
  color: #030303; }

.nav-stockcolor {
  background-color: #666 !important; }

@media (min-width: 1200px) {
  .font-xl-size-extra-large {
    font-size: 18px;
    font-size: 1.28571rem;
    font-style: normal !important; }
  .font-xl-size-medium {
    font-size: 14px;
    font-size: 1rem;
    font-style: normal !important; } }

@media (min-width: 992px) {
  .font-lg-size-large {
    font-size: 16px;
    font-size: 1.14286rem; } }

@media (min-width: 768px) {
  .font-md-size-small {
    font-size: 12px;
    font-size: 0.85714rem;
    font-style: normal !important; }
  .font-md-size-medium {
    font-size: 14px;
    font-size: 1rem;
    font-style: normal !important; }
  .font-md-size-extra-large {
    font-size: 18px;
    font-size: 1.28571rem;
    font-style: normal !important; }
  .position-md-absolute {
    position: absolute !important;
    font-style: normal !important; } }

@media (min-width: 576px) {
  .font-sm-size-small {
    font-size: 12px;
    font-size: 0.85714rem; }
  .font-sm-size-medium {
    font-size: 14px;
    font-size: 1rem; } }

@media (min-width: 380px) {
  .d-xs-flex {
    display: flex; }
  .mx-xs-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important; }
  .m-xs-2 {
    margin: 0.5rem !important; } }

@media (max-width: 575.98px) {
  .container-sm-prl {
    padding-left: 0;
    padding-right: 0; } }

.btn {
  border-color: #6c757d; }

.bg-catalinaBlue {
  background-color: #990000 !important; }

.bg-white {
  background-color: #fff; }

.bg-ecstasy {
  background-color: #ca683f; }

.bg-chambray {
  background-color: #990000; }

.bg-aliceBlue {
  background-color: #e0e0e0; }

.bg-malibu {
  background-color: #5bc0de; }

.bg-grenadier {
  background-color: #c5423e; }

.bg-fern {
  background-color: #5cb85c; }

.bg-valencia {
  background-color: #d9534f; }

.bg-mediumCarmine {
  background-color: #b8423f; }

.bg-fruitSalad {
  background-color: #419641; }

.text-catalinaBlue {
  color: #990000; }

header {
  background-color: #e0e0e0;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  position: fixed;
  z-index: 10; }

.header-top {
  height: 50px;
  background: #990100;
  background: linear-gradient(90deg, #990100 55%, #c30001 70%, #df0100 100%); }

.header-mid {
  height: 4px;
  background-color: #F33535; }

.code {
  color: #030303; }

.abutton {
  color: #fff; }

.header-search {
  height: 120px;
  background-color: #fff; }

.header-searchlogout {
  height: 120px;
  background-color: #fff; }

.header-menu {
  height: 45px; }

.logo {
  margin-top: 0px;
  position: relative;
  z-index: 1; }

.logologout {
  margin-top: 0px;
  position: relative;
  z-index: 1; }

.social-icon:before {
  font-size: 20px;
  font-size: 1.42857rem; }

.fa {
  font-family: FontAwesome; }

.content {
  min-height: 100vh;
  padding-top: 228px;
  z-index: 0; }

.btn-white {
  background-color: #fff; }

.login {
  max-width: 510px;
  margin: 0 auto; }
  .login .action .btn {
    min-width: 100px; }

.dropdown-user {
  position: relative;
  padding-left: 25px;
  padding-left: 1.78571rem; }
  @media (max-width: 575.98px) {
    .dropdown-user {
      padding: 3px 10px 3px 22px;
      padding: 0.21429rem 0.71429rem 0.21429rem 1.57143rem; }
      .dropdown-user span {
        width: 100px;
        display: inline-block;
        position: relative;
        top: 4px; } }
  .dropdown-user:before {
    font-family: FontAwesome;
    content: '\f2be';
    display: block;
    position: absolute;
    background-color: #fff;
    color: #030303;
    border-radius: 50%;
    top: 0;
    height: 32px;
    width: 32px;
    left: -16px;
    font-size: 20px;
    padding: 2px; }
    @media (min-width: 576px) {
      .dropdown-user:before {
        height: 36px;
        width: 36px;
        left: -18px;
        padding: 3px; } }

.search-field {
  padding-right: 50px; }

.search-button {
  right: 0;
  background-color: #990000;
  height: 38px; }

.shopping .btn {
  height: 38px; }

.nav-label {
  background-color: #990100;
  color: white;
  padding: 3px 10px 3px 10px;
  border-radius: 10px 0px; }

.nav-active {
  background-color: #BDBDBD;
  height: 100% !important; }

.nav-icon {
  position: relative;
  color: #666666;
  height: 100% !important; }
  .nav-icon:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    color: #666666;
    margin-right: 5px;
    margin-right: 0.35714rem; }

.nav-home {
  color: #666666; }
  .nav-home:before {
    background-image: url("../images/home.svg"); }

.nav-system {
  color: #666666; }
  .nav-system:before {
    background-image: url("../images/system.svg"); }

.nav-operation {
  color: #666666; }
  .nav-operation:before {
    background-image: url("../images/operation.svg"); }

.nav-occational {
  color: #666666; }
  .nav-occational:before {
    background-image: url("../images/occasional.svg"); }

.nav-reports {
  color: #666666; }
  .nav-reports:before {
    background-image: url("../images/reports.svg"); }

.nav-products {
  color: #666666; }
  .nav-products:before {
    background-image: url("../images/products.svg"); }

.nav-item:hover .nav-icon {
  height: 100% !important;
  background-color: #BDBDBD; }
  .nav-item:hover .nav-icon:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    left: calc(50% - 10px);
    bottom: -1px; }

.nav-item:hover .nav-icon + .nav-expand {
  display: block; }

.nav-item:hover .nav-icon + .nav-menuitem {
  display: block; }

.nav-expand {
  width: 100%;
  left: 0;
  padding: 15px;
  padding: 1.07143rem;
  z-index: 10;
  background-color: #fff;
  display: none;
  border-top: 0; }
  @media (min-width: 576px) {
    .nav-expand {
      columns: auto 3; } }
  .nav-expand li {
    list-style: none; }
  .nav-expand a {
    display: block;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #990000;
    padding: 5px 10px;
    padding: 0.35714rem 0.71429rem; }
  .nav-expand h3 {
    font-size: 14px;
    font-size: 1rem;
    font-weight: bold;
    color: #990000;
    margin: 0; }
  .nav-expand > li:hover .nav-link-mobile {
    display: block; }

.nav-menuitem {
  width: 375px;
  left: 0;
  padding: 15px;
  padding: 1.07143rem;
  z-index: 10;
  background-color: #fff;
  display: none;
  border-top: 0; }
  @media (min-width: 576px) {
    .nav-menuitem {
      columns: auto 1; } }
  .nav-menuitem li {
    list-style: none; }
  .nav-menuitem a {
    display: block;
    font-size: 12px;
    font-size: 0.85714rem;
    color: #990000;
    padding: 5px 10px;
    padding: 0.35714rem 0.71429rem; }
  .nav-menuitem h3 {
    font-size: 14px;
    font-size: 1rem;
    font-weight: bold;
    color: #990000;
    margin: 0; }
  .nav-menuitem > li:hover .nav-link-mobile {
    display: block; }

@media (max-width: 575.98px) {
  .nav-link-mobile {
    display: block; } }

@media (max-width: 575.98px) {
  .nav-title-mobile {
    padding: 10px;
    padding: 0.71429rem; } }

.carousel-control-prev-icon {
  background-image: url("../images/control-prev.svg"); }

.carousel-control-next-icon {
  background-image: url("../images/control-next.svg"); }

.carousel-indicators li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid; }
  .carousel-indicators li.active {
    background-color: #76848c; }

.product .discount {
  left: 0; }
  @media (max-width: 767.98px) {
    .product .discount {
      font-size: 12px;
      font-size: 0.85714rem; } }

@media (max-width: 767.98px) {
  .product-card {
    padding-right: 10px;
    padding-left: 10px; } }

@media (max-width: 767.98px) {
  .product-price {
    font-size: 16px;
    font-size: 1.14286rem; } }

.product-info {
  padding: 0 !important; }

.product-add-cart {
  padding-right: 20px; }
  @media (max-width: 767.98px) {
    .product-add-cart {
      font-size: 0;
      padding: 0; } }
  .product-add-cart:after {
    font-family: FontAwesome;
    content: '\f07a';
    display: inline-block;
    width: 30px;
    height: 38px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.375rem 0.5rem;
    background-color: #990000; }
    @media (max-width: 767.98px) {
      .product-add-cart:after {
        font-size: 18px;
        font-size: 1.28571rem;
        position: relative;
        width: 38px; } }

.product-add-cart-small {
  font-size: 0;
  padding: 0; }
  .product-add-cart-small:after {
    font-family: FontAwesome;
    content: '\f07a';
    display: inline-block;
    width: 38px;
    height: 38px;
    position: relative;
    right: 0;
    top: 0;
    padding: 0.375rem 0.5rem;
    background-color: #990000;
    font-size: 18px;
    font-size: 1.28571rem; }

.product-grid .product-info {
  padding: 0 10px !important; }

.product-grid > .col {
  order: 0;
  flex: 0 1 100%;
  align-self: auto; }
  @media (min-width: 576px) {
    .product-grid > .col {
      flex: 0 1 50%; } }
  @media (min-width: 768px) {
    .product-grid > .col {
      flex: 0 1 33.33%; } }
  @media (min-width: 992px) {
    .product-grid > .col {
      flex: 0 1 25%; } }

@media (max-width: 575.98px) {
  .product-order-by {
    text-align: center; }
    .product-order-by .row {
      display: block; }
      .product-order-by .row > div {
        display: block !important;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%; }
      .product-order-by .row span {
        display: inline !important;
        margin-right: 7px;
        margin-right: 0.5rem; } }

.product-order-by .btn {
  height: 38px; }

.product-filter-by-categories .link-categories:nth-child(2n + 2) {
  background-color: #f2f2f2; }

.product-list table {
  text-align: center; }
  .product-list table tbody tr:nth-child(2n-1) {
    background-color: #f2f2f2; }
  .product-list table tbody tr:nth-child(2n-2) {
    background-color: #f9f9fb; }
  .product-list table td {
    vertical-align: middle; }
  .product-list table span {
    background-color: #FE0000;
    color: white;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    display: inline-block; }
  .product-list table input {
    width: 130% !important;
    display: block;
    font-size: 13px; }

.product-list-cart table td {
  border: 0; }

.page-link {
  height: 38px; }
  .page-link .fa {
    position: relative;
    top: 2px; }

.btn-filter {
  position: relative;
  border: 0;
  border-radius: 0;
  text-align: left;
  background-color: #e0e0e0;
  font-size: 14px;
  font-size: 1rem;
  padding: 10.5px;
  padding: 0.75rem; }
  @media (min-width: 1200px) {
    .btn-filter {
      font-size: 18px;
      font-size: 1.28571rem; } }
  .btn-filter:after {
    font-family: FontAwesome;
    content: '\f077';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    font-size: 0.78571rem;
    padding: 13px 14px;
    padding: 0.92857rem 1rem;
    background-color: #6c757d; }
    @media (min-width: 1200px) {
      .btn-filter:after {
        font-size: 14px;
        font-size: 1rem; } }
  .btn-filter.collapsed:after {
    content: '\f078'; }

.remove-after:after {
  display: none; }

.month-promotion img {
  width: 100%; }

.btn-cart {
  padding: 8px 10px;
  padding: 0.57143rem 0.71429rem;
  color: #fff;
  border: 0; }

.btn-edit {
  background-color: #3a9ebb; }

.btn-delete {
  background-color: #c63935; }

.fa-credicart-add:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("../images/credicart-add.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.fa-credicart-income:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("../images/credicart-income.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.budget .fa {
  font-size: 20px;
  padding: 8px;
  color: #fff;
  background-color: #990000; }

.cart-total .card-body .row {
  padding: 8px 12px;
  padding: 0.57143rem 0.85714rem; }
  .cart-total .card-body .row:nth-child(2n-2) {
    background-color: #f2f2f2; }

.budget-btn-action .btn {
  padding: 10px 30px 10px 10px;
  padding: 0.71429rem 2.14286rem 0.71429rem 0.71429rem;
  overflow: hidden; }
  .budget-btn-action .btn:after {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0;
    padding: 19px;
    padding: 1.35714rem; }
  .budget-btn-action .btn.btn-continue-buying:after {
    background-image: url("../images/circle-chevron-right.svg");
    background-color: #3a9ebb; }
  .budget-btn-action .btn.btn-abort-order:after {
    background-image: url("../images/trash-empty.svg");
    background-color: #b8423f; }
  .budget-btn-action .btn.btn-finish-purchase:after {
    background-image: url("../images/circle-checked.svg");
    background-color: #419641; }

.gallery .images .image {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  display: none; }

.gallery .images .activeimage {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  display: none; }

.gallery .images .image.active {
  display: block; }

.gallery .images .image.activeimg {
  display: block;
  width: 140px;
  height: 140px; }

.gallery .images .image .content-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: center no-repeat;
  background-size: cover; }

.gallery .thumbs {
  margin-top: 10px;
  width: 100%;
  text-align: center; }

@media (max-width: 768px) {
  .gallery .thumbs {
    height: 80px;
    overflow-x: auto;
    overflow-y: hidden; } }

.gallery .thumbs .thumb {
  box-sizing: border-box;
  background: center no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  margin: 4px;
  border: 3px solid transparent;
  width: 100px;
  height: 80px;
  cursor: pointer; }

.gallery .thumbs .thumb:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  left: 50%;
  top: -5px; }

@media (max-width: 768px) {
  .gallery .thumbs .thumb {
    width: 65px;
    height: 65px; }
  .gallery .thumbs .thumb:before {
    left: 25px; } }

.gallery .thumbs .thumb.active:before {
  border-bottom-color: silver; }

/*Autocomplete*/
.ui-menu {
  z-index: 999999999999 !important; }

.brands img {
  width: 100%; }

@media (max-width: 767.98px) {
  .brands {
    flex-wrap: wrap; }
    .brands .col {
      order: 0;
      flex: 0 1 33%;
      align-self: auto;
      padding: 10px;
      padding: 0.71429rem; } }

@media (max-width: 991.98px) {
  .product-row-reverse {
    flex-direction: column-reverse;
    flex-wrap: wrap; }
    .product-row-reverse > div {
      flex: 0 0 auto;
      max-width: 100%; } }

footer {
  background-color: #990000;
  min-height: 60px; }

.footer-separator {
  height: 10px;
  width: 100%;
  background-color: #7F7F7F; }

@media (max-width: 575.98px) {
  .browser-safari .dropdown-user,
  .browser-iphone .dropdown-user {
    height: 34px; }
    .browser-safari .dropdown-user:after,
    .browser-iphone .dropdown-user:after {
      position: relative;
      top: 22%; } }

.uitlabel_search_filterdiv input {
  width: 100%; }

.uitlabel_search_listContainer {
  margin: 0;
  padding: 0;
  list-style: none; }

.uitlabel_search_listElementColumn {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  float: left; }

.uitlabel_search_ContentDiv {
  display: block;
  display: block;
  margin: 0 0 20px 0;
  float: left;
  width: 100%; }

.uitlabel_search_ColumnName {
  font-weight: bold;
  display: block;
  float: left;
  width: 35%; }

.uitlabel_search_listElement {
  cursor: pointer;
  float: left;
  display: block;
  width: 100%;
  padding: 10px 0 10px 0;
  border-bottom: 2px solid #b4b5b4; }

#uitLabelExtender_LoadingDiv > img {
  height: 75%;
  margin-left: 25%;
  margin-top: 6%;
  cursor: progress; }

.uitlabel_search_ColumnValue {
  float: left;
  width: 65%; }

.e-menu {
  background: #e0e0e0 !important;
  border: none !important;
  border-color: #e0e0e0 !important; }

.e-boder {
  color: #e0e0e0; }

.e-ham-wrap {
  background-color: #e0e0e0 !important;
  border: none !important; }

.InformesMenu {
  font-weight: bold !important;
  color: red !important; }

@media (min-width: 480px) and (max-width: 767px) {
  /*tab*/
  .e-tab .e-header li > a > span:nth-child(2) {
    display: none; }
  /*tree view*/
  .e-treeview .e-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40px; }
  .e-responsive-toolbar {
    width: 250px !important; } }

@media (max-width: 767px) {
  .e-menu.e-horizontal li.e-list > a .e-icon {
    position: absolute;
    right: 8px; }
  .e-menu.e-horizontal li.e-list > ul > li.e-list > a span.e-arrows:before, .e-menu.e-horizontal li.e-list > ul > li.e-list > span span.e-arrows:before, .e-menu.e-horizontal li.e-list > ul li.e-list:hover > a span.e-arrows:before, .e-menu.e-horizontal li.e-list > ul li.e-list:hover > span span.e-arrows:before, .e-menu.e-horizontal > li.e-list:hover > a span.e-arrows:before, .e-menu.e-horizontal > li.e-list:hover > span span.e-arrows:before {
    content: "\e627"; }
  .e-menu.e-horizontal li.e-list ul {
    border: 0 none; }
  .e-menu.e-separator.e-horizontal > .e-list {
    border: medium none; }
  .e-menu {
    border-top: none; }
  .e-menu-wrap .e-hide {
    display: block;
    position: absolute; }
  .e-menu.e-horizontal, .e-menu.e-horizontal.e-res-hide {
    display: none; }
  .e-menu-res-wrap, .e-menu.e-horizontal.e-res-show, .e-menu-wrap .e-res-title {
    display: block; }
  .e-menu.e-horizontal li.e-list {
    display: block; }
  .e-menu.e-horizontal li.e-list > ul, .e-menu.e-horizontal li.e-list {
    position: static; }
  .e-menu.e-horizontal > li.e-list > ul:after {
    content: none; }
  .e-menu.e-horizontal > li.e-list > ul li.e-list > a, .e-menu.e-horizontal > li.e-list > ul li.e-list > span {
    line-height: 28px; }
  .e-menu li.e-list > ul li.e-list > a, .e-menu li.e-list > ul li.e-list > span {
    padding: 3px 18px 3px 30px; }
  .e-menu-res-wrap .e-icon.e-check-wrap:before {
    content: "\e66c";
    font-size: 30px;
    width: 30px;
    height: 100%; } }