/** CSS Reset **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a{
    text-decoration: none;
    color: inherit;
}
/** Fin CSS Reset **/
/*******************************************************************************
                        ESTILO ELEMENTOS GENERAL
*******************************************************************************/
.clear, .clearMovil, .clearDesktop { clear: both; }
.dnone { display: none; }
html{
    width: 100%;
    /*height: 100%;*/
}
body{
    width: 100%;
    /*height: 100%;*/
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    /*font-family: Arial, sans-serif;*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Ubuntu", "Helvetica Neue", sans-serif;
    padding-bottom: 25px;
}
#wrapper {
    width: 1024px;
    /*height: 100%;*/
    margin: auto;
    padding: 0;
    text-align: center;
    font-size: 16px;
}
#content{
    width: 100%;
    /*height: 96%;*/
}
.boton{
    padding: 8px 20px;
    cursor:pointer;
    text-align: center;
    font-size: 16px;
    float: left;
    color: #fff;
    border: none;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*.boton:hover{background-color: #388215;}*/
.boton:active, .boton.actual{transform: perspective(600px) translateZ(-75px) rotateZ(-0.5deg) rotateX(-10deg);}
.boton.verde{background-color: #46a816;}
.boton.naranja{background-color: #ff9d01;}
.boton.azul{background-color: #2196F3;}
.boton.gris{background-color: #bcbdbd;}
.boton.rojo{background-color: #ff5959;}
.accion{
    float: left;
    font-size: 16px;
    color: white;
    cursor: pointer;
    padding: 4px 20px;
    border-radius: 34px;
}
.accion:active, .accion.actual{transform: perspective(600px) translateZ(-75px) rotateZ(-0.5deg) rotateX(-10deg);}
.accion.verde{background-color: #46a816;}
.accion.naranja{background-color: #ff9d01;}
.accion.azul{background-color: #2196F3;}
.accion.gris{background-color: #bcbdbd;}
.accion.rojo{background-color: #ff5959;}
.inputText{
    padding: 3px 5px;
    border-radius: 5px;
    border: 1px solid #949494
}
#textError{
    margin-top: 30px;
    font-size: 20px;
    font-weight: bold;
}
.noSelect{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#fondoNegro{
    background-color: rgba(0, 0, 0, 0.86);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
}
#loadingDiv{
    background: url(../images/loading.gif) no-repeat center center;
    background-color: white;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.88;
    z-index: 999999;
}
/*******************************************************************************
               ESTILO BUBBLES AVISO, ZOOM DE IMAÁGEN Y VENTANA MODAL
*******************************************************************************/
.bubble-wrapper {z-index: 9999999999999;}
.bubble-text {
    color: #fff;
    background-color: #000;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}
.bubble-buttons {
    width: 100%;
    text-align: center;
    padding-top: 20px;
}
.bubble-buttonOk {
    cursor: pointer;
    font-size: 30px;
}
.bubble-buttonCancel {
    margin-left: 60px;
    cursor: pointer;
    font-size: 30px;
}
.bubble-arrow-top, .bubble-arrow-bottom {
    width: 0;
    height: 30px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin: 0 auto;
}
.bubble-arrow-bottom {border-top: 5px solid #000;}
.bubble-arrow-top {border-bottom: 5px solid #000;}
.zoomWrapper{
    background: #000;
    position: fixed;
    z-index: 300;
    padding: 15px;
    border-radius: 15px;
}
.zoomWrapper img{
    width: 640px;
    height: 480px;
}
.fondoModal{
    background-color: rgba(0, 0, 0, 0.86);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    display: none;
}
.ventanaModal{
    background-color: #E3E3E3;
    z-index: 999999999;
    position: absolute;
    color: #000;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Ubuntu", "Helvetica Neue", sans-serif;
    width: 400px;
    max-height: 90%;
    top: 5%;
    border-radius: 20px;
    -webkit-box-shadow: 0px 3px 14px 0px #000000;
    -moz-box-shadow: 0px 3px 14px 0px #000000;
    box-shadow: 0px 3px 14px 0px #000000;
    margin-bottom: 15px;
    display: none;
}
#textoModal{
    padding: 2%;
    height: 95%;
}
/*******************************************************************************
                                ESTILO HEADER
*******************************************************************************/
#header{
    width: 100%;
    /*height: 4%;*/
    background: #353535;
    color: #ffffff;
    padding: 10px 0;
    overflow: auto;
}
#tituloHeader{
    float: left;
    margin: 0 20px;
    font-size: 20px;
}
#nombreHeader{
    float: right;
    font-size: 20px;
    margin: 0 20px;
}
#logOutHeader{
    width: 17px;
    height: 20px;
    margin-top: -4px;
    margin-left: 15px;
    vertical-align: middle;
}
#headerPedidos, #headerAlmacen, #headerWallapop, #headerVentas{
    margin-top: 10px;
    margin-bottom: -10px;
    border-top: 1px solid white;
    overflow: auto;
}
.opcionPedidos{
    float: left;
    margin: 9px 10px;
    padding: 7px 35px;
    border: 1px solid #848484;
    border-radius: 5px;
}
.opcionPedidos:hover, .opcionPedidos.activo{
    background: white;
    color: black;
}
#buscarPedidos, #buscarWallapop{
    float: right;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer;
}
#headerWallapop a:first-child .opcionPedidos{margin-left: 150px;}
#headerAlmacen a:first-child .opcionPedidos{margin-left: 250px;}
#headerAlmacen a:last-child .opcionPedidos{margin-left: 180px;}
/*******************************************************************************
                                ESTILO LOGIN
*******************************************************************************/
#cajaLogin{
    width: 50%;
    height: 145px;
    margin: 130px auto 0 auto;
    background: url(../images/candado.png) no-repeat;
    background-position: 130px 55px;
    background-color: #e7e7e7;
    color: #525252;
    border-radius: 10px;
}
#tituloLogin{
    font-size: 22px;
    padding-top: 19px;
    text-align: left;
    padding-left: 162px;
    font-weight: bold;
}
#passwordLogin{
    float: left;
    margin-top: 10px;
    margin-left: 162px;
    padding: 5px;
    width: 200px;
    font-size: 18px;
}
#goLogin{
    margin-top: 15px;
    margin-left: 290px;
}
#estadoLogin{
    margin-top: 15px;
    color: #ff0000;
    font-size: 20px;
}
/*******************************************************************************
                                ESTILO PRINCIPAL
*******************************************************************************/
#menuPrincipal{
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    overflow: auto;
}
.opcionPrincipal{
    float: left;
    width: 165px;
    margin: 30px 70px;
    padding: 7px 15px;
    border: 1px solid #848484;
    border-radius: 5px;
}
.opcionPrincipal:hover{
    background: #8BC63E;
    border: 1px solid #8BC63E;
}
/*******************************************************************************
                        ESTILO ARTÍCULOS Y FICHA ARTICULO
*******************************************************************************/
#menuArticulos{
    float: left;
    width: 25%;
    background: #E6E6E6;
    text-align: left;
    padding-left: 5px;
    overflow: auto;
}
.nombreCat{
    font-weight: bold;
    cursor: pointer;
}
.subCategoria{
    display: none;
    padding-left: 20px;
}
.subSubCategoria{
    display: none;
    padding-left: 20px;
}
.categoria{margin: 5px 0;}
.nombreSubCat, .nombreSubSubCat{cursor: pointer;}
.subCategoria li, .subSubCategoria li{margin: 10px 0;}
span.nombreCat.selected, span.nombreSubCat.selected, span.nombreSubSubCat.selected{background: #ffff2c;}
.opcionMenu, #verArticulosSinMedidas, #medidasPorNombre{
    margin: 15px;
    font-weight: bold;
    cursor: pointer;
}
.inputMenu{
    margin: 10px 0;
    font-size: 18px;
    padding-left: 5px;
}
.opcionMenu.selected, .nombreSubCat.selected, .nombreSubSubCat.selected, #verArticulosSinMedidas.selected{
    background: #f9f959;
    padding: 5px;
    border-radius: 7px;
}
.fichaArticulo{
    float: left;
    cursor: pointer;
    margin: 5px;
    width: 135px;
    border-radius: 5px;
}
.editarArticulo{
    float: right;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background-image: url(../images/editar.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
}
.marcoImagen{
    width: 100%;
    height: 105px;
    overflow: hidden;
    margin: 5px 0;
}
.imagenArticulo{
    width: 90%;
    height: auto;
    margin: 5px 5%;
}
.nombreArticulo, .afiliadoArticulo{
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    height: 10px;
    overflow: hidden;
    margin: 3px 0;
}
.resumenArticulo{
    text-align: left;
    padding-left: 15px;
    font-weight: bold;
    font-size: 10px;
    margin: 12px 0;
}
.infoArticulos{
    padding-top: 20px;
    font-size: 18px;
}
.mensajeError{
    padding-top: 50px;
    color: red;
    font-size: 24px;
}
.fichaArticulo.activo{background: #9efd9e;}
.fichaArticulo.desactivado{background: #ff8e8e;}
.fichaArticulo.inactivo{background: #fcb68e;}
.fichaArticulo.eliminado{background: #ff0000;}
#infoCategoria{display: none;}
.errorCategorias{margin: 20px;}
#resultadosCategoria{margin-top: 15px;}
#editarHeader{background-image: url(../images/editar.png);}
#guardarHeader{background-image: url(../images/guardar.png);}
#editarHeader, #guardarHeader{
    float: right;
    margin: 0 10px;
    cursor: pointer;
    width: 31px;
    height: 31px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 31px 31px;
}
#headerFicha{
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid black;
    overflow: auto;
}
#rutaCategoria{
    float: left;
    text-align: left;
    padding-top: 10px;
    font-size: 14px;
}
#editCategoria{
    float: left;
    background: url(../images/editarLapiz.png) no-repeat center center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    margin-top: 4px;
    margin-left: 15px;
    cursor: pointer;
}
#buscaCategoria{
    float: left;
    margin-top: 10px;
    width: 380px;
    font-size: 18px;
    padding: 0 5px;
}
.selectCats, #selectFranjaPeso, #selectEstadoWallapop{
    float: left;
    margin: 20px;
}
.resultadoCategoria{
    float: left;
    width: 240px;
    margin: 8px;
    cursor: pointer;
    text-align: left;
}
#infoArticulo{
    float: left;
    width: 48%;
    text-align: left;
    margin-bottom: 20px;
}
.bloqueInfoI{
    float: left;
    width: 48%;
    margin: 1% 0;
}
.bloqueInfoD{
    float: right;
    width: 48%;
    margin: 1% 0;
}
.bloqueInfo{
    float: left;
    width: 23%;
    margin: 1%;
}
.nombreCampo{
    font-size: 22px;
    margin: 5px;
}
.bloqueInfo .nombreCampo{font-size: 20px;}
.bloqueInfo .inputArticulo{width: 80%;}
.inputArticulo:focus{border: 1px solid #353535;}
#articulonombre.inputArticulo, #articulotags.inputArticulo{width: 96%;}
.inputArticulo:read-only, .inputArticulo:disabled, #articulodescripcion:read-only, #articuloinfoExtra:read-only{background: #e6e6e6;}
.inputArticulo{
    width: 90%;
    padding: 5px;
    font-size: 20px;
    border: 1px solid #adadad;
}
#articulodescripcion, #articuloinfoExtra{
    width: 96%;
    height: 132px;
    font-size: 18px;
}
.checkArticulo{
    display: none;
}
.checkArticulo + label{
    cursor: pointer;
    float: left;
    height: 50px;
    width: 50px;
    background: url(../images/noCheck.png);
    background-size: 50px 50px;
}
.checkArticulo:checked + label{
    background: url(../images/check.png);
    background-size: 50px 50px;
}
#fotosArticulo{
    float: right;
    width: 48%;
}
#fotoPrincipal{width: 100%;}
#fotoPrincipal img, .fotoArticulo img{
    width: 100%;
    height: auto;
}
.fotoArticulo{
    float: left;
    width: 31%;
    margin: 1%;
}
.warehouseArticulo{
    float: right;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background-image: url(../images/guardarWarehouse.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
}
.medidasArticulo{
    float: left;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    background-image: url(../images/medidas.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
}
/*******************************************************************************
                            ESTILO PEDIDOS Y WALLAPOP
*******************************************************************************/
.wrapperVentas{margin-top: 60px;}
.grupoPedidos{
    background: #a2eeff;
    margin-top: 15px;
    margin-bottom: 30px;
    border-radius: 10px;
    max-height: 700px;
    overflow-y: auto;
}
.nombreGrupoPedidos{
    float: left;
    margin-left: 0px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-weight: bold;
    font-size: 20px; 
}
.totalGrupoPedidos{
    float: right;
    margin-left: 0px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-weight: bold;
    font-size: 20px; 
}
.headerPedidos{
    width: 100%;
    font-weight: bold;
    padding: 10px 0px;
}
.headerPedidos div{
    height: 25px;
}
.resumenPedido, .resumenWallapop{
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.resumenPedido div, .resumenWallapop div{height: 50px;}
.resumenPedido:hover, .resumenWallapop:hover, .resumenWallapop.caducado:hover, .resumenWallapop.apunto:hover{background: #fdfcfb;}
.resumenWallapop.caducado{background-color: #ff5959;}
.resumenWallapop.apunto{background-color: #ff9d01;}
.headerPedidos div, .resumenPedido div, .resumenWallapop div{
    float: left;
    border-bottom: 1px solid white;
    color: #353535;
    overflow: hidden;
    text-overflow: ellipsis;
}
.idPedidoHeader, .idPedidoResumen, .idAnuncioResumen{
    width: 80px;
    text-align: center;
}
.clienteHeader, .clienteResumen, .tituloResumen{
    width: 390px;
    text-align: left;
    padding-left: 5px;
}
.fechaHeader, .fechaResumen{
    width: 100px;
    text-align: center;
}
.provinciaHeader, .provinciaResumen{
    width: 95px;
    text-align: left;
}
.urlResumen{
    width: 120px;
    text-align: left;
}
.subTotalHeader, .subTotalResumen, .gastosEnvioResumen, .precioResumen{
    width: 102px;
    text-align: right;
}
.sinPedidos{
    padding: 20px 0;
    font-size: 20px;
    font-weight: bold;
    color: #353535;
}
#buscadorPedidosInput, #buscadorWallapopInput, #buscadorVentasInput{
    float: left;
    font-size: 20px;
    /*padding: 3px 5px;
    border-radius: 5px;
    border: 1px solid #949494;*/
    width: 345px;
    margin-left: 239px;
}
#buscadorPedidos, #buscadorWallapop{
    display: none;
    margin: 15px 0;
}
#buscadorPedidosBoton, #buscadorWallapopBoton, #buscadorVentasBoton, #filtrarVentasBoton, #filtrarVentasCategoriaBoton{
    margin-left: 20px;
    background: #bcbdbd;
}
#buscadorPedidosBoton:hover, #buscadorWallapopBoton:hover, #buscadorVentasBoton:hover, #filtrarVentasBoton:hover, #filtrarVentasCategoriaBoton:hover{background: #63c6dc;}
#resultadosBusqueda tr td{padding: 10px;}
#resultadosBusqueda tr:hover{background: #a2eeff;}
#resultadosBusqueda{
    margin: 20px auto;
    font-size: 18px;
    text-align: left;
}
#resultadosBuscadorPedidos{
    max-height: 300px;
    overflow: auto;
}
.crearAnuncio{
    cursor: pointer;
    background: url(../images/crear.png) no-repeat center center;
    background-size: 20px 20px;
    width: 40px;
}
.editarAnuncio{
    cursor: pointer;
    background: url(../images/editar.png) no-repeat center center;
    background-size: 20px 20px;
    width: 40px;
}
.renovarAnuncio{
    cursor: pointer;
    background: url(../images/reloadIcon.png) no-repeat left center;
    background-size: 20px 20px;
    width: 40px;
}
#resultadosBusqueda .editarAnuncio, #resultadosBusqueda .crearAnuncio, #resultadosBusqueda .urlWarehouse, #resultadosBusqueda .renovarAnuncio{
    width: 20px;
    height: 20px;
}
.urlWarehouse{
    float: left;
    cursor: pointer;
    width: 75px;
    background: url(../images/guardarWarehouse.png) no-repeat center center;
    background-size: 20px 20px;
}
#ventanaAnuncio, #ventanaCategoria{
    display: none;
    position: absolute;
    top: 10%;
    margin-left: 112px;
    width: 800px;
    padding: 5px;
    background: #5A8FB6;
    font-size: 18px;
    color: white;
    z-index: 9999999999;
}
#headerVentana{
    height: 40px;
    border-bottom: 1px solid white;
    padding: 5px 0;
}
#editarHeader, #guardarHeader, #cancelarHeader, #guardarHeaderAnuncio, #cancelarHeaderAnuncio, #guardarHeaderCategoria, #cancelarHeaderCategoria{
    float: right;
    margin: 0 10px;
    cursor: pointer;
    width: 31px;
    height: 31px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 31px 31px;
}
#editarHeader{background-image: url(../images/editar.png);}
#guardarHeader, #guardarHeaderAnuncio, #guardarHeaderCategoria{background-image: url(../images/guardar.png);}
#cancelarHeader, #cancelarHeaderAnuncio, #cancelarHeaderCategoria{background-image: url(../images/cancelar.png);}
#tablaInfoAnuncio, #tablaInfoCategoria{
    float:  left;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
