/*
$brand-primary:             $blue;
$brand-success:             $green;
$brand-info:                $teal;
$brand-warning:             $orange;
$brand-danger:              $red;
$brand-inverse:             $gray-dark;
*/
/*$font-family-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
$font-family-serif:      Georgia, "Times New Roman", Times, serif !default;
$font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$font-family-base:       $font-family-sans-serif !default;*/
/*** PANEL DE CONTROL ***/
@media (max-width: 767px) {
  div.dashboard div.container, div.my-account div.container {
    background: #FFFFFF !important;
  }
}
div.dashboard article.info-box, div.my-account article.info-box {
  padding: 10px;
  height: 80px;
  margin-bottom: 10px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  background: #f6f6f6;
  border-radius: 5px;
}
div.dashboard article.info-box .img, div.my-account article.info-box .img {
  font-size: 41px;
}
div.dashboard article.info-box .data, div.my-account article.info-box .data {
  font-size: 18px;
  text-align: center;
}
div.dashboard article.info-box .data .label, div.my-account article.info-box .data .label {
  font-size: 16px;
  display: block;
}
div.dashboard article.info-box > div, div.my-account article.info-box > div {
  display: table-cell;
  vertical-align: middle;
}
div.dashboard .nav-tabs .badge, div.my-account .nav-tabs .badge {
  font-size: 1em;
}
div.dashboard .nav-tabs .nav-link.active, div.my-account .nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #57c8e8;
}
div.dashboard .nav-tabs .nav-link.active .badge, div.my-account .nav-tabs .nav-link.active .badge {
  color: #57c8e8;
  background: #FFFFFF;
}
div.dashboard .nav-tabs #abiertos-seccion-kiosco-tab .nav-link.active, div.my-account .nav-tabs #abiertos-seccion-kiosco-tab .nav-link.active {
  background-color: #5cb85c;
}
div.dashboard .nav-tabs #abiertos-seccion-kiosco-tab .nav-link.active .badge, div.my-account .nav-tabs #abiertos-seccion-kiosco-tab .nav-link.active .badge {
  color: #5cb85c;
}
div.dashboard article.info-box.clientes, div.my-account article.info-box.clientes {
  color: #57C9E8;
}
div.dashboard article.info-box.ventas, div.my-account article.info-box.ventas {
  color: #815CA7;
}
div.dashboard article.info-box.pedidos, div.my-account article.info-box.pedidos {
  color: #eb7a58;
}
div.dashboard article.info-box.clientes, div.my-account article.info-box.clientes {
  color: #57C9E8;
}
div.dashboard article.info-box.visitas, div.my-account article.info-box.visitas {
  color: #5cb85c;
}
div.dashboard article.info-box.subidos, div.my-account article.info-box.subidos {
  color: #5cb85c;
}
div.dashboard article.info-box.procesados, div.my-account article.info-box.procesados {
  color: #815CA7;
}
div.dashboard article.info-box.no-procesados, div.my-account article.info-box.no-procesados {
  color: #eb7a58;
}
div.dashboard article.info-box.no-existen, div.my-account article.info-box.no-existen {
  color: #57C9E8;
}
div.dashboard article.info-box.precio_bajo, div.my-account article.info-box.precio_bajo {
  color: #eca93e;
}
div.dashboard div.pedidos, div.dashboard div.devoluciones, div.dashboard div.kiosco, div.dashboard article.pedido > div, div.dashboard div.status, div.my-account div.pedidos, div.my-account div.devoluciones, div.my-account div.kiosco, div.my-account article.pedido > div, div.my-account div.status {
  padding-left: 0px;
  padding-right: 0px;
}
div.dashboard article.pedido, div.dashboard article.devolucion, div.my-account article.pedido, div.my-account article.devolucion {
  margin-bottom: 25px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
div.dashboard article.pedido .cabecera, div.my-account article.pedido .cabecera {
  background: linear-gradient(218deg, #c9dae7 0, #ebeff9 100%);
  padding: 10px;
}
div.dashboard article.pedido .cabecera.kiosco-cab, div.my-account article.pedido .cabecera.kiosco-cab {
  background: linear-gradient(240deg, #f1f2d0 0, #b1d8b4 100%);
}
div.dashboard article.pedido .cabecera ul, div.my-account article.pedido .cabecera ul {
  list-style: none;
  margin-bottom: 0px;
  margin-left: -40px;
}
div.dashboard article.pedido .cabecera i, div.my-account article.pedido .cabecera i {
  margin-right: 10px;
}
div.dashboard article.pedido .cabecera .adelanto-pedido, div.my-account article.pedido .cabecera .adelanto-pedido {
  font-size: 0.78rem;
}
div.dashboard section.secciones-pedidos, div.my-account section.secciones-pedidos {
  margin-bottom: 60px;
}
div.dashboard .row.progress-point, div.my-account .row.progress-point {
  padding: 5px;
}
div.dashboard .barra, div.my-account .barra {
  width: 8px;
  height: 75%;
  background: #cccccc;
  content: " ";
  position: absolute;
  left: 13px;
  top: 15px;
}
div.dashboard .barra span, div.my-account .barra span {
  width: 8px;
  height: 0%;
  content: " ";
  position: absolute;
}
div.dashboard .estado-num, div.my-account .estado-num {
  padding: 0px;
}
div.dashboard .estado-num span, div.my-account .estado-num span {
  width: 24px;
  height: 24px;
  background: #cccccc;
  color: white;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
div.dashboard .progress-point.completed .estado-num span, div.my-account .progress-point.completed .estado-num span {
  background: #57C9E8;
}
div.dashboard .progress-point.completed .label, div.my-account .progress-point.completed .label {
  color: #57C9E8;
}
div.dashboard .acciones, div.my-account .acciones {
  padding: 10px 10px 10px 50px !important;
}
div.dashboard .acciones .btn, div.my-account .acciones .btn {
  margin-right: 15px;
}
div.dashboard .status, div.my-account .status {
  border-right: 1px solid #fefefe;
}
div.dashboard .items, div.my-account .items {
  height: 155px;
  overflow-y: auto;
}
div.dashboard .items span, div.my-account .items span {
  text-transform: lowercase;
}
div.dashboard .items ul, div.my-account .items ul {
  list-style: none;
  padding: 5px;
}
div.dashboard .items img, div.my-account .items img {
  width: 32px;
  height: 32px;
}
div.dashboard .highcharts-credits, div.my-account .highcharts-credits {
  display: none;
}
@media (max-width: 991px) {
  div.dashboard article.pedido, div.dashboard article.devolucion, div.my-account article.pedido, div.my-account article.devolucion {
    font-size: 14px;
  }
  div.dashboard .resumen, div.my-account .resumen {
    margin-bottom: 15px;
  }
  div.dashboard .acciones, div.my-account .acciones {
    padding: 10px 10px 10px 10px !important;
  }
  div.dashboard .acciones .btn, div.my-account .acciones .btn {
    margin-right: 5px;
    padding: 5px;
  }
}
@media (max-width: 1024px) {
  div.dashboard .data .label, div.my-account .data .label {
    font-weight: 11px;
  }
}
div.dashboard .highcharts-color-0, div.my-account .highcharts-color-0 {
  stroke: #57C9E8;
  fill: #57C9E8;
}
div.dashboard .highcharts-color-4, div.my-account .highcharts-color-4 {
  stroke: #f7ef8f;
  fill: #f7ef8f;
}
div.dashboard .highcharts-color-2, div.my-account .highcharts-color-2 {
  stroke: #8ac9ef;
  fill: #8ac9ef;
}
div.dashboard .highcharts-color-3, div.my-account .highcharts-color-3 {
  stroke: #acb0d9;
  fill: #acb0d9;
}
div.dashboard .highcharts-color-1, div.my-account .highcharts-color-1 {
  stroke: #EB7B59;
  fill: #EB7B59;
}
div.dashboard .highcharts-color-5, div.my-account .highcharts-color-5 {
  stroke: #fcc876;
  fill: #fcc876;
}
div.dashboard .highcharts-color-6, div.my-account .highcharts-color-6 {
  stroke: #fad2dc;
  fill: #fad2dc;
}
div.dashboard .highcharts-color-7, div.my-account .highcharts-color-7 {
  stroke: #b4ed83;
  fill: #b4ed83;
}
div.dashboard .highcharts-color-8, div.my-account .highcharts-color-8 {
  stroke: #67bea4;
  fill: #67bea4;
}
div.dashboard .highcharts-color-9, div.my-account .highcharts-color-9 {
  stroke: #aaaaaa;
  fill: #aaaaaa;
}
div.dashboard .highcharts-spline-series .highcharts-color-0, div.my-account .highcharts-spline-series .highcharts-color-0 {
  stroke: #aa5577;
  fill: #aa5577;
}
div.dashboard .highcharts-spline-series .highcharts-color-1, div.my-account .highcharts-spline-series .highcharts-color-1 {
  stroke: #1B7B59;
  fill: #1B7B59;
}

#zip::-webkit-outer-spin-button,
#zip::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#zip {
  -moz-appearance: textfield;
}

div.my-account article.info-box {
  border: 2px solid white;
}
div.my-account article.info-box .data {
  font-size: 15px;
}

@media (max-width: 768px) {
  section.detalle {
    position: relative;
  }
  section.detalle .refresh {
    top: 0px;
    right: initial;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
  }
}
/*
#print-art {
  @font-face {
    font-family: 'VAGRoundedStdThinBold';
    src: url('/skin/frontend/fmas/default/fonts/VAGRoundedStd-Thin.eot');
    src: url('/skin/frontend/fmas/default/fonts/VAGRoundedStd-Thin.eot?#iefix') format('embedded-opentype'),
    url('/skin/frontend/fmas/default/fonts/VAGRoundedStd-Thin.woff') format('woff'),
    url('/skin/frontend/fmas/default/fonts/VAGRoundedStd-Thin.otf') format('otf'),
    url('/skin/frontend/fmas/default/fonts/VAGRoundedStd-Thin.ttf') format('truetype');
  }
  font-family: 'VAGRoundedStdThinBold','HelveticaNeue-Light', 'Helvetica Neue Light', Helvetica, Arial, 'Lucida Grande', sans-serif;
  .tarjeta {
    width: 88mm;
    height: 32mm;
    border: 1px dotted #54C8E8;
    color: #54C8E8;
    font-weight: bolder;
    padding: 5px;
    position: relative;

    .col-6:first-child {
      padding: 0px;
    }

    p {
      margin: 0px;
    }
    p.precio {
      text-align: right;
      position: absolute;
      bottom: 25px;
      right: 45mm;
    }

    h3 {
      font-size: 10pt;
      text-transform: lowercase;
      margin: 0px 0px 2px 0px;
    }
    h3::first-letter {
      text-transform: uppercase;
    }

    .col-6 {
      padding: 0px 5px;
    }

    span.old {
      text-decoration: line-through;
      font-size: 11pt;
    }

    p.precio span.price-product {
      font-size: 25pt;
      color: #231f20;
    }
    span.pvp {
      display: block;
      text-align: right;
      font-weight: normal;
      margin: 0px;
      padding: 0px;
      font-size: 8pt;
    }
    .footer-prod {
      text-align: left;
      font-size: 6pt;
      font-weight: normal;
      position: absolute;
      bottom: 5px;
    }
    p.nota {
      font-size: 5pt;
    }
    p.categoria {
      text-align: right;
      font-size: 6pt;
      color: #231f20;
      margin-bottom: 1px;
    }
    #qr {
      width: 110px;
      position: absolute;
      right: 15px;
      top: 8px;
    }
    #qr img {
      width: 110px;
    }
  }
  @media (min-width: 768px) {
    @page {
      margin: 0.5cm;
    }
    .tarjeta {
      overflow: hidden;
    }
  }
}*/
.qr-gen, .preview {
  cursor: pointer;
}

div.my-account {
  background: #FFF;
  padding: 10px 0px;
  text-align: justify;
  /*
    #my-orders-table {
      td:nth-child(2), th:nth-child(2) {
        display: none;
      }
    }*/
}
div.my-account .cartlabel {
  visibility: hidden;
}
div.my-account h1 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 20px;
}
div.my-account h2 {
  font-size: 1.6rem;
}
div.my-account h3 {
  font-size: 1.4rem;
}
div.my-account h4 {
  font-size: 1.2rem;
}
div.my-account .my-account {
  padding: 10px 20px;
}
div.my-account .response {
  padding-top: 25px;
}
div.my-account .addresses-primary h2, div.my-account .invoice h2 {
  font-size: 1.4rem;
}
div.my-account .addresses-primary h3, div.my-account .invoice h3 {
  font-size: 1.2rem;
}
div.my-account .payment, div.my-account .shipping {
  font-weight: bolder;
}
div.my-account .badge {
  font-size: 65%;
}
div.my-account .box-recent {
  margin: 20px auto;
}
div.my-account .box-info > .row {
  margin: 20px auto;
}
div.my-account section.login {
  margin: 0px;
}
div.my-account section.history {
  padding: 10px;
}
div.my-account .buttons-set {
  text-align: right;
  padding: 10px 20px;
}
div.my-account .buttons-set .btn-primary a {
  color: #FFFFFF;
}
div.my-account #awrma-items-ordered-table h3 {
  font-size: 0.9rem;
}
div.my-account #awrma-items-ordered-table ul {
  list-style: none;
}
div.my-account #articulos-table {
  font-size: 80%;
}
div.my-account #articulos-table input {
  padding: 4px;
  font-size: 0.8rem;
}
div.my-account #articulos-table .btn-sm {
  border: 0px;
}
div.my-account td.last button {
  font-size: 0.8em;
  cursor: pointer;
  margin-bottom: 1px;
  width: 140px;
}
div.my-account .buttons-set.left {
  text-align: left;
}
div.my-account nav.toolbar-custom {
  background-color: #fff;
  font-size: 0.8em;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 0.5rem;
  /*    @include centrado();*/
}
@media (max-width: 767px) {
  div.my-account nav.toolbar-custom .toolbar-sorter-by, div.my-account nav.toolbar-custom .cantidadListado {
    padding: 0px;
  }
  div.my-account nav.toolbar-custom .cantidadListado div > div {
    padding: 0px 0px 0px 5px;
  }
}
div.my-account nav.toolbar-custom .toolbar-sorter-by label {
  font-size: 0.7rem;
  float: left;
  padding-top: 10px;
  font-weight: bolder;
}
div.my-account nav.toolbar-custom .toolbar-view-page label {
  font-size: 0.74rem;
  float: left;
  padding-top: 10px;
  font-weight: bolder;
}
div.my-account nav.toolbar-custom .tolbar-view-page div.dropdown button {
  font-size: 0.7rem;
}
div.my-account nav.toolbar-custom .tolbar-view-page div.dropdown div.dropdown-menu .dropdown-item {
  font-size: 0.7rem;
}
div.my-account nav.toolbar-custom .cantidadListado {
  text-align: center;
}
div.my-account nav.toolbar-custom .cantidadListado p, div.my-account nav.toolbar-custom .cantidadListado ul {
  margin-bottom: 0px;
}
div.my-account nav.toolbar-custom .pagination2 {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
div.my-account nav.toolbar-custom .pagination2 .page-link2 {
  position: relative;
  padding: 0.35rem 0.6rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #000;
}
div.my-account nav.toolbar-custom .pagination2 a:focus, div.my-account nav.toolbar-custom .pagination2 a:hover {
  background-color: #57C9E8;
  color: #fff;
  text-decoration: none;
}
div.my-account nav.toolbar-custom .pagination2 .active {
  background-color: #57C9E8;
  color: #fff;
  text-decoration: none;
}
div.my-account table#my-custom-table p {
  padding: 5px 0px !important;
  margin: 0px;
}
div.my-account table#my-custom-table td.last {
  text-align: center;
}
div.my-account .admin_en_stock {
  color: #679D14;
}
div.my-account .admin_sin_stock {
  color: #FF4629;
}

