/*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: 3.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;
    }
    .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;
    }

    div#producto_relacionados {
        max-width: 250px;
        margin: 20px;
    }

    .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-side: 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;
    }

    .datos_inicio.EstadisticasRight {
        /* font-size: 1.125rem; */
    }

    .SeleccionarGrafica {
        /* max-width: 190px;       */
    }

    .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;
    }

    .buscadores_zona_representantes_resumen {
        width: 95%;
    }

    .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 {
        width: 50%;
        font-size: 1.438rem;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .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 {        
        height: 43px;
        margin-top: 5px;
    }
}

@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*/
    .Clicked {
        /* width: 135px; */
    }

    .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-left: 18px;
        margin-top: 14px;
        width: 47%;
    }

    .TextboxesClientes {
        border: 1px solid #999;
    }

    .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;
    }

    .opciones_gestion_clientes {
        /* font-size: 2.2rem; */
    }

    /*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: 2% !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;
}

    .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 {
        min-width: 768px;
        overscroll-behavior-x: contain;
        position: relative;
        box-shadow: rgba(0, 0, 0, 0.20) 0px 1px 4px -1px inset;
        -webkit-box-shadow: rgba(0, 0, 0, 0.20) 0px 1px 4px -1px inset;
        -moz-box-shadow: rgba(0, 0, 0, 0.20) 0px 1px 4px -1px inset;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }