body {
    min-height: 100vh;
    width: 100%;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    /*font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 14px;
    color: #3e4855;
    background-color: #fff;
    /*line-height: 1.42857143;*/
    line-height: normal;
}

/* Rompe el drag&drop del listview sortable */
/*body, html {
    overflow-y: auto !important;
}*/

/*======================*/
/*#region Page content wrapper*/

#page-content-wrapper {
    float: none !important;
    width: 100%;
    position: relative;
    padding-top: 64px;
    min-height: 100vh;
}

#page-content {
    background: #fafcfe;
    margin-left: 0 !important;
    padding: 20px 20px;
}

    #page-content > .container {
        margin: 0px;
        padding: 20px;
        max-width: 100%;
    }

/*#endregion*/
/*======================*/

.fixed-header #page-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 170;
}

.fixed-header #page-wrapper {
    padding-top: 78px;
}

a {
    text-decoration: none !important;
    cursor: pointer;
}

/*======================*/
/*#region Login*/

.app-logo {
    background-size: 80% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    text-indent: -999em;
}

.screen-login {
    background: rgba(0, 0, 0, 0.8);
    min-height: 500px;
    border-radius: 3px;
    color: white;
}

/*#endregion*/
/*======================*/

/*======================*/
/*#region Menú lateral */

.fixed-sidebar #page-header #close-sidebar {
    display: none;
}

.fixed-sidebar.closed-sidebar #header-logo {
    width: 78px;
    position: relative;
    margin-left: 0;
}

.fixed-sidebar #header-logo {
    top: 0;
}

.fixed-sidebar #page-sidebar .slimScrollBar {
    border-radius: 0 !important;
}

.page-content.content-menu-lateral {
    margin-left: 260px;
}

/*#endregion*/
/*======================*/

/*======================*/
/*#region Footer*/

.main-footer {
    position: relative;
    height: 200px;
    z-index: 20;
    color: rgba(255, 255, 255, .3);
}

