/* Complementar framework */
.hide-controls::-webkit-inner-spin-button,
.hide-controls::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* --------------------------- */

.big {
    font-size: 120%;
}

/* --------------------------- */

.list-group-horizontal .list-group-item {
    display: inline-block;
}
.list-group-horizontal .list-group-item {
	margin-bottom: .3rem;
	margin-right: .3rem;
}
.list-group-horizontal .list-group-item {
	border-radius:4px;
}

/* --------------------------- */

.input-validation-error {
    border-color: #dc3545;
}
.field-validation-error {
    margin-top: .25rem;
    font-size: .875rem;
    color: #dc3545;
    background-color: #fff;
    padding: 0px 4px;
}
.field-validation-error:before {
    content: "\f00d";
    font-weight: bold;
    font-family: 'Font Awesome 5 Pro';
    margin-right: 0.5rem;
}
.input-validation-error + .form-check-input-custom,
.input-validation-error + .form-check-input-custom + .form-check-input-label {
    color: #dc3545;
    background-color: #fff;
}
.input-validation-error + .form-check-input-custom + .form-check-input-label *{
    color: #dc3545;
    background-color: #fff;
}
/* --------------------------- */
.input-validation-warning {
    border-color: #ffc107;
}
.field-validation-warning {
    margin-top: .25rem;
    font-size: .875rem;
    color: #ffc107;
    background-color: #fff;
    padding: 0px 4px;
}
.field-validation-warning:before {
    content: "\f071";
    font-weight: bold;
    font-family: 'Font Awesome 5 Pro';
    margin-right: 0.5rem;
}
.input-validation-warning + .form-check-input-custom,
.input-validation-warning + .form-check-input-custom + .form-check-input-label {
    color: #ffc107;
    background-color: #fff;
}
.input-validation-warning + .form-check-input-custom + .form-check-input-label *{
    color: #dc3545;
    background-color: #ffc107;
}
/* --------------------------- */

.text-decoration-underline {
    text-decoration: underline;
}

/* --------------------------- */

.border-1 {
    border: 1px solid;
}
.border-top-1 {
    border-top: 1px solid;
}
.border-top-2 {
    border-top: 2px solid;
}
.border-bottom-1 {
    border-bottom: 1px solid;
}
.border-bottom-2 {
    border-bottom: 2px solid;
}
.border-medium {
    border-color: rgba(0,0,0,.125);
}

/* --------------------------- */

.p-relative {
    position: relative;
}
.p-absolute {
    position: absolute;
}

/* --------------------------- */

.badge.badge-top-right {
    position: absolute;
    top: -10px;
    right: -15px;
}

/* --------------------------- */

.box-shadow {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}

/* --------------------------- */

.fixed-bottom {
    box-shadow: 0 -5px 15px -3px rgba(0,0,0,.23);
}

/* --------------------------- */

.modal.right{
    padding-right: 0 !important;
}
.modal.left{
    padding-left: 0 !important;
}
.modal.right .modal-dialog, .modal.left .modal-dialog {
    margin-top:0;
    margin-bottom:0;
    height: 100%;
}
.modal.right .modal-dialog{
    margin-right: 0;
}
.modal.left .modal-dialog{
    margin-left: 0;		
}
.modal.right .modal-content, .modal.left .modal-content {
    border-top: 0;
    border-bottom: 0;
    border-radius:0;
    min-height: 100%;
}
.modal.right .modal-content{
    border-right: 0;
}
.modal.left .modal-content{
    border-left: 0;
}
.modal.right.fade .modal-dialog {
    -webkit-transform: translate(25%,0);
    transform: translate(25%,0);
}
.modal.left.fade .modal-dialog {
    -webkit-transform: translate(-25%,0);
    transform: translate(-25%,0);
}
.modal.show.right.fade .modal-dialog, .modal.show.left.fade .modal-dialog {
    -webkit-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
}

/* --------------------------- */

.nav-tabs + .tab-content {
    border: 1px solid #ddd;
    border-top: 0;
}

/* --------------------------- */

.card-img-top .imagen {
    overflow: hidden;
}

/* --------------------------- */

[data-toggle] {
    cursor: pointer;
}

/* --------------------------- */

.fa-layers {
    display: inline-block;
    height: 1em;
    position: relative;
    text-align: center;
    vertical-align: -12.5%;
    width: 1em;
}

/* --------------------------- */

@media (min-width: 992px) {
  .modal-xl {
    max-width: 1000px;
  }
}

