*{
	text-decoration: none;
	list-style: none;
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	-moz-appearance:none;
}

*:focus{
	outline: 0!important;
}

.glyphicon {
    font-family: 'Glyphicons Halflings'!important;
}

*{
	text-decoration: none;
	list-style: none;
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	-moz-appearance:none;
}

*:focus{
	outline: 0!important;
}

.glyphicon {
    font-family: 'Glyphicons Halflings'!important;
}

body{
	background: #eceff4!important;
	padding: 20px 0 0px 0;
}

.btn-w400 {
    font-weight: 400 !important;
}

.dialog-xl{
	padding: 30px !important;	
	width: inherit !important;
	max-width: inherit !important;	
}

.bg-d{
	background: #346B9E;
}

.cb {
    color: #fff !important;
}

.pad{
	padding: 0 20%;
}

.np{
	padding: 0!important;
}

.npi{
	padding-left: 0 !important;
}

.pr15{
	padding-right: 15px!important;
}

.px015{
	padding: 0 15px;
}

.npt{
	padding-top: 0!important;
}

.npb{
	padding-bottom: 0;
}

.npd{
	padding-right: 0 !important;
}

.nmb{
	margin-bottom: 0 !important;
}

.flr{
	float: right;
}

.fll{
	float: left;
}


section.lista-articulos .pvp-oferta{
	
	padding: 0px !important;
	margin-top: 7px;
	text-align: center;
}

section.lista-articulos .pvp-oferta-movil{
	float: right;
	font-size: 14px;
	text-align: right;
	color: #fff !important;	
	margin-right: 3px;
}



section.lista-articulos{
	/*margin: 50px auto;*/
	padding: 30px;
    background: #fff!important;
    border-radius: 5px;
    /*max-width: 750px;*/

}

section.lista-articulos h1{
	color: #000000;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
}

section.lista-articulos h1:after, section.lista-articulos div#div-modal h2:after{
	width: 4rem;
    content: "";
    border-bottom: solid 2px #DD0031;
    display: block;
    margin: 10px 0;
}


section.lista-articulos h2{
	color: #000000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
	cursor: pointer;
}

section.lista-articulos h2:after{
	width: 4rem;
    content: "";
    border-bottom: solid 2px #134286;
    display: block;
    margin: 20px 0;
}


section.lista-articulos table.tabla-principal tr td{
	padding: 7px 10px;
	color: #55595c!important;
	font-weight: 500;
}

section.lista-articulos table tbody tr.l-sm:nth-child(4n+2){
	background: #f6f6f6;
}

section.lista-articulos table tr td{
	cursor: pointer;
}

section.lista-articulos table tr td input{
	border: none;
	background: transparent!important;
	font-size: 12px;
	cursor: pointer;
}

section.lista-articulos table tr td select{
	font-size: 12px;
}

section.lista-articulos table tr td input.cantidad{
	border: 1px solid #ccc!important;
	background: #fff;
}

section.lista-articulos table tr td input.readonly{
	background-color: #eceeef!important;
}

section.lista-articulos table tr td div.oferta{
	margin-top: 4px;
}

section.lista-articulos table tbody tr td div.oferta i{
	color: #DD0031;
}

section.lista-articulos table thead{
	margin-bottom: 30px;
}

section.lista-articulos table thead tr td.thead-m{
	margin-bottom: 10px;
}

section.lista-articulos table thead tr td.thead-nom{
	padding-left: 17px;
}

section.lista-articulos table.tabla-principal tbody tr td select#ped_fmt{
	font-size: 14px;
    height: 32px;
}

section.lista-articulos div#block_busqueda table tr:nth-child(2n+2){
	background: #f6f6f6;
}

section.lista-articulos div#block_busqueda table thead{
	background: #dfdfdf;
	font-size: 14px;
}

section.lista-articulos div#block_busqueda table tr td input{
	padding-left: 5px;
	height: 26px;	
}

section.lista-articulos div.observ{
	margin-top: 50px;
	margin-bottom: 0;
}

section.lista-articulos div.observ label{
	color: #55595c!important;
	font-weight: 500;
}

section.lista-articulos button#btn-buscar, section.lista-articulos button.btn-enviar, section.lista-articulos button.btn-anadir{
	background: #134286;
	letter-spacing: 1px;
	color: #fff;
    text-transform: uppercase;
    padding: 10px 25px;
    font-weight: 600!important;
}

section.lista-articulos button.btn-anadir-2{
	float: right;
}

section.lista-articulos button.btn-enviar{
	margin-top: 8px;
}

section.lista-articulos div#div-modal h2{
	color: #000000;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
}

section.lista-articulos div#div-modal table{
	margin-top: 30px;
	margin-bottom: 15px;
}

section.lista-articulos div#div-modal table tr td{
	padding: 5px 5px 5px;
}

section.lista-articulos div#div-modal table tr td.mod-check{
	margin-bottom: 0;
	padding-top: 16px;
}

section.lista-articulos div#div-modal table.tabla-principal tr td.mod-check{
	margin-top: 7px;
	text-align: center;
}


.modal-header{
	padding-bottom: 0 !important;
	border-bottom: none!important;
}



.modal-footer{
	border-top: none!important;
}


