/* @alejandro Colores que voy a usar. */
:root
{
	--blanco: #ffffff;
	--grisClaro: #f8f8f8;
	--grisMedioClaro: #ccc;
	--grisMuyOscuro: #55565b;
	--grisOscuro: #575757;
	--grisMedioOscuro: #55565b;
	--grisMedioClaro: #9d9d9c;
	--grisPie: #253137;
	--grisClaro2: #ededed;
	--rojoLinkasoft: #dd211c;
	--rojoHover: #d63848;
	--rojoOpacity: rgba(221, 33, 28, 0.7);
	--negro: #000;
	--negro2: #333;
	--negro3: #212121;
	--verde: #4caf50;
	--azulMarino: #212930;
	--azulMarino2: #273439;
	--azulClaro: #41545b;
	--grisAdicional: #ededed;
	--verdeHover: #489d4b;
	--grisHover: #dfdcdc;
}

*
{
	font-family: 'Poppins', sans-serif;
}

body
{
	/*background: #f4f4f4;*/
	background-color: var(--blanco);
	margin: 0;
	text-align: center;
	font-size: 12px;
	background-repeat: repeat-x;
	background-position: center top;
}
#contenedor {
	width: 96% !important;
	margin: auto;
	text-align: left;
	background: #ffffff;
}
#cuerpo {
	overflow: auto;
	height: 1%;
	background: #f4f4f4;
}
a:link, a:visited, a:active {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
}
a:visited {
	color:;
}
.sinborde {
	border: none
}
h1 {
	font-size: 18px;
	color: #333333;
	font-weight: 400;
	margin: 0 0 10px 0;
	line-height: 24px;
	vertical-align: middle;
}

h2 {
	font-size: 16px;
	color: #333333;
	font-weight: 400;
	margin: 10px 0 10px 0;
	line-height: 24px;
	vertical-align: middle;
}
.avisos {
	margin: 0 0 10px;
	font-size: 18px;
	color: #993300;
	font-weight: normal
}
/* Cabecera */

#panel_control {
	margin: 0;
	position: absolute;
	top: 28px;
	right: 90px;
	font-size: 18px;
	color: #DC201B;
	font-weight: bold;
}
#seccion_control {
	margin: 0;
	position: absolute;
	bottom: 18px;
	right: 90px;
	font-size: 14px;
	color: #DC201B;
	font-weight: bold;
	line-height: 6px;
}
/* Cabecera Inferior */



#cab_inf {
	position: relative;
	width: 100%;
	height: 31px;
	background-color: #fff;
	background-image: url(../img/fnd_cabinf_1080.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a#cerrar_sesion:link, a#cerrar_sesion:visited, a#cerrar_sesion:active {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}
a#cerrar_sesion:hover {
	color: #ffffff;
	text-decoration: underline;
}
#icono_cierre {
	border: none;
	position: absolute;
	top: 3px;
	right: 15px
}

/*  */



#lista_secciones_ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.lista_secciones_li {
	margin-bottom: 10px;
	margin-right: 8px;
	float: left;
	width: auto;
	height: auto;
}
a.lista_secciones {
	background-color: #ffffff;
	display: block;
	padding: 65px 0 0 0;
	height: 40px;
	border: 1px solid #cccccc;
	text-align: center;
	font-weight: 400;
	width: 136px;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	background-position: center 10px;
	background-repeat: no-repeat;
	background-size: 95%;
	line-height: 15px;
	vertical-align: top;
	-moz-border-radius: 10px;
	text-transform: uppercase;
}
a {
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
a.lista_secciones:hover {
	background-color: #f3f3f3;
	color: #000;
	background-size: 100%;
}
a.lista_secciones .titulo_seccion {
	font-size: 16px;
	color: #333333;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align: left;
	padding-left: 10px;
	text-transform: capitalize;
	cursor: default;
	background-position: left center;
}
#menu_ul .titulo_seccion {
	background: #db0000;
	color: #ffffff;
	cursor: default;
	font-size: 13px;
	border-top: 2px solid #db0000;
	left: -10px;
	padding-left: 10px;
	width: 100%;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	width: 200px;
	border-top: 10px solid #f4f4f4;
}
/*  */



#lista_inicio_ul {
	margin: 0;
	list-style: none;
	/* border: 1px solid #CCCCCC; */
	background-color: #FFF;
	padding: 0;
}
.lista_inicio_li a {
	border-top: 1px solid #ebebeb;
	padding: 10px 15px;
	color: #666;
	display: block;
}
.lista_inicio_li a:hover {
	background-color: rgba(0,0,0,0.06);
}
.lista_inicio_li p {
	font-size: 12px;
	margin-before: 0.25em;
	margin-after: 0.25em;
	-webkit-margin-before: 0.25em;
	-webkit-margin-after: 0.25em;
	color: #666666;
}
.sublista_inicio_ul {
	padding: 0 0 0 50px;
	margin: 0;
	list-style-type: square;
}
.sublista_inicio_li {
	color: #777;
	margin-bottom: 10px
}
a.lista_inicio:link, a.lista_inicio:active, a.lista_inicio:visited {
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}
a.lista_inicio:hover {
	color: #333;
	text-decoration: none;
	background-color: #fafafa;
}
a.sublista_inicio:link, a.sublista_inicio:active, a.sublista_inicio:visited {
	font-size: 11px;
	color: #444;
	text-decoration: none
}
a.sublista_inicio:hover {
	color: #db0000;
}
/* Listado de elementos de una seccion */

th {
	background-color: #f6f6f6;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	text-align: left!important;
}

th a:link {
	color: #333333;
}
#frmBuscar {
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 4px;
    background-color: #f6f6f6;
    display: block;
    min-height: 36px;
}
table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
td {
	border-bottom: 1px solid #EBEBeb;
	height: 24px;
	text-align: left;
}
th.right, td.right {
	text-align: right!important;
	padding-right:2px;
}
td div {

	text-align: left;
}
tr:hover {
	background-color: #fafafa;
}
.nones {
	background-color: #ffffff;
}
.par {
	background-color: #ffffff;
}
.pares {
	background-color: #f1f1f1;
}
.celda_nombre {
	color: #000000;
	padding: 5px;
}
.celda_producto {
	font-size: 11px;
	color: #CC3300;
	padding-left: 2px
}
.celda_fecha {
	font-size: 11px;
	color: #434343;
	padding-left: 2px
}
.celda_factura {
	font-size: 11px;
	font-weight: bold;
	color: black;
	text-align: center
}
.celda_normal {
	font-size: 11px;
	color: #555;
	padding-left: 2px
}
.form_paginacion {
	/* border-top: 1px solid #ebebeb; */
	padding: 7px 0;
	margin: 10px 0 0;
	text-align: center;
	clear: left
}
.texto_paginacion {
	font-size: 11px;
	color: #333333
}
.menu_salto_pag {
	margin: 0 3px;
	width: auto;
	min-width: 0;
}
/* Volver */



.prfo_volver {
    margin: 0 0 15px 0;
}
/* Detalles de productos, servicios t */

.pedido_ul {
	margin: 0;
	padding: 10px 0 10px 30px;
	list-style: none;
	border-bottom: 1px dashed #777;
	border-top: 1px dashed #777
}
.pedido_li {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px
}
.dato {
	font-size: 12px;
	font-weight: bold;
	color: #DC201B
}
.dato_producto {
	font-size: 12px;
	font-weight: bold;
	color: #CC3300
}
.producto_ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	list-style: none;
	width: 400px
}
.producto_li {
	margin: 0;
	font-size: 12px;
	color: #333333;
	text-align: left;
	width: 100%;
	float: left;
	padding: 10px;
	border-top: 1px solid #ebebeb;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	position: relative;
}
.producto_li:hover {
	background-color: #fbfbfb;
}
.producto_li .button-a {
/* float: right; */
}
.producto_li select, .producto_li input {
	float: right;
}
.producto_li select.left, .producto_li input.left {
	float: left;
}
.producto_li.left {
	text-align: left;
}
label.right {
	float:right;
	padding: 0 10px 0 0;
	}
.input_producto,select {
	min-width: 300px;
	line-height: 38px;
	height: 40px;
	padding: 0 5px;
	margin-left: 10px;
	color: #000000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin: 0;
	border: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.input_producto2,select {
	min-width: 40px;
	line-height: 28px;
	height: 36px;
	padding: 0 5px;
	margin-left: 10px;
	color: #000000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin: 5px 0;
	border: 1px solid #cccccc;
}
label {
	line-height: 28px;
	height: 28px;
	padding: 0 5px;
	color: #000000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin: 5px 0;
	display: inline-block;
}
.input_producto.small,select.small {
	width: 100px;
	min-width:0;
}
.input_producto_peque {
	color: #000000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
select {
	background-image: url(../img/option.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 16px;
	appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: #ffffff;
	border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-webkit-border-radius: 0;
	border: 1px solid #cccccc;
	cursor: pointer;
	vertical-align: middle;
	padding-right: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
textarea {
	min-height: auto!important;
}
/*input#valor {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	vertical-align: middle;
	line-height: 24px;
	padding: 0 5px;
}*/
select#campo {
	width: auto;
	padding-right: 20px
;
	min-width: 0;
}
/* CAMBIO */

.input_hora {
	text-align: right;
	width: 100px;
	padding: 0 3px;
	/*	margin-right:100px; */

	margin-left: 10px;
	color: #DC201B
}
.texto_normal {
	font-weight: normal
}
#prfo_imprimir {
	margin: 10px 0;
	border-bottom: 1px dashed #777;
	padding: 0 0 10px;
}
#caja_print {
	margin: 10px 0;
	border-bottom: 1px dashed #777;
	padding: 0 0 10px;
	overflow: auto;
	height: 1%
}
.print_albaran {
	float: left;
	margin: 0;
	width: 150px
}
.print_factura {
	float: right;
	margin: 0;
	width: 150px;
	text-align: right
}
a.imprimir:link, a.imprimir:visited, a.imprimir:active {
	font-size: 12px;
	font-weight: bold;
	color: #DC201B;
	text-decoration: none
}
a.imprimir:hover {
	text-decoration: underline
}
.img_impresora {
	border: none;
	margin-right: 10px;
	vertical-align: -3px
}
#caja_boton_central {
	text-align: center;
	padding: 10px 0 0
}
.prfo_fin_inv {
	margin: 10px 0;
	padding: 2px 0 3px 2px;
	background-color: #999
}
a.fin_inventario:link, a.fin_inventario:visited, a.fin_inventario:active {
	font-size: 14px;
	color: white;
	text-decoration: none
}
a.fin_inventario:hover {
	text-decoration: underline
}
#caja_copiaseg {
	margin: 0 0 20px;
	padding: 10px 0 10px 30px;
	border-bottom: 1px dashed #777;
	border-top: 1px dashed #777
}
.input_examinar {
	margin: 0 10px 0 5px;
	padding: 0 3px;
	width: 200px;
	color: #DC201B
}
#productos_cero {
	border: 1px solid #999;
	background-color: #f0f0f0;
	width: 250px;
	padding: 20px 0;
	margin: auto;
	text-align: center
}
#productos_cero p {
	margin-top: 0
}
.prfo_anadir {
	padding: 0;
	margin: 0 0 15px;
	text-align: right;
}
.prfo_anadir a {
	margin-left:5px!important;
}
a.anadir:link, a.anadir:visited, a.anadir:active {
}
a.anadir:hover {
}
.prfo_estado {
	margin: 10px 0;
	padding: 10px 0 10px 30px;
	border-bottom: 1px dashed #777;
	border-top: 1px dashed #777;
	font-size: 12px;
	color: #444
}
.form_bordes {
	border-top: 1px dashed #777;
	border-bottom: 1px dashed #777;
	padding: 10px 0;
	margin: 10px 0
}
.form_ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 450px
}
.form_li {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px
}
.form_li.left {
	text-align: left;
}
.textarea_descripcion {
	width: 500px;/*255px;*/
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #DC201B
}
.textarea_editor {
	width: 700px;/*255px;*/
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #DC201B
}
.seleccion {
	width: 180px;
	margin: 0 80px 0 10px;
	color: #DC201B
}
.seleccion_cliente {
	width: 260px;
	margin: 0 0 0 10px;
	color: #DC201B
}
#baseimponible{
	background-color:#ffffff!important;
	color:#333!important;
	padding:5px;
}
.align_descripcion {
	vertical-align: top
}
.verproductos {
	border: none;
	margin: 0 174px 0 10px;
	vertical-align: -2px
}
.titulo_subrayado {
	margin: 15px 0 20px;
	padding-bottom: 6px;
	border-bottom: 1px solid #777;
	font-size: 14px;
	color: #555
}
.titulo_subrayado_azul {
	margin: 15px 0 20px;
	padding-bottom: 6px;
	border-bottom: 1px solid #336699;
	font-size: 14px;
	color: #DC201B
}
.form_izq_ul {
	margin: 0 0 25px 70px;
	padding: 0;
	list-style: none
}
.form_izq_li {
	margin-bottom: 5px;
	font-size: 12px;
	color: #777
}
.input_producto_izq {
	width: 250px;
	padding: 0 3px;
	margin-right: 10px;
	color: #DC201B
}
.listado_ul {
	margin: 0 0 10px;
	padding: 10px 0 10px 30px;
	border-bottom: 1px dashed #777;
	list-style: none
}
.listado_li {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px
}
.totales_ul {
	background-color: #f0f0f0;
	padding: 10px 0 10px 30px;
	margin: 0 0 15px;
	list-style: none
}
.totales_ul li {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px
}
.cuadrado10 {
	border: none;
	vertical-align: -1px
}
.textarea100 {
	width: 565px;
	margin: 5px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #DC201B
}
.textarea100listado {
	width: 530px;
	margin: 5px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black
}