/* --------------------------- */

input[type=number] { 
  -moz-appearance:textfield;
}

/* --------------------------- */

.strike {
    text-decoration: line-through;
}

/* --------------------------- */

.w-70 {
    width: 70%!important;
}

/* --------------------------- */

.white-space-normal {
    white-space: normal;
}

/* --------------------------- */

.alert a {
    text-decoration: underline;
    color: inherit !important;
}



/* Generales */
html {
    font-size: 0.9rem;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
    display: block;
}
.h1, h1{
    font-size: 1.5rem;
    margin-top: .5rem;
}
.h2, h2 {
    font-size: 1.25rem;
    margin-top: .5rem;
}
.h3, h3 {
    font-size: 1rem;
    margin-top: .5rem;
}
.h4, h4 {
    font-size: 1rem;
    margin-top: .5rem;
}
.h5, h5 {
    font-size: 1rem;
    margin-top: .5rem;
}
.bg-primary a, .bg-secondary a, .bg-dark a{
    color: #fff;
}
.bg-primary a:hover, .bg-secondary a:hover, .bg-dark a:hover{
    color: inherit;
    text-decoration: underline;
}
.col-auto {
    max-width: 100%;
}
.contenido-principal img,
.contenido-principal table,
.contenido-principal iframe {
    max-width: 100%;
    max-height: 100%;
}
.progress-bar.bg-success {
    background-color: #A4BC30 !important;
}


/* Menús */
.menu-principal .navbar-nav {
    display: block;
    padding-right: 0;
    padding-left: 0;
}
.menu-principal .navbar-nav li {
    display: inline-block;
}
.dropdown-toggle-custom:after {
    content: "\f150";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 0.5rem;
}

/* Contenido fijo modales */
.fixed-scroll {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 10px;
}
/* IE10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .fixed-scroll {
        display: block;
        position: static;
    }
}
.fixed-scroll .content-fixed {
    width: 100%;
}

/* Scroll */
.content-scroll {
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 1rem;
    width: 100%;
}
.content-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
}
.content-scroll::-webkit-scrollbar:vertical {
    width: 10px;
}
.content-scroll::-webkit-scrollbar:horizontal {
    height: 10px;
}
.content-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .25);
    border-radius: 10px;
    border: 3px solid #fff;
}
.content-scroll::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: transparent; 
}

/* Migas */
.breadcrumb {
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: "";
    padding: 0;
    font-family: unset;
}
.breadcrumb-item a::before {
    content: "\f053";
    font-family: 'Font Awesome 5 Pro';
    margin-right: 0.3rem;
}

/* Paginación */
.page-item.active .page-link-info {
    border-radius: 0.25em;
}
.page-item.page-item-prev .page-link {
    border-radius: 0.25em;
    margin-right: 10px;
}
.page-item.page-item-next .page-link {
    border-radius: 0.25em;
    margin-left: 10px;
}
.page-item.page-item-first .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.page-item.page-item-last .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}


/* Formularios */
legend {
    position: relative;
}
legend span{
    background-color: #fff;
    padding-right: 1rem;
    position: relative;
    display: inline-block;
}
legend:before {
    content: ' ';
    position: absolute;
    height: 1px;
    background-color: rgba(0,0,0,.125);
    top: 50%;
    width: 100%;
    left: 0;
}
@media (min-width: 576px) {
    .input-group input[type=number] {
        max-width: 120px;
    }
}
.input-group.w-100 input[type=number] {
    max-width: none;
}

/* Inputs de tipo check y radio */
.form-check-input-custom {
  left:0;
  top:0;
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  visibility: visible;
}
.form-check-label input[type='checkbox'] + .form-check-input-custom:before {
  content: "\f0c8";
}

.form-check-label input[type='checkbox']:checked + .form-check-input-custom:before {
  content: "\f14a";
}

.form-check-label input[type='radio'] + .form-check-input-custom:before {
  content: "\f111";
}

.form-check-label input[type='radio']:checked + .form-check-input-custom:before {
  content: "\f192";
}

.form-check-label input:disabled + .form-check-input-custom:before{
    color: rgba(0,0,0,.1);
}

.form-check-label .form-check-input-label a {
    text-decoration: underline;
}

/* Ventanas modales */
.modal-footer {
    display: block;
}
.modal-body img{
    max-width: 100%;
}

/* Desplegables */
.dropdown-menu {
    z-index: 1050;
}

