/*AMBOS*/
@media only screen and (min-device-width: 10px) and (max-device-width: 1024px) {

    body {
        -webkit-overflow-scrolling: touch;
    }
    /*MENU*/   

    .producto_detalles {
        width: 100% !important;
    }

    .swiper-button-cerrar {
        font-size: 2.75rem;
        right: 40px;
    }
}

/*-------------------------VERTICAL------------------------------*/
@media only screen and (min-device-width: 10px) and (max-device-width: 1024px) and (orientation:portrait) {

    /*-----------ALL-----------*/
    input, button, select, textarea {
        border: 1px solid #a6a4a4;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .boton i {
        font-size: 1em;
    }
    /*-----------LOGIN-----------*/
    div#Login {
        font-size: 2.188rem;
    }

    .boton_user {
        width: 270px;
        font-size: 1.813rem;
        font-weight: bold;
        margin-bottom: -24px;
    }

    #ilblUsuario {
        padding-right: 70px;
    }

    #ilblPassword {
        padding-right: 20px;
    }
    
    /*-----------PEDIDO PORTRAIT-----------*/

    .boton_añadir_estampado {     
        width: 27%;
        font-size: 1.438rem;
        height: 200px;
    }

    .boton_add_carrito_especial {
        font-size: 1.875rem;
    }    

    .DDLColores {
        width: 280px;
        height: 80px;
        margin: 0px 0px 10px 0px;
        font-size: 1.938rem;
    }

    .tr_cabecera_superior_datos select, option {
        font-size: 0.875rem;
    }

    .TablaCodigo {
        font-size: 1.875rem;
        left: 15%;
    }

        .TablaCodigo td {
            width: 121px;
            padding: 3px;
        }

    .DesplegableColores {
        text-align: right;       
    }

    .EstampadoIMG {
        max-width: 110px;
    }

    #ctl00_menu_cabecera_top {
        line-height: 50px;
        font-size: 1.438rem;
    }

    .producto_individual {
        font-size: 1em;
    }

    .precio_producto {
        margin-top: 10px;
        font-size: 1.688rem;
    }

    .logo_div .imgLogo {
        max-width: 100px;
    }
        .cabecera_superior ul .user_name {            
            text-align: right;
        }

    .logo_div .col-xs-3 .col-sm-3 .col-md-3 .col-lg-3 .pull-left {
        padding-right: 0px;
    }

    .cabecera_superior ul .link, .cabecera_superior ul .li_search, li#btnLimpiafiltros {
        /* font-size: 1.25rem;*/
        font-weight: bold;
    }

    .FiltrosClase {
        font-size: 1.125rem;
    }   

    .flexslider {
        margin: 0 0 40px !important;
    }

    .marginok {
        margin-left: 0 !important;
    }

    .paginador, .paginador_resumen, .paginas_total, .paginas_totales, .paginas_totales_resumen {
        font-size: 1rem;
        margin: 8px;
    }

    .span_div_sup_albaran, .span_div_sup_factura, .span_div_sup_rep_resumen, .td_sup {
        font-size: 1rem;
        word-break: break-word;
        font-weight: bold;
    }
    .paginas_totales {
        margin-top: 15px;
    }

    /*---------DETALLE ARTICULO---------*/
    .ZoomImagen {       
        display: none;
    }
    
    .ImagenesMiniSlider {
        width: 120px !Important;
    }

    .Estampado_Info, .Estampado_Info_Tabla {
        position: absolute;
        left: 21em;
        bottom: -10px !important;
        top: auto;
    }
   
    .nombre_color {
        width: 120px !important;
    } 
    
    .TituloRelacionados {
        font-size: 1.875rem;
    }

    .contenedor_grid {
        font-size: 30px !important;
    }

    .imgmini {
        width: 120px !important;
    }      

    .descripcion_producto_relaciones {
        font-size: 1.3rem;
        margin-top: 10px;
    }

    .precio_producto_relaciones {
        margin-top: 5%;
        font-size: 1.3rem;
    }

    .descripciones {
        font-size: 1.3em;
    }

    .boton_add_carrito {
        font-size: 1.125rem;
    }

    .referencia span {
        font-size: 1.8rem !important;
    }

    div#ctl00_body_PanelArticulo_ctl00_PanelComposiciones {
        font-size: 1.063rem;
        width: 10em;
    }

    .h5Compo {
        font-size: 1.7rem;
        font-weight: bold;
    }

    .vista_producto {
        margin-left: 0;
        margin-bottom: 2em;
    }

    #carrito_desplegable {
        width: 350px;
        font-size: 0.938rem;
    }

    /*---------CARRITO---------*/

    .resumen_totales {
        font-size: 1.25rem;
        margin-bottom: 25px;
    }

    .resumen_botones .link {
        max-width: 305px;
        font-size: 1.438rem;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 20px;
    }

    .total_carrito span {
        font-size: 1.875rem;
    }

    span#ctl00_body_PanelCarro_ctl00_ilblTotales {
        font-size: 1.875rem;
    }

    .columna_right {
        float: none;
    }

    .resumen_left {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0 !important;
    }

    .una_linea_tallas {
        float: left;
        font-size: 1.3rem;
        width: 100%;
        margin-bottom: 10px;
    }

    .una_linea_botones {
        font-size: 1rem;        
    }

        .una_linea_botones a i {font-size: 1.3rem;}

    .una_linea_img img {
            max-width: 150px;
        }

    .resumen_totales h3 {
        font-size: 1.625rem;
        font-weight: bold;
    }
    /*---------Confirmar CARRO---------*/
    .confirmar_pedido {
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .resumen_datos_cliente, .observaciones, .centros_envio {
        font-size: 1.1rem;
        margin-bottom: 25px;
    }

    .TitleConfirmarCarro {
        font-size: 1.125rem;
        font-weight: bold;
    }

    .total_observaciones {
        margin-top: 0;
    }
    /*---------Zona Representantes---------*/
    .pedidos_confirmados_Rep_EST {
        width: 988px !important;
    }

    .EstadisticasLeft {
        display: block;
        margin-bottom: 28px;
        padding: 0px 0px 0px 0px;
        border: none;
    }

    .displayestadisticas {
        display: block;
    }

    .NumeroEstadistica {
        font-size: 1.875rem;
    }

    .EstadisticasText {
        padding-bottom: 6px;
    }

    .tabgrafica {        
        font-size: 1rem;
        font-weight: bold;
    }

    mod_Graficas {
        width: 994px;
    }

    .span_div_rep, .span_div_albaran, .span_div_factura {
        text-align: center;
        width: 157px;
        border-right: 1px solid #e5e4e4;
        border-bottom: 1px solid #e5e4e4;
        font-size: 0.9rem;
        min-height: 54px;
        padding-top: 10px;
        word-break: break-word;
        padding-bottom: 10px;
    }

    .span_div_sup_rep {
        font-size: 1.438rem;
        font-weight: bold;
        height: 80px;
    }

    span#ctl00_body_ilblpedidosconfirmados {
        font-weight: bold;
        font-size: 1.125rem;
        text-decoration: underline;
    }

    .datos_pedidos h3 {
        font-size: 1.5rem;
        font-weight: bold;
    }

    .ancho_de_cabecera {
        width: 100%;
    }

    .div_sup_buscar {       
        font-size: 0.875rem;
        font-weight: bold;
    }

    .clientes_zona_representantes .div_buscar {          
        word-break: break-word;
    }

    .buscadores_zona_representantes {
        height: 37px;
        padding-bottom: 8px;
    }

    /*------CREAR CLIENTES------*/

    .mod_new {        
        margin-bottom: 10px;        
    }

    .lblobservaciones {
        font-size: 1.438rem;
        font-weight: bold;
    }

    .seguir_comprando {
        width: 291px;
        font-size: 1.25rem;
        font-weight: bold;
    }

    .td_sup {
        font-size: 1rem;
    }

    td.td_normal.text-left.ancho35_8 {
        padding-left: 8% !important;
    }

    .td_normal {
        font-size: 2.2rem;
        height: 75px;
        word-break: break-word;
    }

    .PreVisorTextos {
        font-size: 1.375rem;
    }

    .DetalleArticuloPanelIzquierda {
        margin-left: 5%;
        display: flex;
    }
  
    /*-----CONTRASEÑA-----*/
    .modificar_contraseña {
        width: 100%;
        font-size: 1.125rem;
        padding: 1em;
    }

    .span_div_contraseña, .mod_psw input {
        
    }
}