#form_filtro {
	margin: 10px 0;
	padding: 10px 0;
	border-bottom: 1px dashed #777;
	border-top: 1px dashed #777;
	font-size: 12px;
	color: #DC201B;
	text-align: center
}
.seleccion_filtro {
	width: 150px;
	margin: 0 30px 0 10px;
	color: #DC201B
}
.btn_formfiltro {
	width: 64px;
	border: none;
	margin-left: 30px;
	padding: 2px 0 4px;
	background: url("../img/btn_form.png") top left no-repeat;
	font-size: 11px;
	color: white
}
/* Caja de recordatorio de datos del cliente */



#recordatorio_cliente_ul {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #aaa;
	background-color: #f0f0f0;
	list-style: none;
	overflow: auto;
	height: 1%
}
.recordatorio_cliente_li {
	float: left;
	width: 120px;
	font-size: 12px;
	font-weight: normal;
	color: #444
}
.recordatorio_cliente_li2 {
	float: left;
	width: 300px;
	font-size: 12px;
	font-weight: normal;
	color: #444
}

#contenedor_index {
	margin-top: 10%;
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	-webkit-box-shadow: 0 0 8px 0 #999999;
	box-shadow: 0 0 8px 0 #999999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image: url(fnd_contenedor.png);
}
#cabecera_index {
	background: url("../img/ban_index.png") top left no-repeat;
	position: relative;
	width: 400px;
	height: 106px;
}
#panelcontrol_index {
	position: absolute;
	top: 18px;
	right: 10px;
	margin: 0;
	font-size: 18px;
	color: #DC201B;
	font-weight: bold;
}
#seccion_index {
	position: absolute;
	bottom: 48px;
	right: 10px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #666
}
#acceder {
	margin: 0;
	/* width: 280px; */
}
#acceder button {
	width: 100%;
}
/* Dudas */



.dudas_ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999
}
.dudas_ul li {
	padding: 3px 8px;
	border-bottom: 1px solid #999;
	font-size: 12px;
	color: #555
}
.dudas_ul h3 {
	font-size: 14px;
	color: white;
	margin: 0;
	width: 100px;
	float: left;
	padding-top: 2px
}
.duda_cab {
	background-color: #999;
	overflow: auto;
	height: 1%
}
.duda_vis {
	width: 70px;
	float: right;
	font-size: 12px;
	color: white;
	text-align: right
}
.duda_datos {
	overflow: auto;
	height: 1%
}
.duda_nombre {
	float: left;
	width: 350px
}
.duda_fecha {
	float: right;
	width: 150px;
	text-align: right
}
.duda_texto {
	color: black
}
.duda_texto_azul {
	color: #DC201B
}
.duda_btn {
	text-align: right
}
.duda_respuestas {
	overflow: auto;
	height: 1%
}
.duda_txtresp {
	float: left;
	width: 150px;
	padding-top: 2px
}
.img_verrespuestas {
	float: right;
	border: none
}
/* Nuestros Clientes */



.nuestrosclientes {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;/*500px;*/
	/* border-top: 1px solid #ccc; */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
/* Tienda Servicio Tecnico */



.tiendasertec {
	border: 1px solid #999;
	margin: 20px 0 25px;
	padding: 0;
	list-style: none;
	overflow: auto;
	height: 1%
}
.tiendasertec li {
	padding: 3px;
	font-size: 12px;
	color: #555;
	float: left
}
.producto_cab {
	width: 500px;
	background-color: #999
}
.titulo_producto {
	font-size: 12px;
	font-weight: bold;
	color: white
}
.cab_ver {
	width: 56px;
	background-color: #005ab3;
	text-align: center
}
a.ver_blanco:link, a.ver_blanco:hover, a.ver_blanco:visited, a.ver_blanco:active {
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: none
}
.mitad1 {
	border-bottom: 1px solid #999;
	width: 278px
}
.mitad2 {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 277px
}
.mitad3 {
	width: 278px
}
.mitad4 {
	width: 277px;
	border-left: 1px solid #999
}
.mitadfull {
	width: 555px
}
.dato_rojo {
	color: #c30;
	font-weight: bold
}
.dato_verde {
	color: #062;
	font-weight: bold
}
.casilla {
	margin-right: 450px;
}
/* Inputs modificar, eliminar e insertar */



.input-modificar {
	width: 64px;
	height: 25px;
	border: 0;
	background: url(../img/btn_modificar_input.png) top left no-repeat;
	text-indent: 2000px;
}
.input-eliminar {
	width: 64px;
	height: 25px;
	border: 0;
	background: url(../img/btn_eliminar_input.png) top left no-repeat;
	text-indent: 2000px;
}
.input-insertar {
	width: 64px;
	height: 25px;
	border: 0;
	background: url(../img/btn_insertar_input.png) top left no-repeat;
	text-indent: 2000px;
}
/* Listboxes */



.cajasdelista {
	width: 150px;
	padding: 2px;
	border: 1px solid #cccccc;
	height: auto;
}
.btn-select-anadir {
	border: 1px solid #777;
	border-radius: 5px;
	background-color: #8c8c8c;
	padding: 2px 5px;
	margin-bottom: 2px;
	color: white;
}
.btn-select-anadir:hover {
	background-color: #777;
}
.btn-select-quitar {
	border: 1px solid #777;
	border-radius: 5px;
	background-color: #8c8c8c;
	padding: 2px 5px;
	color: white;
}
.btn-select-quitar:hover {
	background-color: #777;
}
.width-input {
	width: 180px;
}
.width-acciones {
	width: 80px;
}
:focus {
	outline: none;
}



#configuracion-5-pasos {
	width: 100%;
	background: #ffffff;
	padding: 0;
	overflow: hidden;
	transition: 1s height ease-in-out;
	-webkit-transition: 1s height ease-in-out;
	-moz-transition: 1s height ease-in-out;
	max-height: 160px;
	height: 0;
}
.panel-activo {
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	animation: mostrar-panel ease-in-out 4s;
	-webkit-animation: mostrar-panel ease-in-out 4s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.panel-oculto {
	height: 0!important;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation: ocultar-panel ease-in-out 1s;
	-webkit-animation: ocultar-panel ease-in-out 1s;
}
#configuracion-5-pasos h3 {
	padding: 15px 2%;
	margin: 0;
	background: #ffffff;
	font-weight: 400;
}
#configuracion-5-pasos #cerrar-panel {
	float: right;
	border: none;
	background-color: transparent;
	width: 16px;
	height: 16px;
	margin: 0;
	background-image: url(../img/cerrar.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	cursor: pointer;
}
#configuracion-5-pasos ul {
	margin: 0;
	width: 100%;
	display: table;
	padding: 0 1.5%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#configuracion-5-pasos li {
	float: left;
	width: 20%;
	height: 100px;
	list-style: none;
	border: 0px solid #BEBEBE;
	padding: 0 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-image: url(../img/config-paso-completado.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#configuracion-5-pasos li h4 {
	color: #DD211C;
	font-size: 30px;
	width: 20%;
	float: left;
	clear: none;
	line-height: 70px;
	margin: 0;
	font-weight: 400;
}
#configuracion-5-pasos li p {
	color: #000000;
	font-size: 12px;
	width: 75%;
	float: left;
	margin: 18px 0 0 0;
	padding: 0;
	text-align: left;
	position: static;
	line-height: 16px;
}
#configuracion-5-pasos p {
	color: #000000;
	font-size: 12px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0 25px;
	position: relative;
	top: -12px;
	text-align: right;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

 @keyframes mostrar-panel {
 0% {
height: 0;
}
70% {
height: 0;
}
100% {
height:160px
}
}

/* Firefox */

@-moz-keyframes mostrar-panel {
 0% {
height: 0;
}
70% {
height: 0;
}
100% {
height:160px
}
}

/* Safari and Chrome */

@-webkit-keyframes mostrar-panel {
 0% {
height: 0;
}
70% {
height: 0;
}
100% {
height:160px
}
}

/* Internet Explorer */

@-ms-keyframes mostrar-panel {
 0% {
height: 0;
}
70% {
height: 0;
}
100% {
height:160px
}
}
 ? /* Opera */
 @-o-keyframes mostrar-panel {
 0% {
height: 0;
}
70% {
height: 0;
}
100% {
height:160px
}
}
 ? @keyframes ocultar-panel {
 0% {
height: 160px;
}
100% {
height:0;
}
}

/* Firefox */

@-moz-keyframes ocultar-panel {
 0% {
height: 160px;
}
100% {
height:0;
}
}

/* Safari and Chrome */

@-webkit-keyframes ocultar-panel {
 0% {
height: 160px;
}
100% {
height:0;
}
}

/* Internet Explorer */

@-ms-keyframes ocultar-panel {
 0% {
height: 160px;
}
100% {
height:0;
}
}
 ? /* Opera */
 @-o-keyframes ocultar-panel {
 0% {
height: 160px;
}
100% {
height:0;
}
}
 ?  /**/