@media screen and (max-width: 767px){
	
	.site-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		background: #fff;
		border-bottom: solid 1px #c5d6de;
		padding: 5px 0px 0 0;
		z-index: 80;
	}	
	
	.page-content {
		padding: 55px 5px 65px !important;
	}	

	section.lista-articulos table tbody tr.titulo-head{
		background: #346B9E;
	}

	section.lista-articulos table tbody tr.titulo-head td{
		color: #fff!important;
		padding: 5px 5px;
		font-size: 14px;
	}

	section.lista-articulos table tbody tr.l-sm{
		background: #f6f6f6!important;
		border-bottom: 10px solid white;
	}

	section.lista-articulos table tbody tr.l-sm:last-child{
		border-bottom: none;
	}

	section.lista-articulos table tbody tr td.td-mark{
		padding: 10px 5px 5px;
	}

	section.lista-articulos table tbody tr td.td-cant-resp{
		padding: 5px 5px 5px;
	}

	body{
		padding: 0;
	}
	
	section.lista-articulos h1, section.lista-articulos div.boton-buscar, section.lista-articulos div.observ, section.lista-articulos div.boton-enviar{
		padding: 0;
	}

	section.lista-articulos table#busq_lnas tr td.head-resp{
		background: #346B9E;
		
	}
	
	section.lista-articulos table#busq_lnas tr td.head-resp-2{
		padding-top: 17px!important;
	    padding-bottom: 15px!important;
	    padding-left: 15px!important;
	}

	section.lista-articulos table#busq_lnas tr td.head-resp-2 input{
		color: #fff;
		font-weight: 600;
	}

	section.lista-articulos table#busq_lnas tr{
		border-bottom: 20px solid #fff;
	}

	section.lista-articulos table#busq_lnas{
		background: #f6f6f6;
	}

	section.lista-articulos div#div-modal table tr td{
		font-size: 14px;
		padding-left: 15px;
	}
	
	div.user-menu span{
		font-size: 12px;
	}

	.modal-content{
		min-width: auto;
	}

	section.lista-articulos button.btn-anadir{
		padding: 10px 20px!important;
	}
}



/* USUARIO */

section#usuario aside ul li{
	padding: 6px 15px!important;
}

section#usuario div.info-usuario{
	padding: 20px 15px!important;
}

section#usuario div.info-usuario div#nueva-direccion-usuario{
	padding: 0!important;
	margin-top: 20px;
}

section#usuario div.info-usuario div#nueva-direccion-usuario h4{
	color: #fff;
	background: #373a3c;
}



section#usuario div.info-usuario div.incidencias h4{
	padding: 20px 15px!important;
	font-size: 15px!important ;
}

section#usuario div.info-usuario div.incidencias form label.form-check-label{
	padding: 10px 15px!important;
	font-size: 12px!important;
}

section#usuario div.info-usuario div.incidencias p{
	font-size: 12px!important;
	margin-top: 15px!important;
}

section#usuario select#inc_tipo, section#usuario textarea#inc_desc{
	font-size: 12px!important;
}

section#usuario div.info-usuario div.documentos a.btn{
	display: block;
	margin-top: 10px;
}

section#usuario div#nueva-direccion-usuario{
	padding: 0;
}

section#usuario div.info-usuario{
	margin-bottom: 30px;
}

section#usuario div.info-usuario div.documentos a.btn{
	margin-bottom: 5px;
	display: block;
}



section#usuario div.info-usuario div#nueva-direccion-usuario h4{
	margin-top: 20px!important;
}

section#usuario div#nueva-direccion-usuario{
	padding: 0;
}

section#usuario div.info-usuario div#nueva-direccion-usuario h4{
	margin-top: 20px!important;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
section#usuario aside{
	margin: 0;
	padding: 0;
}

section#usuario aside ul{
	padding: 0;
}

section#usuario aside ul li{
	padding: 6px 20px;
	cursor: pointer;
}

section#usuario aside ul li.tab-active{
	background: #eee;
	border-left: solid 5px #346B9E;
}

section#usuario aside ul li:hover{
	border-left: solid 5px #346B9E;
}

section#usuario aside ul li a{
	color: #4e4d4d;
}

section#usuario aside ul li a i{
	margin-right: 10px;
}

section#usuario div.info-usuario{
	background: #eee;
	padding: 20px;
	margin-bottom: 30px;
}

section#usuario div.info-usuario div#perfil span.span-usuario, section#usuario div.info-usuario div#direccion-envio-usuario span.span-usuario, section#usuario div.info-usuario div#direccion-facturacion-usuario span.span-usuario, section#usuario div.info-usuario div#pedidos-usuario span.span-usuario, section#usuario div.info-usuario div.historicos-usuario span.span-usuario, section#usuario div.info-usuario div.incidencias span.span-usuario{
	font-size: 24px;
	color: #97d8bd;
	padding: 0;
}

section#usuario div.info-usuario div#perfil span.span-usuario:after, section#usuario div.info-usuario div#direccion-envio-usuario span.span-usuario:after, section#usuario div.info-usuario div#direccion-facturacion-usuario span.span-usuario:after, section#usuario div.info-usuario div#pedidos-usuario span.span-usuario:after, section#usuario div.info-usuario div.historicos-usuario span.span-usuario:after, section#usuario div.info-usuario div.incidencias span.span-usuario{
	width: 100%;
    content: "";
    border-bottom: solid 3px #fff;
    display: block;
    margin: 10px 0 20px 0;
}

section#usuario div.info-usuario div#perfil form{
	margin-top: 30px;
}

section#usuario div.info-usuario div#perfil form button{
	background: #97d8bd;
    color: #fff;
    padding: 5px 25px;
    cursor: pointer;
    transition: all .5s;
}