@media only screen and (min-device-width: 10px) and (max-device-width: 720px) and (orientation:portrait) {}
/*-------------------------LANDSCAPE------------------------------*/

@media only screen and (min-device-width: 10px) and (max-device-width: 1400px) and (orientation:landscape) {

    .EstadisticasLeftCRM {
        width: 100%;
    }
    .span_div_factura {
        height: 35px;
        word-break: break-word;
    }

    .print_boton_zcl {
        margin-left: 0px;
    }

    .span_div_rep, .span_div_albaran, .span_div_sup_factura {
        height: 35px;
        word-break: break-word;
    }

    .DivDiasInicialCuadrado {
        margin-right: 0em;
    }

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

    .pedidos_confirmados_Rep, .pedidos_sin_confirmar_Rep, .albaranes_Rep, .pedidos_confirmados_Rep_EST {
        width: auto !important;
    }
    .facturas_Rep {
        width: 100% !important;
    }

    .ancho_de_cabecera_CRM_Pedidos .ancho15, .cabecera_superior .ancho15 {
        width: 14% !important;
    }    

    .div_sup_buscar_lupa p {
        display: none;
    }

    .div_sup_buscar_lupa {
        margin-left: -4px;
        height: 38px;
        margin-top: 3px;
    }

}

@media only screen and (min-device-width: 10px) and (max-device-width: 1367px) and (orientation:landscape) {

    .div_sup_buscar_lupa p {
        display: none;
    }
    .div_sup_buscar_lupa {
        margin-left: -6px;
        height: 38px;
        margin-top: 3px;
    }

    .ancho_de_cabecera_CRM_Pedidos .ancho15, .cabecera_superior .ancho15 {
        width: 15% !important;
    }
    .ancho24 {
        width: 22%;
    }
}

