@charset "UTF-8";
/*
Definición de estilos y clases personalizadas para Suite
File: public/assets/css/app.css
*/
/* Fuentes */
/*Browser support*/
/* Colores */
/*image sizes*/
/*Breakpoints responsive*/
/*Transitions*/
.t-slow, .virtual-product, .virtual-product .info-wrapper, .block-disabled:before, .block-disabled-lds:before, .app-loader:before {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }

.t-medium {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.t-fast, .missing, .img-banner:before, .main-menu-inner, .page-content-tab, .enlarge-menu .leftbar-tab-menu .main-menu-inner, .navbar-custom, .product-wrapper .physical-product .image-wrapper img,
.product-wrapper .virtual-product .image-wrapper img, .grid .physical-product .image-wrapper:before, .quantity .minus,
.quantity .plus, #commission_label,
#table_categories tr td {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

/*user-select none*/
.user-select-none, label[for*="File"], img, .order-tracking-wrapper .tracking-step small, .order-tracking-wrapper .tracking-step small.text-tooltip {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*shapes*/
/*Border-radius*/
.border-radius-5, .documents-wrapper .item-document, .order-tracking-wrapper .tracking-step small.text-tooltip {
  border-radius: 5px !important; }

.border-radius-10 {
  border-radius: 10px !important; }

.border-radius-15 {
  border-radius: 15px !important; }

.border-radius-20 {
  border-radius: 20px !important; }

.border-radius-25, label[for*="File"], .grid .physical-product, .grid .physical-product .image-wrapper {
  border-radius: 25px !important; }

/*Basics*/
body {
  color: #010545;
  letter-spacing: 0.02em; }

*:not(i):not(.fas) {
  font-family: "Poppins", sans-serif !important; }

/*Paragraphs*/
.text-1-line, label[for*="File"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-2-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical; }

.text-3-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical; }

.text-4-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical; }

.text-5-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical; }