/* Tabla */
table caption {
    text-align: center;
    caption-side: top;
}

/* Buscador */
.buscador {
    box-shadow: 0 3px 6px rgba(0,0,0,0.23);
}
.busqueda-resultados-cerrar.p-absolute {
    top: 0;
    right: 0;
}
.resultados-busqueda-articulos {
    z-index: 100;
}

/* Navegacion de artículos */
.navegacion .anterior:before {
  left:0;
  top:0;
  content: "\f053";
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
}
.navegacion .siguiente:after {
  right: 0;
  top:0;
  content: "\f054";
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
}

/* Lazyload de imágenes */
img.lazyload {
    transition: opacity .3s ease-in;
}

/* Cabecera */
.barra-cabecera {
    box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020;
    top: 0;
}
.barra-ayuda {
    font-size: 0.95rem;
    min-height: 34px;
}
.barra-ayuda .navbar .nav-item {
    display: none;
}
.barra-ayuda .navbar .slick-slider .nav-item {
    display: block;
}
 

@media (min-width: 992px) {
    .barra-ayuda {
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1010;
        font-size: 0.95rem;
    }
}



/* Preguntas frecuentes */
.preguntas-frecuentes dt:after {
    content: "\f077";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    margin-left: 0.5rem;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.preguntas-frecuentes dt.collapsed:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Artículos */
.articulo {
    margin-bottom: 0;
}
.nombre-articulo h2,
.Inicio #principal .nombre-articulo h3,
.precio .h3,
.Inicio #principal .precio .h4 {
    font-size: 1.3rem;
    margin: 0;
}
.nombre-articulo h3,
.precio .h4 {
    font-size: 1.2rem;
    margin-top: 0;
}
.ficha-articulo-imagen .atributo,
.estado-articulo {
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
}
.estado-articulo  + .estado-articulo  {
    top: 2rem;
}
.estado-articulo  + .estado-articulo + .estado-articulo  {
    top: 3.5rem;
}
.ficha-articulo-imagen .atributo + .estado-articulo {
    top: 7rem;
}
.ficha-articulo-imagen .atributo + .estado-articulo  + .estado-articulo {
    top: 8.5rem;
}
.descripcion{
    overflow: auto;
}
.descripcion h1,
.descripcion h4, 
.descripcion h5{
    font-size: 1rem !important;
}
.descripcion h2 {
    font-size: 1.3rem;
    font-weight: bold;
    color: #403C3f;
    padding: 10px 0px 10px 0px;
}
.descripcion h3 {
    font-size: 1.1rem;
}

.reducida .card-title {
    margin-bottom:0;
}