section#usuario div.info-usuario div#perfil form button:hover{
	background: #649e86;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario{
	padding: 0;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario h4, section#usuario div.info-usuario div#direccion-facturacion-usuario h4, section#usuario div.info-usuario div#pedidos-usuario h4, section#usuario div.info-usuario div.historicos-usuario h4, section#usuario div.info-usuario div#margenes-articulos h4, section#usuario div.info-usuario div#clave-admin h4{
	font-size: 18px;
    text-align: center;
    color: #fff;
    background: #346B9E;
    padding: 15px 0;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente{
	padding: 20px 10px;
    background: #fff;
    border-bottom: 1px solid #ececec;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente:last-child{
	border-bottom: none;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente label{
	padding: 0;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente div.boton-envio a i{
	margin-right: 5px;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente fieldset input{
	margin-top: 5px;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente div.boton-envio a{
	color: #fff;
    background: #97d8bd;
    font-size: 14px;
    transition: all .5s;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente div.boton-envio a:hover{
	background: #649e86;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente div.boton-envio-2{
	text-align: right;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente div.boton-envio-2 a{
	padding: 0;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente div.boton-envio-2 a i{
	color: #97d8bd !important;
	font-size: 23px;
	transition: all .5s;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente div.boton-envio-2 a i:hover{
	color: #649e86;
}

section#usuario div.info-usuario div#nueva-direccion-usuario{
	padding-right: 0;
}

section#usuario div.info-usuario div#nueva-direccion-usuario h4{
	font-size: 18px;
    text-align: center;
    color: #666;
    background: #d4ece2;
    padding: 15px 0;
}

section#usuario div.info-usuario div#nueva-direccion-usuario form, section#usuario div.info-usuario div#direccion-facturacion-usuario form{
	padding: 20px 10px;
   	background: #fff;
    margin-bottom: 10px;
}

section#usuario div.info-usuario div#nueva-direccion-usuario form fieldset label span, section#usuario div.info-usuario div#direccion-facturacion-usuario form fieldset label span{
	color: red;
}

section#usuario div.info-usuario div#nueva-direccion-usuario form fieldset input, section#usuario div.info-usuario div#direccion-facturacion-usuario form fieldset input{
	border: 1px solid #ccc !important;
}

section#usuario div.info-usuario div#nueva-direccion-usuario form button, section#usuario div.info-usuario div#direccion-facturacion-usuario form button{
	color: #fff;
    background: #97d8bd;
    font-size: 14px;
    transition: all .5s;
}

section#usuario div.info-usuario div#nueva-direccion-usuario form button:hover, section#usuario div.info-usuario div#direccion-facturacion-usuario form button:hover{
	background: #649e86;
}

section#usuario div.info-usuario div#pedidos-usuario, section#usuario div.info-usuario div#direccion-envio-usuario, section#usuario div.info-usuario div#perfil, section#usuario div.info-usuario div#direccion-facturacion-usuario, section#usuario div.info-usuario div.historicos-usuario{
	padding: 0;
}

section#usuario div.info-usuario div#pedidos-usuario table, section#usuario div.info-usuario div.historicos-usuario table{
	background: #fff;
}

section#usuario div.info-usuario div#pedidos-usuario table tr td, section#usuario div.info-usuario div.historicos-usuario table tr td{
	font-size: 14px;
}

section#usuario div.info-usuario div#pedidos-usuario table.table-b thead, section#usuario div.info-usuario div.historicos-usuario table.table-b thead{
	background: #373a3c;
}

section#usuario div.info-usuario div#pedidos-usuario table.table-b thead a, section#usuario div.info-usuario div.historicos-usuario table.table-b thead a{
	color: #fff;
	cursor: pointer;
}

section#usuario div.info-usuario div#pedidos-usuario table tr td a{
	color: #000 !important;
	font-weight: bold;
	transition: all .5s;
}

section#usuario div.info-usuario div#pedidos-usuario table tr td a:hover{
	color: #97d8bd;
}

section#usuario div.info-usuario div#pedidos-usuario table.table-b thead a{
	transition: all .5s;
}

section#usuario div.info-usuario div#pedidos-usuario table.table-b thead a:hover{
	color: #97d8bd;
}	

section#usuario div.info-usuario div#perfil span.span-usuario, section#usuario div.info-usuario div#direccion-envio-usuario span.span-usuario, section#usuario div.info-usuario div#direccion-facturacion-usuario span.span-usuario, section#usuario div.info-usuario div#pedidos-usuario span.span-usuario, section#usuario div.info-usuario div.historicos-usuario span.span-usuario, section#usuario div.info-usuario div.incidencias span.span-usuario{
	color: #346B9E!important;
}

section#usuario div.info-usuario div#perfil form button{
	background: #346B9E!important;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente div.boton-envio{
	text-align: left;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente div.boton-envio a{
    background: #346B9E!important;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente div.boton-envio-2 a i{
	color: #346B9E !important;
}

section#usuario div.info-usuario div#direcciones-existentes-usuario div.bloq-direccion-existente div.col-xs-12{
	text-align: left;
}

section#usuario div.info-usuario div#nueva-direccion-usuario form button, section#usuario div.info-usuario div#direccion-facturacion-usuario form button{
    background: #346B9E!important;
}

section#usuario div.info-usuario div#pedidos-usuario table.table-b thead a:hover{
	color: #fff!important;
	font-weight: bold!important;
}

section#usuario div.info-usuario div.documentos a.btn, section#usuario div.info-usuario div.incidencias a.btn, section#usuario div.info-usuario div.incidencias button, section#usuario div.info-usuario div#incidencias table tr td button{
    background: #346B9E!important;
}

section#usuario div.info-usuario div#nueva-direccion-usuario h4{
	background: #346B9E;
	color: #fff;
}