.tabla-carrito {
border:0!important;
}
.tabla-carrito td {
	border: 0!important;
	border-bottom: 1px solid #dddddd!important;
}
#resultadorelacionados {
	height: 260px;
	overflow: auto;
}
#resultadorelacionados.colores table tr:hover {
	background: #efefef;
}
#resultadorelacionados.colores table tr td:nth-child(1) {
	text-align: left
}
#resultadorelacionados.colores table tr td span {
	display: inline-block;
	width: 24px;
	height: 24px;
	float: left;
	margin: 0 10px
}
span#cke_descripcion.cke_skin_kama, span.cke_skin_kama {
	width: 100%!important;
	padding: 0!important;
	border-radius: 0!important;
	margin: 10px 0!important;
	border-color: #efefef!important;
}
.cke_skin_kama .cke_wrapper {
	background-color: #efefef!important;
	background-image: none!important;
	border-radius: 0!important;
}
span.cke_skin_kama table.cke_editor {
    display: table!important;
}
hr {
	border-color: transparent;
	border-top: 1px solid #ebebeb;
	margin-bottom: 15px;
}
#resultadorelacionados.colores table tr td span.ACL {
	background-color: rgb(135,206,226)
}
#resultadorelacionados.colores table tr td span.AM {
	background-color: rgb(0,106,168)
}
#resultadorelacionados.colores table tr td span.AMA {
	background-color: rgb(243,231,27)
}
#resultadorelacionados.colores table tr td span.AMC {
	background-color: rgb(0,151,196)
}
#resultadorelacionados.colores table tr td span.AO {
	background-color: rgb(12,58,86);
}
#resultadorelacionados.colores table tr td span.AOC {
	background-color: rgb(0,79,140)
}
#resultadorelacionados.colores table tr td span.AZA {
	background-color: rgb(27,128,184)
}
#resultadorelacionados.colores table tr td span.AZC {
	background-color: rgb(0,151,196)
}
#resultadorelacionados.colores table tr td span.AZU {
	background-color: rgb(0,79,140);
}
#resultadorelacionados.colores table tr td span.B1 {
	background-color: rgb(250,250,250)
}
#resultadorelacionados.colores table tr td span.GCL {
	background-color: rgb(200,207,205)
}
#resultadorelacionados.colores table tr td span.GO {
	background-color: rgb(78,90,96)
}
#resultadorelacionados.colores table tr td span.NA {
	background-color: rgb(250,118,37)
}
#resultadorelacionados.colores table tr td span.NAC {
	background-color: rgb(246,174,43)
}
#resultadorelacionados.colores table tr td span.NAT {
	background-color: rgb(241,133,23)
}
#resultadorelacionados.colores table tr td span.NEG {
	background-color: rgb(0,0,0)
}
#resultadorelacionados.colores table tr td span.PAC {
	background-color: rgb(188,163,182)
}
#resultadorelacionados.colores table tr td span.PAT {
	background-color: rgb(167,157,200)
}
#resultadorelacionados.colores table tr td span.PUR {
	background-color: rgb(104,98,160)
}
#resultadorelacionados.colores table tr td span.RAC {
	background-color: rgb(204,76,40);
}
#resultadorelacionados.colores table tr td span.RAT {
	background-color: rgb(180,27,17);
}
#resultadorelacionados.colores table tr td span.RO {
	background-color: rgb(255,0,0)
}
#resultadorelacionados.colores table tr td span.ROO {
	background-color: rgb(180,27,17);
}
#resultadorelacionados.colores table tr td span.VCL {
	background-color: rgb(113,166,63);
}
#resultadorelacionados.colores table tr td span.VER {
	background-color: rgb(53,145,68);
}
#resultadorelacionados.colores table tr td span.VOA {
	background-color: rgb(161,153,68);
}
#resultadorelacionados.colores table tr td span.VOL {
	background-color: rgb(110,111,34);
}
/**/

.btn_form_cancelar {
	width: 80px;
	height: 25px;
	border: none;
	font-size: 12px;
	color: white;
	background-image: url("../img/btn_form_cancelar.png");
	text-align: center;
	vertical-align: middle;
	margin-left: 5px;
}
a.button-a, button.button-a, input.button-a, a.button-b, button.button-b, input.button-b, a.button-c, button.button-c,a.button-d, button.button-d, input.button-c, .btn_form, .anadir, a.volver, input#buscar, input#borrar, input#mayor, input#menor {
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: inline-block;
	font-size: 12px;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
}
a.button-a.small, button.button-a.small, input.button-a.small,
 a.button-b.small, button.button-b.small, input.button-b.small,
 a.button-c.small, button.button-c.small,  input.button-c.small,
 a.button-d.small, button.button-d.small, input.button-d.small {
	min-width: 50px;
	float: left;
	margin: 0 5px;
}
a.button-a, button.button-a, input.button-a, .btn_form {
	min-width: 100px;
	background: #2CB11F;
	border: 1px solid #2CB11F;
	margin: 0 0 10px 0;
}
a.button-a:hover, button.button-a:hover, input.button-a:hover, .btn_form:hover {
	background: #229B05;
	border-color: #229B05;
}
a.button-b, button.button-b, input.button-b {
	min-width: 100px;
	background: #D82426;
	border: 1px solid #D82426;
}
a.button-b:hover, button.button-b:hover, input.button-b:hover {
	background: #AB060F;
	border-color: #AB060F;
}
a.button-c, button.button-c, input.button-c, .anadir {
	min-width: 100px;
	background: #2181F7;
	border: 1px solid #2181F7;
}
a.button-c:hover, button.button-c:hover, input.button-c:hover, .anadir:hover {
	background: #1D72CB;
	border-color: #1D72CB;
}
input#buscar, input#borrar, input#mayor, input#menor,  a.volver:link, a.volver:visited, a.volver:active, a.button-d, button.button-d, input.button-d  {
	background: #f4f4f4;
	color: #333333;
	border: 1px solid #dedede;
}
input#buscar:hover, input#mayor:hover , input#menor:hover, input#borrar:hover,
a.volver:hover,
a.button-d:hover,
button.button-d:hover,
input.button-d:hover {
	background: #eeeeee;
}

a.volver:before {
	content: "\e604";
	font-family: 'icomoon';
	margin-right:5px;
}
.producto_li .button-b, .producto_li .btn_form, .producto_li .button-a {
	margin-left: 5px;
}
.anadir:before {
	content: "+ "
}
.producto_li textarea {
	float: right;
}
/**/
.cke_skin_kama textarea {
	height:100%!important;
}

/**/
div.countdown {
	background-color: #262F38;
	color: #ffffff;
	padding: 8px;
	display: table;
	border-bottom: 10px solid #f4f4f4;
}
div.countdown p {
	margin: 0;
}
div.countdown span.icon-warning {
	margin-right:5px
}
div.countdown button {
	float:right;
	width: 100%;
	margin: 10px 0 0 0;
}
/**/