/* Listado de artículos */
.principal .articulos {
    overflow: hidden;
    margin-bottom: 1rem;
}
.Inicio .principal .articulos {
    overflow: visible;
}
.principal .relacionados-carrito .articulos {
    overflow: visible;
}
.articulos .articulo{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.articulo .card-header , .articulo .card-footer {
    background: none;
    border: none;
}
.articulo .card-img-top {
    background-color: #fff;
}
.articulo .card-img-top.thumbnail .imagen {
    height: 180px;
}
.articulo .imagen-thumbnail-marca .imagen{
    height: 40px;
    padding: 0px !important;
}



.articulo .card-img-top.minithumbnail .imagen {
    height: 100px;
}
.articulo .card-img-top .hover-button {
    position: absolute;
    right: 5%;
    opacity: 0;
    transition: opacity .15s linear;
}
.articulo .card-img-top:hover .hover-button {
    opacity: 1;
}
.articulo .card-img-top .hover-button {
    top: 5%;
}
.articulo .card-img-top .hover-button + .hover-button {
    top: 30%;
}
.articulo .card-img-top .hover-button  + .hover-button + .hover-button {
    top: 55%;
}


/* Ficha de artículo */

.FichaArticulo main.principal header {
    display: none;
}
.ficha-articulo .h1{
    display: block;
}
.ficha-articulo-imagen{
    position: relative;
}
.ficha-articulo-imagen .ficha-articulo-imagen-carrusel .imagen{
    height: 300px;
}
@media (min-width: 992px) {
    .ficha-articulo-imagen .ficha-articulo-imagen-carrusel .imagen{
        height: 500px;
    }
}
.ficha-articulo-imagen-thumbnail .ficha-articulo-imagen-thumbnail-carrusel .imagen{
    height: 120px;
}
.ficha-articulo-imagen-thumbnail-carrusel:not(.slick-initialized) .imagen,
.ficha-articulo-imagen-carrusel:not(.slick-initialized) .imagen {
    display: none !important;
}
.ficha-articulo-imagen-carrusel:not(.slick-initialized) .imagen:first-child {
    display: flex !important;
}
.form-add-carrito .servicios-disponibles legend span {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.imagen-ampliada {
    right: 0;
    top: 0;
    line-height: 10px;
}
@media (min-width: 992px) {
    .precio-ficha .gastos-envio{
        position: absolute;
        right: 0;
        top: 5px;
    }
}
.acciones-imagen {
    bottom: 5px;
}

/* BazaarVoice */
.bazaarvoice-inline-rating {
    min-height: 22px !important;
}
.bv-fieldset-label-wrapper:before {
    content: none;
}

/* Simulador caixabank */
.stock-articulo-contenedor {
    border-bottom: 1px solid #dee2e6;
    position: relative;
    padding-left: 2.5rem;
    padding-bottom: 0.25rem;
    margin-bottom: 0.5rem;
}
.stock-articulo-contenedor:before {
    content: "\f0d1";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    left: 5px;
    top: 0;
    font-size: 1.25rem;
    font-weight: 100;
}
.stock-articulo {
    color: #F29600;
}


/* Pestañas */
.tab-content-responsive .tab-pane img {
    max-width: 100%;
}
.tab-content-responsive .tab-pane table {
    max-width: 100%;
    overflow: auto;
}
.tab-content-responsive .h5 {
    position: relative;
    cursor: pointer;
}
.tab-content-responsive .h5:after {
    content: "\f077";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}

.tab-content-responsive .h5.collapsed:after {
    content: "\f078";
}


/* Carrusel */
.articulos .row.slick-slider .slick-list {
    padding-left: 1rem;
    padding-right: 1rem;
}
.articulos .row.slick-slider .slick-arrow.siguiente {
    right:20px;
    top: 85px;
}
.articulos .row.slick-slider .slick-arrow.anterior {
    left:20px;
    top: 85px;
}
.articulos.reducida .row.slick-slider .slick-arrow.siguiente {
    right:10px;
    top: 45px;
    font-size: 1.25rem;
}
.articulos.reducida .row.slick-slider .slick-arrow.anterior {
    left:10px;
    top: 45px;
    font-size: 1.25rem;
}
@media (min-width: 768px) {
    .articulos .row.slick-slider .slick-arrow.siguiente,
    .articulos .row.slick-slider .slick-arrow.anterior {
        top: 130px;
    }
}
.slick-list .slick-track img{
    max-height: 100%;
}

.carrusel-banners:not(.slick-initialized) img.lazyload {
    display: none;
}
.carrusel-banners .slick-arrow.siguiente {
    top: 35%;
    right: 0;
}
.carrusel-banners .slick-arrow.anterior {
    top: 35%;
    left: 0;
}

/* Filtro de artículos */
.filtro-articulos legend{
    font-size: 1.1rem;
}
.filtro-articulos legend span{
    display: block;
}
.filtro-articulos legend a:after {
    content: "\f077";
    font-family: 'Font Awesome 5 Pro';
    float: right;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.filtro-articulos legend a.collapsed:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.filtro-articulos .obtener-vinculo-input {
    position: absolute;
    left:-9999px
}

/* Comentarios */
.comentario {
    border-top: 1px solid #ddd;
}
.puntuacion .fa-stack {
    height: 1.3em;
    width: 1.3em;
    line-height: 1em;
}


/* Comparador de artículos */
.comparador-articulos-fixed .p-absolute {
    top: 0.3rem;
    left: 1.3rem;
}
.comparador-articulos-fixed .bg-white {
    display:flex;
}
.comparador-articulos-fixed .articulo .card-body {
    display: none;
}
.comparador-articulos-fixed .articulo .card-img-top.minithumbnail .imagen {
    height: 80px;
}
@media (min-width: 992px) {
    .comparador-articulos-fixed {
        bottom: auto;
        top: 0;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
    /*.comparador-articulos-fixed .articulo .card-body {
        display: block;
    }*/
    .comparador-articulos-fixed .articulo .card-img-top.minithumbnail .imagen {
        height: 100px;
    }
}


/* Asistente carrito */
.asistente-menu .nav-pills.horizontal  .nav-item{
    position: relative;
    margin-bottom: .5rem;
}
.asistente-menu .nav-pills.horizontal  .nav-item:before,
.asistente-menu .nav-pills.horizontal  .nav-item:after {
    display: block;
    content: ' ';
    position: absolute;
    height: 1px;
    background-color: #007bff;
    top: 50%;
    width: 0.5rem;
}
.asistente-menu .nav-pills.horizontal  .nav-item.active:after,
.asistente-menu .nav-pills.horizontal  .nav-item.disabled:after,
.asistente-menu .nav-pills.horizontal  .nav-item.disabled:before {
    background-color: rgba(0,0,0,.125);
}
.asistente-menu .nav-pills.horizontal  .nav-item:first-child:before {
    content: none;
}
.asistente-menu .nav-pills.horizontal  .nav-item:last-child:after {
    content: none;
}
.asistente-menu .nav-pills.horizontal  .nav-item:before {
    left: 0;
}
.asistente-menu .nav-pills.horizontal  .nav-item:after {
    right: 0;
}
.asistente-menu .nav-pills.horizontal  .nav-item .nav-link {
    margin-left: .5rem;
    margin-right: .5rem;
    height: 100%;
    border: 1px solid #007bff;
    padding: .5rem;
}
.asistente-menu .nav-pills.horizontal  .nav-item .nav-link.active {
    border-color: #007bff;
}
.asistente-menu .nav-pills.horizontal  .nav-item .nav-link.disabled {
    border-color: rgba(0,0,0,.125);
}

/* Carrrito */
.detalle-pedido, .detalles-pedido-cabecera, .detalle-pedido.componente.last  {
    border-bottom: 1px solid #e9ecef;
}
.detalle-pedido.equipo, .detalle-pedido.componente {
    border-bottom: 0;
}
.detalle-pedido:last-child {
    border-bottom: 0 !important;
}
.detalle-pedido [data-caption]:before{
    display: block;
    content: attr(data-caption);
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 0.4rem;
}
.detalle-pedido .alert{
    margin-bottom: 0;
}

.sequra-educational-popup.p-absolute {
    right: 0;
    cursor: pointer;
}


/* Menus */
.modal .tab-content .nav .nav-item {
    border-bottom: 1px solid #ddd;
    position: relative;
}
.modal .tab-content .nav .nav-item .nav-link{
    padding: .8rem 1rem;
    font-size: 1.1rem;
}
.modal .tab-content .nav .nav-item .nav-item .nav-link{
    padding-left: 3rem;
}
.modal .tab-content .nav .nav-item:last-child {
    border-bottom: 0;
}
.modal .tab-content .nav .nav-item .toggle{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.8rem 1rem;
}
.modal .tab-content .nav .nav-item .toggle:before{
    content: "\f146";
    font-family: 'Font Awesome 5 Pro';
}
.modal .tab-content .nav .nav-item .toggle.collapsed:before{
    content: "\f0fe";
}
.modal .tab-content .nav .nav-item ul {
    border-top: 1px solid #ddd;
}
/* Secciones */
.seccion .card{
    background-color: transparent;
}
.seccion .card-img-top .imagen{
    height: 120px;
    background-color: #fff;
}
.secccion-listado .seccion .card-img-top .imagen{
    height: 150px;
}
.secciones-nav ul li .dropdown-menu{
    margin: 0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.secciones-nav ul li:hover .dropdown-menu-hover{
    display: block;
}
.secciones-nav ul li .dropdown-menu .w-25 .imagen{
    height: 185px;
}
.secciones-nav ul li .dropdown-menu ul li ul li{
    list-style-type: circle;
}
.secciones-nav ul li .dropdown-menu.dropdown-menu-hover a.active{
    font-weight: bold;
}

/* Mensajes tickets */
.mensaje-ticket.admin {
    border-color: #cce5ff;
    margin-bottom: 0.3rem;
}
.mensaje-ticket.cliente {
    border-color: #e7e8ea;
    margin-bottom: 0.3rem;
}
.mensaje-ticket.arrow.admin {
    border-bottom-left-radius: 0;
    margin-bottom: 1rem;
}
.mensaje-ticket.arrow.cliente {
    border-bottom-right-radius: 0;
    margin-bottom: 1rem;
}
.mensaje-ticket.arrow.admin::before {
    content: "";
    border-top: 0.8em solid #cce5ff;
    border-right: 0.8em solid transparent;
    position: absolute;
    left: -1px;
    bottom: -0.8em;
}
.mensaje-ticket.arrow.cliente::after {
    content: "";
    border-top: 0.8em solid  #e7e8ea;
    border-left: 0.8em solid transparent;
    position: absolute;
    right: -1px;
    bottom: -0.8em;
}

/* Formas de envío */
.formas-envio .card-body{
    overflow-y: auto;
}

/* Formas de pago */
.formas-pago .form-check-label img {
    float: left;
    margin-right: 1rem;
    max-width: 30%;
}
.formas-pago .form-check-label img + .texto{
    float: left;
    max-width: 68%;
}

/* Desplazar hacia arriba */
.desplazar-arriba {
    bottom: 170px;
    right: 15px;
    z-index: 10;
}

/* Activar/desactivar notificaciones */
.btn-notificaciones {
    bottom: 125px;
    right: 15px;
    z-index: 10;
    pointer-events: auto !important;
}

.btn-ayuda-flotante {
    bottom: 80px;
    right: 11px;
    z-index: 10;
}

/* Instalar en el terminal */
.btn-instalar-app {
    right: 60px;
    top: 10px;
}


/* Atención al cliente */
.info-contactar .list-group-item{
    border: none;
    background: transparent;
}

/* Atnova */
.Atnova a{
    color:#FF6000;
}

/* Preguntas/Respuestas */
.pregunta .info-comentario:before, .respuesta .info-comentario:before {
    content: "\f007";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    left: 1rem;
    font-size: 1.5rem;
}


.respuesta.respuesta-administrador.bg-light {
    background-color: rgba(255, 102, 0, 0.125) !important;;
}
.respuesta.respuesta-administrador:before {
    content: "\f508";
    font-weight: 800;
}
.num-respuestas:before {
    content: "\f077";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    left: 0;
}
.num-respuestas.collapsed:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}



.informacion-contactar .toggle:after {
    content: "\f077";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 0;
    top: 0;
}
.informacion-contactar .toggle.collapsed:after {
    content: "\f078";
}

.ayuda-flotante .nav-link.desplegable:after {
    content: "\f077";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    margin-left: 0.5rem;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.ayuda-flotante .nav-link.desplegable.collapsed:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Ocultar la provincia canarias */
select[name="IDProvinciaCliente"] option[value="41"],
select[name="IDProvinciaEnvio"] option[value="41"],
select[name="PedidoIDProvinciaCliente"] option[value="41"],
select[name="PedidoIDProvinciaEnvio"] option[value="41"],
select[name="FiltroIDProvincia"] option[value="41"],
select[name="IDProvinciaCliente"] option[value="44"],
select[name="IDProvinciaEnvio"] option[value="44"],
select[name="PedidoIDProvinciaCliente"] option[value="44"],
select[name="PedidoIDProvinciaEnvio"] option[value="44"],
select[name="FiltroIDProvincia"] option[value="44"] {
    display: none;
}

@media (min-width: 576px) {
    .informacion-contactar .toggle:after {
        content:"" !important;
    }
    .informacion-contactar .collapse:not(.show){
        display:block;
    }
}


/* Estilos según tamaño de pantalla */
@media (min-width: 576px) {
    .asistente-menu .nav-pills.horizontal .nav-item .far {
        font-size: 2rem !important;
    }
    .col-form-label, .list-group-item-label {
        text-align: right;
    }
    .form-control {
        width: auto;
        max-width: 100%;
    }

    /* Migas */
    .breadcrumb-item+.breadcrumb-item::before {
        content: "\f105";
        font-family: 'Font Awesome 5 Pro';
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .breadcrumb-item a::before {
        content: "";
        font-family: unset;
    }
}

@media (min-width: 768px) {
    .detalle-pedido [data-caption]:before{
        display: none;
    }
}

@media (min-width: 992px) {
    .barra-cabecera {
        box-shadow: none;
        position: relative;
    }
    .add-carrito-fixed {
        bottom: auto;
        top: 0;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
}

@media (min-width: 1200px) {
   .sel-gastos-pedido .formas-pago .col-form-label.col-sm-4, 
   .sel-gastos-pedido .formas-envio .col-form-label.col-sm-4 {
        -ms-flex: 0 0 16.666666%;
        flex: 0 0 16.666666%;
        max-width: 16.666666%;
    }
    .sel-gastos-pedido .formas-pago .col-sm-8,
    .sel-gastos-pedido .formas-envio .col-sm-8 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

}