section#usuario div.info-usuario div.table-responsive table tbody tr td a, section#usuario div.info-usuario div#pedidos-usuario table tr td a{
	color: #000;
	font-weight: bold;
	transition: all .5s;
}

section#usuario div.info-usuario div.table-responsive table tbody tr td a:hover, section#usuario div.info-usuario div#pedidos-usuario table tr td a:hover{
	color: #346B9E!important;
}


#section_atributos .tabla-tarifas-auto-panel{
	margin-top: 12px;
	padding: 12px;
	border: 1px solid #d8dee8;
	border-radius: 6px;
	background: #f9fbfd;
}

#section_atributos .articulo-title-row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

#section_atributos .articulo-title-main{
	margin: 0;
}

#section_atributos .articulo-title-main:after{
	display: none;
}

#section_atributos .articulo-type-badge{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border: 1px solid transparent;
}

#section_atributos .articulo-type-badge--papel{
	background: #eef7ef;
	color: #2d6a31;
	border-color: #b9d8bc;
}

#section_atributos .articulo-type-badge--plastico{
	background: #edf3ff;
	color: #254f93;
	border-color: #bfd0ef;
}

#section_atributos .articulo-type-badge--bobina{
	background: #fff4e7;
	color: #8c4f1a;
	border-color: #f0cda5;
}

#section_atributos .tabla-tarifas-auto-title{
	margin: 0 0 4px;
	font-size: 18px;
	color: #1f2d3d;
}

#section_atributos .tabla-tarifas-auto-help{
	margin: 0 0 10px;
	color: #5f6b77;
	font-size: 12px;
}

#section_atributos .tabla-tarifas-auto-loading,
#section_atributos .tabla-tarifas-auto-error{
	padding: 10px;
	border-radius: 4px;
	font-size: 13px;
}

#section_atributos .tabla-tarifas-auto-loading{
	background: #eef4fb;
	color: #225a9a;
}

#section_atributos .tabla-tarifas-auto-error{
	background: #fff2f2;
	color: #b03838;
}

#section_atributos .tabla-tarifas-auto-subtitle{
	margin: 0 0 8px;
	font-size: 12px;
	color: #4e5d6c;
	font-weight: 700;
}

#section_atributos .tabla-tarifas-auto-note{
	margin: 0 0 10px;
	font-size: 12px;
	color: #7a4f1f;
}

#section_atributos table.tabla-tarifas-auto{
	width: 100%;
	background: #fff;
}

#section_atributos table.tabla-tarifas-auto thead tr th{
	background: #4a4a4a !important;
	color: #fff !important;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	padding: 6px 4px;
}

#section_atributos table.tabla-tarifas-auto thead tr.tabla-tarifas-auto-group-row th{
	background: #66717d !important;
	font-size: 11px;
}

#section_atributos table.tabla-tarifas-auto tbody td{
	text-align: center;
	font-size: 13px;
	padding: 6px 4px;
}

#section_atributos table.tabla-tarifas-auto th,
#section_atributos table.tabla-tarifas-auto td{
	cursor: text !important;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

#section_atributos table.tabla-tarifas-auto td.tabla-tarifas-auto-uds{
	font-weight: 700;
	text-align: right;
	font-style: italic;
	background: #f1f4f7;
}

#section_atributos table.tabla-tarifas-auto td.tabla-tarifas-auto-consultar{
	font-weight: 700;
	color: #1e3f75;
}

#section_atributos .tabla-tarifas-excel-wrap{
	margin-top: 10px;
}

#section_atributos .tabla-tarifas-excel-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 6px;
}

#section_atributos .tabla-tarifas-excel-label{
	font-size: 12px;
	font-weight: 700;
	color: #3f4d5b;
}

#section_atributos .tabla-tarifas-copy-btn{
	padding: 4px 10px;
	font-size: 12px;
}

#section_atributos .tabla-tarifas-excel{
	width: 100%;
	min-height: 110px;
	resize: vertical;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	line-height: 1.4;
	padding: 8px;
	border: 1px solid #d5dce6;
	border-radius: 4px;
	background: #fff;
	color: #1f2d3d;
	cursor: text;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

#section_atributos .tabla-tarifas-debug-wrap{
	margin-top: 10px;
}

#section_atributos .tabla-tarifas-debug-box{
	padding: 10px;
	border: 1px solid #d6deea;
	border-radius: 6px;
	background: #f7faff;
}

#section_atributos .tabla-tarifas-debug-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 8px;
}

#section_atributos .tabla-tarifas-debug-label{
	font-size: 12px;
	font-weight: 700;
	color: #2b3f57;
}

#section_atributos .tabla-tarifas-debug-copy-btn{
	padding: 4px 10px;
	font-size: 12px;
}

#section_atributos .tabla-tarifas-debug-text{
	width: 100%;
	min-height: 160px;
	resize: vertical;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	line-height: 1.4;
	padding: 8px;
	border: 1px solid #ccd7e6;
	border-radius: 4px;
	background: #fff;
	color: #1f2d3d;
	cursor: text;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

#section_atributos .tabla-tarifas-debug-hint{
	margin: 8px 0 0;
	font-size: 12px;
	color: #4e5d6c;
}






/* FIN DE USUARIO */


.alerta-rojo{
	top: 82px;
	width:98%;
	text-align:center;
	z-index: 100;
	margin-left: auto;
	margin-right: auto;
	
}

.top-alert {
    top: 16px !important;
}

.page-content {
    padding: 83px 5px 65px;
}

table.tabla-info-art tr td input{
	border: 1px solid #ccc !important;
	border-radius: .25rem !important;
	width: 100% !important;
	padding: 2px 6px 2px 6px !important;
}