.logo-footer {
    /* display: block; */
    /* margin: auto; */
    /* margin-right: 10px; */
    height: 70px;
    background-size: contain;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/*#endregion*/
/*======================*/


.header-nav.collapse.in a {
    color: #8da0aa !important;
}

.md-button.md-fab.scroll-fab {
    z-index: 1000;
    position: fixed !important;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

    .md-button.md-fab.scroll-fab.scrolling {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

footer {
    max-height: 200px;
}

kr-language-selector {
    width: 52px !important;
    flex: none !important;
}

/* @TCM:20200313 #8430: Hacemos estos controles con estilo display:inherit para que ajusten su altura correctamente sus elementos md-card hijos */
sat-ficha-card-producto-servicio,
sat-ficha-card-cliente {display:inherit;}

/* @TCM:20200313 #8430: Ajuste icono en botón de "Acciones", en la cabecera del listado de pedidos SAT en curso */
sat-ficha-pedido md-toolbar button md-icon {margin-top: -0.6em;}

/****************************^*** AJUSTES RWD Noviembre 2020 *******************************/
/* @TCM:20201110 #9143 - AJUSTES RWD - Pantalla Inicio */
/* Título más pequeño en responsive */
@media (max-width: 599px) {
    .CardComponent page-title #page-title {display:block;}
    .CardComponent page-title #page-title > h1 {display:block;}
    .CardComponent page-title #page-title > h1 titulo .mdi-domain:before {position:absolute;}
    .CardComponent page-title #page-title > h1 titulo .mdi-domain span + span {display:inline-block; font-size: 14px; margin-left: 32px; position: relative; top: -5px;}
}
/* Grid de vencimiento (retoques de estilos tras añadir texto vencimiento al icono) */
.Vencido .mdi {font-size: 15px !important; padding-right: 5px}
.Vencido label {text-transform: uppercase; font-size: 12px; position: relative; top: -1px; opacity: .8;}
/* Ocultamos los tabs de menú siempre visible en página, para que queden sólo los del menú de hamburguesa */
clientes-menu-ficha md-tabs {display:none;}
/* Maquetamos en la página de inicio los textos de cabecera de los grids de pedios y vencimiento, para diferenciar visualmente el título del enlace de "Ver Más" */
.IndexGridTitulo {text-transform:uppercase;font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; font-weight: bold;}
.IndexGridEnlace {font-weight:normal; color:#3498db; text-transform:lowercase; font-family: Roboto, "Helvetica Neue", sans-serif;}


/* @TCM:20201110 #9152 - MENÚ LATERAL RESPONSIVE (AJUSTES) */
/* Elemento de menú principales (retoques gráficos) */
clientes-menu > ul > li > a { text-transform: uppercase; font-size: 18px; font-weight: bold; padding-bottom: 5px; }
/* Elementos de menú cuadrados */
@media (max-width: 960px) {
    clientes-menu > ul > li > ul {font-size: 0px; margin-left: 4px;}
    clientes-menu > ul > li > ul > li,
    sat-menu-clientes > li { display: inline-block; background-color: silver; width: 80px; height: 80px; vertical-align: top; margin: 0px 3px 3px 0px; font-weight: normal; font-size: 12px; padding: 3px !important; }
    clientes-menu > ul > li > ul > li.active,
    sat-menu-clientes > li.active {background-color:#929292;}
    sat-menu-clientes {display:block; margin-top:10px;} 
    clientes-menu > ul > li > ul > li > a > i,
    sat-menu-clientes li > a > i {display: block; width: 100%; margin-top:5px; text-align: center; font-size: 30px; color: #ffffff; }
    clientes-menu > ul > li > ul > li > a > span,
    sat-menu-clientes li > a > span {display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; height: 32px; width: 80px; text-transform: uppercase;  font-size: 10px; color: rgba(0,0,0,0.8);}
    clientes-menu > ul > li > ul > li > a > span.FuenteMasPequenya,
    sat-menu-clientes li > a > span.FuenteMasPequenya {font-size:9px;}
    /* Ajustes al logo del menú responsive */
    .site-sidenav .navigation-header .app-logo {background-size: contain !important; background-position: center center !important;}
    .site-sidenav .navigation-header .app-logo {filter: brightness(0) invert(1);} /* Convierte todo el logo a blanco, aunque lo suyo es no retocarlo aquí sino tener la imagen correctamente subida a blanco con los tonos que sean */
    /* Ajuste al nombre del cliente en el menú responsive */
    md-sidenav md-toolbar .user-header p {text-align: center; margin-top: 12px; margin-left: -10px;}
}
/* Ajuste a menú SOBREMESA de pastillas que se ve en el lateral, para que los elementos queden alineados a la izquierda */
clientes-menu-ficha > .dashboard-buttons > div {justify-content: flex-start;}
/* sat-menu-clientes > a > button {margin-left:2px !important; margin-right:1px !important;} */
/* #9183 Ajustes adicionales menú responsive, para hacer su cabecera más pequeña */
.site-sidenav .navigation-header {height:50px;}
.site-sidenav .navigation-header > .user-header > * {position: relative; top: -12px;}
/* Ajuste de ancho del menú responsive para algunos casos, de 272px a 280px */
.site-sidenav, 
.site-sidenav.md-locked-open-add-active, 
.site-sidenav.md-locked-open {width: 280px; min-width: 280px; max-width: 280px;}
/* #9183 Ajustes al menú para que el scroll en la página no nos lo lleve fuera del área visible. Sigue pudiendose hacer scroll en dos áreas distintas, menú y páigna */
@media (max-width: 960px) {
    app-main-template > menu > side-bar > md-sidenav {position: fixed;  z-index: 999999;} /* width: 100%; height: 100%; */
}


/* @TCM:20201111: #9144 - Pantalla direcciones */
/* Ajustes a las fichas en sobremesa */
.ContenedorFichaCardDireccion {justify-content: flex-start !important;}
@media (min-width: 960px) {
    ficha-card-direccion {display:inline-block; width:50%; margin:0px;}
    ficha-card-direccion > md-card {min-height:170px;}
}
@media (min-width: 1300px) {
    ficha-card-direccion {display:inline-block; width:33%; margin:0px;}
    ficha-card-direccion > md-card {min-height:170px;}
}

/* Enlace de "editar" en las tarjetas de direcciones */
.CardDireccionEnvio {background: transparent url(../img/app/icoManoClick.png) no-repeat bottom right;}
.CardDireccionEnvio:hover {background-color:#eeeeee;}
.CardDireccionEnvio md-card-content > div {position:relative;}
.CardDireccionEnvio .VerDetalles {position: absolute; bottom: -10px; right: -10px; text-transform: uppercase; opacity: 0.7; font-style: italic; font-size: 12px; color: #00384E ; border-bottom: 1px dotted; display: inline-block; height: 16px; padding: 0px 1px 0px 1px;}
.CardDireccionEnvio .EditarHorario {position: absolute; bottom: 26px; left: 10px; text-transform: uppercase; opacity: 0.7; font-style: italic; font-size: 12px; color: #00384E ; border-bottom: 1px dotted; display: inline-block; height: 16px; padding: 0px 1px 0px 1px;}
.CardDireccionEnvio .EliminarDireccion {position: absolute; bottom: 10px; left: 10px; text-transform: uppercase; opacity: 0.7; font-style: italic; font-size: 12px; color: #00384E ; border-bottom: 1px dotted; display: inline-block; height: 16px; padding: 0px 1px 0px 1px;}

/* Ajuste al título de las tarjetas de direcciones */
.CardDireccionEnvio md-card-header .mdi {margin-left:-8px; margin-right: 0px !important;}

/* @TCM:20201112: #9146 - Pantalla pedidos */
/* Ocultamos el label del elemento actual del pasador, ya que está repetido en el título y lo consideramos suficiente, además de que hace que se descoloquen las cosas si está */
page-listado-pedidos grid-pedidos .PedidosPasador .divPasadorActual {display:none;}
@media (max-width: 960px) {
    page-listado-pedidos grid-pedidos .PedidosPasador page-title titulo > span + span {font-size:16px; display: inline-block; position: relative; top: -5px;}
    page-listado-pedidos grid-pedidos .PedidosPasador page-title titulo > label {font-size:20px; display: inline-block; position: relative; padding-left:5px; top: -4px;}
}
grid-pedidos .PedidosPasador .PedidoCabecera,
detalle-pedidos .PedidoCabecera, pedido-detalles-planificador .PedidoCabecera, grid-b2b-ofertas .PedidosPasador .PedidoCabecera,
detalle-ofertas .PedidoCabecera,
detalle-b2b-ofertas .PedidoCabecera {
    padding: 10px;
    border: 2px solid #bababa;
    font-size: 0px;
    margin: 10px;
    margin-top: 0px;
}
grid-pedidos .PedidosPasador .PedidoCabecera > div,
detalle-pedidos .PedidoCabecera > div, pedido-detalles-planificador .PedidoCabecera > div, 
grid-b2b-ofertas .PedidosPasador .PedidoCabecera > div,
detalle-ofertas .PedidoCabecera > div,
detalle-b2b-ofertas .PedidoCabecera > div
{display:inline-block; vertical-align:top; width:33%; font-size:14px; padding: 0px 20px 0px 20px;}
grid-pedidos .PedidosPasador .PedidoCabecera > div > div,
detalle-pedidos .PedidoCabecera > div > div, pedido-detalles-planificador .PedidoCabecera > div > div,
grid-b2b-ofertas .PedidosPasador .PedidoCabecera > div > div,
detalle-ofertas .PedidoCabecera > div > div,
detalle-b2b-ofertas .PedidoCabecera > div > div
{margin-top: -8px; margin-bottom:5px; font-style: italic; border-left: 1px solid #0000003b; margin-left: 10px; padding: 5px 0px 5px 10px; } /* Padding adicional para contenido hijo multilinea, como los campos de direcciones */
grid-pedidos .PedidosPasador .PedidoCabecera > div > p > label,
detalle-pedidos .PedidoCabecera > div > p > label, pedido-detalles-planificador .PedidoCabecera > div > p > label,
grid-b2b-ofertas .PedidosPasador .PedidoCabecera > div > p > label,
detalle-ofertas .PedidoCabecera > div > p > label,
detalle-b2b-ofertas .PedidoCabecera > div > p > label
{text-transform: uppercase; font-size: 11px;}
@media (max-width: 630px) {
    grid-pedidos .PedidosPasador .PedidoCabecera > div,
    grid-b2b-ofertas .PedidosPasador .PedidoCabecera > div
    {width:100%;}
    /* detalle-pedidos .PedidoCabecera > div > p > label */
}
   
.ResponsiveGridPrincipalCelda {position:relative; margin: -5px; padding: 5px; background: transparent url(../img/app/icoManoClick.png) no-repeat bottom right; background-size: contain;}
.ResponsiveGridPrincipalCelda .EnlaceVer {display: inline-block; position: absolute; bottom: 3px; right: 3px; height: 18px; width: auto; padding: 0px 1px 0px 1px; text-transform: uppercase; color: #000000; opacity: 0.3; border-bottom: 1px dashed black; font-size: 13px;}
.ResponsiveGridPrincipalCelda .btns{display:flex;justify-content:flex-end}
.ResponsiveGridPrincipalCelda .container{margin:10px auto 10px 0px}

/* Maquetación de template para Grid responsive (genérico que puede reutilizarse)*/
.FilaGridResponsive > div {font-size:0px; display:inline-block; width:100%;}
.FilaGridResponsive > div > * {font-size:14px;}
.FilaGridResponsive > div.AnchoMitad {width:50%;}
.FilaGridResponsive > div.AnchoTercio {width:33%;}
.FilaGridResponsive > divMargenDerechoTercio {margin-right:33%;}
.FilaGridResponsive > div > label {display:inline-block; text-transform:uppercase; font-size:12px; font-weight:bold;}
.FilaGridResponsive > div > label + span {display:inline-block; padding-left:5px;}

/* GRID LINEAS RESPONSIVE: Pedidos detalle - Maquetación de template para Grid responsive */
.FilaGridResponsiveTipo_Pedidos {display:grid; grid-template-columns: auto 10px auto 60px; } /* grid-template-rows: 20px 30px; */
/* Layout */
/*  ________________________________________
    |__________________A_______________|D_E|
    |_______B_________|_|______C_______|___|
    |______________________________________|
*/
.FilaGridResponsiveTipo_Pedidos .Campo_Descripcion,
.FilaGridResponsiveTipo_Pedidos .Campo_Titulo {grid-column-start:1; grid-column-end:4; grid-row-start:1; grid-row-end:2;}
.FilaGridResponsiveTipo_Pedidos .Campo_Subtitulo {grid-column-start:1; grid-column-end:4; grid-row-start:2; grid-row-end:3;}
.FilaGridResponsiveTipo_Pedidos .Campo_ProductoReferencia {grid-column-start:1; grid-column-end:2; grid-row-start:2; grid-row-end:3;}
.FilaGridResponsiveTipo_Pedidos .Campo_CategoriaDescripcion {grid-column-start:3; grid-column-end:4; grid-row-start:2; grid-row-end:3;}
.FilaGridResponsiveTipo_Pedidos .Campo_Cantidad {grid-column-start:4; grid-column-end:5; grid-row-start:1; grid-row-end:3;}
.FilaGridResponsiveTipo_Pedidos .Campo_UnidadMedida {grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2;}
.FilaGridResponsiveTipo_Pedidos .Campo_ImporteConIVA {grid-column-start:1; grid-column-end:4; grid-row-start:3; grid-row-end:4;}

/* Decoración */
.FilaGridResponsiveTipo_Pedidos > div > label {display:none;}
.FilaGridResponsiveTipo_Pedidos .Campo_Descripcion,
.FilaGridResponsiveTipo_Pedidos .Campo_Titulo {text-align:center;}
.FilaGridResponsiveTipo_Pedidos .Campo_Descripcion > span,
.FilaGridResponsiveTipo_Pedidos .Campo_Titulo > span {font-size:16px; font-weight:bold; color:#00384E;}
.FilaGridResponsiveTipo_Pedidos .Campo_ProductoReferencia > span,
.FilaGridResponsiveTipo_Pedidos .Campo_CategoriaDescripcion > span,
.FilaGridResponsiveTipo_Pedidos .Campo_Subtitulo > span {font-size:13px; text-transform:uppercase; font-style:italic; opacity:.7;}
.FilaGridResponsiveTipo_Pedidos .Campo_Subtitulo {text-align:center; position:relative; }
.FilaGridResponsiveTipo_Pedidos .Campo_ProductoReferencia {text-align:right; position:relative; }
.FilaGridResponsiveTipo_Pedidos .Campo_CategoriaDescripcion {text-align:left;}
.FilaGridResponsiveTipo_Pedidos .Campo_ProductoReferencia:after {content: "-"; display: block; position: absolute; right: -11px; top: 0px; font-size: 17px;}
.FilaGridResponsiveTipo_Pedidos .Campo_Cantidad {height: 45px; background-color:#aeaeae; text-align: center; padding-top: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; position: relative; top: -5px;}
.FilaGridResponsiveTipo_Pedidos .Campo_Cantidad > span {display: inline-block; margin-left: -5px; text-align: center; font-size: 30px; font-weight: bold; color: #ffffff;}
.FilaGridResponsiveTipo_Pedidos .Campo_Cantidad.LongitudCampo_1 > span {font-size:20px;}
.FilaGridResponsiveTipo_Pedidos .Campo_UnidadMedida {display: block; text-align: center; z-index: 5; color: #ffffff;}
.FilaGridResponsiveTipo_Pedidos .Campo_UnidadMedida > span {position: relative; top: 30px; font-size: 10px;}
.FilaGridResponsiveTipo_Pedidos .Campo_ImporteConIVA > span {display: block; text-align:center; margin: -4px 10px 6px 10px; padding-top:10px; font-size: 20px; border-top: 1px dashed rgba(0,0,0,.2); opacity: .7;}

/* Ocultados */
.FilaGridResponsiveTipo_Pedidos .Campo_NumLinea,
.FilaGridResponsiveTipo_Pedidos .Campo_Importe,
.FilaGridResponsiveTipo_Pedidos .Campo_TipoIVA {display:none;}
 
/* Pedidos área de pie */
.PedidosPie {margin: 20px 0px 20px 20%; border: 2px solid #bababa; padding: 15px;}
.PedidosPie .PedidosPie_Cabecera {display:grid; grid-template-columns: 25% 50px 25% 50px 60px auto; text-align:right;} /* 16% 16% 16% 16% 16% auto; */
.PedidosPie .PedidosPie_Cuerpo {display:grid; grid-template-columns:   25% 50px 25% 50px 60px auto; text-align:right;}
.PedidosPie .PedidosPie_Cuerpo > div > label {display:none;}
.PedidosPie .PedidosPie_Cabecera > label {text-transform:uppercase; font-weight:bold; font-size:11px;}
@media (max-width:768px) {
    .PedidosPie {margin-left:10px; margin-right:10px;}
}
@media (max-width: 630px) {
    .PedidosPie {padding: 5px 10px 5px 10px;}
    .PedidosPie .PedidosPie_Cabecera {display:none;}
    .PedidosPie .PedidosPie_Cuerpo {display:block; margin: 5px 0px 5px 0px; padding: 10px; text-align:left; border-bottom: 1px dashed black;}
    .PedidosPie .PedidosPie_Cuerpo:last-child {border:0px none black;}
    .PedidosPie .PedidosPie_Cuerpo > div > label {display:inline-block; width:50%; padding-right:15px; text-align:right; text-transform: uppercase; font-size: 11px;}
}
.PieSumatorioResponsiveGrid {text-transform:uppercase;}
/* Corregimos en el grid no-responsive el alineamiento a la derecha de los importes, que tiene un margen que evita que se alinee con los sumatorios del pie */
.SinMargenDerecho {margin-right:0px !important;}

/* CARRITO: */
/* Ajuste al label de "Producto favorito" para que se alinee con el botón que tiene al lado, más alto que él. */
.Ajuste_ProductoFavorito {padding-top:8px;}

/* VENCIMIENTO */
/* Ocultamos el label del elemento actual del pasador, ya que está repetido en el título y lo consideramos suficiente, además de que hace que se descoloquen las cosas si está */
page-listado-albaranes grid-albaranes .divPasadorActual {display:none;}

/* FACTURAS */
page-listado-facturas grid-facturas .divPasadorActual {display:none;}
/* Ajsutes tras mover el boton de descarga junto a resto de botones */
grid-facturas .AreaBotones {text-align:right;}
grid-facturas .AreaBotones > * {display:inline-block;}
/* Título */
@media (max-width: 960px) {
    grid-facturas h2 {font-size: 16px; display: inline-block; padding-left:10px; padding-top: 10px; padding-bottom: 10px;}
    grid-facturas .AreaBotones {width:100%; display:block; }
    .FacturasGridBotonesTituloContainer {display:block !important;}
}

/* Modelo 347 */
.FilaGridResponsiveTipo_Modelo347 {display: grid; grid-template-columns: 50% 10px 50%;}
.FilaGridResponsiveTipo_Modelo347 .Campo_BotonDescarga {text-align:center; grid-column-start:1; grid-column-end:4; grid-row-start:4; grid-row-end:5;}
.FilaGridResponsiveTipo_Modelo347 .Campo_BotonDescarga  > a {display:inline-block; padding: 7px; margin:5px; min-width:100px; background-color:#00384E; color:#ffffff; border-radius:2px;}
.FilaGridResponsiveTipo_Modelo347 .Campo_BotonDescarga  > a > span + span {display:none;}
    /*.FilaGridResponsiveTipo_Modelo347 {}
    .FilaGridResponsiveTipo_Modelo347 .Campo_Descripcion,
    .FilaGridResponsiveTipo_Modelo347  .Campo_Titulo {display:none; }
    .FilaGridResponsiveTipo_Modelo347  .Campo_Subtitulo {grid-column-start:1; grid-column-end:4; grid-row-start:2; grid-row-end:3;}
    .FilaGridResponsiveTipo_Modelo347  .Campo_ProductoReferencia {grid-column-start:1; grid-column-end:2; grid-row-start:2; grid-row-end:3;}*/

/* Contactos */
.FilaGridResponsiveTipo_ContactosGrid {display: grid; grid-template-columns: 50% 10px 50%;}
.FilaGridResponsiveTipo_ContactosGrid .Campo_ProductoReferencia {text-align:center; grid-column-start:1; grid-column-end:4; grid-row-start:2; grid-row-end:3;}
.FilaGridResponsiveTipo_ContactosGrid .Campo_CategoriaDescripcion {text-align:center; grid-column-start:1; grid-column-end:4; grid-row-start:3; grid-row-end:4;}
.FilaGridResponsiveTipo_ContactosGrid .Campo_ImporteConIVA {text-align:center; grid-column-start:1; grid-column-end:4; grid-row-start:5; grid-row-end:6;}

/* CARRITO */
/* Título */
page-title { display: block; margin-right: 95px;}
page-index-b2b page-title #page-title > h1 {display:block; flex: none !important;}
@media (max-width: 599px) {	
    page-index-b2b page-title #page-title > h1 titulo {display:inline-block; font-size: 14px; margin-left: 32px; position: relative; top: -5px;}
}
/* Separamos verticalmente los elementos de datos del carrito */
.GridCarritoDatos > * {margin:5px 0px 5px 0px;}
/* Ajustes de diseño al botón de eliminar del carrito */
.CarritoBotonEliminar {background-color: #00384E; color: #ffffff; padding: 10px 10px 10px 10px; max-width: 40px !important; border-radius: 3px;}
/* Ajuste en los popups en responsive, especialmente para el carrito, que estaba desalineado hacia la derecha */
.modal-dialog .modal-content {position: relative; top: -25px;}
@media (max-width: 768px) {
    .modal-dialog .modal-content {position: relative; left: -10px; top: -25px;}
}
/* Alineamos las direcciones del carrito a la izquierda en el contenedor flex, para que los últimos elementos impares no queden centrados sino a la izquierda */
.ListadoDireccionesEnvioCarrito {justify-content:flex-start !important;}
@media (max-width: 959px) and (min-width: 600px) {
    .ListadoDireccionesEnvioCarrito > * {min-width:97% !important;}
}
@media (max-width: 599px) {
    .ListadoDireccionesEnvioCarrito > * {min-width:97% !important;}
}
/* Indicador visual con el cursor para indicar que los pasos son pulsables */
.form-wizard > ul > li a, 
.form-wizard > ul > li a:hover {cursor:pointer;}

/* Nuevo submenú de carrito B2B sin pestañas material, sino con botones cuadrados pulsabes más grandes y sin scroll */
ul.SubmenuCarritoB2B {list-style:none; padding:0px; margin: 5px 20px 5px 20px;}
ul.SubmenuCarritoB2B li {display:inline-block; margin:0px 3px 3px 0px; padding:0px; font-size:0px;}
ul.SubmenuCarritoB2B li a {display: inline-block; position:relative; width: 80px; height: 80px; font-size:12px; padding: 3px; vertical-align: top; overflow:hidden; background-color: silver; color:#ffffff; font-weight:normal; text-align:center; text-transform:uppercase;}     
ul.SubmenuCarritoB2B li a > label {position:absolute; left:0px; right:0px; bottom:0px; padding: 0px 3px 0px 3px; font-weight:normal; cursor:pointer; font-size: 10px; color: rgba(0,0,0,0.8);}
ul.SubmenuCarritoB2B li a > span {display: block; width: 100%; margin-top: 5px; text-align: center; font-size: 30px; color: #ffffff;} 
ul.SubmenuCarritoB2B li.active a  {background-color: #929292;}