div.my-wishlist h3 {
  font-size: 1.2em;
}
div.my-wishlist .price {
  font-size: 1.2em !important;
  text-align: center;
  padding: 0px;
  border: none !important;
  color: #57C9E8;
}
div.my-wishlist .list-wish {
  margin-bottom: 20px;
}
div.my-wishlist .list-wish > .row {
  margin-top: 30px;
}

div.navigation-menu-category p.h3 {
  margin-left: 15px;
}

section.help {
  padding: 15px;
  border-top: 2px solid #f6f6f6;
}

#seleccion-redes {
  position: fixed;
  display: none;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.49);
}
#seleccion-redes ul {
  list-style: none;
  line-height: 3em;
  margin-top: 20px;
}

section.mi-farmacia {
  background: #FFFFFF;
  padding: 10px;
}
section.mi-farmacia .fa-3 {
  font-size: 2em;
}
section.mi-farmacia #botton-redes {
  margin-right: 25px;
}
section.mi-farmacia ul#contenedor_social {
  list-style: none;
}
section.mi-farmacia #seleccion-redes-content {
  text-align: center;
  width: 300px;
  margin: auto;
  margin-top: 200px;
  background-color: #f8f8f8;
  padding: 5px;
  border-radius: 5px;
  color: #333333;
  font-size: 1rem;
  font-weight: bolder;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5), 0 3px 1px -2px rgba(0, 0, 0, 0.5), 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}
section.mi-farmacia #close-redes {
  position: relative;
  float: right;
  cursor: pointer;
}
section.mi-farmacia #redes-nota {
  font-size: smaller;
  color: red;
  display: none;
}
section.mi-farmacia .logo-img img, section.mi-farmacia .images-img img {
  background-color: #f6f6f6;
}

article.invoice hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
article.invoice .status {
  margin-bottom: 30px;
}
article.invoice div.invoice-header {
  text-align: right;
  font-size: 90%;
}
article.invoice div.invoice-header p {
  margin-bottom: 0.2rem;
}
article.invoice ul, article.invoice ol, article.invoice #order-info-tabs {
  list-style: none;
}

.order-items .invoice-block {
  text-align: right;
  font-size: 90%;
}
.order-items ul, .order-items ol {
  list-style: none;
}
.order-items ul.amounts {
  font-weight: bolder;
}
.order-items ul.amounts span.price {
  font-weight: normal;
}

section.extra {
  background: #FFF;
  padding: 10px 0px;
}

.stamp {
  transform: rotate(12deg);
  color: #555;
  font-size: 1.4rem;
  font-weight: 700;
  border: 0.25rem solid #555;
  display: inline-block;
  padding: 0.25rem 1rem;
  text-transform: uppercase;
  border-radius: 1rem;
  font-family: "Courier";
  -webkit-mask-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/8399/grunge.png");
  -webkit-mask-size: 944px 604px;
  mix-blend-mode: multiply;
}
.stamp.rechazado {
  color: #D23;
  border: 0.5rem double #D23;
  transform: rotate(3deg);
  -webkit-mask-position: 2rem 3rem;
  font-size: 2rem;
}
.stamp.aprobado {
  color: #0A9928;
  border: 0.5rem double #0A9928;
  -webkit-mask-position: 13rem 6rem;
  transform: rotate(-14deg);
  border-radius: 0;
}
.stamp.borrador {
  color: #C4C4C4;
  border: 1rem double #C4C4C4;
  transform: rotate(-5deg);
  font-size: 6rem;
  font-family: "Open sans", Helvetica, Arial, sans-serif;
  border-radius: 0;
  padding: 0.5rem;
}
.stamp.entregado {
  right: 48%;
  position: absolute;
}