table.tabla-info-art tr td{
	color: #55595c !important;	
	padding-bottom: 3px;
	/*
	position: static;
	display: table-cell;
	float: none;	
	*/
}

table.tabla-dir-envio tr td input{
	border: 1px solid #ccc !important;
	border-radius: .25rem !important;
	width: 100% !important;
	padding: 2px 6px 2px 6px !important;
}

table.tabla-dir-envio tr td{
	color: #343434 !important;	
	padding-bottom: 3px;
	
}
table.tabla-dir-envio tr td input{
	line-height: 20px !important;
}

table.tabla-dir-envio thead td{
	color: #343434 !important;	
	background-color: #eceeef !important;
}


table tr td button.calcular-precios {
	height: 100px;
	padding: 10px;
	border-radius: 3px;
	border: solid 1px #00a8ff;
	background: #00a8ff;
	color: #fff;
	font-weight: 600;
}

table tr td button.calcular-precios .fa {
	display: block;
	margin: 0 0 12px;
	font-size: 26px;
}
table tr td button.calcular-precios:hover{
	background-color: #16b4fc;
	border-color: #16b4fc;
}

.p-lr-0{
	padding-left: 0px;
	padding-right: 0px;
}

.f-r{
	float: right;
}
.f-l{
	float: left;
}

.img-info{
	color: #134286;
	padding-top: 7px;
	cursor: pointer;
}

.img-info-sm{
	color: fff;
	cursor: pointer;
}

.img-oblig{
	color: #DD0031;
	padding-top: 7px;
	cursor: pointer;
}

.img-oblig-sm{
	color: #DD0031;
	cursor: pointer;
}

.select2-selection__rendered, .select2-results__option{
	font-size: 12px !important;
}

.select2-selection__choice{
	color: #343434 !important;
	background: #fff !important;
	border: solid 1px #00a8ff !important;
	font-weight: 400 !important;
	font-size: 12px !important;
	padding: 0 2rem 0 .5rem !important;
	height: 26px !important;
	line-height: 26px !important;
	position: relative !important;
}

ul.select2-selection__rendered li.select2-selection__choice span.select2-selection__choice__remove{
	color: #343434 !important;
	font-size: 26px !important;
	top: 0px !important;
	font-weight: 400 !important;
}

/*
input, select, .form-control input, .form-control select {
	line-height: 20px !important;
}
*/

input[type='text'], input[type='number'], select[type='*']	{
	line-height: 20px !important;
}
















/*DOCUMENTOS*/

div.documentos span.titulo, section#usuario div.info-usuario div.incidencias span.titulo{
	font-size: 20px;
	font-weight: 600;
	color: #333;
}

div.documentos{
	padding: 0;
}

div.documentos div.tabla-articulos table a{
	color: #5d5d5d;
	display: block;
    margin-bottom: 15px;
}

 div.documentos div.tabla-articulos table tr td p{
	margin: 0;
}

section#usuario div.info-usuario div.total-pagar{
	margin-top: 30px;
}

section#usuario div.info-usuario div.documentos a.btn, section#usuario div.info-usuario div.incidencias a.btn, section#usuario div.info-usuario div.incidencias button, section#usuario div.info-usuario div#incidencias table tr td button{
	padding: 5px 10px;
    background: #97d8bd;
    color: #fff;
}

section#usuario div.info-usuario div.cuadros, div.documentos div.tabla-articulos{
	margin-top: 30px;
}

section#usuario div.info-usuario div.documentos div.cuadros:nth-child(1){
	padding-left: 0!important;
}

section#usuario div.info-usuario div.cuadros h4, div.documentos div.tabla-articulos h4, section#usuario div.info-usuario div.incidencias h4{
	font-size: 18px;
    text-align: center;
    color: #fff;
    background: #346B9E;
    padding: 15px 0;
}

section#usuario div.info-usuario div.cuadros div.table-responsive,  div.documentos div.tabla-articulos div.table-responsive{
	padding: 0;
}

section#usuario div.info-usuario div.cuadros div.table-responsive table, div.documentos div.tabla-articulos table{
	background: #fff;
	font-size: 14px;
}

section#usuario div.info-usuario div.cuadros div.cuadros-2{
	padding: 20px 10px;
    background: #fff;
}

section#usuario div.info-usuario div.cuadros div.cuadros-2 p{
	margin-bottom: 5px;
	font-size: 14px;
}

section#usuario div.info-usuario div.incidencias span.titulo{
	padding: 0;
	margin-bottom: 15px;
}

section#usuario div.info-usuario div.incidencias p{
	font-size: 14px;
	margin-bottom: 20px;
}

section#usuario div.info-usuario div.incidencias form label.form-check-label{
	display: block !important;
	background: #fff;
	padding: 10px 20px;
	font-size: 14px;
}

section#usuario div.info-usuario div.incidencias form label.form-check-label p{
	margin: 0;
}

section#usuario div.info-usuario div.incidencias form div.form-group label{
	font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
}

section#usuario div.info-usuario div#incidencias{
	margin-top: 50px;
}

section#usuario div.info-usuario div#incidencias h4{
	color: #649e86;
	font-size: 18px;
	margin-bottom: 20px;
}

section#usuario div.info-usuario div#incidencias div.table-responsive{
	padding: 0;
}

section#usuario div.info-usuario div.historicos-usuario table tr td a{
	font-weight: bold!important;
	color: #000!important;
	transition: all .5s;
}

section#usuario div.info-usuario div#incidencias table{
	font-size: 14px;
}