p span.circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    position:relative;
    top:3px;
    margin: 0 4px 0 12px;
}
p {
	font-size:11px;
	line-height:15px;
	margin:0 0 15px 0;
}
p.right {
	text-align:right;
}
/* Iconfonts */
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?-ulhtwn');
	src: url('fonts/icomoon.eot?#iefix-ulhtwn') format('embedded-opentype'), url('fonts/icomoon.woff?-ulhtwn') format('woff'), url('fonts/icomoon.ttf?-ulhtwn') format('truetype'), url('fonts/icomoon.svg?-ulhtwn#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
 [class^="icon-"], [class*=" icon-"] {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-eye:before {
	content: "\e600";
}
.icon-close:before {
	content: "\e601";
}
.icon-checkmark:before {
	content: "\e602";
}
.icon-disk:before {
	content: "\e603";
}
.icon-undo:before {
	content: "\e604";
}
.icon-redo:before {
	content: "\e605";
}
.icon-pencil:before {
	content: "\e606";
}
.icon-paint-format:before {
	content: "\e607";
}
.icon-spinner:before {
	content: "\e608";
}
.icon-wrench:before {
	content: "\e609";
}
.icon-cog:before {
	content: "\e60a";
}
.icon-spell-check:before {
	content: "\e60d";
}
.icon-smiley:before {
	content: "\e60f";
}
.icon-point-up:before {
	content: "\e610";
}
.icon-warning:before {
	content: "\e611";
}
.icon-notification:before {
	content: "\e612";
}
.icon-question:before {
	content: "\e613";
}
.icon-info:before {
	content: "\e614";
}
.icon-exit:before {
	content: "\e617";
}
.icon-table:before {
	content: "\e618";
}
.icon-insert-template:before {
	content: "\e619";
}
.icon-linkasoft:before {
	content: "\e60bb";
}
.icon-doc:before {
	content: "\e626";
}
.icon-cart:before {
	content: "\e60b";
}
.icon-edit:before {
	content: "\e62a";
}
.icon-user:before {
	content: "\e62e";
}
.icon-mail:before {
	content: "\e62f";
}
.icon-download:before {
	content: "\e638";
}
.icon-unchecked:before {
	content: "\e63e";
}
.icon-checked:before {
	content: "\e63f";
}
.icon-lock:before {
	content: "\e900";
}
.icon-remove2:before {
	content: "\e60c";
}

/*Checkboxes*/



input[type=checkbox],
input[type=radio] {
width:auto;
margin: 0;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

input[type=checkbox]:before,
input[type=radio]:before {
content: "\e63e";
font-family: 'icomoon';
color:#999;
padding-right:5px;
font-size:18px;
line-height:18px;
vertical-align: top;
cursor:pointer;
}


input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
content: "\e63f";
font-family: 'icomoon';
color:#Db0000;
padding-right:5px;
font-size:18px;
line-height:18px;
vertical-align: top;
}



/*/*/


.lista_secciones_li a { background-image:url(../img/titulos_secciones/01a.png);}
.lista_secciones_li.\31 > a { background-image:url(../img/titulos_secciones/01b.png);}
.lista_secciones_li.\34 > a { background-image:url(../img/titulos_secciones/01c.png);}
.lista_secciones_li.\36 > a { background-image:url(../img/titulos_secciones/01d.png);}
.lista_secciones_li.\6 > a { background-image:url(../img/titulos_secciones/01e.png);}
.lista_secciones_li.\33 > a{ background-image:url(../img/titulos_secciones/01f.png);}
.lista_secciones_li.\31 4 > a { background-image:url(../img/titulos_secciones/01g.png);}
.lista_secciones_li.\35 3 > a{ background-image:url(../img/titulos_secciones/01j.png);}
.lista_secciones_li.\35 5 > a { background-image:url(../img/titulos_secciones/01k.png);}
.lista_secciones_li.\33 48 > a { background-image:url(../img/titulos_secciones/01l.png);}
.lista_secciones_li.\33 58 > a { background-image:url(../img/titulos_secciones/01m.png);}
.lista_secciones_li.\33 49 > a { background-image:url(../img/titulos_secciones/01n.png);}
.lista_secciones_li.\33 50 > a { background-image:url(../img/titulos_secciones/01o.png);}
.lista_secciones_li.\33 51 > a { background-image:url(../img/titulos_secciones/01p.png);}
.lista_secciones_li.\33 52 > a { background-image:url(../img/titulos_secciones/01q.png);}
.lista_secciones_li.\33 55 > a { background-image:url(../img/titulos_secciones/01t.png);}
.lista_secciones_li.\32 8 > a { background-image:url(../img/titulos_secciones/01v.png);}
.lista_secciones_li.\32 > a { background-image:url(../img/titulos_secciones/01r.png);}
.lista_secciones_li.\31 9 > a { background-image:url(../img/titulos_secciones/01s.png);}
.lista_secciones_li.\33 57 > a { background-image:url(../img/titulos_secciones/01w.png);}
.lista_secciones_li.\33 56 > a { background-image:url(../img/titulos_secciones/01y.png);}
.lista_secciones_li.\33 59 > a { background-image:url(../img/titulos_secciones/01x.png);}
.lista_secciones_li.\32 3 > a { background-image:url(../img/titulos_secciones/03b.png);}
.lista_secciones_li.\32 4 > a { background-image:url(../img/titulos_secciones/03c.png);}
.lista_secciones_li.\32 5 > a { background-image:url(../img/titulos_secciones/03d.png);}
.lista_secciones_li.\35 2 > a { background-image:url(../img/titulos_secciones/03e.png);}
.lista_secciones_li.\32 0 > a { background-image:url(../img/titulos_secciones/03f.png);}
.lista_secciones_li.\32 1 > a { background-image:url(../img/titulos_secciones/03g.png);}
.lista_secciones_li.\34 1 > a { background-image:url(../img/titulos_secciones/05a.png);}
.lista_secciones_li.\34 2 > a { background-image:url(../img/titulos_secciones/05b.png);}
.lista_secciones_li.\34 4 > a { background-image:url(../img/titulos_secciones/05c.png);}
.lista_secciones_li.\35 0 > a { background-image:url(../img/titulos_secciones/02a.png);}
.lista_secciones_li.\33 1 > a{ background-image:url(../img/titulos_secciones/06a.png);}
.lista_secciones_li.\31 002 > a{ background-image:url(../img/titulos_secciones/04d.png);}
.lista_secciones_li.\35 0 > a{ background-image:url(../img/titulos_secciones/02d.png);}

.buscadorpaneldecontrol {
	background-image: url(search.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 24px;
}
.fotogestionproductos {
	max-width: 30px;
}
.totalproductos {
	font-size: 10px;
	float:left;
	margin-top:1%;
}
.preciotarifa {
	font-weight:italic;
	font-size:10px;
}
.producto_li.inline {
    padding-right: 110px;
    line-height: 36px;
}
.producto_li.inline a {
    position: absolute;
    right: 10px;
    top: 12px;
    min-width: 90px;
}
.producto_li.inline.left > * {
    float: left;
    min-width: 0;
    margin-right: 5px;
}
.producto_li.inline.left > input {
    width: 240px;
    margin-right: 15px;
}
.producto_li.inline.left > a {
    min-width: 90px;
    margin-right: 0;
}
#contenidos h1 {
	padding-right: 40%;
	min-height: 40px;
	color: #dd211c;
}
#contenidos h1 + .prfo_anadir,
#contenidos h1 + .prfo_volver {
	position: absolute;
	right: 15px;
	top: 15px;
}
#contenidos h4 {
	display: inline-block;
	font-weight: normal;
	font-size: 14px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	margin: 10px 0 0 0;
}
#frmBuscar * {
	margin-top: 0;
	margin-bottom:0;
	display: block;
    float: left;

}
#frmBuscar span {
	margin-right: 10px;
	line-height: 36px;
}
#frmBuscar select,
#frmBuscar input {
	margin-right: 20px;
	min-width: 120px;
	line-height: 34px;
	border: 1px solid #cccccc;
	padding: 0 5px
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
#frmBuscar input {
	height: 34px;

}
#frmBuscar .button-a,
#frmBuscar #csv {
	float: right;
	margin: 0;
}
#frmBuscar a.button-a:before,
#frmBuscar #csv:before {
	content: "\e626";
	font-family: 'icomoon';
	padding-right: 5px;
}
/* @alejandro Comentarios. */
.fotoComentario
{
	float:left;
	position: absolute;
	left: 0;
	top: 26px;
}
.foto
{
	width:100%
}
.fotoPerfil
{
	width: 30px;
	border-radius: 15px;
	height:30px;
	object-fit: cover;
}
.campoComentario
{
	width: 100% !important;
	height:50px !important;
	line-height: 1.2;
	margin: 8px 0;
	background-color: #FAFAFA;
    color: #000000;
    font-size: 13px;
    border-color: #E0E0E0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 8px;
}
.comentarios
{
	float:left;
	width:100%;
	padding-left: 40px;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.comentarios > div
{
	float:left;
	width:100%;
}
.comentarios .nombre {
	font-size: 13px;
	font-weight	: bold;
	display: block;
	line-height: 18px;
}
.comentarios .fecha
{
	font-size:10px;
	color: #666666;
	position: absolute;
	top: 4px;
	right: 0;
}

.actividadComentario
{
	position:relative;
	width:100%;
	margin-top:150px
}
.actividadComentarioVerComentarios
{
	position:relative;
	width:100%;
	margin-top:20px
}
.comentarios .eliminar
{
	float:left;
	margin-left: 0;

}
.exportarCsv
{
	float:right;
	display:none !important;
}
.nombre
{
	color:black !important;
	margin-left:0 !important;
}
.datosFacturacion
{
	font-weight: bold;
}


/* Estilo acordeOn */
.category {
    background-color: #f8f8f8;
    color: #000000;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    transition: 0.4s;
    margin: 0;
    line-height: 20px;
}
.category.active,
.category:hover {
    background-color: #f8f8f8;
}
.category.active + table {
    le; */
}
.category + table {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin: 0;
    padding: 0!important;
    display: inline-block;
}
.category + table tr {
    border-top: 1px solid #f0f0f0;
    margin: 0;
    padding: 8px 10px;
    position: relative;
}
.category + table tr td {
    position: relative;
}
.category:after {
    content: '\002B';
    color: #111111;
    font-weight: 100;
    float: right;
    margin-left: 5px;
    font-size: 26px;
}

.category.active:after {
    content: "\2212";
}
.category + table input[type=checkbox] + label:before,
.category + table input[type=radio] + label:before {
	float: right;
}
/**/
/* Switch */
.switch-icon {
    display: inline-block;
    width: 30px;
    height: 18px;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    position: relative;
    top: 1px;
    border: 2px solid #999999;
    background-color: #999999;
}
.switch-icon:before {
    content:"";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #ffffff;
    position: absolute;
    top: 1px;
    left: 1px;
}
.on .switch-icon {
    border: 2px solid #33cc66;
    background-color: #33cc66;
}
.on .switch-icon:before {
    left: inherit;
    right: 1px;
}
.switch-container .switch {
	float: right;
}
.switch-container .switch span:not(.switch-icon) {
	font-size: 14px;
	position: relative;
	top: -2px;
	padding: 0 2px;
}
.switch-container + * {
	display: none;
}
.switch-container.on + * {
	display: block;
}
/**/
form .category {
    padding-left: 52px;
}
form .category:before {
    content:"";
    display:block;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 0;
    top: 0;
    background-image:url(img/icons-carrito.png);
    background-size: 50px auto;
    background-position: 0 0;
}
form .category:before {
    content:"";
    display:block;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../../altacliente/img/icons-carrito.png);
    background-size: 50px auto;
    background-position: 0 0;
}
.products-list {
	margin-bottom: 10px;
}
.products-list :nth-child(2) .category:before {
    background-position: 0 -50px;
}
.products-list :nth-child(3) .category:before {
    background-position: 0 -100px;
}
.products-list :nth-child(4) .category:before {
    background-position: 0 -150px;
}
.products-list :nth-child(5) .category:before {
    background-position: 0 -200px;
}
.products-list :nth-child(6) .category:before {
    background-position: 0 -250px;
}
/**/
.status {
	position: absolute;
	margin: 0;
	/* width: 80px; */
	height: 26px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
	top: 10px;
	right: 0;
	border: 0;
	padding: 0;
	text-align: right;
}
.status input[type=radio] {
	float: right;
}
.status input[type=radio]:before,
.status > span {
	line-height: 26px;
	font-size: 13px;
	color: #ffffff!important;
	padding: 0;
	background-color: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 0 0 2px;
	text-align: center;
	display: none;
	opacity: 0;
	width: 76px;
	transition: ease 0.3s all;
	-webkit-transition: ease 0.3s all;
	cursor: pointer;
}
.status.on input[type=radio]:before {
	display: block;
	opacity: 1;
}
.status input[type=radio]:checked:before {
	display: block!important;
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.status.on input[type=radio]:checked:before {
	position: static;
}
.status input.a[type=radio]:before {
	content: "Ofrecido";
	background-color: #FF9800;
}
.status input.b[type=radio]:before {
	content: "Contratado";
	background-color: #4CAF50;
}
.status input.c[type=radio]:before {
	content: "Baja";
	background-color: #666666;
}
.status > span {
	background-color: #f4f4f4;
	color: #111111!important;
	float: right;
	position: relative;
	z-index: 0;
	display: block!important;
	opacity: 1;
}
.status.on {
	width: 320px;
	z-index: 9;
}
.category + table input[type=date] {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 24px;
    border: 1px solid #cccccc;
	position: relative;
	top:-1px;
}
.center
{
	margin-left: 45%;
}
.contenidosActualizador
{
	width: 100% !important;
}
.mensaje
{
	font-size: 14px;
}
.anchoTextarea
{
	width: 99% !important;
}
.altoTextarea
{
	height: 50px !important;
}
.floatLeft
{
	float: left !important;
}
.contratopdf
{
	background-color: orange !important;
	border: 1px solid orange !important;
}
.tamanoEstado
{
	min-width: 20px !important;
}
.mostrarTodos
{
	margin-left: 2px !important;
}
.anadirCliente
{
	float: right !important;
}

.contenido_div_programadores{
	/*display: grid;*/
	grid-template-columns: 1fr 1fr;
  }

.producto_li_programadores {
  margin: 0;
  font-size: 12px;
  color: #333333;
  text-align: left;
  width: 100%;
  display: grid;
  grid-template-columns: 23fr 3fr;
  padding: 10px;
  border-top: 1px solid #ebebeb;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  position: relative;
}

/* Css para boton de filtar en la ventana gestionar horas */
.filtra_input_button{
	color: white;
    margin-top: 2%;
    background: #2181F7;
    border: 1px solid #2181F7;
    min-width: 100px;
}

/* Css para diseņo de div filtrado en gestion de hora */
.parent_div_filtrado_datos {
	text-align: center;
  }

.columnRight_div_filtrado_datos{
	float: right;
}
 
.columnLeft_div_filtrado_datos{
	float: left;
}
/*miguel autocomplete dominio*/
.autocomplete {
	position: relative;
	display: inline-block;
	float: right;  
}

.autocomplete-items {
	position: absolute;
	border: 1px solid #000;
	/*border-bottom: none;*/
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: 0;
	right: 0;
	max-height: 245px;
	overflow: auto;
}

.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
	background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
	background-color: DodgerBlue !important;
	color: #ffffff;
}


input.static-input {
	padding: 20px 0 0 10px;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	width: 95%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #cccccc;
}

textarea.static-textarea {
	padding: 30px 10px 10px 10px;
	line-height: 15px;
	font-size: 13px;
	font-weight: bold;
	width: 100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #cccccc;
}

select.static-select {
	padding: 20px 10px 0 10px;
	line-height: 30px;
	font-size: 12px;
	font-weight: normal;
	width: 100%;
	height: auto;
	margin: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #cccccc;
}

i+input.static-input,
i+input.static-input+.static-label,
i+input.static-select,
i+input.static-select+.static-label,
i+input.static-textarea,
i+input.static-textarea+.static-label {
	padding-left: 40px;
}

/* Input list > Animated */

.animated-label {
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 5px;
	line-height: 52px;
	transition: 0.2s ease all;
	padding: 0 10px;
	font-size: 13px;
}

input.animated-input {
	padding: 20px 10px 0 10px;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #cccccc;
	width: 100%;
}

i+input.animated-input,
i+input.animated-input+.animated-label {
	padding-left: 40px;
}

input.static-input~.static-label,
select.static-select~.static-label,
textarea.static-textarea~.static-label {
	font-size: 11px;
	line-height: 30px;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 5px;
	padding: 0 10px;
}
.input-list li {
	position: relative;
}

/* Cols */

.col-12,
.col-9,
.col-6,
.col-4,
.col-3,
.col-8 {
	padding: 5px;
	float: left;
}
.col-12,
.col-9,
.col-6,
.col-4,
.col-3,
.col-8 {
	padding: 5px;
	float: left;
}

.col-12 {
	width: 100%;
}

.col-9 {
	width: 75%;
}

.col-8 {
	width: 66.66%;
}

.col-6 {
	width: 45%;
}

.col-4 {
	width: 33.33%;
}

.col-3 {
	width: 20%;
}


#borrar,
#buscar {
	padding: 0px 5px !important;
	width: 100%;
	max-width: 190px;
}

#buscar {
	background-color: #2181F7 !important;
	color: white !important;
	font-weight: 700;
}

.list,
.input-list {
	padding: 0;
	margin: 0;
	list-style: none;
}


#frmBuscar2 {
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	padding: 10px;
	min-height: 155px;
}
.alignRight
{
	float: right !important;
}