body.sales-guest-view section#main-content, body.sales-guest-form section#main-content {
  background: #ffffff;
}
body.sales-guest-view .btn a, body.sales-guest-form .btn a {
  color: #ffffff;
}
body.sales-guest-view div.container, body.sales-guest-form div.container {
  padding: 10px 30px !important;
}
body.sales-guest-view div.page-title, body.sales-guest-form div.page-title {
  margin-bottom: 20px;
}

/**** LOGIN ****/
body.customer-account-login .row.central {
  background-color: #fff;
}

section.login {
  margin: 50px 0px;
}
section.login h2 {
  font-size: 1.4rem;
}
section.login .buttons-set {
  text-align: right;
  padding: 10px 20px;
}

section.customer-register, section.feedback {
  background: #FFF;
  padding: 20px;
  text-align: justify;
}
section.customer-register h1, section.feedback h1 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 20px;
}

/**** LOGIN ****/
body.farmacias-kiosko-pedidos .txtTarjeta, body.customer-account-index .txtTarjeta, body.farmacias-kiosko-historico .txtTarjeta {
  font-weight: bold;
  color: #57c9e7;
}
body.farmacias-kiosko-pedidos .cabecera-pedido, body.customer-account-index .cabecera-pedido, body.farmacias-kiosko-historico .cabecera-pedido {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 10px;
}
body.farmacias-kiosko-pedidos section#farmacia, body.farmacias-kiosko-pedidos section#online, body.customer-account-index section#farmacia, body.customer-account-index section#online, body.farmacias-kiosko-historico section#farmacia, body.farmacias-kiosko-historico section#online {
  max-height: 300px !important;
  font-size: 0.9em;
  color: #57C9E8;
  overflow-y: auto;
}
@media (min-height: 1280px) {
  body.farmacias-kiosko-pedidos section#farmacia, body.farmacias-kiosko-pedidos section#online, body.customer-account-index section#farmacia, body.customer-account-index section#online, body.farmacias-kiosko-historico section#farmacia, body.farmacias-kiosko-historico section#online {
    max-height: 350px !important;
  }
}
@media (max-height: 720px) {
  body.farmacias-kiosko-pedidos section#farmacia, body.farmacias-kiosko-pedidos section#online, body.customer-account-index section#farmacia, body.customer-account-index section#online, body.farmacias-kiosko-historico section#farmacia, body.farmacias-kiosko-historico section#online {
    max-height: 250px !important;
  }
}
body.farmacias-kiosko-pedidos section#farmacia > div.row, body.farmacias-kiosko-pedidos section#online > div.row, body.customer-account-index section#farmacia > div.row, body.customer-account-index section#online > div.row, body.farmacias-kiosko-historico section#farmacia > div.row, body.farmacias-kiosko-historico section#online > div.row {
  padding: 5px 0px;
  border-bottom: 1px solid #edf9fd;
  align-items: center;
}
body.farmacias-kiosko-pedidos section#farmacia > div.row div.product-details, body.farmacias-kiosko-pedidos section#online > div.row div.product-details, body.customer-account-index section#farmacia > div.row div.product-details, body.customer-account-index section#online > div.row div.product-details, body.farmacias-kiosko-historico section#farmacia > div.row div.product-details, body.farmacias-kiosko-historico section#online > div.row div.product-details {
  align-items: center;
}
body.farmacias-kiosko-pedidos section#farmacia > div.row div.product-details p, body.farmacias-kiosko-pedidos section#online > div.row div.product-details p, body.customer-account-index section#farmacia > div.row div.product-details p, body.customer-account-index section#online > div.row div.product-details p, body.farmacias-kiosko-historico section#farmacia > div.row div.product-details p, body.farmacias-kiosko-historico section#online > div.row div.product-details p {
  padding: 0px;
  text-align: right;
  margin-bottom: 5px;
}
body.farmacias-kiosko-pedidos section#farmacia > div.row div.product-details p.product-name, body.farmacias-kiosko-pedidos section#online > div.row div.product-details p.product-name, body.customer-account-index section#farmacia > div.row div.product-details p.product-name, body.customer-account-index section#online > div.row div.product-details p.product-name, body.farmacias-kiosko-historico section#farmacia > div.row div.product-details p.product-name, body.farmacias-kiosko-historico section#online > div.row div.product-details p.product-name {
  text-align: justify;
}
body.farmacias-kiosko-pedidos section#farmacia > div.row div.product-details p.product-cn, body.farmacias-kiosko-pedidos section#online > div.row div.product-details p.product-cn, body.customer-account-index section#farmacia > div.row div.product-details p.product-cn, body.customer-account-index section#online > div.row div.product-details p.product-cn, body.farmacias-kiosko-historico section#farmacia > div.row div.product-details p.product-cn, body.farmacias-kiosko-historico section#online > div.row div.product-details p.product-cn {
  font-size: 0.8em;
  text-align: left;
  color: #999;
  font-weight: bold;
}
body.farmacias-kiosko-pedidos section#farmacia > div.row p.disponibilidad, body.farmacias-kiosko-pedidos section#online > div.row p.disponibilidad, body.customer-account-index section#farmacia > div.row p.disponibilidad, body.customer-account-index section#online > div.row p.disponibilidad, body.farmacias-kiosko-historico section#farmacia > div.row p.disponibilidad, body.farmacias-kiosko-historico section#online > div.row p.disponibilidad {
  font-size: 0.85em;
}
body.farmacias-kiosko-pedidos section#farmacia > div.row p.product-name, body.farmacias-kiosko-pedidos section#online > div.row p.product-name, body.customer-account-index section#farmacia > div.row p.product-name, body.customer-account-index section#online > div.row p.product-name, body.farmacias-kiosko-historico section#farmacia > div.row p.product-name, body.farmacias-kiosko-historico section#online > div.row p.product-name {
  font-size: 0.85em;
  max-height: 60px;
  height: initial;
  text-align: left;
}
body.farmacias-kiosko-pedidos section#farmacia > div.row p.cantidad, body.farmacias-kiosko-pedidos section#online > div.row p.cantidad, body.customer-account-index section#farmacia > div.row p.cantidad, body.customer-account-index section#online > div.row p.cantidad, body.farmacias-kiosko-historico section#farmacia > div.row p.cantidad, body.farmacias-kiosko-historico section#online > div.row p.cantidad {
  padding: 0px;
}
body.farmacias-kiosko-pedidos section#farmacia > div.row p.cantidad input, body.farmacias-kiosko-pedidos section#online > div.row p.cantidad input, body.customer-account-index section#farmacia > div.row p.cantidad input, body.customer-account-index section#online > div.row p.cantidad input, body.farmacias-kiosko-historico section#farmacia > div.row p.cantidad input, body.farmacias-kiosko-historico section#online > div.row p.cantidad input {
  width: 40px;
  text-align: center;
}
body.farmacias-kiosko-pedidos section#farmacia > div.row p.actions span, body.farmacias-kiosko-pedidos section#online > div.row p.actions span, body.customer-account-index section#farmacia > div.row p.actions span, body.customer-account-index section#online > div.row p.actions span, body.farmacias-kiosko-historico section#farmacia > div.row p.actions span, body.farmacias-kiosko-historico section#online > div.row p.actions span {
  color: #a30c08;
  font-weight: bolder;
  cursor: pointer;
  font-size: 1.2em;
}
body.farmacias-kiosko-pedidos section#farmacia > .row, body.customer-account-index section#farmacia > .row, body.farmacias-kiosko-historico section#farmacia > .row {
  border-left: 4px solid #8be876;
}
body.farmacias-kiosko-pedidos section#online > .row, body.customer-account-index section#online > .row, body.farmacias-kiosko-historico section#online > .row {
  border-left: 4px solid #57c9e8;
}
body.farmacias-kiosko-pedidos div.footer-pedido, body.customer-account-index div.footer-pedido, body.farmacias-kiosko-historico div.footer-pedido {
  text-align: right;
  padding: 10px;
}
body.farmacias-kiosko-pedidos div.footer-pedido .total, body.customer-account-index div.footer-pedido .total, body.farmacias-kiosko-historico div.footer-pedido .total {
  font-weight: bolder;
}
body.farmacias-kiosko-pedidos tr.last td, body.customer-account-index tr.last td, body.farmacias-kiosko-historico tr.last td {
  border: none;
  font-weight: bolder;
  text-align: right;
}