section#usuario div.info-usuario div#incidencias table thead{
	background: #d8e2de;
}

section#usuario div.info-usuario div#incidencias table thead p.p-cab-tab {
    color: #3c763d;
    font-weight: bold;
    margin-bottom: 5px;
}

section#usuario div.info-usuario div#incidencias table thead tr td span.resuelta, section#usuario div.info-usuario div#incidencias table thead tr td span.pendiente, section#usuario div.info-usuario div#incidencias table thead tr td span.anulada{
    padding: 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
}

section#usuario div.info-usuario div#incidencias table thead tr td span.resuelta{
	background: #5cb85c;
}

section#usuario div.info-usuario div#incidencias table thead tr td span.pendiente{
    background: #5bc0de;
}

section#usuario div.info-usuario div#incidencias table thead tr td span.anulada{
    background: #d9534f;

}

section#usuario div.info-usuario div#incidencias table tbody{
	background: #fff;
}

section#usuario div.info-usuario div#incidencias table tr td.footer-table {
    padding: 10px 8px;
    background: #d4d4d4;
}

section#usuario div.info-usuario div#incidencias table div.indicar-duda{
	margin-top: 20px;
}

section#usuario div.info-usuario div#incidencias table a.btn-indicar-duda{
	background: #333;
	color: #fff;
}

#pedidos-usuario table.hidden-sm-up thead tr th{
	background: #346B9E;
}

/*DOCUMENTOS*/


.modal-footer .btn+.btn {
    margin-bottom: 0 !important;
    margin-left: 5px !important;
}

footer{
	
	background: #346B9E!important;
	padding: 11px;
	position: absolute;
	width: 100%;
	bottom: 0;	
	display: block;
}

footer ul{
	text-align: center;
	padding: 0px;
}

footer ul li{
	display: inline-block;
}

footer ul li:after{
    content: "·";
    color: #fff;
    display: inline-block;
    margin: auto 20px;
}

footer ul li:last-child:after{
	display: none;
}

footer ul li a{
	color: #fff;
	font-size: 14px;
}

footer ul li:hover a{
	color: #fff;
}

footer ul li a:hover{
	color: #fff;
}


.bootbox.modal {z-index: 9999 !important;}


/*Estilos selección de articulos*/
.select-art
{
	margin-bottom: 30px;
}
.select-art label
{
    margin-bottom: 10px;
    color: #55595c !important;
    font-weight: 500;
	padding-left: 10px;
}

.box-typical{
	margin: auto !important;
}

.category-title {
    font-size: 14px !important;
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
	left: 0;
    padding: 10px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    color: #fff;
    background: linear-gradient(to left, rgba(85, 67, 70, 0.85), rgba(69, 80, 91, 0.85)) !important;
    -webkit-transition: 0.2s background ease-in-out;
    transition: 0.2s background ease-in-out;	
	height: 30%;
}

.categoty-picture{
	top: 0;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}

.categoty-picture-70{
	top: 0;
	position: absolute;
	left: 0;
	width: 100%;
	height: 70%;
}

.modal-send{
    height: 60px;
}

.ajax_loader_calc_gsbase {
	background: url("../img/spinner_squares_circle.gif") no-repeat center center transparent;
	transform: translateX(-50%);
    left: 50%;
	width: 100px;
	height:60px;
	position: absolute; 
	z-index:999;
}



#tabla_atributos .select2-container--arrow.select2-container--disabled, #tabla_atributos  .select2-container--default.select2-container--disabled, .select2-container--white.select2-container--disabled{
	opacity: 1!important;
}

#tabla_atributos select[type="*"]:disabled .selection span, #tabla_atributos input[type="text"]:disabled,  #tabla_atributos input[type="text"]:disabled, #tabla_atributos select[type="*"]:disabled, #tabla_atributos select[type="*"]:disabled, #tabla_atributos .form-control:disabled
{
	background:#b9bec4!important;
	border-color:#d2deec!important;
	color:#4f627d!important;
	opacity: 1!important;
}

/* Refactor atributos: sin hover en titulos y controles mas amplios */
section#section_atributos h2{
	cursor: default;
}

section#section_atributos .atrib-spec-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 10px;
}

section#section_atributos .atrib-spec-header .atrib-spec-title{
	margin: 0 !important;
}

section#section_atributos .atrib-spec-header .atrib-note-required{
	margin: 0 !important;
	text-align: right;
}

section#section_atributos #atrib_template_loader{
	margin-bottom: 18px;
}

section#section_atributos #atrib_template_loader .atrib-template-box{
	border: 1px solid #b9cfe8;
	background: #eef5fc;
	border-radius: 8px;
	padding: 18px 20px;
	box-shadow: 0 2px 8px rgba(33, 79, 128, 0.08);
}

section#section_atributos #atrib_template_loader .atrib-template-head{
	margin-bottom: 14px;
}

section#section_atributos #atrib_template_loader .atrib-template-title{
	margin: 0 0 8px 0;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .2px;
	color: #184a88;
}

section#section_atributos #atrib_template_loader .atrib-template-title .atrib-template-title-icon{
	display: inline-block;
	margin-right: 6px;
	background: transparent;
	color: #ffb300;
	font-size: 14px;
	line-height: 1;
	vertical-align: middle;
}

section#section_atributos #atrib_template_loader .atrib-template-subtitle{
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.55;
	color: #274c74;
}

section#section_atributos #atrib_template_loader .atrib-template-guidance{
	margin-top: 14px;
	padding: 12px 14px;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	border: 1px solid #c6dbf3;
	border-left: 4px solid #2b6cb0;
	border-radius: 8px;
	background: #ffffff;
}

