@keyframes glowing_OLD {
  0% { background-color: #FFF; box-shadow: 0 0 6px #d43f3a; }
  50% { background-color: #FFF; box-shadow: 0 0 20px #d43f3a; }
  100% { background-color: #FFF; box-shadow: 0 0 6px #d43f3a; }
}

@keyframes glowing {
  0% { background-color: #597DE8; box-shadow: 0 0 6px #d43f3a; }
  50% { background-color: #597DE8; box-shadow: 0 0 20px #d43f3a; }
  100% { background-color: #597DE8; box-shadow: 0 0 6px #d43f3a; }
}

.flash {
  animation: glowing 1000ms 1;
}

/**** PEDIDO RAPIDO ***/
#tabla_pedido_rapido{margin-bottom:0;}
#tabla_pedido_rapido>tbody>tr:nth-child(odd) {background:#fff;}
#tabla_pedido_rapido #unidades_caja{margin-bottom:0 !important;}
#tabla_pedido_rapido_lineas>tbody>tr:nth-child(odd) {background:#f9f9f9;border-bottom:1px solid #ddd;}
#tabla_pedido_rapido_lineas>tbody>tr:nth-child(even) {background:#fff;border-bottom:1px solid #ddd;}
#tabla_pedido_rapido .pedido-rapido-buscar{ display:inline-block; margin-right:6px;}
#tabla_pedido_rapido .form-control{border: 1px solid #ccc;}
#tabla_pedido_rapido td, #tabla_pedido_rapido_lineas td{color:#777; font-size:12px;padding:6px;}
#tabla_pedido_rapido_lineas .td-taula-pedido td:nth-child(2){max-width:170px;overflow:hidden; word-break: break-all;word-wrap:break-word;line-height:1.2em;} /* descripcio */
#tabla_pedido_rapido_lineas .hidden-xs{padding:6px 0 6px 3px;} /* thumbnail */

.pedido-rapido button.pedir{background:#597DE8; border-radius:4px;}
.pedido-rapido button.pedir:hover, .pedido-rapido button.eliminar_articulo:hover, #tabla_pedido_rapido .btn:hover { background-color: #31b0d5; }
.pedido-rapido button.pedir span{padding:8px 12px; color:#fff;line-height:40px;font-weight:bold;}
.pedido-rapido button.pedir svg{display:none;}

.pedido-rapido h4{margin-bottom:6px;}
.dropdown-menu .pedido-rapido .divider{background-color:#ddd !important;margin:0 0 15px;}
span.spinner > .sub:hover, span.spinner > .add:hover {background: #597DE8;}
.spinner-sugerencias, span.spinner > .sub, span.spinner > .add {color:#597DE8;background:#fff;}

.tabla-pedido-rapido { overflow-x: initial;}


/**** MIS PEDIDOS ***/
.mis-pedidos thead tr{ height:40px; }
.mis-pedidos .mp-datos .plegar-continuar-pedido{width:45px;}
.mis-pedidos tbody tr {border-top:none;}
.mis-pedidos thead th a{font-size:1em;}
.mis-pedidos .mp-filtros tr{border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.mis-pedidos .mp-filtros .caja-filtro{margin-left:0; padding:3px 6px;}

.mis-pedidos .mp-filtros select.caja-filtro {height:26px;}
.mis-pedidos .mp-filtros .caja-filtro.centrar{margin:0 !important;}
.mis-pedidos .mp-datos tr{border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0;}
.mis-pedidos .mp-datos tr:hover, .mis-pedidos .mp-lineas tr:hover,
.mis-pedidos .mp-datos tr:focus, .mis-pedidos .mp-lineas tr:focus{border-bottom:1px solid #b0b0b0;background:#fafafa !important;}
.mis-pedidos .mp-datos .fa-times{background: url(img/paperera.svg) center center no-repeat; width:14px; height:14px; display:inline-block;}
.mis-pedidos .mp-datos .fa-times:before{content:""}
.mis-pedidos .mp-datos .bold{padding-left:6px;}
.mis-pedidos .mp-lineas tr{border-bottom:1px solid #e0e0e0;border-top:none;}
.mis-pedidos .mp-lineas tr:first-child{border-bottom:none;}
.mis-pedidos .mp-lineas th{background: #fff; font-weight:normal; font-size:11px; padding:12px 0px 8px; color: #aaa;}
.mis-pedidos .mp-lineas .fondo-linea th{background:#fff; color:#000;}
.mis-pedidos .mp-lineas .fondo-linea th, .mis-pedidos .mp-lineas .fondo-linea td{padding-right:6px;}
.mis-pedidos .mp-lineas .fondo-linea th, .mis-pedidos .mp-lineas .fondo-linea-diferente th{padding-left:3px;}
.mis-pedidos .mp-filtros th{background:#f4f4f4; padding:/*4px*/ 0;}
.mis-pedidos .mp-filtros th input, .mis-pedidos .mp-filtros th select{border:1px solid #e0e0e0;}
.mis-pedidos .fondo-linea-diferente{background:#fff !important; color:#FF3D00 !important;}
.mis-pedidos tr.fondo-linea-diferente{border-bottom:1px solid #e0e0e0;}
.mis-pedidos tr.fondo-linea-diferente:hover{border-bottom:1px solid rgba(255,34,86,.15);}
.mis-pedidos .fondo-linea-diferente th{background:none;color:#333;}
.mis-pedidos .fondo-linea-diferente button{ position: relative; display: block; padding: 4px 8px 3px; text-align: center;
	text-transform: uppercase; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight:300; font-size: 0.9em;letter-spacing: 1px;
    border: 1px solid #444; background-color: #444; border-radius: 2px; color: #fff;}
.mis-pedidos .fondo-linea-diferente button:hover{color: #fff; border: 1px solid #597DE8; background-color: #597DE8;box-shadow:none;}
.mis-pedidos .fondo-linea-diferente .ayuda{padding-top:0px;}
.mis-pedidos .badge{background:#6db742; color:#fff;font-weight:400; font-size:1em;}


.mis-pedidos td .opciones-tabla{margin-right:0;}
.mis-pedidos .mp-datos li{width:30px;}
.mis-pedidos .mp-datos li:last-of-type{width:24px;}
.mis-pedidos .mp-datos .botons-accions-filtres{padding-left:4px; padding-right:4px;}

.mis-pedidos .mp-filtros li{
	width:auto;
}
.mis-pedidos .mp-filtros .botons-accions-filtres{
	font-size:11px;
	font-weight:normal;
	padding:2px 6px;
	border:1px solid #597DE8;
	border-radius: 0.2em;
	margin-top:8px;
	transition: all 0.3s ease;
}
.mis-pedidos .mp-filtros .botons-accions-filtres:hover{
	color:#fff;
	background:#597de8;
}
.mis-pedidos .mp-filtros .botons-accions-filtres:last-of-type{
	margin-left:6px;
}

.estado-pedido-pendiente span{
	background-color: #FF3D00;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #fff;
	border-radius: 3px;
	text-transform:uppercase;
	font-size:0.8em;
	margin-left:0;
	margin-right:auto;
	position:relative;
	width:80px;
	display:block;
	text-align:center;
}

.estado-pedido-finalizado span {
	background-color: #558B2F;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #fff;
	border-radius: 3px;
	text-transform:uppercase;
	font-size:0.8em;
	margin-left:0;
	margin-right:auto;
	position:relative;
	width:80px;
	display:block;
	text-align:center;
}

.estado-pedido-exportado span {
	background-color: #0277BD;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #fff;
	border-radius: 3px;
	text-transform:uppercase;
	font-size:0.8em;
	margin-left:0;
	margin-right:auto;
	position:relative;
	width:80px;
	display:block;
	text-align:center;
}

.estado-pedido-desconocido span {
	background-color: #D50000;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #fff;
	border-radius: 3px;
	text-transform:uppercase;
	font-size:0.8em;
	margin-left:0;
	margin-right:auto;
	position:relative;
	width:80px;
	display:block;
	text-align:center;
}

.estado-pedido-pendiente, .estado-pedido-finalizado, .estado-pedido-exportado {
	padding-left:0px !important;
}

#formulario_cliente_nuevo .form-control, #formulario_direccion_nueva .form-control{margin-top:0 !important;}
#formulario_cliente_nuevo label{margin-bottom:3px;}

button#catalogo, button#finalizar, button#continuar{width:100%;}



/******************* FINAL PAS A PAS DEL FINAL DE COMANDA ******************/

.pedido-direccion-entrega .radio{position:relative;}
.pedido-direccion-entrega .radio label{
	position:relative;
	padding-left:20px;
}

.pedido-direccion-entrega .radio label:after{
	content:'';
	width:18px;
	height:18px;
	border:2px solid;
	position:absolute;
	left:0;
	top:1px;
	border-radius:100%;
	-ms-border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.pedido-direccion-entrega .radio input[type="radio"]{
	cursor: pointer;
	position:absolute;
	width:100%;
	height:100%;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.pedido-direccion-entrega .radio input[type="radio"]:checked + label{
	color:#597DE8;
}
.pedido-direccion-entrega .radio input[type="radio"]:checked + label:before{
	content:'';
	width:6px;
	height:6px;
	position:absolute;
	background:#597DE8;
	left:6px;
	top:7px;
	border-radius:100%;
	-ms-border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}


.error-pedido-minimo {
	text-align: center;
}


/* 2018-09-27 Estos estilos estaban en la vista de resumen de pedido */

/* tuto: http://basicuse.net/articles/pl/textile/html_css/how_to_create_flashing_glowing_button_using_animation_in_css3 */
@keyframes glowing {
    0% {  box-shadow: 0 0 6px #d43f3a; }
    50% {  box-shadow: 0 0 20px #d43f3a; }
    100% {  box-shadow: 0 0 6px #d43f3a; }
}
.flash {
    animation: glowing 1000ms 3;
}

body {
    background-color: #f1f2f3;
}
.clearfix, html {
    background-color: #f1f2f3;
}
.well {
    background-color:#fff;
}
.tabla-totales tr th {
    text-align: left;
}

.tabla-totales tr td {
    text-align: right;
}

#articulo_detalle {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 1200;
    border: 0px solid #FFF;
    overflow-y: scroll;
}
.td-taula-pedido {
    cursor: pointer;
}

td h5 {
    margin-right: 27px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border-top: 0px!important;
}
.table-hover>tbody>tr:hover{
    background-color: unset!important;
}

.subtotal_representada {
    vertical-align: middle !important;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-weight: 400;
}