.prices-articles {
  list-style: none;
  padding: 0px;
  margin-bottom: 1px;
  text-align: right;
}
.prices-articles li {
  margin-bottom: 2px;
}
.prices-articles input, .prices-articles span {
  text-align: right;
}

.input-group-append, .input-group-prepend {
  background-color: #ebebeb;
  padding: 3px;
  width: 20px;
}

.euro {
  background: #FFFFFF;
}

.precio-kiosko-span {
  max-height: 25px;
  background-color: #f6f6f6;
  font-size: 0.8rem;
}

.farmacias-kiosko-index #filename {
  font-size: 0.9em;
  margin: 5px 0px !important;
  padding: 5px !important;
}

.farmacias-kiosko-index .my-account, .farmacias-kiosko-historico .my-account, #club-dashboard .my-account {
  padding: 40px 0px;
}
.farmacias-kiosko-index legend, .farmacias-kiosko-historico legend, #club-dashboard legend {
  cursor: pointer;
}
.farmacias-kiosko-index .capa, .farmacias-kiosko-historico .capa, #club-dashboard .capa {
  height: 115px;
  padding: 20px;
}
.farmacias-kiosko-index .capa.disabled, .farmacias-kiosko-historico .capa.disabled, #club-dashboard .capa.disabled {
  background-color: whitesmoke;
  opacity: 0.4;
  border: 1px solid #aaa;
  border-radius: 5px;
}
.farmacias-kiosko-index #sync-kiosko button, .farmacias-kiosko-historico #sync-kiosko button, #club-dashboard #sync-kiosko button {
  margin: 10px auto;
}
.farmacias-kiosko-index legend, .farmacias-kiosko-historico legend, #club-dashboard legend {
  text-align: center;
  padding: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #AAA;
  margin-bottom: 20px;
  text-transform: uppercase;
  cursor: inherit;
}
.farmacias-kiosko-index .dropdown-menu, .farmacias-kiosko-historico .dropdown-menu, #club-dashboard .dropdown-menu {
  left: 25%;
  top: 90%;
}
.farmacias-kiosko-index .dropdown, .farmacias-kiosko-historico .dropdown, #club-dashboard .dropdown {
  display: block !important;
}
@media (min-width: 768px) {
  .farmacias-kiosko-index .circle-tile, .farmacias-kiosko-historico .circle-tile, #club-dashboard .circle-tile {
    margin-bottom: 30px;
  }
}
.farmacias-kiosko-index .circle-tile, .farmacias-kiosko-historico .circle-tile, #club-dashboard .circle-tile {
  margin-bottom: 15px;
  text-align: center;
}
.farmacias-kiosko-index .circle-tile-heading, .farmacias-kiosko-historico .circle-tile-heading, #club-dashboard .circle-tile-heading {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto -40px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  color: #fff;
  transition: all ease-in-out 0.3s;
}
.farmacias-kiosko-index .dark-blue, .farmacias-kiosko-historico .dark-blue, #club-dashboard .dark-blue {
  background-color: #34495e;
}
.farmacias-kiosko-index .green, .farmacias-kiosko-historico .green, #club-dashboard .green {
  background-color: #16a085;
}
.farmacias-kiosko-index .blue, .farmacias-kiosko-historico .blue, #club-dashboard .blue {
  background-color: #2980b9;
}
.farmacias-kiosko-index .orange, .farmacias-kiosko-historico .orange, #club-dashboard .orange {
  background-color: #f39c12;
}
.farmacias-kiosko-index .red, .farmacias-kiosko-historico .red, #club-dashboard .red {
  background-color: #e74c3c;
}
.farmacias-kiosko-index .purple, .farmacias-kiosko-historico .purple, #club-dashboard .purple {
  background-color: #8e44ad;
}
.farmacias-kiosko-index .dark-gray, .farmacias-kiosko-historico .dark-gray, #club-dashboard .dark-gray {
  background-color: #7f8c8d;
}
.farmacias-kiosko-index .gray, .farmacias-kiosko-historico .gray, #club-dashboard .gray {
  background-color: #95a5a6;
}
.farmacias-kiosko-index .light-gray, .farmacias-kiosko-historico .light-gray, #club-dashboard .light-gray {
  background-color: #bdc3c7;
}
.farmacias-kiosko-index .yellow, .farmacias-kiosko-historico .yellow, #club-dashboard .yellow {
  background-color: #f1c40f;
}
.farmacias-kiosko-index .text-dark-blue, .farmacias-kiosko-historico .text-dark-blue, #club-dashboard .text-dark-blue {
  color: #34495e;
}
.farmacias-kiosko-index .text-green, .farmacias-kiosko-historico .text-green, #club-dashboard .text-green {
  color: #16a085;
}
.farmacias-kiosko-index .text-blue, .farmacias-kiosko-historico .text-blue, #club-dashboard .text-blue {
  color: #2980b9;
}
.farmacias-kiosko-index .text-orange, .farmacias-kiosko-historico .text-orange, #club-dashboard .text-orange {
  color: #f39c12;
}
.farmacias-kiosko-index .text-red, .farmacias-kiosko-historico .text-red, #club-dashboard .text-red {
  color: #e74c3c;
}
.farmacias-kiosko-index .text-purple, .farmacias-kiosko-historico .text-purple, #club-dashboard .text-purple {
  color: #8e44ad;
}
.farmacias-kiosko-index .text-faded, .farmacias-kiosko-historico .text-faded, #club-dashboard .text-faded {
  color: rgba(255, 255, 255, 0.7);
}
.farmacias-kiosko-index .circle-tile-heading .fa, .farmacias-kiosko-historico .circle-tile-heading .fa, #club-dashboard .circle-tile-heading .fa {
  line-height: 80px;
}
.farmacias-kiosko-index .circle-tile-content, .farmacias-kiosko-historico .circle-tile-content, #club-dashboard .circle-tile-content {
  padding-top: 50px;
  display: block !important;
  border-radius: 10px;
}
.farmacias-kiosko-index .circle-tile-description, .farmacias-kiosko-historico .circle-tile-description, #club-dashboard .circle-tile-description {
  text-transform: uppercase;
}
.farmacias-kiosko-index .text-faded, .farmacias-kiosko-historico .text-faded, #club-dashboard .text-faded {
  color: rgba(255, 255, 255, 0.7);
}
.farmacias-kiosko-index .circle-tile-number, .farmacias-kiosko-historico .circle-tile-number, #club-dashboard .circle-tile-number {
  padding: 5px 0 15px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}