#imagenContent{
    float: right;
    width: 300px;
    margin-top: 27px;
    max-width: 300px;
    max-height: 228px;
    overflow: hidden;
}
#marcoImagenPrincipal{
    max-width: 370px;
    max-height: 260px;
    overflow: hidden;
}
#imagenPrincipal{
    width: 100%;
    height: auto;
}
#imagenesArticulo{
    width: 100%;
}
#fotosArticuloWarehouse div{
    max-width: 90px;
    max-height: 70px;
    overflow: hidden;
    float: left;
}
.imagenArticuloFicha{
    width: 18%;
    height: auto;
    margin: 5px;
    max-width: 144px;
    max-height: 108px;
}
#inputtexto{
    width: 465px;
    height: 105px;
}
.inputVentana{
    height: 25px;
    width: 93%;
    /*width: 175px;*/
    font-size: 18px;
}
#inputtitulo, #inputcategoria, #inputtexto{width: 98%;}
#inputtexto{height: 325px;}
#tablaInfoAnuncio tbody tr td, #tablaInfoCategoria tbody tr td{
    padding: 5px 0;
    vertical-align: middle;
}
#divImagenGrande{
    float: right; 
    z-index: 1000; 
    position: absolute; 
    display: none; 
    padding: 10px; 
    -moz-border-radius: 10px;
}
#imagenGrande{
    width: 340px;
    height: auto;
}
.renovarEnSpan{margin-left: 20px;}
.renovarEnSpan input, .renovarEnSpan label{cursor: pointer;}
.numSemanasAnuncio{
    max-width: 100px;
    font-size: 1.0em;
    background: transparent;
    padding: 5px 0;
    border: 0;
}
.filtrarWallapop{
    float: right;
    font-size: 20px;
    width: 345px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
}
#inputPalabraCodigo.inputVentana{
    width: 310px;
    margin-top: 15px;
}
/*******************************************************************************
            ESTILO FICHA PEDIDO CLIENTE, FICHA ABONO CLIENTE Y VENTA
*******************************************************************************/
#headerPedido, #headerVenta{
    font-size: 16px;
    border-bottom: 1px solid #949494;
    padding: 5px 0;
    background: #5a8fb5;
    color: white;
    width: 200%;
    overflow: hidden;
}
.campoCliente{
    float: left;
    padding: 15px;
    margin: 0 10px;
}
.campoHeader{
    float: left;
    width: 150px;
    margin: 10px 15px;
    text-align: left;
    font-size: 14px;
}
.campoHeader.peque{
    width: 110px;
    margin: 10px 20px;
}
.valorCampo{
    padding-left: 5px;
    font-weight: bold
}
span.valorCampo{
    text-align: left;
    padding-left: 10px;
}
div.valorCampo{
    text-align: right;
    float: right;
}
#geHeader{
    float: right;
    width: 50px;
    font-size: 14px;
    margin-top: -5px;
}
#checkRecargo{
    margin-left: 15px;
}
.comentariosHeader{
    float: left;
    width: 31%;
    margin: 10px 1%;
    text-align: left;
}
.comentariosHeader textArea, .comentarioHeader textArea{
    width: 90%;
    height: 80px;
    font-size: 16px;
}
.comentarioHeader{
    float: left;
    width: 98%;
    margin: 10px 1%;
    text-align: left;
}
#opcionesPedido{
    padding: 10px;
    background: #cacaca;
    /*border-bottom: 1px solid black;*/
}
#opcionesPedido .boton{
    margin: 0 5px;
    border: 1px solid #bcbdbd;
}
#opcionesPedido .boton:hover{
    background: white;
    color: black;
}
#buscarLineasPedido, #buscarLineasVenta{
    float: right;
    font-size: 14px;
    width: 300px;
    height: 25px;
}
#inputgastosEnvio.inputText{width: 80px;}
span#totalVenta.valorCampo{padding-left: 0px;}
#inputformaPago.selectVenta, #inputformaEnvio.selectVenta{margin: 0px;}
#lineasPedido, #lineasVenta{margin: 20px auto;}
#headerLineas{
    font-size: 12px;
    font-weight: bold;
}
.lineaPedido, .lineaVenta{
    width: 100%;
    height: 75px;
}
#headerLineas > div, .lineaPedido > div, .lineaVenta > div{
    float: left;
    border-bottom: 1px solid #2d2d2d;
    border-right: 1px solid #dcdcdc;
}
.lineaPedido > div, .lineaVenta > div{
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #dcdcdc;
    line-height: 1.3;
}
#lineaAcciones.lineaPedido, #lineaAcciones.lineaVenta{
    background: #525252;
    display: none;
}
.fotoHeader{border-left: 1px solid #dcdcdc;}
.fotoLinea{border-left: 1px solid #dcdcdc;}
.fotoHeader, .fotoLinea{
    min-width: 9%;
    max-width: 9%;
}
.udesHeader, .udesLinea{
    min-width: 7%;
    max-width: 7%;
}
.udesLinea{font-size: 28px;}
.nombreHeader, .nombreLinea{
    min-width: 40%;
    max-width: 40%;
    text-align: left;
    padding-left: 5px;
    margin-right: -5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ubicacionHeader, .ubicacionLinea{
    min-width: 8%;
    max-width: 8%;
}
.codigoBarrasHeader, .codigoBarrasLinea{
    min-width: 14%;
    max-width: 14%;
}
.precioHeader, .precioLinea{
    min-width: 8%;
    max-width: 8%;
}
/*.noStockHeader, .noStockLinea{
    min-width: 7%;
    max-width: 7%;
}*/
.cantidadHeader, .cantidadLinea{
    min-width: 12%;
    max-width: 12%;
}
.okHeader, .okLinea{
    min-width: 8%;
    max-width: 8%;
}
.okLinea.servidoOk{
    background: url(../images/checkPrint.png) no-repeat center center;
    background-size: 20px 20px;
}
.fotoArticuloLinea{
    width: auto;
    height: 96%;
    margin-top: 1%;
}
.cantidadInput{
    width: 90%;
}
.checkNoStock, .checkOk{
    cursor: pointer;
    float: right;
    width: 30px;
    height: 30px;
    margin-top: 8px;
    margin-right: 25px;
}
.checkNoStock + label, .checkOk + label{
    cursor: pointer;
    float: right;
    width: 40px;
    height: 40px;
    margin-top: -36px;
    margin-right: 20%;
    border-radius: 10px;
    border: 1px solid #d6d6d6;
    background-size: 25px;
    background-color: #fbfbfb;
}
.checkNoStock:checked + label::before{background: #EA0C24;}
.checkOk:checked + label::before{background: #0DAA4E;}
.checkNoStock + label::before, .checkOk + label::before{
    float: left;
    width: 24px;
    height: 24px;
    background: #cfcfcf;
    content: "";
    margin-top: 8px;
    margin-left: 8px;
    border-radius: 5px;
}
.lineaPedido.separada{background: #B3E2BB;}
.lineaPedido.faltaStock{background: #A5D0EA;}
.lineaPedido.noStock{background: #E9B0AE;}
.cantidadLinea span.ui-spinner input.cantidadInput.ui-spinner-input, .precioLineaVenta span.ui-spinner input.cantidadInput.ui-spinner-input{
    font-size: 24px;
    margin-top: -5px;
}
.cantidadLinea span.ui-spinner, .precioLineaVenta span.ui-spinner{
    width: 90%;
    height: 40px;
    margin-top: -2px;
}
.stockHeader, .stockLinea{
    min-width: 4%;
    max-width: 4%;
}
#footerPedido{
    width: 1024px;
    height: 45px;
    margin: 0 auto;
    background: #525252;
    position: fixed;
    bottom: 0;
    z-index: 99999;
}
.sliderCheck{
    position: relative;
    float: left;
    width: 105px;
    height: 26px;
    /*margin-left: 15px;
    margin-top: 10px;*/
    margin: 10px 20px;
}
.sliderCheck input{display: none;}
.spanLabel{
    position: absolute;
    font-size: 14px;
    color: white;
    cursor: pointer;
    padding: 6px 20px;
    border-radius: 34px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F20930;
    -webkit-transition: .4s;
    transition: .4s;
}
.spanLabel:before{
    position: absolute;
    border-radius: 50%;
    content: "N";
    height: 15px;
    width: 15px;
    left: 3px;
    bottom: 6px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
    color: black;
}
.checks:checked + .spanLabel, .checksVenta:checked + .spanLabel {
  background-color: #21b51b;
}
.checks:focus + .spanLabel, .checksVenta:focus + .spanLabel {
  box-shadow: 0 0 1px #2196F3;
}
.checks:checked + .spanLabel:before, .checksVenta:checked + .spanLabel:before {
  -webkit-transform: translateX(73px);
  -ms-transform: translateX(73px);
  transform: translateX(83px);
  content: "S";
}
#footerPedido .accion{
    margin: 10px 20px;
    font-size: 14px;
    padding: 5px 20px;
}
#buscarArticulos{
    font-size: 14px;
    width: 300px;
}
#resultadosCliente, #resultadosArticulos{
    overflow: auto;
    height: 98%;
    margin: 1% 0;
}
li.cliente, li.articulo{
    text-align: left;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid black;
    cursor: pointer;
}
li.cliente.selected, li.articulo.selected{background: #f9eaaf;}
li.articulo.enPedido{background: #C7FF85;}
li.cliente.selected.enPedido, li.articulo.selected.enPedido{background: #f9eaaf;}
li.articulo .imagenArticulo{
    width: 75px;
    height: auto;
    vertical-align: middle;
    margin: initial;
}
#articulosEncontrados{height: 90%;}
#anadirArticulo{
    width: 40%;
    height: 6%;
    bottom: 5px;
    position: absolute;
    margin: 0 30%;
    display: none;
}
#anadirLineaManual{
    width: 40%;
    height: 6%;
    margin: 35px 36%;
}
#cantidadNuevaLinea{
    float: left;
    width: 56px;
    height: 27px;
    font-size: 16px;
    padding-left: 5px;
}
#addLinea, #addLineaVenta, #addLineaManualVenta{margin-left: 30px;}
#lineaAcciones div{margin: 12px 20px;}
#nombreAfiliadoLinea, #nombreCampoLinea{
    color: white;
    border: none;
    height: auto;
    line-height: inherit;
    padding: 7px 20px;
}
#eliminarLinea.accion, #eliminarLineaVenta.accion{
    font-size: 16px;
    height: auto;
    line-height: inherit;
    border: none;
}
#headerLeft, #headerRight{
    float: right;
    margin-right: 5px;
    cursor: pointer;
    width: 20px;
    height: 20px;
}
#saveVenta, #deleteVenta{
    float: right;
    margin-right: 15px;
    margin-left: 15px;
    cursor: pointer;
    width: 30px;
    height: 30px;
}
#wrapperPedido{
    width: 100%;
    overflow-x: hidden;
    overflow-y: clip;
}
#mainHeaderPedido{
    float: left;
    width: 50%;
    transition: all 1s ease-in-out;
}
#opcionesHeaderPedido{
    float: right;
    width: 50%;
    transition: all 1s ease-in-out;
}
#opcionesHeaderPedido div.accion{
    margin: 20px 10px;
    color: #000000;
    background: #ffffff;
}
#tablaAlbaranFactura{
    margin: 5px auto;
    width: 40%;
}
#tablaAlbaranFactura tr td{padding: 5px;}
#albaranYfacturaGuardar{
    float: none;
    margin: 10px auto;
}
#formasPedido{margin: 15px auto;}
.selectPedido, .selectPedidoAlmacen, .selectVenta{
    float: left;
    margin: 0 10px;
    font-size: 16px;
    height: 30px;
    width: 150px;
    border-radius: 10px;
}
#trackingPaletsInput{
    font-size: 14px;
    width: 300px;
    float: none;
    padding: 8px 5px;
}
#trackingPaletsButton{
    float: none;
    margin: auto;    
}
#trackingPedido{
    float: left;
    margin: 0 30px;
    font-size: 16px;
    background: white;
    color: black;
    padding: 8px;
    border-radius: 6px;
}
#bultosTracking{width: 100%;}
#bultosTracking tr td{padding: 5px;}
.peso, .alto, .ancho, .largo{
    width: 50px;
    height: 20px;
    font-size: 14px;
}
#trackBultos{
    float: none; 
    margin: 15px auto;
    font-size: 14px;
}
/*******************************************************************************
                        ESTILO RECOGIDAS PENDIENTES
*******************************************************************************/
#recogidasPendientes{margin-top: 30px;}
#cabeceraRecogidas{
    height: 15px;
    line-height: 15px;
}
.lineaRecogida{
    height: 45px;
    line-height: 45px;
}
#cabeceraRecogidas, .lineaRecogida{
    width: 100%;
    margin: 5px auto;
}
#cabeceraRecogidas div{
    float: left;
    font-size: 12px;
    text-align: left;
    line-height: 15px;
}
.lineaRecogida div{
    float: left;
    text-align: left;
    vertical-align: middle;
}
.numPedidoRecogida{
    min-width: 5%;
    max-width: 5%;
    padding-left: 7px;
    margin-right: -7px;
}
.nombreRecogida{
    min-width: 20%;
    max-width: 20%;
    overflow: hidden;
    white-space: nowrap;
}
.direccionRecogida{
    min-width: 29%;
    max-width: 29%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.poblacionRecogida{
    min-width: 14%;
    max-width: 14%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.fechaRecogida{
    min-width: 9%;
    max-width: 9%;
}
.importeRecogida{
    min-width: 8%;
    max-width: 8%;
}
.opcionRecogida{
    min-width: 13%;
    max-width: 13%;
}
.lineaRecogida.par{
    background: #5A8FB6;
    color: white;
}
.lineaRecogida.impar{
    background: #CACACA;
    color: black;
}
.sliderRecogida .checkRecogida{display: none;}
.sliderRecogida{
    position: relative;
    float: left;
    width: 105px;
    height: 23px;
    margin-left: 15px;
    margin-top: 10px;
}
.spanRecogida{
    position: absolute;
    font-size: 14px;
    color: white;
    cursor: pointer;
    padding: 6px 23px;
    border-radius: 34px;
    line-height: 13px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F20930;
    -webkit-transition: .4s;
    transition: .4s;
}
.spanRecogida:before{
    position: absolute;
    border-radius: 50%;
    content: "N";
    height: 15px;
    width: 15px;
    left: 3px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
    color: black;
}
.checkRecogida:checked + .spanRecogida {
  background-color: #21b51b;
}
.checkRecogida:focus + .spanRecogida {
  box-shadow: 0 0 1px #2196F3;
}
.checkRecogida:checked + .spanRecogida:before {
  -webkit-transform: translateX(73px);
  -ms-transform: translateX(73px);
  transform: translateX(83px);
  content: "S";
}
.firma{
    display: none;
    background: #ffff2c;
    padding: 10px;
    text-align: left;
    border-radius: 5px;
    position: fixed;
    top: 150px;
    z-index: 99999999999;
}
#firmaEntregado.firma{
    position: absolute;
    top: 50px;
}
.infoFirma{
    margin: 5px 0;
    line-height: 30px;
}
.firmaCanvas{
    width: 300px;
    height: 300px;
    border: 1px solid #868686;
    border-radius: 5px;
    margin: 20px 5px;
}
#firmaEntregadoCanvas.firmaCanvas{height: 400px;}
.inputFirma{
    float: right;
    width: 188px;
    height: 25px;
    border: 1px solid #868686;
    border-radius: 5px;
    font-size: 14px;
}
.cancelarFirma, .guardarFirma, .borrarFirma{
    margin: 0 10px;
    cursor: pointer;
    font-size: 14px;
    color: #ffffff;
    border: none;
    border-radius: 15px;
    padding: 4px 10px;
}
.cancelarFirma{
    float: left;
    background: #F20930;
}
.borrarFirma{
    float: left;
    background: #deae00;
    margin: 0 23px;
    padding: 4px 20px;
}
.guardarFirma{
    float: right;
    background: #21b51b;
}
.cancelarFirma:active, .guardarFirma:active{
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}
/*******************************************************************************
                            ESTILO ALMACÉN
*******************************************************************************/
#cabeceraAlmacen{
    float: none;
    margin: 10px auto;
}
#buscarAlmancenInput, #buscarExpedicionInput{
    width: 450px;
    padding: 10px;
    font-size: 18px;
}
#buscarAlmancenBoton, #buscarExpedicionBoton{
    float: none;
    font-size: 18px;
    margin: 0 10px;
    height: 43px;
}
#buscarAlmancenBoton:hover, #buscarAlmancenBoton:focus, #buscarExpedicionBoton:hover, #buscarExpedicionBoton:focus{background: #63c6dc;}
#entregadosAlmacen{
    float: left;
    width: 49%;
}
.headerPedidoAlmacen{
    cursor: pointer;
    text-align: left;
    padding: 10px;
    font-weight: bold;
}
.pedidoAlmacen{
    width: 100%;
    margin: 20px 0;
    padding: 5px 0;
    background: #a2eeff;
    /*max-height: 500px;
    overflow: auto;*/
}
.lineasCliente{display: none;}
.lineaPedidoAlmacen.noStock, .articuloAlmacen.noStock{background: #E9B0AE;}
.lineaPedidoAlmacen.confirmada, .articuloAlmacen.confirmada{background: #ffd68c;}
.lineaPedidoAlmacen.servida, .articuloAlmacen.servida{background: #B3E2BB;}
.lineaPedidoAlmacen.faltaStock, .articuloAlmacen.faltaStock{background: #A5D0EA}
.lineaPedidoAlmacen.preparada, .articuloAlmacen.preparada{background: #B3E2BB}
.checkConfirmar, .checkServir, .checkPreparar, .cantidadAlmacen, .sliderServir input, .sliderPreparar input{display: none;}
.nombreCliente{
    cursor: pointer;
    text-align: left;
    padding: 10px;
    font-weight: bold;
}
.lineaPedidoAlmacen{
    display: none;
    margin: 10px 0;
    padding: 10px;
}
.lineaImagen{
    float: left;
    width: 40%;
    overflow: hidden;
}
.lineaFoto{
    width: 98%;
    height: auto;
    margin: 1%;
}
.lineaInfo{
    /*float: left;*/
    /*width: 84%;*/
    width: 100%;
    /*margin-left: 1%;*/
    text-align: left;
    font-size: 14px;
    margin-bottom: 5px;
}
.lineaConfirmar{
    float: left;
    width: 29%;
    margin-left: 1%;
}
.lineaServir{
    float: left;
    width: 29%;
    margin-left: 1%;
}
.tituloConfirmar{
    text-align: left;
    padding-left: 40px;
    margin-bottom: 10px;
}
.tituloServir{
    text-align: left;
    padding-left: 50px;
    margin-bottom: 10px;
}
.confirmarCantidadInput, .servirCantidadInput, .prepararCantidadInput{
    float: left;
    width: 70px;
    font-size: 24px;
    margin-left: 37px;
    border-radius: 5px;
    border: none;
    height: 40px;
    text-align: center;
}
.checkConfirmar + label, .checkServir + label, .checkPreparar + label{
    cursor: pointer;
    float: left;
    width: 72px;
    height: 60px;
    margin-top: 10px;
    margin-left: 37px;
    border-radius: 10px;
    background-size: 25px;
    background-color: #fbfbfb;
}
.checkConfirmar + label::before, .checkServir + label::before, .checkPreparar + label::before{
    float: left;
    width: 40px;
    height: 40px;
    background: #cfcfcf;
    content: "";
    margin: 10px 16px;
    border-radius: 5px;
}
.checkConfirmar:checked + label::before{background: #ffb32a;}
.checkServir:checked + label::before, .checkPreparar:checked + label::before{background: #0DAA4E;}
#autorizadosAlmacen{
    float: right;
    width: 49%;
}
.lineaTitulo{
    float: left;
    width: 55%;
    height: 55px;
    max-height: 55px;
    text-align: left;
    padding-left: 10px;
}
.lineaCantidad{
    float: left;
    width: 58%;
    margin-left: 1%;
    margin-top: 10px;
}
.prepararCantidadInput{
    margin-top: 12px;
    height: 66px;
}
.checkPreparar + label{
    width: 70px;
    height: 70px;
    margin-top: 10px;
    margin-left: 37px;
}
.checkPreparar + label::before{
    width: 50px;
    height: 50px;
    margin: 10px;
}
.sliderServir{
    float: right;
    width: 105px;
    height: 26px;
    margin: -6px -18px;
}
.labelSpan{
    position: absolute;
    font-size: 14px;
    color: white;
    cursor: pointer;
    padding: 6px 20px;
    border-radius: 34px;
    background-color: #F20930;
    -webkit-transition: .4s;
    transition: .4s;
}
.labelSpan:before{
    position: absolute;
    border-radius: 50%;
    content: "N";
    height: 15px;
    width: 15px;
    left: 3px;
    bottom: 6px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
    color: black;
}
.checkAlmacen:checked + .labelSpan {
  background-color: #21b51b;
}
.checkAlmacen:focus + .labelSpan {
  box-shadow: 0 0 1px #2196F3;
}
.sliderServir .checkAlmacen:checked + .labelSpan:before {
  -webkit-transform: translateX(71px);
  -ms-transform: translateX(71px);
  transform: translateX(71px);
  content: "S";
}

.sliderPreparar{
    float: right;
    width: 105px;
    height: 26px;
    margin: -6px 0;
}
.sliderPreparar .checkAlmacen:checked + .labelSpan:before {
  -webkit-transform: translateX(88px);
  -ms-transform: translateX(88px);
  transform: translateX(88px);
  content: "S";
}
li.articuloAlmacen{
    padding: 5px;
    margin: 5px;
}
li.articuloAlmacen img{
    float: left;
    width: 75px;
    height: auto;
}
.infoArticuloAlmacen{
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}
.cantidadArticuloAlmacen{
    float: left;
    width: 70%;
    margin-top: 10px;
    margin-left: 10px;
    text-align: left;
}
.labelCantidadAlmacen{
    float: left;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url(../images/noCheck.png) no-repeat center;
    background-size: 24px;
    margin-top: 1px;
    margin-left: 10px;
    border-radius: 4px;
}
.cantidadAlmacen:checked + label{
    background: url(../images/check.png) no-repeat center;
    background-size: 24px;
}
.cantidadAlmacenInput{
    float: left;
    font-size: 18px;
    width: 50px;
    height: 20px;
}
.pedidoExpedicion{
    background: blanchedalmond;
    padding: 20px;
    border-radius: 5px;
}
.nombreClienteAlmacen{
    position: absolute;
    margin-top: -53px;
    margin-left: -20px;
    background: blanchedalmond;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.okPedidoAlmacen{
    float: right;
    width: 30px;
    height: 27px;
    background: url(../images/tickVerde.png) no-repeat center center;
    background-size: 30px auto;
    cursor: pointer;
}
.bultoPedido{
    padding: 10px;
    text-align: left;
}
.bultosPedido{margin: 10px auto;}
.bultoPedido input.inputText{margin-left: 15px;}
.trackingAlmacen{
    float: left;
    margin: 0 10px;
    font-size: 16px;
    height: 26px;
    width: 150px;
    border: 1px solid #a6a6a6;
    border-radius: 5px;
    padding-left: 5px;
}
.trackingBulto{
    margin: 0 10px;
    font-size: 16px;
    height: 26px;
    width: 150px;
    border: 1px solid #a6a6a6;
    border-radius: 5px;
    padding-left: 5px;
}
/*******************************************************************************
                            ESTILO WAREHOUSE
*******************************************************************************/
body.fondoWarehouse{background: url(../images/fondoNoise.png);}
#warehouse, #warehousePocket{
    background-image: url(../images/1pxwhite.png);
    color: white;
    margin-top: 10px;
    border-radius: 5px;
    padding-top: 5px;
}
div.ventanaWarehouse {
    background: black;
    color: white;
    border: 1px solid white;
    margin: 0 auto 0 auto;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: auto;
}
#tituloBuscar{
    float: left;
    font-size: 30px; 
    font-weight: bold;
    margin-top: 10px;
    margin-left: 50px;
}
#idBusqueda{
    float: left;
    font-size: 30px;
    font-weight: bold;
    width: 435px;
    margin-top: 5px;
}
#nombreSesion{
    text-align: right;
    margin-right: 10px;
    vertical-align: middle;
    color: black;
    font-size: 12px;
}
#linkHome{
    float: left;
    width: 48px;
    height: 48px;
}
#linkFicha{
    float: left;
    width: 38px;
    height: auto;
    margin-top: 5px;
}
#infoArticuloWarehouse{
    /*height: 660px;
    overflow: hidden;*/
}
#tablaFicha input, #tablaFicha textarea, #tablaMailWarehouse input, #tablaMailWarehouse textarea, #tablaUbicacionesWarehouse input, #tablaCodigosWarehouse input, 
#tablaMedidasWarehouse input, #tablaLineaManualVenta input, #tablaVideosWarehouse input, #tablaVideosWarehouse textarea, #tablamedidasPorNombreWarehouse input{
    width: 95%;
    font-size: 30px;
    font-weight: bold;
    border: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#tablaFicha textarea, #tablaMailWarehouse textarea, #tablaVideosWarehouse textarea{
    height: 150px;
    font-size: 20px;
}
.bggray{background: #BFBFBF;}
.linkboton{cursor: pointer;}
#cerrarResultadosWarehouse{float: right;}
#tablaOrdenada tr.alt {background: #5F5F5F;}
.resaltar:hover { background-color: #CF7478; }
.resaltar td { border-top: 1px solid black; }
#tablaFicha input#nombreWarehouse{
    width: 100%;
}
#tablaFicha tr td{
    vertical-align: top;
    padding: 4px 1px;
}
#mailWarehouse, #nuevoWarehouse{
    float: right; 
    margin-right: 3px;
    cursor: pointer; 
}
#nuevoWarehouse{
    width: 35px;
    height: auto;
    margin-top: 8px;
}
#codigoWeb{
    width: 280px;
    font-size: 1.8em;
    height: 36px;
}
#resultadosWarehouse{
    width: 100%;
    overflow: auto;
    height: 0px;
    margin-bottom: 0px;
}
.lineas{
    width: 80px;
    height: 60px;
}
#tablaOrdenada{
    text-align: left;
    font-size: 12px;
}
#ventanaModalWarehouse{
    background: black;
    color: white;
    border: 1px solid white;
    border-radius: 5px;
    display: none;
    position: absolute;
    top: 10%;
    margin: auto;
    width: 500px;
    padding: 5px;
    font-size: 18px;
    color: white;
    z-index: 9999999999;
}
#headerVentana{
    height: 40px;
    border-bottom: 1px solid white;
    padding: 5px 0;
}
#tablaMailWarehouse div, #tablaVideosWarehouse div{
    text-align: left;
    margin-top: 20px;
}
#ubicacionesWarehouseImg, #medidasWarehouseImg{
    width: 55px;
    height: auto;
}
#tablaUbicacionesWarehouse, #tablaCodigosWarehouse, #tablaMedidasWarehouse, #tablaLineaManualVenta, #tablamedidasPorNombreWarehouse{
    width: 100%;
    text-align: left;
}
#tablaUbicacionesWarehouse tr td, #tablaCodigosWarehouse tr td, #tablaMedidasWarehouse tr td, #tablaLineaManualVenta tr td, #tablamedidasPorNombreWarehouse tr td{
    padding-top: 10px;
}
.modalWarehouse, #subirFotoWarehouse{display: none;}
#guardarUbicacionesWarehouse, #nuevaUbicacion, #guardarCodigosWarehouse, #nuevoCodigo{
    margin-top: 20px;
    margin-right: 10px;
}
.fotoWarehouse{
    cursor: pointer;
    float: left;
    width: 90px;
    height: auto;
    margin: 2px;
}
#fotosArticuloWarehouse div .eliminarFotoWarehouse{
    position: absolute;
    cursor: pointer;
    background: url(../images/cancel.gif) no-repeat center center;
    background-size: 10px 10px;
    width: 10px;
    height: 10px;
    margin-left: 78px;
    margin-top: 3px;
    background-color: black;
}
label img.fotoWarehouse, #bajarFotoWarehouse, #eliminarFotosWarehouse{
    height: 68px;
    width: auto;
}
#guardarFotosWarehouse{
    width: 60px;
    height: auto;
    margin-top: 8px;
}
#wallapopWarehouse{
    cursor: pointer;
    float:right;
    margin-top:4px;
    width: 40px;
    height: 40px;
}
#wallapopWarehouse.crearAnuncio, #wallapopWarehouse.editarAnuncio{
    background: none;
}
#fechasAnuncio{
    float: left;
}
#fechasAnuncio .inputVentana{
    width: 120px;
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 2px;
}
#renovarSemanas{
    width: 25px;
    height: 25px;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 20px;
}
.tablaWarehouse .selectCats, #fechasAnuncio .selectCats, .tablaWarehouse #selectFranjaPeso, #fechasAnuncio #selectFranjaPeso, .tablaWarehouse #selectEstadoWallapop, #fechasAnuncio #selectEstadoWallapop{
    max-width: 165px;
    font-size: 1.0em;
    height: 36px;
    margin: 10px;
}
.tablaWarehouse #selectFranjaPeso, #fechasAnuncio #selectFranjaPeso, .tablaWarehouse #selectEstadoWallapop, #fechasAnuncio #selectEstadoWallapop, #catsArticulo .selectCats{
    background: white;
    color: black;
}
#catsArticulo{width: 100%;}
#catsArticulo tr td{width: 32%;}
#tiktokIcon{
    float: right;
    cursor: pointer;
    margin-top: 6px;
    width: 37px;
    height: auto;
}
#youtubeIcon{
    float: right;
    cursor: pointer;
    margin-top: 4px;
}
#ventasArticuloWarehouse, #etiquetaPrecioWarehouse{
    float: left;
    width: 40px;
    height: auto;
    margin-top: 5px;
    margin-left: 5px;
    cursor: pointer;
}
#tablaAnuncioWarehouse{
    margin: auto;
}
#tablaVentasWarehouse tr td{
    width: 31%;
    padding-top: 10px;
    padding-bottom: 10px;
}
#tablaAnuncioWarehouse tr td{
    width: 48%;
    padding-top: 10px;
    padding-bottom: 10px;
}
#tablaAnuncioWarehouse tr td #inputfechaAnuncio, #tablaAnuncioWarehouse tr td #inputfechaRenovar{
    width: 150px;
}
#fechasAnuncio #renuevaEn.inputVentana{
    cursor: pointer;
    color:black;
    padding: 5px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tickVerde{
    background: url(../images/tickVerde.png) center center no-repeat;
    background-size: 40px auto;
    width: 40px;
    height: 50px;
    margin: auto;
}
.caducado{color: #ff5959;}
#candadoFotoPrincipal{
    float: left;
    width: 70px;
    height: 70px;
    cursor: pointer;
}
.candadoCerrado{
    background: url(../images/candadoCerrado.png) no-repeat center center;
    background-size: 68px;
}
.candadoAbierto{
    background: url(../images/candadoAbierto.png) no-repeat center center;
    background-size: 68px;
}
#caducaHoyRenovar, #reinicioRevision, #reinicioRevisionSinPrecio{
    height: 30px;
    margin-left: 10px;
}
/* Warehouse Pocket */
#headWarehousePocket{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}
.iconWarehousePocket{
    float: left;
}
.iconWarehousePocket a img, .iconWarehousePocket img, .iconWarehousePocket img#ubicacionesWarehouseImg, .iconWarehousePocket img#medidasWarehouseImg{
    width: 80px;
    height: 80px;
    cursor: pointer;
}
.iconWarehousePocket #ventasArticuloWarehouse{
    width: 80px;
    height: 80px;
    margin-left: initial;
}
#tablaFicha input#precioVenta.pocketVersion{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctext x='50%25' y='65%25' font-family='Arial, sans-serif' font-weight='bold' font-size='16' fill='%23666' text-anchor='middle'%3E€%3C/text%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 70px;
    padding-right: 35px;
    box-sizing: border-box;
}
/*******************************************************************************
                            ESTILO CATEGORÍAS
*******************************************************************************/
#contentCategorias #buscaCategoria{
    float: none;
    margin-top: 20px;
    margin-bottom: 20px;
}
div.categorias{
    float: left;
    width: 31%;
    margin: 1%;
}
.categorias .categoria{
    cursor: pointer;
    margin: 5px 0px;
    padding: 7px 15px;
    border: 1px solid #848484;
    border-radius: 5px;
    text-align: left;
    display: flow-root;
}
.categorias .categoria:hover{
    background: #ffffa4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.categorias .categoria.selected{
    background: #ffff2c;
    font-weight: bold;
}
.categorias .categoria.selected:hover{background: #ffff2c;}
.crearCategoria.boton{float: none;}
#tablaInfoCategoria .inputVentana{
    width: 95%;
    height: 40px;
    font-size: 30px;
    font-weight: bold;
    border: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.opcionesCategoria{
    float: right;
    display: none;
}
.editarCategoria{
    float: left;
    cursor: pointer;
    background: url(../images/editar.png) no-repeat center center;
    background-size: 20px 20px;
    width: 25px;
    height: 25px;
    margin: -5px -35px;
    position: absolute;
}
.eliminarCategoria{
    float: left;
    cursor: pointer;
    background: url(../images/eliminar.png) no-repeat center center;
    background-size: 20px 20px;
    width: 25px;
    height: 25px;
    margin: -5px -10px;
    position: absolute;
}
.verDetalleCategoria{
    float: left;
    cursor: pointer;
    background: url(../images/verDetalle.png) no-repeat center center;
    background-size: 20px 20px;
    width: 25px;
    height: 25px;
    margin: -5px;
    position: absolute;
}
.sugerirCategoriaShopify{
    float: right;
    cursor: pointer;
    background: url(../images/bombilla.png) no-repeat center center;
    background-size: 42px 42px;
    width: 42px;
    height: 42px;
    margin-right: 40px;
}
#catsShopifyUl li.selected{
    background: #f9f959;
    padding: 5px;
    border-radius: 7px;
    color: black;
}
#catsShopifyUl li{margin: 10px 0;}
#catsShopifyUl li:hover{cursor: pointer;}
.categorias .categoria:hover > .opcionesCategoria { display: inline; }
.eliminarCategoria:hover, .editarCategoria:hover{background-size: 25px 25px;}
#ventanaModalWarehouse, #ventanaModalCategoria{
    background: black;
    color: white;
    border: 1px solid white;
    border-radius: 5px;
    display: none;
    position: absolute;
    top: 10%;
    margin: auto;
    width: 500px;
    padding: 5px;
    font-size: 18px;
    color: white;
    z-index: 9999999999;
}
#tablaInfoCategoria #inputidCategoria.inputVentana{width: 75px;}
#tablaInfoCategoria #inputcatPadre.inputVentana{width: 115px;}
.infoCategoria{
    float: right;
    color: #6499ed;
    margin-right: 5px;
    margin-top: 10px;
}
/*******************************************************************************
                       ESTILO IMPORTAR ARTÍCULOS
*******************************************************************************/
#cabeceraExcel{
    max-width: 634px;
    min-width: 634px;
    width: 634px;
    padding: 50px;
    margin: auto;
    margin-top: 20px;
}
#soltarExcel{
    padding: 80px;
}
#textoArchivo{
    margin-top: -60px;
    color: #4CB157;
}
.excelPrimero{background: url(../images/subirExcel.png) no-repeat center;}
.excelOver{background: url(../images/arrastrar.png) no-repeat center;}
.listo{background: url(../images/excelUpload.png) no-repeat center; cursor: pointer;}
.loadStart{background: url(../images/loadingExcel.gif) no-repeat center; cursor: pointer;}
.errorExcel{background: url(../images/errorExcel.png) no-repeat center; cursor: pointer;}
#tablaResultados{
    width: 100%;
    max-height: 700px;
    margin-top: 30px;
    border: 1px solid #5E5E5E;
    border-radius: 15px;
    /*overflow-y: scroll;*/
    overflow-x: hidden;
}
table#resultadosImportarArticulos tr td.tdTabla{
    height: 30px;
    vertical-align: middle;
    border-right: 1px solid #5E5E5E;
    padding: 5px;
}
table#resultadosImportarArticulos tr td.estado{
    height: 30px;
    vertical-align: middle;
}
#resultadosImportarArticulos{
    border-collapse: collapse;
    font-size: 12px;
}
.claro{background: #EFEFEF;}
.oscuro{background: #E3E3E3;}
.okImport{
    background: url(../images/okIcon.png) no-repeat center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}
.warnImport{
    background: url(../images/warnIcon.png) no-repeat center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}
.errorImport{
    background: url(../images/errorIcon.png) no-repeat center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}
/*******************************************************************************
                       ESTILO IMPORTAR FOTOS
*******************************************************************************/
#cabeceraImportarFotos{
    max-width: 634px;
    min-width: 634px;
    width: 634px;
    padding: 50px;
    margin: auto;
    margin-top: 20px;
}
#soltarImportarFotos{
    padding: 80px;
}
.importarFotosPrimero{background: url(../images/importarFotos.png) no-repeat center;}
.importarFotosOver{background: url(../images/soltarFotos.png) no-repeat center;}
.listoImportar{background: url(../images/subirImportarFotos.png) no-repeat center; cursor: pointer;}
#subirImportarFotos{display: none;}
/*.loadStart{background: url(../images/loadingExcel.gif) no-repeat center; cursor: pointer;}
.errorExcel{background: url(../images/errorExcel.png) no-repeat center; cursor: pointer;}*/
.pendientesImportarFotos{
    background: #a2eeff;
    margin-top: 65px;
    margin-bottom: 30px;
    border-radius: 10px;
    max-height: 700px;
    overflow-y: auto;
}
.nombrePendientesImportarFotos{
    position: absolute;
    margin-top: -25px;
    margin-left: 0px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-weight: bold;
    font-size: 20px; 
}
.headerImportar{
    font-weight: bold;
    padding: 10px 5px;
}
.headerImportar div{
    height: 25px;
    width: 25%;
    float: left;
    border-bottom: 1px solid white;
    color: #353535;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dirImportarFotos{
    padding: 0 5px;
    height: 50px;
    line-height: 50px;
}
.dirImportarFotos div{height: 50px;}
.dirImportarFotos:hover{background: #fdfcfb;}
/*.resumenWallapop.caducado{background-color: #ff5959;}
.resumenWallapop.apunto{background-color: #ff9d01;}*/
.dirImportarFotos div{
    float: left;
    width: 25%;
    border-bottom: 1px solid white;
    color: #353535;
    overflow: hidden;
    text-overflow: ellipsis;
}
.grupoArticuloImportarFotos{
    background: #a2eeff;
    padding: 20px;
    border-radius: 5px;
    margin-top: 80px;
    overflow: auto;
    text-align: left;
}
.codigoArticuloImportarFotos{
    position: absolute;
    margin-top: -53px;
    margin-left: -20px;
    background: #a2eeff;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.listaImagenesImportar{
    line-height: 5px;
    list-style: none;
}
.imagenImportar{
    float: left;
    margin: 15px 40px;
    line-height: 20px;
}
li .okImport {
    float: right;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    margin-left: 10px;
}
/*******************************************************************************
                       ESTILO VENTAS
*******************************************************************************/
#inputfechaVenta1, #inputfechaVenta2{
    float: left;
    width: 150px;
    margin: 10px 35px;
}
#inputfechaVenta1{margin-left: 200px;}
#filtrarVentasBoton, #filtrarVentasCategoriaBoton{margin-top: 10px;}
#nuevaVenta{margin-left: 250px;}
.idVentaHeader, .idVentaResumen{
    width: 50px;
}
.comentariosVentaHeader, .comentariosVentaResumen{
    width: 430px;
}
.formaEnvioVentaHeader, .formaEnvioVentaResumen{
    width: 135px;
    text-transform: capitalize;
}
.totalVentaHeader, .totalVentaResumen{
    width: 135px;
}
.accionesVenta{
    width: 20px;
}
.removeVenta{
    background: url(../images/deleteIcon.png) no-repeat center;
    background-size: 20px 20px;
    background-position: 0px 13px
}
#inputfechaVenta, #inputfechaEnvio{width: 100px;}
.campoHeader.pequeVenta{width: 85px;}
.precioHeaderLineaVenta, .precioLineaVenta{
    min-width: 12%;
    max-width: 12%;
}
#inputnombreLineaManual, #precioLineaManual, #cantidadLineaManual{
    width: 90%;
    margin: 10px 0px;
    font-size: 18px;
}
/*******************************************************************************
                           ESTILO ESTADÍSTICAS
*******************************************************************************/
.loading {background: url("../images/loading.gif") center no-repeat;}
/*#estadisticasDiv{padding-top: 30px;}*/
#totalEstadistica{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#restarDia, #sumarDia{
    cursor: pointer;
    color: #8a8a8a;
    background: #fff;
    padding: 5px;
}
.graficoEstadistica{
    margin: auto;
    margin-top: 25px;
    margin-bottom: 25px;
}
.selectEstadistica{
    font-size: 16px;
    width: 150px;
    border-radius: 3px
}
.headerEstadisticas{
    text-align: left;
    padding-top: 40px;
}
/*******************************************************************************
                       INICIO ADAPTACIÓN MÓVIL 
*******************************************************************************/
@media screen and (max-width: 1020px) {
    html:has(#warehousePocket), body:has(#warehousePocket), #wrapper:has(#warehousePocket), #wrapper:has(#warehousePocket) #header, #content:has(#warehousePocket){
        width: 100%;
        height: auto;
    }
    #warehousePocket{
        width: 98%;
    }
    #warehousePocket input{
        height: 80px;
        font-size: 60px;
        width: 95%;
    }
    #warehousePocket #tablaFicha{
        font-size: 50px;
    }
    /** #warehousePocket #ventasArticuloWarehouse,*/ #warehousePocket #linkHome{
        margin-top: 2%;
    }
    #warehousePocket #idBusqueda, #tablaFicha input#nombreWarehouse{
        width: 95%;
    }
    #tablaFicha input#stockP, #tablaFicha input#stockR{
        width: 83%;
    }
    #tablaFicha #marcoImagenPrincipal{
        max-width: initial;
        max-height: initial;
        width: 100%;
    }
    #headWarehousePocket .iconWarehousePocket{
        width: 12%;
    }
    .iconWarehousePocket a img, .iconWarehousePocket img, .iconWarehousePocket img#ubicacionesWarehouseImg, .iconWarehousePocket img#medidasWarehouseImg, .iconWarehousePocket #ventasArticuloWarehouse{
        width: 100%;
        height: auto;
    }
}
@media (max-width: 904px) {
    #headWarehousePocket .iconWarehousePocket{
        width: 11%;
    }
}
@media (max-width: 705px) {
    #headWarehousePocket{
        gap: 0px;
    }
/*    .iconWarehousePocket a img, .iconWarehousePocket img, .iconWarehousePocket #ventasArticuloWarehouse, .iconWarehousePocket img#ubicacionesWarehouseImg, .iconWarehousePocket img#medidasWarehouseImg{
        width: 65px;
        height: 65px;
    }*/
}
@media (max-width: 560px){
/*    .iconWarehousePocket a img, .iconWarehousePocket img, .iconWarehousePocket #ventasArticuloWarehouse, .iconWarehousePocket img#ubicacionesWarehouseImg, .iconWarehousePocket img#medidasWarehouseImg{
        width: 55px;
        height: 55px;
    }*/
}