.comentariosllamadas {
	float: left;
	width: 100%;
	padding-left: 40px;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 500px;
}



.comentariosllamadas .nombre {
	font-size: 13px;
	font-weight: bold;
	display: block;
	line-height: 18px;
}

.comentariosllamadas .fecha {
	font-size: 10px;
	color: #666666;
	position: absolute;
	top: 4px;
	right: 0;
}

.comentariosllamadas .eliminar {
	float: left;
	margin-left: 0;
	width: 50%;
}

.comentariosllamadas .actividadComentario{
	margin-top: 0px;
	    max-height: 450px;
	height: 4500px;
	overflow: auto;
}

.colorRed {
color: #E12C26;
}

.boderSeparador{
	padding-left: 15px;
	border-left: 1px solid #f3f3f3;
}
/*Paginacion*/
.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
	overflow: auto;
}
.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}
.page-link:not(:disabled):not(.disabled) {
	cursor: pointer;
}
.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #E12C26;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #E12C26;
	border-color: #E12C26;
}


/* ******************************************************************** */
/* @alejandro Personalizacion lnk-text. */
/* ******************************************************************** */

/* @alejandro Header. */
#cabecera
{
	position: relative;
	background: #fff;
	width: 100%;
	height: 40px;
	border-bottom: 2px solid #f4f4f4;
	z-index: 99;
}
#logo
{
	border: none;
	position: absolute;
	left: calc(50% - 100px);
	/*top: 10px*/
	top: -60px;
}
.logoTop
{
	border: none;
	position: absolute;
}
#prfo_cerrar
{
	margin: 0;
	position: relative;
}
.iconoNotificaciones
{
	position: absolute !important;
}
.iconoNotificaciones i
{
	color: var(--rojoLinkasoft);
}
.iconoLogout
{
	position: absolute;
	border-left: 1px solid #ccc;
    padding-left: 12px;
}
.iconoLogout i
{
	color: var(--rojoLinkasoft);
}
.divMenuOpciones
{
	position: relative;
}
.aMenuOpciones
{
	position: absolute;
}
.aMenuOpciones i
{
	color: var(--rojoLinkasoft);
}
.divMenu
{
	position: absolute;
	background-color: var(--blanco);
	z-index: 999;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.75);
}
#menu_ul
{
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
	/*margin-top: 10px;
	border-right: 10px solid #f4f4f4;*/
	background: #ffffff;
	text-align: left;
	margin: 0
}
#menu_ul li {
	border-bottom: 1px solid #ebebeb;
	display: inline-block;
}
#menu_ul li a {
	line-height: 32px;
	padding-left: 10px;
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	color: #333333;
}
#menu_ul li:hover a {
	background-color: #fafafa;
	color: #333333;
}

#menu_ul li
{
	display: block;
}
.bloquearMenuOpciones
{
	display: block;
	
}
.ocultarMenuOpciones
{
	display: none;
}
.divMenuTransicion
{
	animation: mostrarMenuTransicion .3s;
}

/* @alejandro Notificacion. */
#notification-count
{
	position: absolute;
	background-color: var(--grisMuyOscuro);
	color: var(--blanco);
	border: 1px solid var(--grisMuyOscuro);
	border-radius: 50%;
}
#notification-latest
{
	color: var(--negro2);
	position: absolute;
	background: transparent;
	text-align: justify;
	z-index: 12;
}
.notification-item
{
	padding: 10px;
	cursor: pointer;
	position: relative;
	box-shadow: 0 0 6px var(--grisMedioClaro);
	margin-bottom: 15px;
	background: var(--blanco);
}
.notification-subject span
{
	border-bottom: 2px solid #ededed;
}
.notification-comment
{
	font-style: normal;
}
.borrarNotificacion
{
	float: right;
	position: absolute;
}
.iBorrarNotificacion
{
	color: var(--rojoLinkasoft);
}
.iconoAnadir
{
	position: absolute;
	border-right: 1px solid #ccc;
}
.iIconoAnadir
{
	color: var(--rojoLinkasoft);
}
.iconoExportar
{
	position: absolute;
	border-right: 1px solid #ccc;
}
.iconoExportar i
{
	color: var(--rojoLinkasoft);
}

/* @alejandro Contenido. */
#contenidos {
	/*float: left;
	width: 100%;
	padding: 1%;*/
	background: #ffffff;
	margin-top: 1%;
	position: relative;
}
.divBuscarPrincipal
{
	position: absolute;
}
.inputBuscarPrincipal
{
    border: 1px solid var(--grisMedioClaro);
    background-color: var(--blanco);
    color: var(--negro2);
	box-shadow: 0 0 4px var(--grisMedioClaro);
}
.iBuscarPrincipal
{
	position: absolute;
}

