@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: fuenteLight;
    src: url(latoL.ttf);
    font-display: fallback;
}

@font-face {
    font-family: fuente;
    src: url(latoR.ttf);
    font-display: fallback;
}

@font-face {
    font-family: fuenteBold;
    src: url(latoB.ttf);
    font-display: fallback;
}

/*ESTILOS GENERALES---------------------------------*/

:root{
    --color-01:rgba(13,172,182,1);
    --rojopbx:rgba(255,81,81,1);
    --azulPayPal:rgba(23,155,215,1);
    --fx-dist:+30px;
    --ancho-sitio:1320px;
    --margin-prdcont:10px;
    --margin-prdcont-neg:-10px;
    --amim-tm:0.2s;
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    outline:none;
    color:rgba(0,0,0,0.65);
    font-family: fuente;
}

*[data-prm]{
    opacity:0;
}

*[data-fxe]{
    opacity: 0;
}

*[data-fxe="fade-up"]{top:var(--fx-dist);}
*[data-fxe="fade-left"]{left:var(--fx-dist);}
*[data-fxe="fade-right"]{right:var(--fx-dist);}
*[data-fxe="fade-down"]{bottom:var(--fx-dist);}

body{
    padding: 0px;
    margin: 0px;
    font-size: 0px;
    text-align: center;
    background: rgba(25, 25, 25, 1);
    overflow-x: hidden;
}

body::-webkit-scrollbar{
    width:0px;
    background: rgba(255,255,255,0.1);
}

.bodyNoScroll{
    overflow-y:hidden;
}

a, input, select, textarea{
    text-decoration: none;
    outline: none;
}

b{
    font-weight: normal;
    font-family: fuenteBold;
}

textarea{
    resize: vertical;
}

.coverLoading{
    position: fixed;
    top:0px;
    bottom:0px;
    width:100%;
    background: url(../images/loadingPulse.svg) center no-repeat rgba(255,255,255,1);
    background-size: 100px 100px;
    z-index: 10000;
}

/*GENERALES*/

*[data-href],
*[data-pbx-pro]{
    position: relative;
    cursor:pointer;
}

.inputGeneral{
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    padding:15px;
    color:#222;
    font-family:fuenteBold;
    margin-bottom: 10px;
    font-size: 16px;
}

.iconoGeneral{
    display: inline-block;
    vertical-align: top;
}

.iconoGeneral svg, .iconoGeneral img{
    fill:rgba(0,0,0,0.5);
    width: 24px;
    height:24px;
}


.textoGeneral{
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    font-size: 14px;
}

.iconoGeneral + .textoGeneral{
    margin-left: 5px;
}

.textoGeneral + .iconoGeneral{
    margin-left: 5px;
}

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


*:hover > .tooltip{
    display: block;
    top:calc(100% + 2px);
}

.tooltip{
    display: none;
    position: absolute;
    padding: 8px 8px;
    font-size: 12px;
    line-height: 12px;
    font-family: fuenteBold;
    background: rgba(255,255,255,1);
    border-radius: 5px;
    box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);
    z-index: 1000;
    text-transform: none;
    max-width: 300px;
    transition:top 0.2s;
}

*[data-tooltip-pv="a"] .tooltip{
    top:-20px;
}

*[data-tooltip-pv="b"] .tooltip{
    top:100%;
}

*[data-tooltip-ph="i"] .tooltip{
    left:0px;
}

*[data-tooltip-ph="d"] .tooltip{
    right:0px;
}

.inputMultiImg{
    display: none;
}

.pantallaMantenimiento{
    position: fixed;
    top:0px;
    bottom: 0px;
    width:100%;
    background:center no-repeat rgba(0,0,0,1);
    z-index: 10000;
}

/*INPUTS*/

.inputCont{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width:100%;
}

.inputCont + .inputCont{
    padding-top: 15px;
}

.inputContSeparador{
    display: inline-block;
    vertical-align: top;
    width:20px;
}

.inputCont1-2{
    width:calc(50% - 10px);
}

.inputCont1-2 + .inputCont1-2{
    margin-left: 20px;
}

.inputCont1-3{
    width:calc((100%/3) - 10px);
}

.inputCont2-3{
    width:calc(((100%/3)*2) - 10px);
}

.input{
    width:100%;
    font-size: 14px;
    padding:10px;
    color:rgba(0,0,0,0.85);
    outline: none;
    background: #fff;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    transition: border-color 0.2s;
}

.inputCont select{
    text-transform: uppercase;
}

.inputContHidden{
    display: none;
}

.inputLabel{
    position: relative;
    padding:0px 0px 5px 5px;
    text-align: left;
}

.inputLabelIcono{
    display: inline-block;
    vertical-align: top;
    width:40px;
}

.inputLabelDatos{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 40px);
}

.iconoGeneral + .inputLabelDatos{
    padding:4px 0px 0px 5px;
}

.inputLabelNombre, .unicheckPbxTextoNombre{
    font-size: 16px;
    line-height: 16px;
}

.inputLabelDetalles, .unicheckPbxTextoDetalles{
    position: relative;
    font-size: 14px;
    font-family: fuente;
}

.input + .inputLabel{
    padding-top: 7px;
}

.inputErrorHL{
    border:1px solid #ff5151;
}

.inputError{
    font-size: 16px;
    color:#ff5151;
    line-height: 16px;
    padding-left: 5px;
}

.inputError i.material-icons{
    color:#ff5151;
    font-size: 12px;
    line-height: 12px;
    width:12px;
    height: 12px;
}

.inputCont .inputError{
    padding:0px 10px;
}

.input:hover{
    border-color:rgba(0,0,0,0.2);
}

.input:focus{
    border-color:var(--color-01);
}

.inputGeneral{
    font-family: fuente;
    font-size: 16px;
    width:100%;
}

/*SELECT*/

select.input{
    appearance: none;
    background-repeat: no-repeat ;
    background-position:calc(100% - 10px) center;
    background-size: 20px 20px;
}

select.input .flechaSelect{
    position: absolute;
    top:0px;
    right:0px;
    padding:10px;
}

/*TOGGLERS*/

*[data-toggle-mst]{
    display: none;
}

/**/