section#section_atributos #atrib_template_loader .atrib-template-guidance-icon{
	flex: 0 0 auto;
	font-size: 16px;
	color: #2b6cb0;
	margin-top: 1px;
}

section#section_atributos #atrib_template_loader .atrib-template-guidance-text{
	flex: 1 1 auto;
}

section#section_atributos #atrib_template_loader .atrib-template-guidance-text p{
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 1.6;
	color: #2b445f;
}

section#section_atributos #atrib_template_loader .atrib-template-guidance-text p:last-child{
	margin-bottom: 0;
}

section#section_atributos #atrib_template_loader .atrib-template-box > .row{
	margin-top: 14px;
}

section#section_atributos #atrib_template_loader .template-selector-shell{
	border: 1px solid transparent;
	border-radius: 8px;
	padding: 2px;
	transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}

section#section_atributos #atrib_template_loader #template_selector{
	border: 1px solid #9eb9d6;
	background: #ffffff;
	transition: border-color .25s ease, background-color .25s ease;
}

section#section_atributos #atrib_template_loader.template-selector-attention .template-selector-shell{
	border-color: #d97706;
	background: linear-gradient(180deg, #fff8dc 0%, #ffefc0 100%);
	box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.24);
	animation: template-selector-pulse 1.05s ease-in-out infinite;
}

section#section_atributos #atrib_template_loader.template-selector-attention #template_selector{
	border-color: #c96a00;
	background: #fffef8;
}

section#section_atributos #atrib_template_loader.template-selector-attention .template-selector-shell:focus-within{
	border-color: #b45309;
	box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.30);
	animation: none;
}

section#section_atributos #atrib_template_loader.template-selector-attention .atrib-template-subtitle{
	color: #8a4900;
}

section#section_atributos #atrib_template_loader.template-selector-attention .atrib-template-title .atrib-template-title-icon{
	animation: template-selector-icon-blink 1.2s ease-in-out infinite;
}

@keyframes template-selector-pulse{
	0%, 100%{
		box-shadow: 0 0 0 2px rgba(217, 119, 6, 0.22);
	}
	50%{
		box-shadow: 0 0 0 7px rgba(217, 119, 6, 0.08);
	}
}

@keyframes template-selector-icon-blink{
	0%, 100%{
		opacity: 1;
		transform: scale(1);
	}
	50%{
		opacity: .35;
		transform: scale(.9);
	}
}

@media (prefers-reduced-motion: reduce){
	section#section_atributos #atrib_template_loader.template-selector-attention .template-selector-shell,
	section#section_atributos #atrib_template_loader.template-selector-attention .atrib-template-title .atrib-template-title-icon{
		animation: none;
	}
}

section#section_atributos #atrib_template_loader .atrib-template-feedback{
	margin-top: 10px;
	padding: 8px 10px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 8px;
}

section#section_atributos #atrib_template_loader .atrib-template-feedback.feedback-success{
	border: 1px solid #bddfc5;
	background: #eef9f1;
	color: #2d6a3f;
}

section#section_atributos #atrib_template_loader .atrib-template-feedback.feedback-error{
	border: 1px solid #e6b8be;
	background: #fff2f4;
	color: #9f2f24;
}

section#section_atributos #atrib_template_loader .atrib-template-feedback.is-hidden{
	display: none;
}

section#section_atributos #atrib_template_loader .btn-template-load{
	width: 100%;
	min-height: 44px;
	font-weight: 700;
}

section#section_atributos #atrib_template_loader .atrib-template-actions{
	display: flex;
	align-items: stretch;
	gap: 10px;
}

section#section_atributos #atrib_template_loader .atrib-template-actions .btn-template-load{
	flex: 1 1 auto;
}

section#section_atributos #atrib_template_loader .btn-template-reset{
	flex: 0 0 auto;
	min-height: 38px;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}

section#section_atributos #tabla_atributos tbody tr:hover{
	background: inherit;
}

section#section_atributos #tabla_atributos tr td,
section#section_atributos #tabla_atributos tr td input{
	cursor: default;
}

section#section_atributos #tabla_atributos tr td.td-cant-resp input.form-control,
section#section_atributos #tabla_atributos tr td.td-cant-resp select.form-control{
	width: 100%;
	min-width: 0;
	min-height: 44px;
}

section#section_atributos #tabla_atributos tr td.td-cant-resp input.form-control{
	cursor: text;
}

section#section_atributos #tabla_atributos tr td.td-cant-resp select.form-control{
	cursor: pointer;
}

section#section_atributos #tabla_atributos tr td.td-cant-resp .select2-container{
	width: 100% !important;
}

section#section_atributos #tabla_atributos tr td.td-cant-resp .template-locked-field{
	border-color: #66b97f !important;
	background: #e9f8ee !important;
	color: #225f37 !important;
	box-shadow: inset 0 0 0 1px rgba(61, 143, 89, .18) !important;
	font-weight: 700;
}

section#section_atributos #tabla_atributos tr td.td-cant-resp .template-locked-field[disabled]{
	opacity: 1;
	-webkit-text-fill-color: #225f37;
	color: #225f37 !important;
	cursor: not-allowed !important;
}

section#section_atributos #tabla_atributos tr td.td-cant-resp .select2-container.template-locked-select2 .select2-selection{
	border-color: #66b97f !important;
	background: #e9f8ee !important;
	box-shadow: inset 0 0 0 1px rgba(61, 143, 89, .18) !important;
}

section#section_atributos #tabla_atributos tr td.td-cant-resp .select2-container.template-locked-select2 .select2-selection__rendered{
	color: #225f37 !important;
	font-weight: 700;
}