@media only screen and (min-device-width: 10px) and (max-device-width: 1320px) and (orientation:landscape) {
    
    .SeleccionarGrafica {
        width: 185px;
        margin-left: 10px;
    }

    .div_sup_buscar_lupa_resumen {
        width: auto;
        margin-left: -23px;
        min-width: 0;
    }
    .ancho7 {
        width: 8%;
        min-width: 50px;
    }

    .span_div_rep, .span_div_albaran, .span_div_sup_factura {
        height: 51px;
        word-break: break-word;
    }

    .span_div_factura {
        height: 56px;
        word-break: break-word;
    }

    .span_div_rep, .span_div_albaran, .span_div_sup_factura {
        height: 51px;
        word-break: break-word;
    }
    .ancho_de_cabecera_CRM_Pedidos .ancho15, .cabecera_superior .ancho15 {
        width: 13% !important;
    }
}

@media only screen and (min-device-width: 10px) and (max-device-width: 1155px) and (orientation:landscape) {
    .ancho7 {
        width: 9%;
    }
    .ancho24 {
        width: 21%;
    }
    .ancho_de_cabecera_CRM_Pedidos .ancho15, .cabecera_superior .ancho15 {
        width: 14% !important;
    }
}

@media only screen and (min-device-width: 10px) and (max-device-width: 1024px) and (orientation:landscape) {
        
    .pedidos_confirmados_Rep, .pedidos_sin_confirmar_Rep, .albaranes_Rep, .facturas_Rep, .pedidos_confirmados_Rep_EST {
        width: 125% !important;
    }
    .datos_carritos_pendientes {
        width: 125% !important;
    }
    /*------LOGIN------*/
    .inicial_logo .imgLogo {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .producto_columna_derecha {
        width: 58%;
        float: right;
    }

    .boton_ver_Video {
        left: 45px;
    }

    #ilblUsuario {
        padding-right: 36px;
    }

    .DDLColores {
        width: 200px;
        height: 40px;
        margin: 0px 0px 10px 15%;
    }

    .boton_add_carrito_especial input {
        padding: 10px;
    }

    .vista_productoMini {
        width: 70% !important;
    }

    .CarroPequeño {
        width: 27%;
        height: 550px;
    }

    .vista_productoMini .producto_descripcion span, .producto_precio span {
        font-size: 1.25rem;
        color: #222222;
        font-weight: bold;
    }

    .producto_individual {
        font-size: 1em;
    }

    .resumen_left {
        padding-right: 15px;
        padding-left: 15px;
    }

    .columna_right {
        margin-top: 15px !important;
        width: 100%;
    }

    .confirmar_pedido {
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .span_div_sup_rep_resumen {       
        height: 50px;
    }

    .div_sup_buscar_lupa_resumen {
        width: auto;
        margin-left: -23px;
        min-width: 0;
    }

    /*ZONA REPRESENTANTES*/    

    .boton_añadir_estampado {
        text-align: center;
        position: absolute;
        left: 0;
        min-width: 120px;
        font-size: 0.75rem;
    }

    .boton_add_carrito {
        text-align: center;
        padding: 19px 0px 32px 0px;
        width: 86%;
        float: right;
    }

    .vista_producto .producto_descripcion span, .producto_precio span {
        font-size: 1.2em;
        color: #222222;
    }

    .Estampado_Info, .Estampado_Info_Tabla {       
        left: -1em;
        top: 12em;
        width: 31%;
        font-size: 0.75rem;
    }

    .Estampado_Info_Tabla {
        width: 130%;
    }

    .EstampadoIMG {
        max-width: 100px;
    }

    .pedidos_confirmados_Rep_EST {
        width: 125% !important;
    }

    #menu_lateral {
        font-size: 1rem;
    }
    .ZonaRepresentantes #menu_lateral {       
        font-size: 1rem;
    }

    .div_sup_buscar_lupa {
        margin-left: -11px;
        margin-top: 7px;
        width: auto;
    }

    .clientes_zona_representantes .div_buscar {
        padding: 0px 2px 0px 2px;        
    }

    .mod_new { margin-top: 10px; }

    .span_div_rep, .span_div_albaran, .span_div_sup_factura {
        height: 51px;
    }

    .span_div_factura {
        height: 56px;
        word-break: break-word;
    }

    .BotonAtras {
        padding: 8px 17px;
    }

    /*ESTADISTICAS*/
    .ancho_de_cabecera_CRM_Pedidos .ancho7, .cabecera_superior .ancho7 {
        width: 12% !important;
        min-width: 25px;
    }

    .ancho_de_cabecera_CRM_Pedidos .ancho19, .cabecera_superior .ancho19 {
        width: 16% !important;
    }

    .ancho_de_cabecera_CRM_Pedidos .ancho15, .cabecera_superior .ancho15 {
        width: 12% !important;
    }

    .ancho_de_cabecera_CRM_Pedidos .ancho9, .cabecera_superior .ancho9 {
        width: 6% !important;
    }

    .ancho_de_cabecera_CRM_Pedidos .ancho3, .cabecera_superior .ancho3 {
        width: 3% !important;
    }
   
    .TablaCodigo {
        left: 0;
        bottom: 0;
    }

    .DDLTalla {
        width: auto;
        padding: 0;
    }

    .color_grid {       
        width: 49px;
    }

    .pop_cont_error_stock {
        bottom: 50%;
    }

    .descripcion_producto {
        min-height: 29px;
    }

    .boton_ver_video {
        bottom: -50px;
    }

    .boton_ver_Imagen {
        bottom: -19px;
    }
}
.overflowador {
    width: 100%;
    overflow-x: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    cursor: grab;
    box-shadow: 5px 0px 5px -9px rgba(0, 0, 0, 0.99);
    -webkit-box-shadow: 5px 0px 5px -9px rgba(0, 0, 0, 0.99);
    -moz-box-shadow: 5px 0px 5px -9px rgba(0, 0, 0, 0.99);
}

    .overflowador .pedidos_sin_confirmar_Rep, .overflowador .albaranes_Rep, .overflowador .facturas_Rep, .overflowador .tabla_crm_calendario, .overflowador .la_taula_overflowador, .overflowador .div_clientes_zona_representantes, .overflowador .div_clientes_zona_representantes_2, .overflowador .datos_carritos_pendientes {
        min-width: 768px;
        overscroll-behavior-x: contain;
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.40) 0px 1px 4px -1px inset;
        -webkit-box-shadow: rgba(0, 0, 0, 0.40) 0px 1px 4px -1px inset;
        -moz-box-shadow: rgba(0, 0, 0, 0.40) 0px 1px 4px -1px inset;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .overflowador .grid_tallas_overflowador {
        min-width: 768px;
        overscroll-behavior-x: contain;
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.40) 0px 1px 4px -1px inset;
        -webkit-box-shadow: rgba(0, 0, 0, 0.40) 0px 1px 4px -1px inset;
        -moz-box-shadow: rgba(0, 0, 0, 0.40) 0px 1px 4px -1px inset;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        display: table;
        padding-left: 5px;
        padding-right: 5px;
    }

@media only screen and (min-width: 769px) and (max-width: 30000px) {
    .overflowador .grid_tallas_overflowador .llistat_talles, .left_header {
        position: unset;
        max-width: unset;
    }
}

@media only screen and (min-width: 10px) and (max-width: 768px) {
    .overflowador .grid_tallas_overflowador .llistat_talles {
        border-right: 1px solid #e5e4e4;
        position: sticky;
        left: 0;
        max-width: 145px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #FAFAFA;
        z-index: 10;
    }

    .left_header {
        max-width: 145px;
        padding-left: 5px;
        padding-right: 5px;
        z-index: 10;
        position: sticky;
        left: 0;
    }

    .footer_totals .color {
        position: sticky;
    }
}