.farmacias-kiosko-index .circle-tile-footer, .farmacias-kiosko-historico .circle-tile-footer, #club-dashboard .circle-tile-footer {
  display: block;
  padding: 5px;
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.1);
  transition: all ease-in-out 0.3s;
  border-radius: 0px 0px 10px 10px;
}
.farmacias-kiosko-index .circle-tile-footer:hover, .farmacias-kiosko-historico .circle-tile-footer:hover, #club-dashboard .circle-tile-footer:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.2);
}
.farmacias-kiosko-index .fa-3x, .farmacias-kiosko-historico .fa-3x, #club-dashboard .fa-3x {
  font-size: 3em !important;
}
.farmacias-kiosko-index .activa .circle-tile-heading, .farmacias-kiosko-historico .activa .circle-tile-heading, #club-dashboard .activa .circle-tile-heading {
  animation-duration: 1s;
  animation-name: arriba;
  top: -25px;
  background: white;
  color: orange;
  border: 3px solid rgba(255, 165, 0, 0.5);
}
.farmacias-kiosko-index .circle-tile-heading, .farmacias-kiosko-historico .circle-tile-heading, #club-dashboard .circle-tile-heading {
  animation-duration: 1s;
  animation-name: abajo;
  top: 0px;
}
@keyframes arriba {
  from {
    top: 0px;
  }
  to {
    top: -25px;
    background: white;
    color: orange;
    border: 3px solid rgba(255, 165, 0, 0.5);
  }
}
@keyframes abajo {
  from {
    top: -25px;
  }
  to {
    top: 0px;
  }
}
.farmacias-kiosko-index section#main-content input[type=radio], .farmacias-kiosko-historico section#main-content input[type=radio], #club-dashboard section#main-content input[type=radio] {
  display: block;
  margin-bottom: 10px;
  position: absolute;
  top: 5px;
  left: 20px;
}
.farmacias-kiosko-index .center, .farmacias-kiosko-historico .center, #club-dashboard .center {
  text-align: center;
}

body.farmacias-orders-view tr.totales td:nth-child(2n) {
  text-align: right;
  padding-right: 10px;
}
body.farmacias-orders-view tr.totales td:nth-child(2n+1) {
  font-weight: bolder;
}
body.farmacias-orders-view tr.totales td {
  padding: 4px;
}

/*# sourceMappingURL=administracion.css.map */