section#section_atributos #tabla_atributos tr td.td-cant-resp .select2-selection--single .select2-selection__rendered{
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

section#section_atributos #tabla_atributos tr td.td-cant-resp .select2-container--default.select2-container--focus .select2-selection--multiple,
section#section_atributos #tabla_atributos tr td.td-cant-resp .select2-selection--multiple:focus{
	border-color: #dbe5f5 !important;
	box-shadow: none !important;
	outline: 0 !important;
}

section#section_atributos #tabla_atributos tr td.td-cant-resp .select2-search--inline .select2-search__field,
section#section_atributos #tabla_atributos tr td.td-cant-resp .select2-search--inline .select2-search__field:focus{
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
	background: transparent !important;
}

section#section_atributos #tabla_atributos tr td.td-cant-resp select.select2-hidden-accessible{
	width: 1px !important;
	min-width: 1px !important;
	min-height: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

@media screen and (min-width: 992px){
	section#section_atributos #tabla_atributos thead tr td:first-child,
	section#section_atributos #tabla_atributos tbody tr.l-sm td.hidden-sm-down{
		width: 40%;
	}

	section#section_atributos #tabla_atributos thead tr td:last-child,
	section#section_atributos #tabla_atributos tbody tr.l-sm td.td-cant-resp{
		width: 60%;
	}
}

@media screen and (max-width: 767px){
	section#section_atributos .atrib-spec-header{
		display: block;
		margin-bottom: 8px;
	}

	section#section_atributos .atrib-spec-header .atrib-spec-title{
		margin-bottom: 6px !important;
	}

	section#section_atributos .atrib-spec-header .atrib-note-required{
		text-align: left;
	}

	section#section_atributos #atrib_template_loader .atrib-template-box{
		padding: 12px 14px;
	}

	section#section_atributos #atrib_template_loader .atrib-template-guidance{
		padding: 10px 11px;
		gap: 9px;
	}

	section#section_atributos #atrib_template_loader .atrib-template-guidance-icon{
		font-size: 15px;
	}

	section#section_atributos #atrib_template_loader .atrib-template-guidance-text p{
		font-size: 12px;
		margin-bottom: 8px;
	}

	section#section_atributos #atrib_template_loader .atrib-template-actions{
		gap: 8px;
	}

	section#section_atributos #atrib_template_loader .btn-template-load{
		min-height: 42px;
	}

	section#section_atributos #atrib_template_loader .btn-template-reset{
		min-height: 34px;
		padding: 6px 8px;
		font-size: 11px;
	}

	section#section_atributos #tabla_atributos tbody tr.titulo-head td.td-title-like{
		padding: 10px 12px;
	}

	section#section_atributos #tabla_atributos tbody tr.l-sm td.td-mark.hidden-md-up,
	section#section_atributos #tabla_atributos tbody tr.l-sm td.td-cant-resp{
		display: block;
		width: 100% !important;
		float: none !important;
	}

	section#section_atributos #tabla_atributos tbody tr.l-sm td.td-mark.hidden-md-up{
		padding: 10px 12px 4px;
		font-weight: 600;
	}

	section#section_atributos #tabla_atributos tbody tr.l-sm td.td-cant-resp{
		padding: 0 12px 12px;
		border-top: 0 !important;
	}
}

/* Refactor articulos: campos numericos legibles e iconos de accion */
section#section_articulos #lnas_arts td.art-metric-cell input.art-metric-input{
	width: 100%;
	min-height: 36px;
	padding: 6px 8px;
	font-size: 13px;
	font-weight: 700;
	text-align: right;
}

section#section_articulos #lnas_arts td.art-metric-cell input[name="ped_uds"]{
	min-width: 82px;
}

section#section_articulos #lnas_arts td.art-metric-cell input[name="ped_punidad"]{
	min-width: 104px;
}

section#section_articulos #lnas_arts td.art-metric-cell input[name="ped_ptotal"]{
	min-width: 96px;
}

section#section_articulos #lnas_arts td.art-action-cell{
	cursor: pointer;
}

section#section_articulos #lnas_arts td.art-action-cell .art-action-icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid #d8e4f5;
	border-radius: 8px;
	background: #f7faff;
	color: #2f5eb0;
	font-size: 18px;
	line-height: 1;
}

section#section_articulos #lnas_arts td.art-action-delete .art-action-icon{
	color: #d90429 !important;
	border-color: #f1d3d8;
	background: #fff7f8;
}

section#section_articulos #lnas_arts td.art-title-cell .art-title-wrap{
	display: flex;
	align-items: center;
	gap: 8px;
}

section#section_articulos #lnas_arts td.art-title-cell .art-title-input{
	flex: 1 1 auto;
	min-width: 0;
}

section#section_articulos #lnas_arts td.art-title-cell .art-edit-indicator{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 1px solid #d8e4f5;
	border-radius: 8px;
	background: #f7faff;
	color: #2f5eb0;
	font-size: 14px;
	line-height: 1;
	flex: 0 0 auto;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
}

section#section_articulos #lnas_arts td.art-title-cell .art-edit-indicator:hover,
section#section_articulos #lnas_arts td.art-title-cell .art-edit-indicator:focus{
	background: #eaf2ff;
	border-color: #b9cdee;
	color: #224d9a;
	outline: none;
}

@media screen and (max-width: 767px){
	section#section_articulos #lnas_arts td.art-metric-cell input.art-metric-input{
		min-width: 0;
		width: 100%;
	}

	section#section_articulos #lnas_arts td.art-action-label{
		font-weight: 600;
	}
}