/*Clases personalizadas*/
/*Fondos*/
.bg-green {
  background-color: #4da727 !important; }

/*Efectos de links*/
a.bg-green:hover, a.bg-green:focus {
  background-color: #4da727 !important; }

/*Fuentes*/
.text-green {
  color: #4da727 !important; }

/*Fondos*/
.bg-yellow {
  background-color: #f29f11 !important; }

/*Efectos de links*/
a.bg-yellow:hover, a.bg-yellow:focus {
  background-color: #f29f11 !important; }

/*Fuentes*/
.text-yellow {
  color: #f29f11 !important; }

/*Fondos*/
.bg-light-blue {
  background-color: #21a9c2 !important; }

/*Efectos de links*/
a.bg-light-blue:hover, a.bg-light-blue:focus {
  background-color: #21a9c2 !important; }

/*Fuentes*/
.text-light-blue {
  color: #21a9c2 !important; }

/*Fondos*/
.bg-orange {
  background-color: #ee5a28 !important; }

/*Efectos de links*/
a.bg-orange:hover, a.bg-orange:focus {
  background-color: #ee5a28 !important; }

/*Fuentes*/
.text-orange {
  color: #ee5a28 !important; }

/*Fondos*/
.bg-purple {
  background-color: #880e82 !important; }

/*Efectos de links*/
a.bg-purple:hover, a.bg-purple:focus {
  background-color: #880e82 !important; }

/*Fuentes*/
.text-purple {
  color: #880e82 !important; }

/*Fondos*/
.bg-dark-blue {
  background-color: #2b2b8d !important; }

/*Efectos de links*/
a.bg-dark-blue:hover, a.bg-dark-blue:focus {
  background-color: #2b2b8d !important; }

/*Fuentes*/
.text-dark-blue {
  color: #2b2b8d !important; }

/*Fondos*/
.bg-black {
  background-color: #f29f11 !important; }

/*Efectos de links*/
a.bg-black:hover, a.bg-black:focus {
  background-color: #f29f11 !important; }

/*Fuentes*/
.text-black {
  color: #f29f11 !important; }

/*Fondos*/
.bg-white {
  background-color: #fff !important; }

/*Efectos de links*/
a.bg-white:hover, a.bg-white:focus {
  background-color: #fff !important; }

/*Fuentes*/
.text-white {
  color: #fff !important; }

/*Fondos*/
.bg-light {
  background-color: #eeeded !important; }

/*Efectos de links*/
a.bg-light:hover, a.bg-light:focus {
  background-color: #eeeded !important; }

/*Fuentes*/
.text-light {
  color: #eeeded !important; }

/*Fondos*/
.bg-blue-default {
  background-color: #010545 !important; }

/*Efectos de links*/
a.bg-blue-default:hover, a.bg-blue-default:focus {
  background-color: #010545 !important; }

/*Fuentes*/
.text-blue-default {
  color: #010545 !important; }

/*Fondos*/
.bg-blue-primary {
  background-color: #18509b !important; }

/*Efectos de links*/
a.bg-blue-primary:hover, a.bg-blue-primary:focus {
  background-color: #18509b !important; }

/*Fuentes*/
.text-blue-primary {
  color: #18509b !important; }

/*Fondos*/
.bg-dark {
  background-color: #212527 !important; }

/*Efectos de links*/
a.bg-dark:hover, a.bg-dark:focus {
  background-color: #212527 !important; }

/*Fuentes*/
.text-dark {
  color: #212527 !important; }

/*Fondos*/
.bg-red {
  background-color: #ef1e0d !important; }

/*Efectos de links*/
a.bg-red:hover, a.bg-red:focus {
  background-color: #ef1e0d !important; }

/*Fuentes*/
.text-red {
  color: #ef1e0d !important; }

/*Elementos internos*/
.wrapper-green {
  /*Iconos*/
  /*Expandir tabla*/
  /*Paginación*/
  /*Calendario*/
  /*Checked*/
  /*Selección de texto*/ }
  .wrapper-green i {
    color: #4da727; }
  .wrapper-green table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #4da727; }
  .wrapper-green .page-item.active .page-link {
    background-color: #4da727 !important;
    border-color: #4da727 !important; }
  .wrapper-green .nav-pills .nav-link.active,
  .wrapper-green .nav-tabs .nav-link.active,
  .wrapper-green .nav-tabs .nav-item.show .nav-link {
    background: #4da727; }
  .wrapper-green .ui-widget-header {
    background: #4da727;
    color: white; }
  .wrapper-green .checkbox input[type="checkbox"]:checked + label::before {
    background: #4da727; }
  .wrapper-green ::selection {
    background-color: #4da727;
    color: white; }
  .wrapper-green ::-moz-selection {
    background-color: #4da727;
    color: white; }
  .wrapper-green ::-o-selection {
    background-color: #4da727;
    color: white; }
  .wrapper-green ::-ms-selection {
    background-color: #4da727;
    color: white; }
  .wrapper-green ::-webkit-selection {
    background-color: #4da727;
    color: white; }

.wrapper-yellow {
  /*Iconos*/
  /*Expandir tabla*/
  /*Paginación*/
  /*Calendario*/
  /*Checked*/
  /*Selección de texto*/ }
  .wrapper-yellow i {
    color: #f29f11; }
  .wrapper-yellow table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #f29f11; }
  .wrapper-yellow .page-item.active .page-link {
    background-color: #f29f11 !important;
    border-color: #f29f11 !important; }
  .wrapper-yellow .nav-pills .nav-link.active,
  .wrapper-yellow .nav-tabs .nav-link.active,
  .wrapper-yellow .nav-tabs .nav-item.show .nav-link {
    background: #f29f11; }
  .wrapper-yellow .ui-widget-header {
    background: #f29f11;
    color: white; }
  .wrapper-yellow .checkbox input[type="checkbox"]:checked + label::before {
    background: #f29f11; }
  .wrapper-yellow ::selection {
    background-color: #f29f11;
    color: white; }
  .wrapper-yellow ::-moz-selection {
    background-color: #f29f11;
    color: white; }
  .wrapper-yellow ::-o-selection {
    background-color: #f29f11;
    color: white; }
  .wrapper-yellow ::-ms-selection {
    background-color: #f29f11;
    color: white; }
  .wrapper-yellow ::-webkit-selection {
    background-color: #f29f11;
    color: white; }

.wrapper-light-blue {
  /*Iconos*/
  /*Expandir tabla*/
  /*Paginación*/
  /*Calendario*/
  /*Checked*/
  /*Selección de texto*/ }
  .wrapper-light-blue i {
    color: #21a9c2; }
  .wrapper-light-blue table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #21a9c2; }
  .wrapper-light-blue .page-item.active .page-link {
    background-color: #21a9c2 !important;
    border-color: #21a9c2 !important; }
  .wrapper-light-blue .nav-pills .nav-link.active,
  .wrapper-light-blue .nav-tabs .nav-link.active,
  .wrapper-light-blue .nav-tabs .nav-item.show .nav-link {
    background: #21a9c2; }
  .wrapper-light-blue .ui-widget-header {
    background: #21a9c2;
    color: white; }
  .wrapper-light-blue .checkbox input[type="checkbox"]:checked + label::before {
    background: #21a9c2; }
  .wrapper-light-blue ::selection {
    background-color: #21a9c2;
    color: white; }
  .wrapper-light-blue ::-moz-selection {
    background-color: #21a9c2;
    color: white; }
  .wrapper-light-blue ::-o-selection {
    background-color: #21a9c2;
    color: white; }
  .wrapper-light-blue ::-ms-selection {
    background-color: #21a9c2;
    color: white; }
  .wrapper-light-blue ::-webkit-selection {
    background-color: #21a9c2;
    color: white; }

.wrapper-orange {
  /*Iconos*/
  /*Expandir tabla*/
  /*Paginación*/
  /*Calendario*/
  /*Checked*/
  /*Selección de texto*/ }
  .wrapper-orange i {
    color: #ee5a28; }
  .wrapper-orange table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #ee5a28; }
  .wrapper-orange .page-item.active .page-link {
    background-color: #ee5a28 !important;
    border-color: #ee5a28 !important; }
  .wrapper-orange .nav-pills .nav-link.active,
  .wrapper-orange .nav-tabs .nav-link.active,
  .wrapper-orange .nav-tabs .nav-item.show .nav-link {
    background: #ee5a28; }
  .wrapper-orange .ui-widget-header {
    background: #ee5a28;
    color: white; }
  .wrapper-orange .checkbox input[type="checkbox"]:checked + label::before {
    background: #ee5a28; }
  .wrapper-orange ::selection {
    background-color: #ee5a28;
    color: white; }
  .wrapper-orange ::-moz-selection {
    background-color: #ee5a28;
    color: white; }
  .wrapper-orange ::-o-selection {
    background-color: #ee5a28;
    color: white; }
  .wrapper-orange ::-ms-selection {
    background-color: #ee5a28;
    color: white; }
  .wrapper-orange ::-webkit-selection {
    background-color: #ee5a28;
    color: white; }

.wrapper-purple {
  /*Iconos*/
  /*Expandir tabla*/
  /*Paginación*/
  /*Calendario*/
  /*Checked*/
  /*Selección de texto*/ }
  .wrapper-purple i {
    color: #880e82; }
  .wrapper-purple table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #880e82; }
  .wrapper-purple .page-item.active .page-link {
    background-color: #880e82 !important;
    border-color: #880e82 !important; }
  .wrapper-purple .nav-pills .nav-link.active,
  .wrapper-purple .nav-tabs .nav-link.active,
  .wrapper-purple .nav-tabs .nav-item.show .nav-link {
    background: #880e82; }
  .wrapper-purple .ui-widget-header {
    background: #880e82;
    color: white; }
  .wrapper-purple .checkbox input[type="checkbox"]:checked + label::before {
    background: #880e82; }
  .wrapper-purple ::selection {
    background-color: #880e82;
    color: white; }
  .wrapper-purple ::-moz-selection {
    background-color: #880e82;
    color: white; }
  .wrapper-purple ::-o-selection {
    background-color: #880e82;
    color: white; }
  .wrapper-purple ::-ms-selection {
    background-color: #880e82;
    color: white; }
  .wrapper-purple ::-webkit-selection {
    background-color: #880e82;
    color: white; }

.wrapper-dark-blue {
  /*Iconos*/
  /*Expandir tabla*/
  /*Paginación*/
  /*Calendario*/
  /*Checked*/
  /*Selección de texto*/ }
  .wrapper-dark-blue i {
    color: #2b2b8d; }
  .wrapper-dark-blue table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #2b2b8d; }
  .wrapper-dark-blue .page-item.active .page-link {
    background-color: #2b2b8d !important;
    border-color: #2b2b8d !important; }
  .wrapper-dark-blue .nav-pills .nav-link.active,
  .wrapper-dark-blue .nav-tabs .nav-link.active,
  .wrapper-dark-blue .nav-tabs .nav-item.show .nav-link {
    background: #2b2b8d; }
  .wrapper-dark-blue .ui-widget-header {
    background: #2b2b8d;
    color: white; }
  .wrapper-dark-blue .checkbox input[type="checkbox"]:checked + label::before {
    background: #2b2b8d; }
  .wrapper-dark-blue ::selection {
    background-color: #2b2b8d;
    color: white; }
  .wrapper-dark-blue ::-moz-selection {
    background-color: #2b2b8d;
    color: white; }
  .wrapper-dark-blue ::-o-selection {
    background-color: #2b2b8d;
    color: white; }
  .wrapper-dark-blue ::-ms-selection {
    background-color: #2b2b8d;
    color: white; }
  .wrapper-dark-blue ::-webkit-selection {
    background-color: #2b2b8d;
    color: white; }

.wrapper-black {
  /*Iconos*/
  /*Expandir tabla*/
  /*Paginación*/
  /*Calendario*/
  /*Checked*/
  /*Selección de texto*/ }
  .wrapper-black i {
    color: #f29f11; }
  .wrapper-black table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #f29f11; }
  .wrapper-black .page-item.active .page-link {
    background-color: #f29f11 !important;
    border-color: #f29f11 !important; }
  .wrapper-black .nav-pills .nav-link.active,
  .wrapper-black .nav-tabs .nav-link.active,
  .wrapper-black .nav-tabs .nav-item.show .nav-link {
    background: #f29f11; }
  .wrapper-black .ui-widget-header {
    background: #f29f11;
    color: white; }
  .wrapper-black .checkbox input[type="checkbox"]:checked + label::before {
    background: #f29f11; }
  .wrapper-black ::selection {
    background-color: #f29f11;
    color: white; }
  .wrapper-black ::-moz-selection {
    background-color: #f29f11;
    color: white; }
  .wrapper-black ::-o-selection {
    background-color: #f29f11;
    color: white; }
  .wrapper-black ::-ms-selection {
    background-color: #f29f11;
    color: white; }
  .wrapper-black ::-webkit-selection {
    background-color: #f29f11;
    color: white; }

.wrapper-white {
  /*Iconos*/
  /*Expandir tabla*/
  /*Paginación*/
  /*Calendario*/
  /*Checked*/
  /*Selección de texto*/ }
  .wrapper-white i {
    color: #fff; }
  .wrapper-white table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #fff; }
  .wrapper-white .page-item.active .page-link {
    background-color: #fff !important;
    border-color: #fff !important; }
  .wrapper-white .nav-pills .nav-link.active,
  .wrapper-white .nav-tabs .nav-link.active,
  .wrapper-white .nav-tabs .nav-item.show .nav-link {
    background: #fff; }
  .wrapper-white .ui-widget-header {
    background: #fff;
    color: white; }
  .wrapper-white .checkbox input[type="checkbox"]:checked + label::before {
    background: #fff; }
  .wrapper-white ::selection {
    background-color: #fff;
    color: white; }
  .wrapper-white ::-moz-selection {
    background-color: #fff;
    color: white; }
  .wrapper-white ::-o-selection {
    background-color: #fff;
    color: white; }
  .wrapper-white ::-ms-selection {
    background-color: #fff;
    color: white; }
  .wrapper-white ::-webkit-selection {
    background-color: #fff;
    color: white; }

.wrapper-light {
  /*Iconos*/
  /*Expandir tabla*/
  /*Paginación*/
  /*Calendario*/
  /*Checked*/
  /*Selección de texto*/ }
  .wrapper-light i {
    color: #eeeded; }
  .wrapper-light table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #eeeded; }
  .wrapper-light .page-item.active .page-link {
    background-color: #eeeded !important;
    border-color: #eeeded !important; }
  .wrapper-light .nav-pills .nav-link.active,
  .wrapper-light .nav-tabs .nav-link.active,
  .wrapper-light .nav-tabs .nav-item.show .nav-link {
    background: #eeeded; }
  .wrapper-light .ui-widget-header {
    background: #eeeded;
    color: white; }
  .wrapper-light .checkbox input[type="checkbox"]:checked + label::before {
    background: #eeeded; }
  .wrapper-light ::selection {
    background-color: #eeeded;
    color: white; }
  .wrapper-light ::-moz-selection {
    background-color: #eeeded;
    color: white; }
  .wrapper-light ::-o-selection {
    background-color: #eeeded;
    color: white; }
  .wrapper-light ::-ms-selection {
    background-color: #eeeded;
    color: white; }
  .wrapper-light ::-webkit-selection {
    background-color: #eeeded;
    color: white; }

.wrapper-blue-default {
  /*Iconos*/
  /*Expandir tabla*/
  /*Paginación*/
  /*Calendario*/
  /*Checked*/
  /*Selección de texto*/ }
  .wrapper-blue-default i {
    color: #010545; }
  .wrapper-blue-default table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #010545; }
  .wrapper-blue-default .page-item.active .page-link {
    background-color: #010545 !important;
    border-color: #010545 !important; }
  .wrapper-blue-default .nav-pills .nav-link.active,
  .wrapper-blue-default .nav-tabs .nav-link.active,
  .wrapper-blue-default .nav-tabs .nav-item.show .nav-link {
    background: #010545; }
  .wrapper-blue-default .ui-widget-header {
    background: #010545;
    color: white; }
  .wrapper-blue-default .checkbox input[type="checkbox"]:checked + label::before {
    background: #010545; }
  .wrapper-blue-default ::selection {
    background-color: #010545;
    color: white; }
  .wrapper-blue-default ::-moz-selection {
    background-color: #010545;
    color: white; }
  .wrapper-blue-default ::-o-selection {
    background-color: #010545;
    color: white; }
  .wrapper-blue-default ::-ms-selection {
    background-color: #010545;
    color: white; }
  .wrapper-blue-default ::-webkit-selection {
    background-color: #010545;
    color: white; }

.wrapper-blue-primary {
  /*Iconos*/
  /*Expandir tabla*/
  /*Paginación*/
  /*Calendario*/
  /*Checked*/
  /*Selección de texto*/ }
  .wrapper-blue-primary i {
    color: #18509b; }
  .wrapper-blue-primary table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #18509b; }
  .wrapper-blue-primary .page-item.active .page-link {
    background-color: #18509b !important;
    border-color: #18509b !important; }
  .wrapper-blue-primary .nav-pills .nav-link.active,
  .wrapper-blue-primary .nav-tabs .nav-link.active,
  .wrapper-blue-primary .nav-tabs .nav-item.show .nav-link {
    background: #18509b; }
  .wrapper-blue-primary .ui-widget-header {
    background: #18509b;
    color: white; }
  .wrapper-blue-primary .checkbox input[type="checkbox"]:checked + label::before {
    background: #18509b; }
  .wrapper-blue-primary ::selection {
    background-color: #18509b;
    color: white; }
  .wrapper-blue-primary ::-moz-selection {
    background-color: #18509b;
    color: white; }
  .wrapper-blue-primary ::-o-selection {
    background-color: #18509b;
    color: white; }
  .wrapper-blue-primary ::-ms-selection {
    background-color: #18509b;
    color: white; }
  .wrapper-blue-primary ::-webkit-selection {
    background-color: #18509b;
    color: white; }

.wrapper-dark {
  /*Iconos*/
  /*Expandir tabla*/
  /*Paginación*/
  /*Calendario*/
  /*Checked*/
  /*Selección de texto*/ }
  .wrapper-dark i {
    color: #212527; }
  .wrapper-dark table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #212527; }
  .wrapper-dark .page-item.active .page-link {
    background-color: #212527 !important;
    border-color: #212527 !important; }
  .wrapper-dark .nav-pills .nav-link.active,
  .wrapper-dark .nav-tabs .nav-link.active,
  .wrapper-dark .nav-tabs .nav-item.show .nav-link {
    background: #212527; }
  .wrapper-dark .ui-widget-header {
    background: #212527;
    color: white; }
  .wrapper-dark .checkbox input[type="checkbox"]:checked + label::before {
    background: #212527; }
  .wrapper-dark ::selection {
    background-color: #212527;
    color: white; }
  .wrapper-dark ::-moz-selection {
    background-color: #212527;
    color: white; }
  .wrapper-dark ::-o-selection {
    background-color: #212527;
    color: white; }
  .wrapper-dark ::-ms-selection {
    background-color: #212527;
    color: white; }
  .wrapper-dark ::-webkit-selection {
    background-color: #212527;
    color: white; }

.wrapper-red {
  /*Iconos*/
  /*Expandir tabla*/
  /*Paginación*/
  /*Calendario*/
  /*Checked*/
  /*Selección de texto*/ }
  .wrapper-red i {
    color: #ef1e0d; }
  .wrapper-red table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
    background-color: #ef1e0d; }
  .wrapper-red .page-item.active .page-link {
    background-color: #ef1e0d !important;
    border-color: #ef1e0d !important; }
  .wrapper-red .nav-pills .nav-link.active,
  .wrapper-red .nav-tabs .nav-link.active,
  .wrapper-red .nav-tabs .nav-item.show .nav-link {
    background: #ef1e0d; }
  .wrapper-red .ui-widget-header {
    background: #ef1e0d;
    color: white; }
  .wrapper-red .checkbox input[type="checkbox"]:checked + label::before {
    background: #ef1e0d; }
  .wrapper-red ::selection {
    background-color: #ef1e0d;
    color: white; }
  .wrapper-red ::-moz-selection {
    background-color: #ef1e0d;
    color: white; }
  .wrapper-red ::-o-selection {
    background-color: #ef1e0d;
    color: white; }
  .wrapper-red ::-ms-selection {
    background-color: #ef1e0d;
    color: white; }
  .wrapper-red ::-webkit-selection {
    background-color: #ef1e0d;
    color: white; }

.nav-tabs > li.active > a {
  color: white !important; }
  .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: white !important; }

/*Dt pagintation default color*/
.page-item.active .page-link {
  background-color: #010545;
  border-color: #010545; }

/*
Sobreescritura de estilos y creación de clases para estilos de inputs
*/
.form-control {
  border-radius: 25px;
  background-color: #fcfcfc; }

label[for*="File"] {
  position: relative;
  width: 100%;
  cursor: pointer;
  text-align: center;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem; }
  label[for*="File"] + input[type="file"] {
    display: none; }

.btnDeleteFile {
  position: absolute;
  right: 10px;
  z-index: 1; }

.disabled {
  pointer-events: none;
  cursor: initial; }

.missing {
  border: 1px solid #ef4d56; }

[class*="btn-"],
button[class*="fc"] {
  color: white;
  font-weight: 600;
  border: none;
  box-shadow: none;
  border-radius: 25px; }
  [class*="btn-"]:hover,
  button[class*="fc"]:hover {
    color: white; }
  [class*="btn-"]:focus,
  button[class*="fc"]:focus {
    box-shadow: none; }

.btn-light, label[for*="File"] {
  color: #010545 !important; }

[class*="btn-o-"] {
  border-style: solid;
  border-width: 1px;
  background: transparent !important; }

.btn-green {
  background: #4da727 !important; }

.btn-o-green {
  border-color: #4da727 !important;
  color: #4da727; }
  .btn-o-green:hover, .btn-o-green.active {
    background: #4da727 !important;
    color: white !important; }

.btn-yellow {
  background: #f29f11 !important; }

.btn-o-yellow {
  border-color: #f29f11 !important;
  color: #f29f11; }
  .btn-o-yellow:hover, .btn-o-yellow.active {
    background: #f29f11 !important;
    color: white !important; }

.btn-light-blue {
  background: #21a9c2 !important; }

.btn-o-light-blue {
  border-color: #21a9c2 !important;
  color: #21a9c2; }
  .btn-o-light-blue:hover, .btn-o-light-blue.active {
    background: #21a9c2 !important;
    color: white !important; }

.btn-orange {
  background: #ee5a28 !important; }

.btn-o-orange {
  border-color: #ee5a28 !important;
  color: #ee5a28; }
  .btn-o-orange:hover, .btn-o-orange.active {
    background: #ee5a28 !important;
    color: white !important; }

.btn-purple {
  background: #880e82 !important; }

.btn-o-purple {
  border-color: #880e82 !important;
  color: #880e82; }
  .btn-o-purple:hover, .btn-o-purple.active {
    background: #880e82 !important;
    color: white !important; }

.btn-dark-blue {
  background: #2b2b8d !important; }

.btn-o-dark-blue {
  border-color: #2b2b8d !important;
  color: #2b2b8d; }
  .btn-o-dark-blue:hover, .btn-o-dark-blue.active {
    background: #2b2b8d !important;
    color: white !important; }

.btn-black {
  background: #f29f11 !important; }

.btn-o-black {
  border-color: #f29f11 !important;
  color: #f29f11; }
  .btn-o-black:hover, .btn-o-black.active {
    background: #f29f11 !important;
    color: white !important; }

.btn-white {
  background: #fff !important; }

.btn-o-white {
  border-color: #fff !important;
  color: #fff; }
  .btn-o-white:hover, .btn-o-white.active {
    background: #fff !important;
    color: #010545 !important; }

.btn-light, label[for*="File"] {
  background: #eeeded !important; }

.btn-o-light {
  border-color: #eeeded !important;
  color: #eeeded; }
  .btn-o-light:hover, .btn-o-light.active {
    background: #eeeded !important;
    color: white !important; }

.btn-blue-default {
  background: #010545 !important; }

.btn-o-blue-default {
  border-color: #010545 !important;
  color: #010545; }
  .btn-o-blue-default:hover, .btn-o-blue-default.active {
    background: #010545 !important;
    color: white !important; }

.btn-blue-primary {
  background: #18509b !important; }

.btn-o-blue-primary {
  border-color: #18509b !important;
  color: #18509b; }
  .btn-o-blue-primary:hover, .btn-o-blue-primary.active {
    background: #18509b !important;
    color: white !important; }

.btn-dark {
  background: #212527 !important; }

.btn-o-dark {
  border-color: #212527 !important;
  color: #212527; }
  .btn-o-dark:hover, .btn-o-dark.active {
    background: #212527 !important;
    color: white !important; }

.btn-red {
  background: #ef1e0d !important; }

.btn-o-red {
  border-color: #ef1e0d !important;
  color: #ef1e0d; }
  .btn-o-red:hover, .btn-o-red.active {
    background: #ef1e0d !important;
    color: white !important; }

/*Botones full calendar*/
.fc .fc-button.fc-button-active, .fc .fc-button:active, .fc .fc-button:disabled, .fc .fc-button:hover {
  background: #010545 !important; }

/*Clases personalizadas*/
.img-square-thumb, #search-product-wrapper #search-result-wrapper .search-result-item img {
  height: 35px;
  width: 35px;
  object-fit: cover; }

.img-square-xs, .list .physical-product .image-wrapper img {
  height: 75px;
  width: 75px;
  object-fit: cover; }

.img-square-sm {
  height: 150px;
  width: 150px;
  object-fit: cover; }

.img-square-md {
  height: 300px;
  width: 300px;
  object-fit: cover; }

.img-square-lg {
  height: 470px;
  width: 470px;
  object-fit: cover; }

.img-square-xl {
  height: 1020px;
  width: 1020px;
  object-fit: cover; }

.img-banner {
  cursor: pointer; }
  .img-banner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent; }
  .img-banner:hover {
    transform: scale(1); }

/*Components*/
/*
REDISEÑO MENÚ LATERAL
*/
/*Parte del menú con sólo iconos(Oculta, borrar posteriormente)*/
.leftbar-tab-menu .main-icon-menu {
  display: none; }

/*Coompany logo*/
.topbar-left .logo {
  display: block;
  width: 85%;
  margin: 12px auto;
  background: white;
  border-radius: 10px; }

/*Menu inner*/
.main-menu-inner {
  width: 250px;
  left: 0;
  background-color: #212527; }
  .main-menu-inner .topbar-left {
    background-color: #212527; }
  .main-menu-inner .menu-body {
    height: calc(100vh - 100px) !important;
    padding: 10px 0; }
  .main-menu-inner .nav-item ul a,
  .main-menu-inner .nav-item .nav-link,
  .main-menu-inner .nav-item .nav-link i {
    opacity: 0.6;
    font-weight: normal !important;
    color: white !important;
    background: none !important; }
  .main-menu-inner .nav-item .nav-link,
  .main-menu-inner .nav-item .nav-second-level a {
    font-size: 1.07em !important; }
  .main-menu-inner .nav-link.active,
  .main-menu-inner .nav-link:hover,
  .main-menu-inner .nav-item ul a.active,
  .main-menu-inner .nav-item ul a:hover,
  .main-menu-inner .nav-item .nav-link.active i,
  .main-menu-inner .nav-item .nav-link.active {
    opacity: 1; }

.leftbar-tab-menu .main-icon-menu-pane {
  display: block;
  margin: 0 !important; }

/** Linea punteada junto a submenú **/
body ul.nav-second-level {
  position: relative; }

body .main-menu-inner .menu-body .nav-item ul li a.active:before,
body .main-menu-inner .menu-body .nav-item ul li a:before {
  position: absolute;
  margin-top: 5px;
  height: 100%;
  border: none;
  border-left: 1px dotted #717375;
  border-radius: 0;
  background: none;
  opacity: 0.5;
  top: -5px; }

/**Responsive**/
@media (min-width: 1025px) {
  body .topbar .navbar-custom {
    margin-left: 250px; }
  body .page-content-tab {
    width: calc(100% - 250px);
    padding-bottom: 20px; } }

/* Collapsed*/
.enlarge-menu .page-content-tab {
  width: 100%; }

.enlarge-menu .topbar .navbar-custom {
  margin-left: 0; }

.enlarge-menu .leftbar-tab-menu .main-menu-inner {
  display: block !important;
  left: -250px; }

@media (min-width: 1025px) {
  .enlarge-menu .page-content-tab .product-wrapper.grid {
    max-width: 20%; } }

/*Clases personalizadas usadas en Navbar*/
.navbar-custom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }

.nav-icon {
  color: #606060;
  border-radius: 50%;
  background-color: #eeeded; }

.menu-apps-wrapper p {
  font-size: 0.9em;
  margin-top: 10px; }

.menu-apps-wrapper a {
  display: block;
  width: 50%;
  padding: 1em 0;
  text-align: center; }

.menu-apps-wrapper img {
  max-width: 72px; }

/*Imagen de usuario*/
.user-icon {
  position: relative;
  display: inline-flex;
  width: 35px;
  height: 35px;
  padding: 5px;
  border-radius: 50%;
  vertical-align: middle; }
  .user-icon > .bg-suite {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.4;
    background: no-repeat center/75% url(../../images/welcome/bg-suite-user-icon.svg); }

#main-navbar {
  position: relative;
  width: 100%; }

.navbar-fixed {
  position: fixed !important;
  z-index: 10; }

/**Responsive**/
@media (max-width: 1024px) {
  body .topbar .navbar-custom {
    margin-left: 0; }
  .main-menu-inner {
    padding-top: 70px; }
    .main-menu-inner a.logo {
      display: none; } }

@media (min-width: 1025px) {
  #amountsWrapper {
    display: flex; }
    #amountsWrapper span {
      font-size: 22px; } }

/*
Sobreescritura de estilos y creación de clases para modificar .card
*/
.card {
  border-radius: 25px; }
  .card .card-header {
    background-color: #212527;
    color: white;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px; }

/*Modal "Adquiere es módulo"*/
#buyModuleModal .modal-dialog .modal-content {
  border-radius: 25px; }
  #buyModuleModal .modal-dialog .modal-content .card {
    border-radius: 25px; }
  #buyModuleModal .modal-dialog .modal-content > .row::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #e3e3e3;
    position: absolute;
    left: 50%; }

.modal-steps {
  display: flex;
  position: relative;
  overflow: hidden; }
  .modal-steps .modal-step-1,
  .modal-steps .modal-step-2 {
    position: absolute;
    width: 100%;
    transition: all 0.5s ease; }
    .modal-steps .modal-step-1.show,
    .modal-steps .modal-step-2.show {
      position: relative;
      left: 0; }
  .modal-steps .modal-step-1 {
    left: -100%; }
  .modal-steps .modal-step-2 {
    left: 100%; }

.product-view-filter {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .product-view-filter span,
  .product-view-filter a {
    opacity: 0.6;
    margin: 0 8px; }

.product-wrapper .physical-product,
.product-wrapper .virtual-product {
  margin-bottom: 19.5px;
  box-shadow: 0px 2px 4px rgba(31, 30, 47, 0.1); }
  .product-wrapper .physical-product .product-categories,
  .product-wrapper .virtual-product .product-categories {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%; }
  .product-wrapper .physical-product .actions-wrapper,
  .product-wrapper .virtual-product .actions-wrapper {
    display: flex;
    flex-direction: column; }

@media screen and (max-width: 767px) {
  .product-wrapper {
    padding: 0 5px; } }

.grid .physical-product {
  padding: 0.5em; }
  .grid .physical-product .image-wrapper {
    height: 210px;
    width: 100%;
    position: relative;
    overflow: hidden; }
    .grid .physical-product .image-wrapper:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: transparent; }
    .grid .physical-product .image-wrapper img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
    @media screen and (max-width: 767px) {
      .grid .physical-product .image-wrapper {
        height: 150px; } }
  .grid .physical-product .info-wrapper {
    text-align: center; }
    .grid .physical-product .info-wrapper .product-description,
    .grid .physical-product .info-wrapper .product-categories {
      display: none; }
    .grid .physical-product .info-wrapper .product-name {
      min-height: 32.5px; }
  .grid .physical-product .actions-wrapper {
    align-items: center; }
    .grid .physical-product .actions-wrapper .price {
      height: 1.9em;
      text-align: center; }
  .grid .physical-product:hover {
    transform: scale(1.02);
    box-shadow: 0px 2px 4px rgba(31, 30, 47, 0.2); }
    .grid .physical-product:hover .image-wrapper:before {
      background-color: rgba(0, 0, 0, 0.2);
      z-index: 1; }

.list .physical-product {
  display: flex;
  padding: 0.5em; }
  .list .physical-product .image-wrapper {
    align-self: center; }
    @media screen and (max-width: 767px) {
      .list .physical-product .image-wrapper img {
        height: 45px;
        width: 45px; } }
  .list .physical-product .info-wrapper {
    width: 60%;
    padding: 0.5em 2em;
    border-right: 1px solid #ebebeb; }
    .list .physical-product .info-wrapper .product-name,
    .list .physical-product .info-wrapper .product-description {
      display: block; }
    .list .physical-product .info-wrapper .product-description {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    @media screen and (max-width: 767px) {
      .list .physical-product .info-wrapper {
        padding: 0.2px 5px;
        width: 50%; } }
  .list .physical-product .actions-wrapper {
    width: 20%;
    padding: 1.5em; }
    .list .physical-product .actions-wrapper .product-categories {
      display: none; }
    @media screen and (max-width: 767px) {
      .list .physical-product .actions-wrapper {
        padding: 2px;
        width: auto;
        align-self: center; } }
  .list .physical-product:hover .image-wrapper:before {
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1; }
  @media screen and (max-width: 767px) {
    .list .physical-product {
      padding: 0 5px; } }

.virtual-product {
  position: relative; }
  .virtual-product .image-wrapper {
    height: 210px;
    width: 100%;
    overflow: hidden; }
    .virtual-product .image-wrapper img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
    @media screen and (max-width: 767px) {
      .virtual-product .image-wrapper {
        height: 150px; } }
  .virtual-product .info-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.65); }
    .virtual-product .info-wrapper .options {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      transform: translateY(-50%); }
  .virtual-product:hover {
    transform: scale(1.02);
    box-shadow: 0px 2px 4px rgba(31, 30, 47, 0.2); }
    .virtual-product:hover .info-wrapper {
      visibility: visible;
      opacity: 1; }

.quantity {
  width: 70px;
  position: relative;
  display: inline-block; }
  .quantity .qty {
    border: 2px solid #ccc;
    height: 40px;
    width: 50px;
    text-align: center;
    font-weight: 700; }
  .quantity .minus,
  .quantity .plus {
    display: block;
    position: absolute;
    width: 21px;
    height: 21px;
    text-align: center;
    border: 2px solid #ccc;
    right: 1px; }
    .quantity .minus:hover,
    .quantity .plus:hover {
      background-color: #efefef; }
  .quantity .plus {
    top: 0; }
  .quantity .minus {
    bottom: 0; }

#cartTotalQuantity {
  position: absolute;
  padding: 4px 6px;
  font-weight: 700;
  right: 3px;
  top: -5px; }

#search-product-wrapper {
  position: relative; }
  #search-product-wrapper #search-result-wrapper {
    position: absolute;
    z-index: 1;
    width: 100%;
    background-color: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 2px 4px rgba(31, 30, 47, 0.1); }
    #search-product-wrapper #search-result-wrapper .search-result-item {
      display: flex;
      padding: 0.5em 2em;
      align-items: center;
      justify-content: space-between;
      color: #010545;
      border-bottom: 1px solid #ebebeb; }
      #search-product-wrapper #search-result-wrapper .search-result-item.focus {
        background-color: rgba(0, 0, 0, 0.1); }
      @media screen and (max-width: 767px) {
        #search-product-wrapper #search-result-wrapper .search-result-item {
          padding: 2px 5px; } }
  #search-product-wrapper .search-products-form {
    display: flex;
    align-items: center;
    border-radius: 100px;
    justify-content: space-between;
    border: 1px solid #18509b;
    background-color: white; }
    #search-product-wrapper .search-products-form > * {
      outline: none;
      border: none;
      margin: 0 !important; }
    #search-product-wrapper .search-products-form .main-search {
      width: 100%; }
      #search-product-wrapper .search-products-form .main-search input[type="text"] {
        color: rgba(0, 0, 0, 0.65);
        width: 100%;
        padding: 0.8em 1.2em;
        border: none;
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px; }

/*Scrollbar*/
* {
  scrollbar-width: thin;
  scrollbar-color: #90a4ae #edf0f5; }
  *::-webkit-scrollbar {
    width: 7px; }
  *::-webkit-scrollbar-track {
    background: #edf0f5; }
  *::-webkit-scrollbar-thumb {
    background-color: #90a4ae;
    border: 3px solid #90a4ae; }

/*Overflow on hover*/
.overflow-hover {
  overflow: hidden;
  overflow-y: overlay; }

/*Containers*/
.navbar-custom + div {
  min-height: calc(100vh - 70px); }

@media screen and (min-width: 768px) {
  #main-navbar + div {
    min-height: calc(100vh - 114px);
    padding-bottom: 60px; } }

@media screen and (max-width: 767px) {
  #main-navbar + div {
    min-height: calc(100vh - 84px); } }

/*Welcome page*/
.full-view {
  position: absolute;
  height: calc(100vh - 70px);
  width: 100%; }
  .full-view .animate__animated.animate__zoomIn {
    --animate-duration: 400ms; }
  .full-view > div {
    padding: 0; }

.item-card {
  position: relative;
  display: block;
  text-align: center; }
  .item-card > * {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    backface-visibility: hidden;
    transition: transform 0.5s ease-in-out;
    transform-style: preserve-3d; }
  .item-card p {
    margin-top: 0.4em;
    color: #fff;
    font-size: 14px; }
  .item-card img {
    max-height: 60px; }
  @media screen and (min-width: 768px) {
    .item-card > .front,
    .item-card:hover > .back {
      transform: rotateY(0deg);
      z-index: 1; }
    .item-card:hover > .front {
      transform: rotateY(-180deg); }
    .item-card > .back {
      transform: rotateY(180deg); } }
  @media screen and (max-width: 767px) {
    .item-card .back {
      display: none; } }
  .item-card .back h3 > span {
    display: inline-block;
    position: relative; }
    .item-card .back h3 > span::after {
      content: "";
      position: absolute;
      width: calc(100% + 0.5em);
      border-bottom: 10px solid #fad875;
      bottom: 2px;
      left: -0.25em;
      z-index: -1; }

/*Dashboard cards*/
.semicircle-dashboard {
  border-top-left-radius: 90px;
  border-bottom-left-radius: 90px;
  padding: 0.7em 1em;
  margin: 0.5em auto;
  cursor: pointer; }
  .semicircle-dashboard * {
    color: white;
    line-height: 1; }
  .semicircle-dashboard h1 {
    font-size: 3.4em; }
  .semicircle-dashboard img {
    max-height: 50px; }

.rectangle-dashboard {
  height: calc(100% - 24px); }

/* Global commission label */
#commission_label,
#table_categories tr td {
  background-color: transparent; }
  #commission_label.updating,
  #table_categories tr td.updating {
    background-color: #8dffff96; }

/* Document list for users */
.documents-wrapper {
  display: flex;
  flex-wrap: wrap;
  text-align: center; }
  .documents-wrapper .item-document {
    width: 30%;
    padding: 0.6em;
    margin: 4px;
    user-select: none; }
    .documents-wrapper .item-document:before {
      pointer-events: none; }
    .documents-wrapper .item-document:hover:before {
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-image: url(../../images/icons/download-file.png);
      background-position: center center;
      background-size: 30%;
      background-repeat: no-repeat;
      background-color: rgba(33, 37, 39, 0.4); }

/* Back to top button */
#btnBacktoTop {
  position: fixed;
  right: 1.6em;
  bottom: 6em;
  z-index: 999;
  box-shadow: 0px 2px 4px rgba(31, 30, 47, 0.2);
  height: 40px;
  width: 40px; }

/*Load more products block*/
.load-more-products-wrapper {
  text-align: center; }

/*Order status tracking*/
.order-tracking-wrapper {
  display: flex;
  text-align: center;
  justify-content: space-evenly;
  align-items: center; }
  .order-tracking-wrapper .tracking-step {
    position: relative;
    /*Default status name*/ }
    .order-tracking-wrapper .tracking-step .status-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      box-shadow: 0 0 1px 0.25px;
      border: 2px solid #fff;
      cursor: pointer;
      height: 50px;
      width: 50px; }
    .order-tracking-wrapper .tracking-step small {
      position: absolute;
      width: 100px;
      padding: 5px;
      text-align: center;
      left: -50%;
      bottom: -70%;
      z-index: 1; }
      .order-tracking-wrapper .tracking-step small.text-tooltip {
        color: #fff;
        background-color: black; }
        .order-tracking-wrapper .tracking-step small.text-tooltip::after {
          content: "";
          position: absolute;
          bottom: 100%;
          left: 50%;
          margin-left: -5px;
          border-width: 5px;
          border-style: solid;
          border-color: transparent transparent black transparent; }
    .order-tracking-wrapper .tracking-step:not(:last-child)::before {
      content: "";
      position: absolute;
      top: 50%;
      right: -80px;
      width: 150%;
      border-top: 2px dotted #e8ebf3; }

/* Loading block effects*/
.block-disabled {
  position: relative; }
  .block-disabled:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #ffffff9e;
    cursor: not-allowed; }

.block-disabled-lds {
  display: inline-block;
  position: relative; }
  .block-disabled-lds:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #ffffff9e;
    cursor: not-allowed; }
  .block-disabled-lds:after {
    position: absolute;
    content: " ";
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #010545;
    border-color: #010545 transparent #010545 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
    top: calc(50% - 15px);
    left: calc(50% - 15px); }

.app-loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0.8; }
  .app-loader:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #ffffff9e;
    cursor: not-allowed; }
  .app-loader:after {
    position: absolute;
    content: " ";
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #010545;
    border-color: #010545 transparent #010545 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
    top: calc(50% - 30px);
    left: calc(50% - 30px); }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Mobile version */
@media screen and (max-width: 767px) {
  .app-wrapper {
    display: block; }
  #cartTotalQuantity {
    position: absolute;
    padding: 4px 6px;
    font-weight: 700;
    right: -5px;
    top: -5px; }
  #homeCardApp {
    position: relative;
    padding-bottom: 50px; }
    #homeCardApp .actions-floating-wrapper {
      width: 100%;
      position: absolute;
      display: flex;
      justify-content: space-around;
      align-items: center;
      left: 0;
      bottom: -40px; }
      #homeCardApp .actions-floating-wrapper a {
        width: 75px;
        height: 75px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 50%;
        box-shadow: 0px 2px 4px rgba(31, 30, 47, 0.2); }
        #homeCardApp .actions-floating-wrapper a img {
          height: 40px; }
        #homeCardApp .actions-floating-wrapper a small {
          font-size: 9px;
          font-weight: 600; }
  .end-content-app {
    position: absolute;
    bottom: 0;
    left: 0; }
    .end-content-app .footer-content {
      min-height: 160px;
      background-image: url(../../images/bottom-suite-logo.svg);
      background-position: center bottom;
      background-repeat: no-repeat; }
      .end-content-app .footer-content a {
        width: 80px;
        height: 80px;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 50%;
        box-shadow: 0px 3px 6px 4px rgba(31, 30, 47, 0.2); }
        .end-content-app .footer-content a img {
          height: 40px; } }