/* @alejandro Resultados buscador. */
.divResultados
{
	position: absolute;
    background-color: var(--blanco);
}
.tablaResultados
{
	box-shadow: 0 0 6px var(--grisMedioClaro);
	margin-bottom: 2%;
}
.aProductoContratado
{
	padding: 5px;
	background-color: var(--grisClaro2);
	border: 1px solid var(--grisClaro2);
	border-radius: 20px;
	color: var(--negro2);
	display: inline-block;
	margin-top: 2px;
	font-size: 11.5px !important;
}
.tablaResultados tr td
{
	padding: 1px 5px 2px 5px;
}
.tablaResultados tr th
{
	padding-left: 5px;
}
.pResultados
{
	margin-bottom: 0;
	font-size: 12px;
	padding-top: 5px;
	color: var(--negro2);
}
.botonAvisar, .botonReenviar, .botonVer
{
    background-color: var(--grisPie);
    border: 1px solid var(--grisPie);
    color: var(--blanco);
    border-radius: 4px;
}
#cargando
{
	position: fixed;
	border-radius: 50%;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin
{
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin
{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* @alejandro Footer. */
#pie {
	font-size: 12px;
	color: #333;
	padding: 20px 0;
	margin: 0;
	/*background-color: #f4f4f4;*/
	background-color: #fff;
	position: absolute;
	bottom: 0;
}

.clienteBaja
{
	/*background-color: #ffa59f29;*/
	background-color: #f7d4d1ad;
}
.iClienteBaja
{
    color: var(--rojoLinkasoft);
    font-size: 14px;
    vertical-align: -1px;
    padding-right: 3px;
}

/* @alejandro Pantalla de login. */
#cuerpo_index
{
	/*margin-left: calc(50% - 208.07px);*/
	position: absolute;
	background: var(--blanco);
	box-shadow: 0 0 6px #ccc;
}
.logoLogin
{
	border: none;
	position: absolute;
	border-bottom: 1px solid #ededed;
}
#cuerpo_index form
{
	padding: 30px;
	margin-top: 45px;
}
#cuerpo_index form h1
{
	text-align: center;
	font-size: 18px;
	color: var(--rojoLinkasoft);
	margin-bottom: 10px;
	padding-right: 0;
}
#acceso_panel_ul
{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none
}
#acceso_panel_ul li
{
	text-align: center;
	color: var(--negro2);
}
#acceso_panel_ul li i
{
	color: var(--negro2);
}
.input_acceso
{
	width: 100%;
	margin: 0;
	color: var(--negro2);
	height: 40px;
	line-height: 40px;
	padding: 5px;
	background-color: var(--blanco);
	border: 1px solid #ccc !important;
	box-sizing: border-box;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#aviso
{
    font-size: 11px;
    color: #333;
    text-align: justify;
    margin: 0;
    float: left;
	position: absolute;
}
.botonAcceder
{
    background-color: var(--grisPie);
    border: 1px solid var(--grisPie);
    color: var(--blanco);
    border-radius: 4px;
}
.bodyLogin
{
	background-color: rgba(237, 237, 237, .2);
}

/* @alejandro Ficha cliente. */
.capaClienteFicha
{
    width: 80%;
    margin-left: 10%;
}
.clienteFicha
{
	font-size: 18px;
	padding: 10px 0px;
	margin: 0;
	color: var(--rojoLinkasoft);
	font-weight: 500;
	font-style: normal;
}
.capaOpcionesFicha
{
    height: 40px;
    width: 80%;
    margin-left: 10%;
	margin-top: 1%;
	position: relative;
	display: inline-block;
}
.capaOpcionesFicha ul
{
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.aOpcionesFicha
{
	padding: 10px;
	color: var(--negro2);
	font-size: 15px !important;
	float: left;
	box-shadow: 0 0 6px #ccc;
	margin-right: 10px;
	border-radius: 2px;
}
.aOpcionesFichaActiva
{
	background-color: var(--rojoHover) !important;
	color: var(--blanco) !important;
}

/* @alejandro Llamadas clientes. */
.capaLlamadasFicha
{
	box-shadow: 0 0 6px #ccc;
    /*min-height: 500px;*/
	height: auto;
    width: 80%;
    margin-left: 10%;
	margin-top: 1%;
	position: relative;
	padding: 10px 10px;
}
.tituloSeccionFicha
{
	padding: 5px 10px;
	font-size: 15px;
	font-weight: 500;
	border-left: 2px solid var(--rojoLinkasoft);
	color: var(--rojoLinkasoft);
}
.capaRegistrarLlamada
{
	width: 100%;
	font-size: 13px;
}
.agruparTopLlamada
{
	display: inline-block;
	width: 100%;
}
.inputRegistrarLlamada
{
	width: 95%;
    padding: 10px 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
	color: var(--negro2);
}
.labelRegistrarLlamada
{
	float: left;
	padding-left: 0;
}
.grupoTipoLlamada
{
	float: right;
}
.radioTipoLlamada
{
	vertical-align: 1px !important;
}
.labelTipoLlamada
{
	padding-right: 0;
}
.inputFechaLlamada
{
	width: 99%;
    padding: 9px 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
	color: var(--negro2);
}
.width66
{
	width: 66.66% !important;
}
.width33
{
	width: 33.33% !important;
}
.width100
{
	width: 100% !important;
}
.capaFechasLlamada
{
	display: inline-block;
	width: 40%;
	padding-left: 10px;
}
.divFechaLlamada
{
	width: 45% !important;
	margin: 0;
	float: left;
}
.divProgLlamada
{
	width: 45% !important;
	margin: 0 4% 0 0;
	float: right;
}
.divBotonLlamada
{
	position: relative;
}
.divAceptarLlamada
{
	width: 20% !important;
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 4px;
}
.botonAceptarLlamada
{
	width: 80%;
	float: right;
	padding: 10px 5px;
	background-color: var(--verde);
	border: 1px solid var(--verde);
	color: var(--blanco);
	border-radius: 2px;
	text-align: center;
}
.labelFechaLlamada, .labelProgLlamada
{
	padding: 0;
	height: 30px;
}
.divDescLlamada
{
	width: 40%;
	margin: 0;
	float: left;
}
.fechaLlamadasExistenes
{
	width: 15%;
	margin: 0;
	float: left;
	background-color: var(--grisClaro);
	padding: 10px 0;
}
.pFechaLlamadasExistentes
{
	text-align: center;
	margin-bottom: 0;
}
.temaLlamadasExistenes
{
	width: 85%;
	float: right;
}
.pTemaLlamadasExistentes
{
	padding: 0 5px 0 0;
}
.divLlamadaExistente
{
	width: 100%;
	margin-top: 20px;
	border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}
.imgLlamadaExistente
{
	width: 30px;
    border-radius: 15px;
    height: 30px;
    object-fit: cover;
}
.spanLlamadaExistente
{
	vertical-align: 10px;
    padding-left: 5px;
	color: #333;
	padding-right: 5px;
}
.spanLlamadaExistente i
{
	font-size: 14px;
    vertical-align: -1px;	
}
.textareaLlamadaExistente
{
	width: 98% !important;
    min-height: 20px !important;
	height: auto !important;
    line-height: 1.2;
    margin: 8px 0 0 0;
    color: var(--negro2);
    font-size: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px;
    border: 1px solid #f6f6f6;
    overflow: auto;
    resize: none;
}
.divProgLlamadaExistente
{
	width: 20%;
	float: left;
}
.labelProgLlamadaExistente
{
	padding-left: 0;
	color: var(--negro2);
	font-size: 12px;
	margin-bottom: 0;
}
.inputFechaLlamadaExistente
{
    width: 70%;
    padding: 4px 4px;
    border: 1px solid #ccc;
    border-radius: 2px;
	color: var(--negro2);
}
.divOpsLlamadaExistente
{
	width: 100%;
	margin: 0;
	display: inline-block;
	position: relative;
}
.divBtnOpsLlamadaExistente
{
	position: absolute;
    right: 0;
    bottom: 10px;
}
.spanLlamadaEditada
{
	font-size: 11px;
	color: var(--negro2);
	float: right;
}
.btnOpsAdsLlamadaExistente
{
	width: auto;
    padding: 5px 10px;
    background-color: var(--grisAdicional);
    border: 1px solid #ccc;
    color: var(--negro2);
}
.btnOpsAdsLlamadaExistente i, .botonAceptarLlamada i
{
	font-size: 14px;
    vertical-align: -1px;
}
.spanTipoLlamadaExistente
{
	font-size: 12px;
	color: var(--negro2);
	padding-left: 5px;
	border-left: 1px solid var(--grisMedioClaro);
	vertical-align: 10px;
}
.spanTipoLlamadaExistente i
{
	padding-left: 5px;
	font-size: 14px;
    vertical-align: -1px;
}

/* @alejandro Datos de facturacion. */
.capaFacturacionFicha
{
	box-shadow: 0 0 6px #ccc;
    /*min-height: 500px;*/
	height: auto;
    width: 80%;
    margin-left: 10%;
	margin-top: 1%;
	position: relative;
	padding: 10px 10px;
}
.capaGrupoInputs
{
	display: inline-block;
	width: 100%;
	margin: 0;
	position: relative;
	padding-bottom: 50px;
}
.divInputFacturacion
{
	width: 24%;
	padding: 2px;
	float: left;
	margin-bottom: 10px;
}
.divInputFacturacionGrande
{
	width: 49%;
	padding: 2px;
	float: left;
	margin-bottom: 10px;	
}
.inputFacturacion
{
	width: 95%;
    padding: 9px 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
	color: var(--negro2);
}
.labelInputFacturacion
{
	margin-bottom: 0;
	font-size: 13px !important;
	padding-left: 0;
}
.labelInputFacturacion i
{
	font-size: 15px;
    vertical-align: -1px;
}
.divBotonFacturacion
{
	position: absolute;
	left: 2px;
	bottom: 0;
	width: 15% !important;
}
.aBotonFacturacion
{
	width: 90%;
	float: left;
	padding: 10px 5px;
	background-color: var(--verde);
	border: 1px solid var(--verde);
	color: var(--blanco);
	border-radius: 2px;
	text-align: center;
	margin-bottom: 5px;
}
.aBotonFacturacion i
{
	font-size: 14px;
    vertical-align: -1px;
}
label
{
	color: var(--negro2) !important;
}

/* @alejandro Facturas. */
.divGrupoUltimasFacturas
{
	width: 100%;
	display: inline-block;
	margin: 0;
}
.divUltimasFacturas
{
	width: 48%;
    float: left;
    position: relative;
    margin: 4px;
    border-radius: 2px;
    box-shadow: 0 0 3px #ccc;
	padding: 10px 5px;
}
.pUltimasFacturas
{
	margin-bottom: 0;
	font-size: 13px;
    color: var(--negro2);
}
.btnVerUltimasFacturas
{
	position: absolute;
	top: 3px;
	right: 95px;
	width: auto;
    padding: 5px 10px;
    background-color: var(--grisAdicional);
    border: 1px solid #ccc;
    color: var(--negro2);
}
.btnEnviarUltimasFacturas
{
	position: absolute;
	top: 3px;
	right: 5px;
	width: auto;
    padding: 5px 10px;
    background-color: var(--grisAdicional);
    border: 1px solid #ccc;
    color: var(--negro2);
}
.btnVerUltimasFacturas i, .btnEnviarUltimasFacturas i, .spanFechaUltimasFacturas i, .spanNumUltimasFacturas i, .spanEurUltimasFacturas i
{
	font-size: 14px;
    vertical-align: -1px;
}
.spanNumUltimasFacturas, .spanEurUltimasFacturas
{
	padding-left: 10px;
}

/* @alejandro Credenciales hosting. */
.capaDatosTecnicos
{
	box-shadow: 0 0 6px #ccc;
    /*min-height: 500px;*/
	height: auto;
    width: 80%;
    margin-left: 10%;
	margin-top: 1%;
	position: relative;
	padding: 10px 10px;
}
.capaCredencialesHosting
{
	display: inline-block;
	width: 100%;
	margin: 0;
	position: relative;
}
.divCredencialesHosting
{
	width: 25%;
	padding: 2px;
	float: left;
	margin-bottom: 10px;
}
.labelCredencialesHosting
{
	margin-bottom: 0;
	font-size: 13px !important;
	padding-left: 0;
}
.labelCredencialesHosting i
{
	font-size: 15px;
    vertical-align: -1px;
}
.inputCredencialesHosting
{
	width: 95%;
    padding: 9px 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
	color: var(--negro2);
}

/* @alejandro Dominios contratados. */
.capaDominiosContratados
{
	display: inline-block;
	width: 100%;
	margin: 0;
	position: relative;
}
.divDominiosContratados
{
	width: 24%;
	padding: 2px;
	float: left;
	margin-bottom: 10px;
	position: relative;
}
.labelDominiosContratados
{
	margin-bottom: 0;
	font-size: 13px !important;
	padding-left: 0;
}
.labelDominiosContratados i
{
	font-size: 15px;
    vertical-align: -2px;
}
.inputDominiosContratados
{
	width: 95%;
    padding: 9px 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
	color: var(--negro2);
}
.botonAnadirDomAdicional
{
	width: 80px;
    padding: 5px 10px;
    background-color: var(--grisAdicional);
    border: 1px solid var(--grisMedioClaro);
    color: var(--negro2);
	margin-top: 5px;
	text-align: center;
	position: absolute;
	left: 2px;
	bottom: -30px;
}
.botonAnadirDomAdicional i
{
	font-size: 15px;
	vertical-align: -2px;
}

/* @alejandro Emails creados. */
.capaEmailsCreados
{
	display: inline-block;
	width: 100%;
	margin: 0;
	position: relative;
}
.grupoEmailsCreados
{
	width: 49%;
	margin-bottom: 10px;
	position: relative;
	float: left;
}
.divEmailsCreados
{
	width: 49%;
	padding: 2px;
	float: left;
}
.labelEmailsCreados
{
	margin-bottom: 0;
	font-size: 13px !important;
	padding-left: 0;
}
.labelEmailsCreados i
{
	font-size: 15px;
    vertical-align: -2px;
}
.inputEmailsCreados
{
	width: 95%;
    padding: 9px 5px;
    border: 1px solid #ccc;
    border-radius: 2px;
	color: var(--negro2);
}
.botonAnadirEmailsCreados
{
	width: 80px;
    padding: 5px 10px;
    background-color: var(--grisAdicional);
    border: 1px solid var(--grisMedioClaro);
    color: var(--negro2);
	margin-top: 5px;
	text-align: center;
	position: absolute;
	left: 2px;
	bottom: -30px;
}
.botonAnadirEmailsCreados i
{
	font-size: 15px;
	vertical-align: -2px;
}
.tituloSeccionEmailsCreados
{
	margin-top: 20px;
}
.capaBotonAplicarEmailsCreados
{
	position: relative;
    width: 100%;
    margin-top: 80px;
}
.divBotonAplicarEmailsCreados
{
	position: absolute;
	left: 2px;
	bottom: 0;
	width: 15% !important;
}
.aBotonAplicarEmailsCreados
{
	width: 90%;
	float: left;
	padding: 10px 5px;
	background-color: var(--verde);
	border: 1px solid var(--verde);
	color: var(--blanco);
	border-radius: 2px;
	text-align: center;
	margin-bottom: 5px;
}
.aBotonAplicarEmailsCreados i
{
	font-size: 14px;
    vertical-align: -1px;
}

/* @alejandro Productos contratados. */
.capaProductosContratados
{
	box-shadow: 0 0 6px #ccc;
    /*min-height: 500px;*/
	height: auto;
    width: 80%;
    margin-left: 10%;
	margin-top: 1%;
	position: relative;
	padding: 10px 10px;
}
.capaProdsContratados
{
	display: inline-block;
	width: 100%;
	margin: 0;
	position: relative;
}
.divProdsContratados
{
	width: auto;
    padding: 2px 2px 2px 5px;
    float: left;
    box-shadow: 0 0 3px #ccc;
    margin: 5px 5px 10px 5px;
}
.labelProdsContratados
{
	margin-bottom: 0;
	font-size: 13px !important;
	cursor: pointer;
}
.labelProdsContratados i
{
	font-size: 15px;
    vertical-align: -1px;
}
.checkboxProdsContratados
{
    padding: 9px 2px;
	cursor: pointer;
}
.capaBotonAplicarProdsContr
{
	position: relative;
    width: 100%;
    margin-top: 60px;
}
.divBotonAplicarProdsContr
{
	position: absolute;
	left: 2px;
	bottom: 0;
	width: 15% !important;
}
.aBotonAplicarProdsContr
{
	width: 90%;
	float: left;
	padding: 10px 5px;
	background-color: var(--verde);
	border: 1px solid var(--verde);
	color: var(--blanco);
	border-radius: 2px;
	text-align: center;
	margin-bottom: 5px;
}
.aBotonAplicarProdsContr i
{
	font-size: 14px;
    vertical-align: -1px;
}

/* @alejandro Comentarios internos. */
.capaNotas
{
	box-shadow: 0 0 6px #ccc;
    /*min-height: 500px;*/
	height: auto;
    width: 80%;
    margin-left: 10%;
	margin-top: 1%;
	position: relative;
	padding: 10px 10px;
}
.capaNotasInternas
{
	display: inline-block;
	width: 100%;
	margin: 0;
	position: relative;
}
.divNotasInternas
{
	width: 50%;
	padding: 2px;
	float: left;
	margin-bottom: 10px;
	position: relative;
}
.labelNotasInternas
{
	margin-bottom: 0;
	font-size: 13px !important;
	padding-left: 0;
}
.labelNotasInternas i
{
	font-size: 15px;
    vertical-align: -2px;
}
.textareaNotasInternas
{
	width: 97%;
    padding: 4px;
    border: 1px solid #ccc;
	color: var(--negro2);
	border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #f6f6f6;
	height: 50px;
    overflow: auto;
	font-size: 11px;
	resize: none;
}
.capaBotonNotasInternas
{
	position: relative;
    width: 100%;
    margin-top: 40px;
}
.divBotonNotasInternas
{
	position: absolute;
	left: 2px;
	bottom: 0;
	width: 10% !important;
}
.aBotonAplicarNotasInternas
{
	width: 90%;
	float: left;
	padding: 10px 5px;
	background-color: var(--verde);
	border: 1px solid var(--verde);
	color: var(--blanco);
	border-radius: 2px;
	text-align: center;
	margin-bottom: 5px;
}
.aBotonAplicarNotasInternas i
{
	font-size: 14px;
    vertical-align: -1px;
}
.tituloSeccionNotasInternas
{
	margin-top: 60px;
}
.imgNotasInternas
{
	width: 30px;
    border-radius: 15px;
    height: 30px;
    object-fit: cover;
}
.spanNotasInternas
{
	vertical-align: 10px;
    padding-left: 5px;
	color: #333;
	padding-right: 5px;
}
.spanNotasInternas i
{
	font-size: 14px;
    vertical-align: -1px;	
}
.divBtnOpsNotasInternas
{
	position: absolute;
    right: 5px;
    top: 10px;
}
.btnOpsAdsNotasInternas
{
	width: auto;
    padding: 5px 10px;
    background-color: var(--grisAdicional);
    border: 1px solid #ccc;
    color: var(--negro2);
}
.btnOpsAdsNotasInternas i
{
	font-size: 14px;
    vertical-align: -1px;
}
.divNotasInternasExistentes
{
	width: 48%;
    padding: 5px;
    float: left;
    margin: 5px;
    position: relative;
    box-shadow: 0 0 3px #ccc;
}
.textareaNotasInternasExistentes
{
	margin-top: 10px;
}

/* @alejandro Iconos header ficha cliente. */
.iconoVolver
{
	position: absolute;
	border-right: 1px solid #ccc;
}
.iconoVolver i
{
	color: var(--rojoLinkasoft);
}
.iconoVolverInicio
{
	position: absolute;
	border-right: 1px solid #ccc;
}
.iconoVolverInicio i
{
	color: var(--rojoLinkasoft);
}
.iconoExportarMails
{
	position: absolute;
	border-right: 1px solid #ccc;
}
.iconoExportarMails i
{
	color: var(--rojoLinkasoft);
}
.iconoEliminarCliente
{
	position: absolute;
	border-right: 1px solid #ccc;
}
.iconoEliminarCliente i
{
	color: var(--rojoLinkasoft);
}
.divNoUltimasFacturas
{
	width: 48%;
    float: left;
    position: relative;
    margin: 4px 4px 4px 0;
    border-radius: 2px;
    /*box-shadow: 0 0 3px #ccc;*/
	padding: 10px 5px 10px 0;
}
.pNoUltimasFacturas
{
	margin-bottom: 0;
	font-size: 13px;
    color: var(--negro2);
	padding-left: 0;
}
.pNoUltimasFacturas i
{
	font-size: 15px;
	vertical-align: -1px;
}
.pNoExistentes
{
	margin-bottom: 0;
    font-size: 13px;
    color: var(--negro2);
    padding-left: 0;
	margin-top: 25px;
}

.desactivarMenu
{
	background-color: rgba(255, 255, 255, .5);
	position:fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/* @alejandro Novedades > banner. */
.capaBanner
{
	box-shadow: 0 0 6px #ccc;
    /*min-height: 500px;*/
	height: auto;
    width: 80%;
    margin-left: 10%;
	margin-top: 2%;
	position: relative;
	padding: 10px 10px;
}
.imgBanner
{
	width: 100%;
	height: 350px;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* @alejandro Novedades > ultimas entradas. */
.capaNovedades
{
	box-shadow: 0 0 6px #ccc;
    /*min-height: 500px;*/
	height: auto;
    width: 80%;
    margin-left: 10%;
	/*margin-top: 1%;*/
	padding: 10px 10px;
	position: absolute;
    top: 365px;
}
.tituloSeccionFicha
{
	padding: 5px 10px;
	font-size: 15px;
	font-weight: 500;
	border-left: 2px solid var(--rojoLinkasoft);
	color: var(--rojoLinkasoft);
}
.capaUltimasEntradas
{
	width: 100%;
	font-size: 13px;
}
.divUltimasEntradas
{
	float: left;
}
.imgUltimasEntradas
{
	width: 100%;
	object-fit: cover;
	height: 200px;
	box-shadow: 0 0 3px #ccc;
	border-radius: 2px;
}
.pUltimasEntradas, .pUltimasEntradas a
{
	font-size: 14px;
	color: var(--negro2);
	padding: 8px 0;
	margin-bottom: 0 !important;
}
.aUltimasEntradas
{
	color: var(--grisMuyOscuro);
	font-size: 13px;
}

/* @alejandro Novedades > mensaje personalizado. */
.capaMensajePersonalizado
{
	box-shadow: 0 0 6px #ccc;
    /*min-height: 500px;*/
	height: auto;
    width: 80%;
    margin-left: 10%;
	/*margin-top: 1%;*/
	padding: 10px 10px;
	position: absolute;
    top: 700px;
}
.divMenPer
{
	width: 100%;
	font-size: 13px;
}

/* @alejandro Queries responsive. */
@media (max-width:992px)
{
	/* @alejandro Header. */
	.aMenuOpciones
	{
		top: 8px;
		left: 5px;
	}
	.iconoLogout
	{
		right: 10px;
		top: 8px;
	}
	.iconoNotificaciones
	{
		right: 50px;
		top: 9px;
	}
	.iconoNotificaciones i
	{
		font-size: 18px;
	}
	.iconoLogout i
	{
		font-size: 20px;
	}
	.aMenuOpciones i
	{
		font-size: 23px;
	}
	/* @alejandro Notificacion. */
	#notification-count
	{
		left: -2px;
		top: -5px;
		font-size: 11px;
		padding: 1px 4px;
	}
	#notification-latest
	{
		top: 18px;
		right: 65px;
		font-size: 12px;
		width: 250px;
	}
	.notification-subject
	{
		padding-bottom: 10px;
	}
	.borrarNotificacion
	{
		top: 5px;
		right: 5px;
	}
	.iBorrarNotificacion
	{
		font-size: 16px;
	}
	.iconoAnadir
	{
		top: 7px;
		right: 90px;
		padding-right: 12px;
	}
	.iIconoAnadir
	{
		font-size: 21px;
	}
	.iconoExportar
	{
		top: 7px;
		right: 140px;
		padding-right: 12px;
	}
	.iconoExportar i
	{
		font-size: 20px;
	}
	#logo
	{
		width: 150px;
		left: calc(50% - 75px);
		/*top: 5px;*/
		top: -50px;
	}
	.logoTop
	{
		width: 150px;
		left: calc(50% - 75px);
		top: 0;
	}
	.logoLogin
	{
		width: 50%;
		left: calc(50% - 93.60px);
		top: 5px;
		padding-bottom: 9px;
	}
	#cabecera
	{
		height: 40px;
	}
	.divMenu
	{
		width: 90%;
		top: 40px;
	}
	/* @alejandro Si se edita el "width" de .divMenu, editar de este keyframe tambien. */
	@keyframes mostrarMenuTransicion
	{
		0% {width: 0}
		100%{width: 90%}
	}
	/* @alejandro Buscador inicio. */
	.divBuscarPrincipal
	{
		top: 250px;
		left: 5%;
		width: 90%;
	}
	.inputBuscarPrincipal
	{
		width: 100%;
		padding: 10px;
		border-radius: 20px;
		font-size: 14px;
		padding-inline-start: 52px;
	}
	.iBuscarPrincipal
	{
		top: 10px;
		left: 20px;
		font-size: 16px;
	}
	.formBuscarPrincipal
	{
		width: 80%;
	}
	.divBuscarPrincipalTop
	{
		transform: translateY(-200px);
		transition-duration: .3s;
	}
	/* @alejandro Resultados buscador. */
	.divResultados
	{
		top: 130px;
		left: 0;
		right: 0;
	}
	#empresaCliente, #dominioCliente, #productosCliente, #empresaClienteCol, #dominioClienteCol, #productosClienteCol, .ocultarResp
	{
		display: none;
	}
	.botonAvisar, .botonReenviar, .botonVer
	{
		margin-left: calc(50% - 17px);
	}
	.botonAvisar, .botonReenviar, .botonVer
	{
		padding: 3px 10px;
	}
	.tablaResultados tr th
	{
		font-size: 11px;
	}
	#nombreClienteCol
	{
		width: 64%;
	}
	#avisarClienteCol, #reenviarClienteCol, #verClienteCol
	{
		width: 12%;
	}
	.tablaResultados tr
	{
		height: auto;
	}
	#cargando
	{
		top: 350px;
		left: calc(50% - 30px);
		right: 0;
		width: 30px;
		height: 30px;
		border: 10px solid #f3f3f3;
		border-top: 10px solid var(--rojoLinkasoft);
	}
	.pResultados 
	{
		font-size: 13px;
	}
	/* @alejandro Pantalla de login. */
	#acceso_panel_ul li
	{
		padding-bottom: 10px;
		font-size: 14px;
	}
	#acceso_panel_ul li i
	{
		font-size: 18px;
		vertical-align: -2px;
	}
	#cuerpo_index
	{
		top: 150px;
		width: 100%;
	}
	#aviso
	{
		padding: 5px 1px 1px 1px;
		width: 100%;
		top: 470px;
	}
	.botonAcceder
	{
		padding: 8px;
		margin-top: 10px;
	}

	/* @alejandro Iconos header ficha cliente. */
	.iconoVolver
	{
		top: 8px;
		right: 190px;
		padding-right: 12px;
	}
	.iconoVolver i
	{
		font-size: 20px;
	}
	.iconoVolverInicio
	{
		top: 8px;
		right: 90px;
		padding-right: 12px;
	}
	.iconoVolverInicio i
	{
		font-size: 20px;
	}
	.iconoExportarMails
	{
		top: 8px;
		right: 140px;
		padding-right: 12px;
	}
	.iconoExportarMails i
	{
		font-size: 20px;
	}
	.iconoEliminarCliente
	{
		top: 8px;
		right: 90px;
		padding-right: 12px;
	}
	.iconoEliminarCliente i
	{
		font-size: 20px;
	}
	/* @alejandro Ficha cliente. */
	.capaClienteFicha
	{
		width: 100%;
		margin-left: 0;
	}
	.capaOpcionesFicha
	{
		height: auto;
		width: 100%;
		margin-left: 0;
		margin-top: 2%;
		position: relative;
		display: inline-block;
		margin-bottom: 1%;
	}
	.aOpcionesFicha
	{
		font-size: 16px !important;
		margin-bottom: 2%;
	}
	.capaLlamadasFicha, .capaFacturacionFicha, .capaDatosTecnicos, .capaProductosContratados, .capaNotas, .capaNovedades, .capaBanner
	{
		box-shadow: 0 0 6px #ccc;
		height: auto;
		width: auto;
		max-width: 100%;
		margin-left: 0;
		margin-top: 1%;
		position: relative;
		padding: 10px 10px;
	}
	.tituloSeccionFicha
	{
		font-size: 16px;
	}
	.divDescLlamada, .capaFechasLlamada
	{
		width: 100%;
	}
	.capaFechasLlamada
	{
		padding-left: 0;
	}
	.labelProgLlamada
	{
		font-size: 12px;
	}
	.divBotonLlamada
	{
		width: 100%;
		height: 40px;
	}
	.divAceptarLlamada
	{
		width: 40% !important;
		left: 0;
		bottom: -10px;
	}
	.botonAceptarLlamada
	{
		width: 100%;
		float: left;
	}
	.divProgLlamadaExistente
	{
		width: 40%;
	}
	.divBtnOpsLlamadaExistente
	{
		bottom: 6px;
	}
	.textareaLlamadaExistente
	{
		min-height: 50px !important;
	}
	.divUltimasFacturas
	{
		width: 100%;
		height: 50px;
		margin: 4px 0;
		padding: 10px 0;
	}
	.pUltimasFacturas
	{
		margin-left: 5px;
	}
	.btnVerUltimasFacturas
	{
		top: 35px;
		left: 5px;
		right: unset;
	}
	.btnEnviarUltimasFacturas
	{
		top: 35px;
    	left: 70px;
		right: unset;
	}
	.divInputFacturacion, .divInputFacturacionGrande
	{
		width: 100%;
		padding: 2px 2px 2px 0;
	}
	.inputFacturacion, .inputCredencialesHosting, .inputDominiosContratados, .inputEmailsCreados
	{
		width: 96%;
	}
	.divBotonFacturacion, .divBotonAplicarEmailsCreados, .divBotonAplicarProdsContr
	{
		width: 40% !important;
	}
	.aBotonFacturacion, .aBotonAplicarEmailsCreados, .aBotonAplicarProdsContr
	{
		width: 100% !important;
	}
	.divCredencialesHosting, .divDominiosContratados
	{
		width: 100%;
		margin-bottom: 0;
		padding: 2px 2px 2px 0;
	}
	.capaDominiosContratados, .capaEmailsCreados
	{
		margin-bottom: 20px;
	}
	.botonAnadirDomAdicional, .botonAnadirEmailsCreados
	{
		width: 40%;
		bottom: -40px;
	}
	.grupoEmailsCreados, .divEmailsCreados
	{
		width: 100%;
	}
	.divEmailsCreados
	{
		padding: 2px 2px 2px 0;
	}
	.capaBotonAplicarEmailsCreados
	{
		margin-top: 70px;
	}
	.capaBotonAplicarProdsContr
	{
		margin-top: 50px;
	}
	.divNotasInternas
	{
		width: 100%;
		padding: 2px 2px 2px 0;
	}
	.divBotonNotasInternas
	{
		width: 40% !important;
		left: 0;
	}
	.divNotasInternasExistentes
	{
		width: 96%;
		margin: 5px 0;
	}
	.capaUltimasEntradas
	{
		display: inline-block;
	}
	.divUltimasEntradas
	{
		width: 99%;
		padding: 5px;
		float: left;
	}
}

/* @alejandro Queries desktop. */
@media (min-width: 992px)
{
	/* @alejandro Header. */
	.aMenuOpciones
	{
		top: 5px;
		left: 5px;
	}
	.iconoLogout
	{
		right: 10px;
		top: 5px;
	}
	.iconoNotificaciones
	{
		right: 50px;
		top: 5px;
	}
	.iconoNotificaciones i
	{
		font-size: 23px;
	}
	.iconoLogout i
	{
		font-size: 25px;
	}
	.aMenuOpciones i
	{
		font-size: 25px;
	}
	.divMenu
	{
		width: 20%;
		left: 5px;
		top: 35px;
	}
	/* @alejandro Si se edita el "width" de .divMenu, editar de este keyframe tambien. */
	@keyframes mostrarMenuTransicion
	{
		0% {width: 0}
		100%{width: 20%}
	}
	.aMenuOpciones:hover i, #notification-icon:hover i, .iconoLogout:hover i, .iconoVolver:hover i, .iconoVolverInicio:hover i, .iconoExportarMails:hover i, .iconoEliminarCliente:hover i
	{
		color: var(--grisMuyOscuro) !important;
	}
	.logoTop
	{
		width: 150px;
		left: calc(50% - 75px);
		top: 0;
	}
	.logoLogin
	{
		width: 40%;
		left: calc(50% - 87.55px);
		top: 2%;
		padding-bottom: 9px;

	}
	/* @alejandro Notificacion. */
	#notification-count
	{
		left: -1px;
		top: -2px;
		font-size: 11px;
		padding: 1px 4px;
	}
	#notification-latest
	{
		top: 18px;
		right: 65px;
		font-size: 12px;
		width: 300px;
	}
	.notification-subject
	{
		padding-bottom: 10px;
	}
	.borrarNotificacion
	{
		top: 5px;
		right: 5px;
	}
	.iBorrarNotificacion
	{
		font-size: 18px;
	}
	.iconoAnadir
	{
		top: 5px;
		right: 90px;
		padding-right: 12px;
	}
	.iIconoAnadir
	{
		font-size: 25px;
	}
	.iconoExportar
	{
		top: 5px;
		right: 140px;
		padding-right: 12px;
	}
	.iconoExportar i
	{
		font-size: 24px;
	}
	/* @alejandro Buscador inicio. */
	.divBuscarPrincipal
	{
		top: 300px;
		left: 33.33%;
		width: 33.33%;
	}
	.inputBuscarPrincipal
	{
		width: 100%;
		padding: 15px;
		border-radius: 20px;
		font-size: 14px;
		padding-inline-start: 52px;
	}
	.iBuscarPrincipal
	{
		top: 15px;
		left: 20px;
		font-size: 16px;
	}
	.formBuscarPrincipal
	{
		width: 85%;
	}
	.divBuscarPrincipalTop
	{
		transform: translateY(-250px);
		transition-duration: .3s;
	}
	/* @alejandro Resultados buscador. */
	.divResultados
	{
		top: 130px;
		left: 0;
		right: 0;
	}
	.tablaResultados tr
	{
		height: auto;
	}
	.aProductoContratado:hover
	{
		background-color: var(--rojoHover) !important;
		border: 1px solid var(--rojoHover) !important;
		color: var(--blanco) !important;
	}
	.botonAvisar:hover, .botonReenviar:hover, .botonVer:hover
	{
		background-color: var(--rojoHover) !important;
		border: 1px solid var(--rojoHover) !important;
	}
	.botonAvisar
	{
		margin-left: calc(50% - 29.9px);
	}
	.botonReenviar
	{
		margin-left: calc(50% - 37.68px);
	}
	.botonVer
	{
		margin-left: calc(50% - 22.68px);
	}
	.botonAvisar, .botonReenviar, .botonVer
	{
		padding: 4px 5px;
	}
	#cargando
	{
		top: 430px;
		left: calc(50% - 37px);
		right: 0;
		width: 40px;
		height: 40px;
		border: 10px solid #f3f3f3;
		border-top: 10px solid var(--rojoLinkasoft);
	}
	.espacioFooter
	{
		height: 20px;
		width: 100%;
		background-color: var(--blanco);
	}
	.resaltarCoincidencias
	{
		/* @alejandro Desactivar resaltar busqueda.
		background-color: #ffc107c9;
		padding: 2px;*/
	}
	.ocultarDeskt
	{
		display: none;
	}
	/* @alejandro Pantalla de login. */
	#acceso_panel_ul li
	{
		padding-bottom: 10px;
	}
	#acceso_panel_ul li i
	{
		font-size: 18px;
		vertical-align: -2px;
	}
	#cuerpo_index
	{
		top: 200px;
		left: calc(50% - 184.29px);
		width: 35%;
	}
	#aviso
	{
		padding: 5px 1px 1px 1px;
		width: 35%;
		top: 520px;
		left: calc(50% - 184.29px);
	}
	.botonAcceder:hover
	{
		background-color: var(--rojoHover) !important;
		border: 1px solid var(--rojoHover) !important;
	}
	.botonAcceder
	{
		padding: 8px;
		cursor: pointer;
		margin-top: 10px;
	}
	/* @alejandro Ficha cliente. */
	.aOpcionesFicha:hover
	{
		background-color: var(--rojoHover) !important;
		color: var(--blanco) !important;
	}
	/* @alejandro Llamadas clientes. */
	.botonAceptarLlamada
	{
		margin-top: 2px;
		margin-right: 2%;
	}
	.botonAceptarLlamada:hover, .aBotonFacturacion:hover, .aBotonAplicarEmailsCreados:hover, .aBotonAplicarProdsContr:hover, .aBotonAplicarNotasInternas:hover
	{
		background-color: var(--verdeHover) !important;
		cursor: pointer !important;
	}
	.btnOpsAdsLlamadaExistente:hover, .btnVerUltimasFacturas:hover, .btnEnviarUltimasFacturas:hover, .botonAnadirDomAdicional:hover, .btnOpsAdsNotasInternas:hover
	{
		background-color: var(--grisHover) !important;
		cursor: pointer !important;
	}
	.divProdsContratados:hover, .divProdsContratados:hover label
	{
		background-color: var(--rojoHover) !important;
		cursor: pointer !important;
		color: var(--blanco) !important;
	}
	.labelProdsContratados:hover, .checkboxProdsContratados:hover::before, .divProdsContratados:hover .checkboxProdsContratados::before
	{
		color: var(--blanco) !important;
	}

	/* @alejandro Iconos header ficha cliente. */
	.iconoVolver
	{
		top: 7px;
		right: 190px;
		padding-right: 12px;
	}
	.iconoVolver i
	{
		font-size: 24px;
	}
	.iconoVolverInicio
	{
		top: 6px;
		right: 90px;
		padding-right: 12px;
	}
	.iconoVolverInicio i
	{
		font-size: 24px;
	}
	.iconoExportarMails
	{
		top: 6px;
		right: 140px;
		padding-right: 12px;
	}
	.iconoExportarMails i
	{
		font-size: 25px;
	}
	.iconoEliminarCliente
	{
		top: 7px;
		right: 90px;
		padding-right: 12px;
	}
	.iconoEliminarCliente i
	{
		font-size: 24px;
	}
	.divUltimasFacturas:hover
	{
		background-color: #f6f6f6 !important;
	}

	/* @alejandro Novedades ultimas entradas. */
	.imgUltimasEntradas:hover
	{
		transform: scale(1.02);
		transition-duration: .3s;
	}
	.pUltimasEntradas a:hover, .aUltimasEntradas:hover
	{
		color: var(--rojoHover) !important;
	}
	.capaUltimasEntradas
	{
		display: flex;
	}
	.divUltimasEntradas
	{
		width: 33.33%;
		padding: 5px;
		float: left;
	}
}

/* @alejandro Queries desktop. */
@media (min-width: 1160px)
{
	.ocultarDeskt
	{
		display: inline-block;
	}
	/* @alejandro Pantalla de login. */
	#cuerpo_index
	{
		top: 200px;
		left: calc(50% - 218.9px);
		width: 35%;
	}
	#aviso
	{
		padding: 5px 1px 1px 1px;
		width: 35%;
		top: 520px;
		left: calc(50% - 218.9px);
	}
	.logoLogin
	{
		left: calc(50% - 86.01px);
	}
}
@media (min-width:1400px)
{
	/* @alejandro Pantalla de login. */
	#cuerpo_index
	{
		top: 200px;
		left: calc(50% - 203.9px);
		width: 30%;
	}
	#aviso
	{
		padding: 5px 1px 1px 1px;
		width: 30%;
		top: 520px;
		left: calc(50% - 203.9px);
	}
	.logoLogin
	{
		left: calc(50% - 75px);
	}
}
@media (min-width:1600px)
{
	/* @alejandro Pantalla de login. */
	#cuerpo_index
	{
		top: 200px;
		left: calc(50% - 200.27px);
		width: 25%;
	}
	#aviso
	{
		padding: 5px 1px 1px 1px;
		width: 25%;
		top: 520px;
		left: calc(50% - 200.27px);
	}
	.botonAceptarLlamada
	{
		margin-right: 4%;
	}
	.capaLlamadasFicha, .capaFacturacionFicha, .capaDatosTecnicos, .capaProductosContratados, .capaNotas, .capaClienteFicha, .capaOpcionesFicha, .capaNovedades, .capaBanner
	{
		width: 65%;
		margin-left: 17.5%;
	}
	.logoLogin
	{
		left: calc(50% - 80.11px);
	}
}
@media (min-width:1900px)
{
	/* @alejandro Pantalla de login. */
	#cuerpo_index
	{
		top: 200px;
		left: calc(50% - 185px);
		width: 20%;
	}
	#aviso
	{
		padding: 5px 1px 1px 1px;
		width: 20%;
		top: 520px;
		left: calc(50% - 185px);
	}
	.inputRegistrarLlamada
	{
		width: 97%;
	}
	.logoLogin
	{
		left: calc(50% - 73.72px);
	}
}

/**
* @alejandro Estilos intranet usando boostrap.
*/

/* @alejandro Header. */
header .container-fluid
{
	height: 35px;
}
.iconMenu
{
	top: 0;
	left: 5px;
}
.iconMenu i
{
	font-size: 24px;
	color: var(--rojoLinkasoft);
}
.iconLogout
{
	top: 0;
	right: 5px;
}
.iconLogout i
{
	font-size: 24px;
	color: var(--rojoLinkasoft);
}