option{
    padding:10px;
    outline: none;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.layer{
    position: absolute;
    top:0px;
    bottom:0px;
    left: 0px;
    width:100%;
    background: url(../images/loadingPulse.svg) center no-repeat rgba(255,255,255,0.85);
    background-size: 60px 60px;
    z-index: 1000;
}

/*MENUS*/

/*FORMA LOGING*/

.formaLoginFondo{
    position: fixed;
    top:0px;
    bottom: 0px;
    width: 100%;
    background-color: #f4f4f4;
}

.formaLoginCont{
    position:relative;
    width: 500px;
    margin:80px auto;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
}

.mensajeLogin{
    display: none;
    font-size: 14px;
    font-family:fuenteBold;
    color:rgba(0,0,0,0.5);
    padding:15px;
    background:#fff;
    margin-bottom: 10px;
    border-radius: 3px;
    border:1px solid rgba(0,0,0,0.1);
}

.errorLogin{
    background-color: #ffa75f;
    border-color:#ffa75f;
}

.inputLogin{
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
}

.submitLogin{
    width: 100%;
    padding: 15px;
    font-size: 16px;
    font-family: fuenteBold;
}

.sombraMenuMovil, .sombraBusquedaMovil{
    position: fixed;
}

.cabecera{
    display: block;
    text-align: left;
}

/*COMPARAR PRODUCTOS*/

.barraCpr{
    position: fixed;
    bottom: 10px;
    left:calc(50% - 150px);
    width:300px;
    font-size: 16px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
    padding:20px;
    border-radius: 5px;
    text-align: center;
    z-index: 100;
}

/*MENU MOVIL*/

/*MENú ACORDEON/DROPDOWN */

.menuCont{
    position: relative;
    transition: background-color 0.2s ease-in;
    background: rgba(255,255,255,1);
}

.menuCont.tieneHijos > a.menuLink{
    padding-right: 60px;
}

.categorias[data-despliegue="dropdown"] .menuMainWrap{
    position: absolute;
    visibility: hidden;
    top: calc(100% - 20px);
    background: rgba(255,255,255,1);
    opacity: 0;
    transition: all var(--amim-tm);
}

/*ABRIR .menuMainWrap AL HACER HOVER SOBRE EL CONTENEDOR DE LAS CATEGORíAS*/
.categorias[data-despliegue="dropdown"]:hover .menuMainWrap{
    visibility: visible;
    top:100%;
    opacity:1;
    background: rgba(255,255,255,1);
    width:auto;
}

.categorias[data-despliegue="dropdown"] .menuWrap{
    position: absolute;
    visibility: hidden;
    top:0px;
    left: calc(100% - 30px);
    background: rgba(255,255,255,1);
    opacity: 0;
    transition: all var(--amim-tm);
}

/*ABRIR menuWrap AL ENTRAR AL CONTENEDOR DE LOS MENUS EN LOS MENUS DROPDOWN*/
.categorias[data-despliegue="dropdown"] .menuCont:hover > .menuWrap{
    visibility: visible;
    left:100%;
    opacity:1;
}

.menuCont:hover{
    background: rgba(0,0,0,0.03);
}

.menuCont a.menuLink{
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    width:100%;
}

.menuCont a.menuLink .textoGeneral{
    white-space: nowrap;
}

.menuBotones{
    position: absolute;
    top:0px;
    right: 0px;
}

.menuToggle{
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    width:44px;
    height: 44px;
}

.menuAbrir{display: inline-block;}
.menuCerrar{display: none;}


/*TOGGLE DE FLECHAS*/
.menuAbierto > .menuBotones .menuCerrar{display: inline-block;}
.menuAbierto > .menuBotones .menuAbrir{display: none;}

/*ANIMACIóNES DE MENúS*/

@keyframes dropDown{
    0% {
        opacity: 0;
        top:calc(100% - 10px);
    }
    100%{
        opacity: 1;
        top:100%;
    }
}

@keyframes dropRight{
    0% {
        opacity: 0;
        left:calc(100% - 10px);
    }
    100%{
        opacity: 1;
        left:100%;
    }
}

@keyframes growDown {
    0% {
        transform: scaleY(0)
    }
    80% {
        transform: scaleY(1.1)
    }
    100% {
        transform: scaleY(1)
    }
}

@keyframes rotateZ {
    0% {
        opacity: 0;
        transform: translateZ(290px);
    }

    80% {
        transform: translateZ(10px);
    }

    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}


/*MENú SLIDER*/

.menuSliderCont{
    position: relative;
    display: flex;
    width:100%;
}

.menuSlide{
    flex: 1 0 100%;
    display: inline-block;
    position: relative;
}

.menuSliderFlechaAtr{
    display: block;
    position: relative;
    text-align: left;
}

.menuSliderFlechaAtr .iconoGeneral{
    padding:10px;
}

.menuSliderFlechaAtr .textoGeneral{
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 20px 10px 0px;
}

.menuSliderCategoriaActual{
    display: block;
    position: relative;
    padding: 10px 20px;
    text-align: left;
}

.menuSliderCategoriaActual .textoGeneral{
    font-family: fuenteBold;
    text-transform: uppercase;
    font-size: 14px;
}

.menuSliderFlechaAdl{
    position: absolute;
    top:0px;
    right: 0px;
    display: block;
    padding: 10px;
    width:47px;
}

.menuSliderFlechaAdl:hover{
    background: rgba(0,0,0,0.05);
}

.menuSliderLinkCont{
    position: relative;
    text-align: left;
    transition:background-color 0.3s;
}

.menuSliderLinkCont:hover{
    background-color:rgba(0,0,0,0.03); 
}

.menuSliderLinkCont a.menuLink{
    display: block;
    padding: 10px;
}

/*MENú MóVIL*/

.menuMovilBack{
    display:none;
    width:100%;
    background:rgba(25, 25, 25, 0.5);
    position: fixed;
    top:0px;
    bottom:0px;
    z-index: 10001;
}

.menuMovil{
    background-color: rgba(255,255,255,1);
    position: fixed;
    width:390px;
    top:0px;
    bottom:0px;
    left:-100vw;
    overflow: scroll;
    z-index: 10002;
}

.menuMovil::-webkit-scrollbar{
    width:0px;
    background: rgba(255,255,255,0.1);
}

.menuMovil::-webkit-scrollbar-thumb{
    background: rgba(255,255,255,0.1);
    border-radius: 5px;
}

.menuMovilLinksCont .cabeceraMenuLink, .menuMovilLinksCont .menuContNv1{
    display: block;
    text-align: left;
}

.menuMovilRedesCont{
    text-align: center;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

/*MODULOS*/

.moduloBasico{
    padding-top:30px;
    padding-bottom:30px;
    text-align: left;
}

/*SECCIONES DE PáGINAS*/

.seccion{
    position: relative;
    width:100%;
    font-size: 0px;
    text-align: left;
    z-index: 4;
}

.seccioncontenida{
    padding-left:calc(50% - (var(--ancho-sitio) / 2)) ;
    padding-right:calc(50% - (var(--ancho-sitio) / 2)) ;
}

.seccionWrap{
    position: relative;
    font-size: 0px;
    text-align: left;
    z-index: 4;
}

/*ELEMENTOS*/

.elemento{
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: left;
    width:100%;
}

.elemento.imagen img,
.elemento.imagen svg{
    width:100%;
    height: auto;
}

/*TEXTO*/

.texto{
    white-space: pre-line;
}

/*
.texto::first-line{
    line-height: 0px;
}
*/

/*MOTORES*/

.motorInput{
    padding-right: 62px;/*EL ANCHO DEL BOTóN DE SUBMIT + 10px DE MARGEN*/
}

.motorSubmit{
    position: absolute;
    top:0px;
    right:0px;
    width: 52px;
    height: 52px;
    border:none;
    outline: none;
}

/*BOTONES*/

.botonCrt{
    position: relative;
}

.botonCrtDatos{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 5px;
}

.botonCrtCantidad{
    font-size: 12px;
    line-height: 12px;
}

.botonCrtTotal{
    font-size: 12px;
    line-height: 12px;
    font-family: fuenteBold;
    color:rgba(41,58,66,1);
}

/*PRDCONT*/

.prdCont{
    position: relative;
    outline: none;
}

/*
.prdWrap{
    position: relative;
    background: rgba(255,255,255,1);
}
*/

.prdBotones{
    position: absolute;
    top:5px;
    right:5px;
    /*display: none;*/
    width:100%;
    z-index: 1;
    text-align: right;
}

.prdBoton{
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
    padding: 5px;
}

/*PRD IMAGEN*/

.prdImg{
    position: relative;
    width:100%;
}

.prdImgsFull{
    position: relative;
    width:100%;
    overflow: hidden;
}

.prdImgFull{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:100%;
}

.prdImgFull img{
    width:100%;
    height: auto;
}

.prdImgPrn{
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.prdImgsThmb{
    position: relative;
    width:100%;
    text-align: left;
    padding-top:10px;
    overflow: hidden;
}

.prdImgThmb{
    position: relative;
    width:calc(20% - 20px);
    opacity: 0.65;
    margin: 0px 5px;
    outline: none;
    border:1px solid rgba(0,0,0,0.1);
    cursor: pointer;
}

.prdImgThmb:hover{border-color:rgba(0,0,0,0.5);}

.prdImgThmb img{
    width:100%;
    height: auto;
}

.prdImgsThmb .prdImgThmb.is-nav-selected{
    opacity: 1;
}

.ra11{padding-top:100%;}
.ra43{padding-top:75%;}
.ra32{padding-top:66%;}
.ra85{padding-top:62.2%;}
.ra169{padding-top:56.25%;}
.ra189{padding-top:50%;}

.prdImgWrap{
    position: relative;
    width:100%;
    height: auto;
}

.prdImgWrap > img{
    position: relative;
    margin: 0px auto;
    width: 100%;
    height: auto;
}

/*PRD DATOS*/

.prdDatos{
    width:100%;
    display: block;
    border-top: none;
}

.prdDatosSeccion{
    padding: 20px;
}

.prdDatosSeccionTitulo{
    font-family: fuenteBold;
    font-size: 18px;
}

.prdMarca{
    font-size: 14px;
    font-family: fuenteLight;
}

.prdNombre{
    padding: 0px;
    font-size: 15px;
}

.prdPrcCont{
    padding: 5px 0px;
}

.porcentajeOferta{
    font-size: 14px;
    text-align: center;
}

.prdPrecio{
    font-size: 18px;
    font-family: fuenteBold;
    line-height: 18px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.precioRebajado{
    text-decoration:line-through;
    font-size: 14px;
    color:rgba(0,0,0,0.5);
}

.prdCncCnt{
    font-size: 14px;
    line-height: 14px;
    padding:5px;
}


.califProm svg{
    width:18px;
    height: 18px;
}

.califOpiniones{
    line-height: 18px;
}

.precioOferta{
    color:#ff5151;
}

.itemMasUno{
    position: absolute;
    top:0px;
    left: 0px;
    padding: 5px;
    border-radius: 5px;
    background: rgba(255,81,81,1);
}

.itemMasUno svg{
    fill:#fff;
}

.letreroOferta{
    position: absolute;
    top:5px;
    right:5px;
    background:rgba(255,81,81,1);
    color:rgba(255,255,255,1);
    padding: 8px 12px;
    font-family: fuenteBold;
    font-size: 14px;
    z-index: 10;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    border-radius: 3px;
}

.letreroOferta svg{
    position: absolute;
    top:100%;
    right:0px;
}

.letreroOferta polygon{
    fill:#d00;
}

.prdSku{font-size: 16px;}

.prdClfOpiniones{
    font-size: 14px;
    color:rgba(0,0,0,0.5);
}

.prdExistencia{
    display: inline-block;
    vertical-align: top;
    background: rgba(0,0,0,0.05);
    padding: 5px 15px;
    margin:0px 5px 5px 0px;
    font-size: 16px;
    font-family: fuenteBold;
}

.prdDetalles{
    font-size: 16px;
    white-space: pre-line;
}

.prdColor{
    padding-bottom: 10px;
}

.prdColorMuestra{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    border:1px inset rgba(0,0,0,0.2);
    border-radius: 50%;
    margin-left: 5px;
}

.prdCompartir{
    display: block;
    padding: 10px 0px;
}

/*ATRIBUTOS DE PRODUCTO*/

.prdAtributos{
    border-radius: 5px;
    overflow: hidden;
}

.prdAtrIcono{
    vertical-align: top;
    width:24px;
}

.prdAtr{
    display: flex;
    flex-flow: row wrap;
}

.prdAtr + .prdAtr{
    border-top: 1px solid rgba(255,255,255,1);
}

.prdAtrNombre, .prdAtrValor{
    width:50%;
    padding: 5px;
}

.prdAtrNombre{
    background: rgba(0,0,0,0.05);
}

.prdAtrNombre .textoGeneral{
    font-family: fuenteBold;
}
.prdAtrValor{
    background: rgba(0,0,0,0.1);
    padding-left: 10px;
    border-left: 1px solid rgba(255,255,255,1);
}

/*INFORMACIóN ADICIONAL*/

.prdInfoAd{
    font-size: 16px;
    color:rgba(0,0,0,0.5);
    white-space: pre-wrap;
}

/*COMENTARIOS*/

.prdCmnBoton{
    margin-bottom: 10px;
}

.prdCmn{
    padding: 10px 0px;
}

.prdCmnTexto, .prdCmnLeyenda{
    padding: 10px 0px;
    font-size: 16px;
}

.prdCmnCalificacion svg{
    width:15px;
    height:15px;
    fill:rgba(0,0,0,0.6);
}

/*CALIFICACION*/

.califCont .textoGeneral{
    font-size: 24px;
}

.califProm{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.califOpiniones{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

/*PRODUCTOS EN PBX DE CARRITO*/

.carrito .prdCont{
    width:100%;
    padding-left: 0px;
    padding-right: 0px;
}

.carrito .prdImg{
    width:30%;
}

.carrito .prdDatos{
    width:70%;
}

.carrito .prdNombre{
    padding-right: 115px;
}

.carritoBotones{
    padding-top: 15px;
}

.pbxCont .checkoutSubtitulo{
    display: none;
}

.carrito .letreroOferta{
    display: none;
}

/*PBX CONT EN VISTA RáPIDA*/

[data-protab="verprd"] .botonVerPrd{
    display: none;
}

/*PRODUCTOS*/

.cuadricula[data-artxfila]{
    position: relative;
    text-align: left;
}

.cuadricula[data-artxfila] .titulo{
    width:100%;
}

/*PRODUCTOS CUADRíCULA (CSSGRID)*/

.cuadricula[data-artxfila]{
    display: grid;
    gap: calc(var(--margin-prdcont) * 2);
}

.cuadricula[data-artxfila="1"]{grid-template-columns: 1fr;}
.cuadricula[data-artxfila="2"]{grid-template-columns: repeat(2, minmax(0, 1fr));}
.cuadricula[data-artxfila="3"]{grid-template-columns: repeat(3, minmax(0, 1fr));}
.cuadricula[data-artxfila="4"]{grid-template-columns: repeat(4, minmax(0, 1fr));}
.cuadricula[data-artxfila="5"]{grid-template-columns: repeat(5, minmax(0, 1fr));}
.cuadricula[data-artxfila="6"]{grid-template-columns: repeat(6, minmax(0, 1fr));}
.cuadricula[data-artxfila="7"]{grid-template-columns: repeat(7, minmax(0, 1fr));}
.cuadricula[data-artxfila="8"]{grid-template-columns: repeat(8, minmax(0, 1fr));}
.cuadricula[data-artxfila="9"]{grid-template-columns: repeat(9, minmax(0, 1fr));}
.cuadricula[data-artxfila="10"]{grid-template-columns: repeat(10, minmax(0, 1fr));}

/*PRODUCTOS - CARRUSEL*/

.productos .carrusel{
    position: relative;
    overflow: hidden;
    margin:0px var(--margin-prdcont-neg);
}

.carrusel .prdCont{
    vertical-align: top;
    padding:var(--margin-prdcont);
}

.botonVerCategoria{
    position: absolute;
    top:0px;
    right: 0px;
    font-size: 14px;
    color:rgba(13, 172, 182, 1);
}

.carrusel[data-artsiml="1"] .prdCont{width:100%;}
.carrusel[data-artsiml="2"] .prdCont{width:50%;}
.carrusel[data-artsiml="3"] .prdCont{width:calc(100% / 3);}
.carrusel[data-artsiml="4"] .prdCont{width:25%;}
.carrusel[data-artsiml="5"] .prdCont{width:20%;}
.carrusel[data-artsiml="6"] .prdCont{width:calc(100% / 6);}

/*HTML*/

.elementocompleto.htmlCont{
    padding: 0px 40px;
}

.htmlCont{
    position: relative;
    margin: 0px auto;
}

/*PRODUCTO DISPLAY SOLO*/

.prdDisp{
    padding-bottom: 60px;
}

[data-protab="verprd"] .prdCont{
    width:100%;
}

.prdDisp .prdCont{
    width:100%;
    padding: 20px 5px;
}

[data-protab="verprd"] .prdWrap,
.prdDisp .prdWrap{
    display: flex;
    flex-flow: row wrap;
}

.prdComp{
    display: flex;
    flex-flow: row wrap;
    width:100%;
}

[data-protab="verprd"] .prdImg,
[data-protab="verprd"] .prdDatos,
.prdDisp .prdImg,
.prdDisp .prdDatos{
    width:50%;
}

[data-protab="verprd"] .prdImg,
.prdDisp .prdImg{
    border-right: 1px solid rgba(0,0,0,0.1);
    padding:20px;
}

[data-protab="verprd"] .prdNombre,
.prdDisp .prdNombre{
    font-size: 28px;
    line-height: 28px;
    padding-right: 100px;
}

[data-protab="verprd"] .prdDatosSeccion,
.prdDisp .prdDatosSeccion{
    padding:30px 0px;
}

.prdDatosSeccion:empty{
    display: none;
}

[data-protab="verprd"] .prdDatosSeccion + .prdDatosSeccion,
.prdDisp .prdDatosSeccion + .prdDatosSeccion{
    border-top: 1px solid rgba(0,0,0,0.1);
}

[data-protab="verprd"] .prdPrcCont,
.prdDisp .prdPrcCont{
    padding-top: 10px;
}

[data-protab="verprd"] .porcentajeOferta,
.prdDisp .porcentajeOferta{
    font-size: 16px;
    text-align: left;
}

[data-protab="verprd"] .precioRegular,
.prdDisp .precioRegular{
    font-size: 24px;
    line-height: 24px;
    font-family: fuenteBold;
}

[data-protab="verprd"] .precioRebajado,
.prdDisp .precioRebajado{
    font-size: 18px;
    text-decoration: line-through;
    color:rgba(0,0,0,0.5);
    line-height: 24px;
    padding-left: 5px;
}

[data-protab="verprd"] .precioOferta,
.prdDisp .precioOferta{
    font-size: 24px;
    line-height: 24px;
    font-family: fuenteBold;
    color:#ff5151;
}

/*VARIANTES DE PRODUCTO*/

.prdVariantes .carrusel{
    position: relative;
    margin:0px auto;
    width:100%;
    overflow: hidden;
}

.prdVariantes .prdCont{
    width:calc(100% / 3);
    padding: 5px;
}

.prdVariantes .prdWrap{
    box-shadow: none;
    border:1px solid rgba(0,0,0,0.1);
}

.prdVariantes .prdImg{
    width:100%;
}

/*QUITAR DATOS DE LAS VARIANTES DE PRODUCTO*/
.prdVariantes .prdCont .prdContNombre, .prdVariantes .prdCont .prdBotonACCont, .prdVariantes .prdCont .letreroOferta{
    display: none;
}

.prdVariantes .prdCont .precioCont{
    padding: 10px 0px;
}

/*PEDIDOS*/

/*PEDIDO ACTUAL*/
/*PEDIDO CONCEPTOS*/

.ordenArticulos{
    position: relative;
}

.ordenConcepto{
    width:100%;
    position: relative;
    padding-bottom:15px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-align: left;
}

.ordenConcepto + .ordenConcepto{
    margin-top: 5px;
    padding-top:10px;
}

.ordenConcepto + .ordenConcepto .ordenConceptoEliminar{
    top:0px;
}

.pbxCuerpo .ordenConcepto{
    position: relative;
    margin-left:auto;
    margin-right:auto;
}

.pbxCuerpo .seccionSubtitulo{
    display: none;
}

.pedidoTotalesCont{
    padding: 20px 0px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.ofertaPedidoUniCont{
    position: relative;
    display: block;
    text-align: left;
    padding: 10px;
    border-radius: 5px;
    border:1px solid rgba(13,172,182,1);
    color:rgba(13,172,182,1);
    margin-bottom: 10px;
}

.ofertaPedidoUniCont + .ofertaPedidoUniCont{
    margin-top: 5px;
}

.ofertaPedidoLeyenda{
    text-align: left;
}

.botonVldCod{
    margin-bottom: 20px;
}

.botonDscCod{
    display: block;
    position: absolute;
    top:10px;
    right: 10px;
}

.botonCodigoCont{
    position: relative;
    text-align: left;
    border:1px solid var(--color-01);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
}

.total{
    text-align: right;
    padding: 3px 5px;
}

.total .nombre, .total .cantidad{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-family: fuente;
}

.total .nombre{width:calc(100% - 100px)}
.total .cantidad{width:100px;}

.tottotal.total .nombre,
.tottotal.total .cantidad{
    font-family: fuenteBold;
}

.cerrarMenuMovil{
    display: none;
}

/*MI CUENTA*/

.miCuentaIzq, .miCuentaDer{
    display: inline-block;
    vertical-align: top;
}

.miCuentaIzq{
    width:220px;
    text-align: left;
    padding-right: 20px;
}

.miCuentaDer{width:calc(100% - 220px);}

.miCuentaIzqLink{
    display: block;
    padding:10px 0px;
}

.miCuentaIzqLinkAct svg{
    fill:rgba(13,172,182,1);
}

.miCuentaIzqLinkAct .textoGeneral{
    color:rgba(13,172,182,1);
}

.miCuentaIzqLink .textoGeneral{
    font-size: 16px;
}

/*CHECKOUT*/

/**/

.layerCheckout{
    display:none;
}

.checkout{
    text-align: left;
}

.checkoutSubtitulo{
    position: relative;
    font-size: 18px;
    line-height: 18px;
    display:inline-block;
    vertical-align: top;
    margin-bottom: 20px;
    text-align: left;
}

.seccionSubtituloBotones{
    position: absolute;
    top:0px;
    right: 0px;
}

.seccionSubtituloBoton{
    padding: 5px;
}

.seccionBannerCont img{
    width:100%;
    height: auto;
    padding-bottom: 20px;
}

.seccionLeyendaTexto, .seccionLeyendaTextoDetalles{
    font-size: 16px;
    padding: 10px 0px 30px 0px;
    text-align: justify;
    white-space: pre-wrap;
}

.checkoutOrdenBoton{
    display: block;
    position: relative;
    padding: 15px;
    text-align: left;
    transition: border-color 0.2s;
    border-radius: 3px;
    border:1px solid #fff;
    font-family: fuenteBold;
}

.checkoutOrdenBoton:hover{
    border-color: rgba(0,0,0,0.1);
}

.checkoutOrdenBotonAct, .checkoutOrdenBotonAct:hover{
    border-color:rgba(13,172,182,1);
}

.checkoutOrdenBotonIcono{
    font-size: 14px;
    top:+5px;
}

.checkoutOrdenBotonTexto{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 115px);
    font-size: 14px;
}

.checkoutOrdenBotonPrecio{
    display: inline-block;
    vertical-align: top;
    width:62px;
    font-size: 14px;
    font-family: fuenteMedium;
    color:rgba(0,0,0,0.8);
    text-align: right;
}

.checkoutOrdenTotal{
    font-size: 14px;
    font-family: fuenteMedium;
    text-align: right;
    border-top: 1px solid rgba(0,0,0,0.1);
    padding:15px 10px;
    
}

.checkoutLogin{
    padding-bottom: 20px;
}

.checkoutLoginBoton{
    background:rgba(0,0,0,0.05);
    display: inline-block;
}

a[data-pbx-pro='pgsord'] .itemNombre{
    padding-right: 0px;
}

.izqCheckout, .derCheckout{
    display: inline-block;
    vertical-align: top;
}

.izqCheckout{width:calc(45% - 60px);}

.checkoutDirUniCont{
    text-align: left;
    margin-bottom: 5px;
}

.checkoutDirDatos{
    display: inline-block;
    width:calc(100% - 29px);
    vertical-align: top;
    color:rgba(0,0,0,0.7);
}

.checkoutDirEtiqueta{
    font-size: 16px;
    font-family: fuenteMedium;
}

.checkoutDirDetalles{
    font-size: 14px;   
}

.derCheckout{
    width:55%;
    margin-left: 60px;
}

.derCheckout .ordenConcepto{
    width:100%;
}

.derCheckout .ordenConceptoEliminar{
    display: none;
}

.derCheckout .ordenConceptoCantidadBoton{
    display: none;
}

.derCheckout .carrito{
    padding-top:30px;
}

.checkoutSubmitCont{
    padding-top: 20px;
    text-align: right;
}

.checkoutSubmit{
    display: inline-block;
}

#checkoutPgs .itemNombre{
    padding:0px 0px 10px 0px;
}

#checkoutPgs .itemDetalles{
    padding:0px;
    margin: 0px;
    width:100%;
}

/*DIRECCIONES DE USUARIO EN PBX*/

[data-protab="ustdir"] .itemCont{
    cursor: pointer;
}

/*MEDIDAS ESPECÍFICAS PARA CADA TIPO DE INPUT*/

.listaBusquedaID{
    width:80px;
}

.listaBusquedaMotor{
    width:170px;
}

.listaBusquedaInputFecha{
    width:100px;
}

/*RADIO*/

.listaBusquedaRadio{
    border-radius: 3px;
    padding: 0px;
}

.listaBusquedaRadioUniCont{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:25%;
}

.listaBusquedaRadioUniCont + .listaBusquedaRadioUniCont{
    padding-left: 2px;
}

.listaBusquedaRadioBotonFalso{
    display: block;
    padding: 4px 12px 7px 12px;
    text-align: center;
    text-shadow:0px 1px 2px rgba(0,0,0,0.2);
    border-radius: 3px;
}

.listaBusquedaRadioFlecha{
    position: absolute;
    bottom:-3px;
    left: calc(50% - 8px);
}

.listaBusquedaRadioFlecha polygon{
    fill:#fff;
}


.listaBusquedaRadioTexto{
    font-size: 9px;
    font-family: fuenteBold;
    text-transform: uppercase;
}

.listaBusquedaInputRadioEscondido{
    display: none;
}

/*ANCHOS ESPECÍFICOS PARA CONTENEDORES DE RADIOS*/

/*SELECT*/

.listaBusquedaSelect{
    text-transform: uppercase;
    padding:4px;
}

.listaBusquedaSelect select option{
    padding: 10px;
    background: #fff;
}

.listaCheck{
    border:1px solid rgba(0,0,0,0.1);
    padding: 16px;
    border-radius: 5px;
    font-size: 15px;
    font-family:fuenteBold;
    cursor: pointer;
}

.listaCheckAct{
    background-color: #FA6;
    color:#fff;
    border:1px solid rgba(0,0,0,0.3);
}

.listaCheckInput{
    display: none;
}

.listaBusquedaEtiqueta{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 14px;
    color:#fff;
    padding: 9px 5px 8px 5px;
}

/*LISTAS*/

.breadcrumbLink{
    font-size: 14px;
    font-family: fuente;
    color:rgba(13, 172, 182, 1);
}

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

.breadcrumbActual, .breadcrumbActual:hover{
    font-family: fuenteBold;
    text-decoration: none;
}

.listaSeccionCont{
    position: relative;
}

.listaSeccionCargando{
    z-index: 100;
}

.itemDrag{
    display: block;
}

.itemDragHandle{
    cursor:move;
}

/*ITEM CONT*/

.itemCont{
    display:block;
    position: relative;
    width: 100%;
    background: rgba(255,255,255,1);
    border:1px solid rgba(0,0,0,0.05);
    border-radius: 3px;
    transition: border-color 0.2s, background 0.2s;
}

.itemCont + .itemCont{
    margin-top: 5px;
}

.itemCont:hover{
    border-color:rgba(0,0,0,0.3);
}

.itemContVerItem{
    opacity: 0.5;
}

.itemContHL{
    /*rgb(255, 170, 102)*/
    border-color:rgba(13,172,182,1);
    background: rgba(234,153,72,0.03);
}

.nuevaNtf{
    background: rgba(234,153,72,0.2);
}

/*MARCA DE USUARIO EN ORDEN*/

.itemMarcaCont{
    padding: 5px;
    background:rgba(255,168,0,0.5);
}

.itemMarcaCont .textoGeneral{
    font-size: 14px;
    width:calc(100% - 50px);
}

/* BOTONES DE ITEM */

.itemBotones{
    position: absolute;
    top:0px;
    right:0px;
    z-index: 5;
    font-size: 0px;
}

.itemBoton{
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding:5px;
    cursor:pointer;
    text-align: center;
}

.itemBoton:hover svg{
    opacity: 0.85;
}

.itemBoton .textoGeneral{
    font-size: 14px;
    font-family:fuenteBold;
    text-transform: uppercase;
    padding: 0px 7px;
}

.itemBoton .numeroGeneral{
    font-size: 16px;
    font-family: fuenteBold;
    margin-left:5px; 
}


/*IMAGEN Y DATOS DE ITEM*/

.itemContLink{
    position: relative;
    display: block;
    font-size: 0px;
    text-align: left;
    z-index: 1;
}

.itemImgCont, .itemImgIconoCont{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:120px;
    padding: 5px;
}

.itemImgWrap, .itemImgIconoWrap{
    position: relative;
    width:100%;
    height: auto;
}


.itemImgWrap > img, .itemImgIconoWrap > img{
    width: 100%;
    height: auto;
}


.itemImgIconoCont{
    width:60px;
    padding: 10px;
}


.itemDatos{
    display: inline-block;
    vertical-align: top;
    width:100%;
    text-align: left;
    padding: 10px 15px;
    color:rgba(0,0,0,0.6);
}

.itemImgCont + .itemDatos{
    width:calc(100% - 120px);
    padding-left: 5px;
}

.itemImgIconoCont + .itemDatos{
    width:calc(100% - 60px);
    padding-left: 0px;
}

.itemNombre{
    font-size: 16px;
    padding-right: 120px;
}

.itemNombre > a[data-pbx-pro]{
    color:#0dacb6;
}

.itemNombre i.material-icons{
    position: relative;
    top:-2px;
}

.itemNombre .textoGeneral{
    font-size: 16px;
}

.itemSubNombre .textoGeneral{
    font-size: 16px;
}

.itemRuta{
    display: inline-block;
    vertical-align: top;
}

.botonNvoDir{
    margin-top: 24px;
}

/*CATÁLOGO*/

.busquedaCont .seccionWrap{
    padding: 20px 0px;
}

.formaCatalogoCont{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:270px;
    padding-right: 30px;
}

.formaCatalogoCerrarFiltros{
    display: none;
    position: absolute;
    top:0px;
    right: 10px;
    padding: 10px;
}

.formaCatalogoCont .inputCont + .formaCatalogoCont .inputCont{
    margin-top: 10px;
}

.formaCatalogoSubmitCont{
    padding-top: 24px;
}

/*CATEGORíAS*/

.formaCatalogoLink{
    font-size: 14px;
    display: block;
    padding: 1px 0px 1px 5px;
}

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

/*BSQ LINKS*/

.formaCatalogoBsqLinks{
    padding: 5px 0px 5px 5px;
}

/*ATRIBUTOS*/

.formaCatalogoAtrCont{
    padding: 10px 0px;
}

.formaCatalogoAtrCont + .formaCatalogoAtrCont{
    border-top:1px solid rgba(0,0,0,0.1);
}

.formaCatalogoAtrValores{
    padding: 5px 0px 5px 5px;
}

.formaCatalogoAtrValor{
    padding-bottom: 3px;
}

.formaCatalogoAtrValorTxt{
    display: inline-block;
    vertical-align:middle;
    font-size: 14px;
    width:calc(100% - 20px);
}

.formaCatalogoAtrValorCheckbox{
    display: inline-block;
    vertical-align:middle;
    width:20px;
}

.formaCatalogoSubmit{
    width:100%;
}

.catalogoProductos{
    display: inline-block;
    vertical-align: top;
    width:100%;
    padding:0px;
}

.formaCatalogoCont + .catalogoProductos{
    width:calc(100% - 270px);
}

.listaCatalogoCabecera{
    position: relative;
    padding: 0px 10px 10px 10px;
}

.listaCatalogoCategoriaPadre{
    font-size: 14px;
    font-family: fuente;
}

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

.listaCatalogoCategoriaNombre{
    font-size: 18px;
}

.listaCatalogoCabeceraBotones{
    position: absolute;
    top:0px;
    right: 10px;
}

.listaCatalogoAbrirFiltros{
    /*display: none;*/
    padding:0px;
}

.listaCatalogoAbrirFiltros .textoGeneral{
    font-family: fuente;
    text-transform: none;
}

/*PAGINACION*/

.paginacionCont{
    text-align: right;
    padding: 20px 0px;
}

.paginaLink{
    display: inline-block;
    padding: 5px 8px;
    border-radius: 40px;
    font-size: 12px;
    font-family: fuenteBold;
    line-height: 12px;
    text-align: center;
    color:rgba(0,0,0,0.85);
    border:1px solid #ddd;
    margin-left: 5px;
    transition: background 0.2s;
}

.paginaLink:hover{background:#ddd;}

.paginaActual, .paginaActual:hover{
    border:1px solid rgba(13,172,182,1);
    background: rgba(13,172,182,1);
    color:rgba(255,255,255,0.85);
}

/*ORDENES*/

.pedidoPbxDatosCont{
    position: relative;
    border-radius: 3px;
    font-size: 16px;
    padding:0px 10px 10px 10px;
}

.pedidoPbxDatosNombre{
    font-family: fuenteBold;
}

.pedidoPbxDatosReferencias{
    font-style: italic;
    padding-top: 10px;
}

.pedidoPbxArticulosCont{
    position: relative;
    text-align: left;
    border:1px solid rgba(0,0,0,0.1);
    border-bottom:10px solid rgba(0,0,0,0.1);
    border-radius:3px;
}

.pedidoPbxConceptoCont{
    position: relative;
    padding: 10px;
}

.pedidoPbxConceptoCont + .pedidoPbxConceptoCont{
    border-top:1px solid rgba(0,0,0,0.1);
}

.pedidoPbxConceptoImgCont{
    display: inline-block;
    vertical-align: top;
    width:100px;
    margin-right: 10px;
}

.pedidoPbxConceptoImgWrap{
    position: relative;
    width:100%;
}

.pedidoPbxConceptoImgWrap img{
    width:100%;
    height: auto;
}

.pedidoPbxConceptoDatosCont{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 110px);
}

.pedidoPbxConceptoCantidad, .pedidoPbxConceptoNombre{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.pedidoPbxConceptoCantidad{
    width:30px;
}

.pedidoPbxConceptoNombre{
    width:calc(100% - 100px);
}

.pedidoPbxConceptoTotal{
    position: absolute;
    top:10px;
    right:10px;
    font-size: 14px;
    font-family: fuenteBold;
    width:70px;
    text-align: right;
}

/*****MARCAS*********/

.pedidoPbxDatosMarca{
    background: #ffff99;
    border-radius: 3px;
    padding: 10px 15px;
}

.pedidoPbxMarcaNombre{
    font-family: fuenteBold;
    font-size: 16px;
    padding-bottom: 5px;
}

.pedidoPbxMarcaDetalles{
    font-size: 14px;
    text-align: justify;
}

/****MODOS************/

.pedidoPbxModoCont{
    position: relative;
}

.pedidoPbxModoSelect{
    position: relative;
    width:100%;
    padding: 10px;
    text-align: left;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:3px;
    font-size:14px;
}

/*****DESCUENTOS*****/

.pedidoPbxDescuentosCont{
    position: relative;
}

.pedidoPbxDescuentoCont{
    position: relative;
    margin-top: 2px;
    text-align: left;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:3px;
    background: #ffff66;
}

.pedidoPbxDescuentoConcepto{
    font-size: 14px;
    font-family: fuenteBold;
    padding: 10px 100px 10px 10px;
    color:rgba(0,0,0,0.85);
}

.pedidoPbxDescuentoCantidad{
    position: absolute;
    top:10px;
    right: 10px;
    font-size: 14px;
}

.pedidoPbxTotalesCont{
    padding: 10px 0px;
}

.pedidoPbxTotalCont{
    position: relative;
    text-align: right;
    padding:0px 11px; 
}

.pedidoPbxTotalNombre, .pedidoPbxTotalCantidad{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-family: fuenteBold;
}

.pedidoPbxTotalNombre{
    width:calc(100% - 100px);
}

.pedidoPbxTotalCantidad{
    width:100px;
}

.pedidoPbxStatusCont{
    margin-top: 20px;
}

.pedidoPbxStatusUniCont{
    position: relative;
    margin: 0px auto;
    text-align: left;
    border-radius: 3px;
}

.pedidoPbxStatusUniCont + .pedidoPbxStatusUniCont{
    margin-top: 2px;
}

.pedidoPbxStatusNombre, .pedidoPbxStatusFecha, .pedidoPbxStatusUsuario{
    display: inline-block;
    vertical-align: top;
    color:#fff;
    font-size: 14px;
    text-shadow:0px 1px 1px rgba(0,0,0,0.2);
    padding: 10px;
}

.pedidoPbxStatusNombre{
    font-family: fuenteBold;
    text-transform: uppercase;
}

.pedidoPbxStatusUsuario{
    width:170px;
}

.pedidoPbxStatusFecha{
    position: absolute;
    top:0px;
    right:0px;
}

.pedidoPbxStatusDetalles{
    display:inline-block;
    width:100%;
    padding: 0px 7px 7px 7px;
    color:rgba(255,255,255,0.85);
    font-size: 14px;
    font-style: italic;
    text-shadow:0px 1px 1px rgba(0,0,0,0.2);
}

/*ITEMS*/

.itemCabecera{
    padding-top: 5px 0px;
}

.itemCabeceraDato{
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    margin-right: 3px;
    padding: 3px 8px;
    font-size: 16px;
    font-family: fuenteBold;
}

.itemCabeceraNombre{padding-left: 0px;}
.itemCabeceraUsuario{background:rgba(0,0,0,0.03);}
.itemCabeceraRegTipo{
    background: rgba(234,153,72.1);
    text-transform: uppercase;
}
.itemCabeceraOrigen{
    text-shadow:0px 1px 2px rgba(0,0,0,0.2);
    padding:3px 5px;
}

.itemCabeceraStatus{
    font-size: 14px;
    text-transform: uppercase;
    color:#fff;
}

.actividadpendiente{background: #FF5151;}
.actividadavanzada{background: #FA6;}
.actividadterminada{background: #8ad11e;}

.itemCabeceraDatos{
    background: none;
}

.datoHL{
    font-family: fuenteBold;
    color:#0dacb6;
    text-transform: capitalize;
}

.itemDatoBold{
    font-size: 16px;
    font-family: fuenteBold;
}

.itemOrg{
    font-size: 16px;
    font-family: fuenteBold;
}

.itemDetalles{
    font-size: 14px;
    padding: 10px 0px;
    text-align: justify;
    white-space: pre-wrap;
    width:calc(100% - 120px);
}

.itemNombre + .itemDetalles{
    width:100%;
}

.itemDatoSimple{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-family: fuenteBold;
    margin-right:20px;
}

.itemDatoSimple i.material-icons{
    margin-right: 5px;
}

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

.itemFecha{
    position: absolute;
    bottom:0px;
    right: 0px;
    color:rgba(0,0,0,0.5);
    font-size: 12px;
    line-height: 12px;
    padding: 5px 10px;
}

.itemError{
    background-color: var(--rojopbx);
    color:rgba(255,255,255,1);
    border-radius: 5px;
    font-size: 14px;
    padding:10px;
    margin-bottom: 5px;
}

/*****PBX*****************************/


.pbxBack{
    display:none;
    background:rgba(25, 25, 25, 0.5);
    position:fixed;
    top:0px;
    width:100%;
    height: 100%;
    z-index:10100;
    overflow-y: scroll;
}

.pbxBack::-webkit-scrollbar{
    width:0px;
}

.pbxLoading{
    position: absolute;
    top:60px;
    left: 0px;
    width:100%;
    height: 80px;
    background: url(../images/loadingPbx.svg) center no-repeat;
    background-size: 80px 80px;
}

.pbxCont{
    position: absolute;
    top:0px;
    left:calc(50% - 300px);
    opacity: 0;
    width:600px;
    margin: 0px auto;
    padding: 20px 0px;
    text-align:center;
    z-index:10200;
}

.pbxCont[data-protab="vercpr"]{
    width:800px;
    left:calc(50% - 400px);
}

.cargandoPbx{
    background: #fff;
    padding:5px 0px;
    text-align: center;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    display: none;
}

.cargandoPbx img{
    width:25px;
    height:25px;
}

.pbxWrap{
    background:rgba(255,255,255,1);
    border-radius: 24px;
    box-shadow: 0px 6px 12px -3px rgba(0,0,0,0.2);
}

.pbxRespCont{
    display: none;
    position: relative;
    margin: 0px auto 10px auto;
    font-size: 14px;
    color:#fff;
    background: #8AD11E;
    padding: 15px;
    text-transform: uppercase;
    text-align: center;
    font-family: fuente;
    border-radius: 16px;
}

.pbxRespError{background: #FF5151;}

#formaImgPrin{
    display: none;
}
.pbxCabecera{
    position: relative;
    text-align:center;
    z-index: 1;
}

.pbxTitulo{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 44px);
    padding:10px;
}

.botonPbxAnt + .pbxTitulo{
    width:100% - 88px;
}

.botonPbxAnt,
.botonCerrarPbx{
    display: inline-block;
    vertical-align: top;
    padding:10px;
}

.pbxSubTitulo{
    text-transform: none;
    position: relative;
    font-size: 18px;
    color:rgba(255,255,255,0.85);
    padding-top: 2px;
}

.pbxCuerpo{
    position: relative;
    text-align:center;
    font-size: 0px;
    padding: 15px 30px 0px 30px;
}

.subtituloPbx{
    font-size: 16px;
    text-transform: uppercase;
    padding: 0px 15px 10px 15px;
}

.subtituloPbx span{
    display: block;
    font-family: fuenteBold;
}

.imagenPrinPbxCont{
    position: relative;
    margin: 0px auto;
    margin: 0px auto 10px auto;
    width: 100%;
    padding: 10px 0px;
    background: center no-repeat rgba(0,0,0,0.05);
    background-size:contain;
    border-radius: 3px;
}

.imagenPrinPbxCont img{
    width: auto;
    height: 200px;
}

.botonImgPrin{
    position: absolute;
    bottom:10px;
    right: 10px;
    background:#fff;
    border-radius: 3px;
}

.botonInputFilePbx:hover{
    color:#0DACB6;
    background: linear-gradient(#ffffff,#f9f9f9);
}

.inputFilePbxNombre{
    display: inline-block;
    vertical-align: top;
    width:50%;
    padding:15px;
    font-size: 16px;
    color:#333;
    border-left: none;
    background: #fff;
}

.textoEliminarPbx{
    font-size: 14px;
    padding:20px;
}

.pbxCuerpo .inputCont + .pbxCuerpo .inputCont{
    margin-top: 10px;
}

.pbxSubCont{
    position: relative;
    padding: 0px 10px 15px 10px;
    background: rgba(0,0,0,0.05);
    border-radius: 3px;
}

.pbxSubCont .inputLabel:first-child{
    border-radius: 3px;
    padding: 10px 0px;
    color:rgba(13,172,182,1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 8px;
}

.imagenAnteriorPbx{
    display: block;
    text-align: center;
    padding-bottom: 10px;
}

.imagenAnteriorPbx img{
    width: 60%;
    height: auto;
}

.inputTextarea{
    height:100px;
    font-weight: normal;
    max-width: 100%;
    resize: vertical;
}

.textareaXL{
    height: 300px;
    resize: vertical;
}

.radioContPbx{
    font-size: 0px;
    display: block;
    background: #fff;
    border-top: 1px solid #ddd;
    padding-bottom: 15px;
}

.radioContTituloPbx{
    font-size: 14px;
    padding: 15px 0px 10px 0px;
    text-align: center;       
}

.radioUniContPbx{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 20%;
}

.botonRadioInvisiblePbx{
    display: block;
    padding: 10px 0px;
    color:rgba(0,0,0,0.5);
    font-family:fuenteBold;
    border:1px solid rgba(0,0,0,0.1);
    text-align: center;
}

.botonRadioInvisiblePbxActivo{
    background-color: #0DC2FF;
}

.radioInvisiblePbx{
    display: none;
}

.unicheckPbxCont{
    position: relative;
    width:100%;
    padding:15px 70px 15px 15px;
    outline: none;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    transition: border-color 0.2s;
    text-align: left;
}

.unicheckPbx:hover{
    background-color: #ffffcc;
}

.unicheckAct, .unicheckAct:hover{
    background-color: #FA6;
    color:#fff;
}

.unicheckAct .unicheckPbxTextoNombre,
.unicheckAct .unicheckPbxTextoDetalles{
    color:rgba(255,255,255,1);
}

.unicheckPbxFalso{
    padding:5px;
    border-radius: 20px;
    width: 55px;
    position: absolute;
    top:calc(50% - 15px);
    right: 10px;
    background:rgba(0,0,0,0.15);
    cursor: pointer;
}

.unicheckPbxFalsoBoton{
    position: relative;
    left:0px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    background-color: rgba(255,255,255,1);
}

.unicheckPbxBotonAct{
    left:calc(100% - 20px);
}

.inputUnicheckPbx{
    display: none;
}

.inputMultiCheckCont, .inputCuadriCheckCont{
    position: relative;
    margin: 0px auto;
    padding:0px 0px 10px 0x;
    text-align: left;
}

.checkPbx{
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: #f5f5f5;
    padding:10px;
    margin:0px 2px 2px 0px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    font-size: 14px;
    font-family:fuenteBold;
    color:rgba(0,0,0,0.5);
    background: #fff;
    cursor: pointer;
    text-align: center;
}

#formaCatalogo .atrPbx{
    width:100%;
    text-align: left;
    padding: 5px 10px;
}

.checkPbx:hover{
    border-color:rgba(0,0,0,0.2);
}

.checkPbxAct{
    background-color: #FA6;
    color:#fff;
}

.multicheckDias{
    width:calc((100% / 7) - 2px);
}

.multicheckUsuarios{
    width:calc((100% / 2) - 2px);
}

.inputMultiCheckIconosCont{
    position: relative;
    text-align: left;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    background: rgba(0,0,0,0.02);
}

.inputMultiCheckIconosCont + .inputMultiCheckIconosCont{
    margin-top: 10px;
}

.inputMultiCheckIconosCont:hover{
    background: rgba(0,0,0,0.05);
}

.labelMulticheckIconos{
    font-size: 16px;
    padding: 15px 15px 16px 15px;
}

.multicheckIconosCont{
    position: absolute;
    top:4px;
    right:3px;
}

.checkIcono{
    position: relative;
}

.ui-datepicker{font-size: 12px;}

/*COMPARACIóN DE PRODUCTOS*/

table.tablaCpr{
    width:100%;
}

.tablaCpr td{
    position: relative;
    font-size: 14px;
    vertical-align: top;
    padding:10px 15px;
    border:1px solid rgba(230,230,230,1);
}

.tablaCpr td img{
    width:100%;
    height: auto;
}

.tablaCpr td .nom::first-line{
    font-family: fuenteBold;
}

.tablaCpr td.det{
    white-space: pre-line;
    text-align: left;
}

.tablaCpr td.atr{
    padding:5px;
}
.tablaCpr td.atr .prdAtributos{
    width:100%;
    border-radius: 0px;
}

/*CALIFICACION*/


.califUniCont{
    position: relative;
    display: inline-block;
    width:calc(20% - 2px);
    margin: 0px 1px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
}

.califUniContAct svg{
    fill:#ff6;
}

.califUniContBoton{
    display: block;
    padding: 10px;
}

.califUniContInput{
    display: none;
    position: absolute;
    top:0px;
    right: 0px;
}

/*HORA*/

.inputFhFecha{
    display: inline-block;
    vertical-align: top;
    width:calc(100% - 240px);
}

.inputFhHora, .inputFhMinuto, .inputFhAmfm{
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    width:70px;
}

.radioPbxUniCont{
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.radioPbxUniCont input{
    display: none;
    position: absolute;
    top:0px;
}

.botonRadioPbxChecked{
    background: #FA6;
}

/*PRODUCTO*/

.productoPbx .itemImgCont{
    padding: 0px;
    width:200px;
}

.productoPbx .itemDatos{
    padding:0px;
}

.productoPbx .itemImgCont + .itemDatos{
    width:calc(100% - 200px);
    padding-left:20px;    
}

/*LISTA*/

.listaPbx{
    width:100%;
    background: #fff;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    transition: border-color 0.2s;
    min-height: 41px;
}

.listaPbxInputCont{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.listaPbxInputBusqueda{
    width:100%;
    font-size: 16px;
    padding:10px;
    color:rgba(0,0,0,0.85);
    border:none;
    outline: none;
}

.listaPbxWrap{
    min-height: 20px;
}

/*ARCHIVO*/

.archivoPbxCont{
    position: relative;
    margin: 0px auto;
    border-radius: 3px;
}

.botonArchivo, .nombreArchivo{
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.botonArchivo{
    position: relative;
    width: 35%;
    padding: 9px 10px 10px 10px;
    font-family: fuenteBold;
    text-align: center;
    background: #f5f5f5;
    color:rgba(0,0,0,0.85);
    border-radius: 0px 3px 3px 0px;
    border:1px solid rgba(0,0,0,0.1);
    border-left: none;
}

.botonArchivo:hover{
    background-color: #f9f9f9;
}

.botonArchivo i.material-icons{
    margin-right: 5px;
}

.botonArchivo .textoGeneral{
    font-size: 16px;
}

.nombreArchivo{
    font-size: 16px;
    width: 65%;
    padding:10px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 3px 0px 0px 3px;
    text-align: left;
}

.inputFileArchivo{
    display: none;
}

/*LOGIN FACEBOOK*/

.loginFacebook{
    display: block;
    background: rgba(25,119,243,1);
    padding: 10px;
    border-radius: 5px;
}

/*LOG DE MODIFICACIONES*/

.logPbxUniCont{
    position: relative;
    margin:0px auto;
    border:1px solid rgba(0,0,0,0.3);
    border-radius: 3px;
    transition: background 0.2s;
}

.logPbxUniCont:hover{
    background: rgba(234,153,72,0.15);
}

.logPbxUniCont + .logPbxUniCont{
    margin-top: 5px;
}

.logPbxCabecera{
    position: relative;
    text-align: left;
}

.logPbxProceso, .logPbxUsuario, .logPbxFecha{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding: 5px;
}

.logPbxProceso{
    text-transform:capitalize;
    width:80px;
    border-right: 1px solid rgba(0,0,0,0.1);
}

.logPbxUsuario{
    width:290px;
}

.logPbxFecha{
    width:calc(100% - 370px);
    text-align: right;
}

.logPbxDetalles{
    width:100%;
    border-top: 1px solid rgba(0,0,0,0.1);
    padding: 5px;
    background: rgba(0,0,0,0.05);
}

/*SUBMIT PROBOX*/

.pbxPie{
    position: relative;
    text-align:center;
    font-size:0px;
    padding:20px 0px;
}

.pbxCuerpo + .pbxPie{
    padding:0px 0px 28px 0px;
}

.pbxSubmitSeparador{
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
}

.submitPbxLayer{
    position:absolute;
    top:0px;
    bottom:0px;
    width:100%;
    background:url(../images/loadingPulse.svg) no-repeat rgba(255,255,255,0.8);
    background-position: 50% 50%;
    background-size: 30px 30px;
}

/*TABLA INFORMES*/

.tablaInformes{
    width:100%;
}

.tablaInformes td{
    border:1px solid #fff;
    font-size: 12px;
    padding: 5px;
    background: rgba(0,0,0,0.05);
}

td.tablaInformesCabeceraLogo{
    position: relative;
    background: #111;
    padding: 15px;
}

td.tablaInformesCabeceraLogo img{
    width: 200px;
    height: auto;
}

td.tablaInformesEncabezado{
    background: #FFC400;
}

.tablaInformesEncabezadoFecha{
    width:185px;
}

.tablaInformesEncabezadoDetalles{
    width:750px;
}

.tablaInformesEncabezadoLabel{
    padding-bottom: 3px;
}

.inputSelectInforme{
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    border:none;
    padding: 3px;
    border-radius: 3px;
}

.inputFechaPedido{
    text-align: center;
    width: calc(50% - 5px);
    border:none;
    padding: 3px;
    border-radius: 3px;
}

.totalConcepto{
    text-align: right;
}

td.totalOrdenesTexto{
    text-align: right;
    background-color: #111;
    color:#fff;
    padding-right: 10px;
}

td.totalOrdenesCantidad{
    text-align: right;
    font-family: fuenteBold;
    background-color: #111;
    color:#fff;
}/*HIGHLIGHT DE MODOS*/

tr.modoHLPasa{
    background: #8ad11e;
}

tr.modoHLPypl{
    background: #019CDE;
}

tr.modoHLSqre{
    background: #777;
} 

tr.modoHLPrst{
    background: #FFC400;
}

tr.modoHLDevl{
    background: #66f;
}

td.celdaNotas{
    padding: 0px;
    text-align: justify;
}

.botonNotas{
    display: block;
    width: 100%;
    padding: 10px;
}

.inputNotas{
    width:100%;
    height: auto;
    padding: 10px;
    border:none;
    resize:none;
}

tr.informeFila:hover td{
    background-color: #ffeb95;
}

/*DETALLES DE PROCESOS*/

td.celdaDetallesProcesos{
    font-size: 0px;
}

.informeProcesoDatoCont{
    display: inline-block;
    vertical-align: top;
    background: rgba(255,255,255,0.5);
    padding: 3px 0px;
    margin-bottom:1px;
    font-size: 0px;
}

a.informeProcesoDatoCont:hover, a.informeProcesoDatoCont:visited{
    background: rgba(255,255,255,0.9);
    color:#019CDE;
    text-decoration: underline;
}

.informeProcesoDatoCont + .informeProcesoDatoCont{
    margin-left: 1px;
}

.informeProcesosDatoNombre, .informeProcesosDatoValor{
    display: inline-block;
    vertical-align: top;
    padding:0px 5px;
    font-size: 12px;
}

/*FORMULARIOS*/

.submitFrm{
    font-size: 16px;
    padding: 10px;
}

/*PIE*/

/*PIE-----------------------------------------*/
.pie{
    width:100%;
    position: relative;
    bottom:0px;
    z-index: 90;
}

.pieWrap{
    position: relative;
    margin: 0px auto;
}

/*TABLA DE PEDIDOS*/

#tablaPedidos{
    width:100%;
    background: #fff;
    border:1px solid rgba(0,0,0,0.1);
}

#tablaPedidos tr{transition: background 0.2s;}

#tablaPedidos tr:hover{
    background:rgba(234,153,72,0.1);
}

#tablaPedidos td{
    font-size: 14px;
    padding: 10px;
    border-bottom:1px solid rgba(0,0,0,0.1);
}

.pedidoNumero, .pedidoNombre{
    font-family: fuenteBold;
}

.pedidoStatus{
    text-transform: capitalize;
    padding: 5px 10px;
    border-radius: 5px;
    color:#fff;
    text-shadow:0px 1px 0px rgba(0,0,0,0.5);
    font-family: fuenteBold;
    font-size: 14px;
    text-align: center;
    display: inline-block;
}

.pedidoeditando{background: rgb(61, 71, 82);}
.pedidopagando{background: rgb(228, 65, 52);}
.pedidoverificado{background: rgb(228, 65, 52);}
.pedidoprocesando{background: rgb(248, 64, 69);}
.pedidoaprobado{background: rgb(255, 151, 0);}
.pedidoenviado{background: rgb(234, 176, 0);}
.pedidoentregado{background: rgb(193, 202, 51);}
.pedidocancelado{background: rgb(10,10,10);}
.pedidodeclinado{background: rgb(10,10,10);}
.pedidosantander_error{background: rgb(10,10,10);}
.pedidobanamex_error{background: rgb(10,10,10);}

.pedidoTotal, .pedidoBotones{
    text-align: right;
}

.pedidoBotones{
    width:42px;
}

/*ESTILOS PRIORITARIOS*/

*.textoColor1{color:rgba(13,172,182,1);}
*.textoColor2{color:rgba(47,126,145,1);}
*.textoColor3{color:#FFFF66;}
*.textoBlanco{color:#fff;}
*.textoRojo{color:#FF5151;}
*.textoVerde{color:#8AD11E;}

.iconoColor1 svg{fill: rgba(13,172,182,1);}
.iconoColor2 svg{fill: #000000;}
.iconoColor3 svg{fill: #FFFF66;}