@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

@media (max-width: 767px) {

	/* Estilos para dispositivos pequeños (ancho de pantalla de hasta 767px) */
	#menuLateral.offcanvas {
		max-width: 85%;
		/* Ajusta el tamaño deseado según tus necesidades */
	}
}

@keyframes shake {
	0% {
		transform: translateX(0);
	}

	25% {
		transform: translateX(-5px);
	}

	50% {
		transform: translateX(5px);
	}

	75% {
		transform: translateX(-5px);
	}

	100% {
		transform: translateX(0);
	}
}


* {
	margin: 0px;
	padding: 0px;
}


.btn-tiembla {
	animation: shake 0.5s infinite;
}

body,
html {
	background: #48c2fa;
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	height: 100%;
}

.barra-fija {
	position: fixed;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 11pt;
	text-align: center;
	top: 0px;
	/* Distancia hasta el borde superior */
	left: 0px;
	/* Distancia hasta el borde izquierdo */
	width: 100%;
	height: 72px;
	padding-top: 3px;
	background-color: #deecff;
	z-index: 1;
	/* hace que la capa sea opaca  
    border-bottom-left-radius	: 10px 5px;
	border-bottom-right-radius	: 10px 5px;*/
	box-shadow: 2px 2px 5px #ce9a69;
}

.menu-auxilar-titulo {

	background-color: #f3ff9c;
	height: 50px;
	
}

#menuAuxiliarTitulo{

	margin: 3px 0 0 3px;
}

.menu_Auxiliar_Contenido{

	position: relative;
	margin : 15px 40px 0 15px;
	padding-right: 30px;
	align-content: center;
	overflow-y: scroll;
	height: 84%;
	
	

}

.menu-auxilar-fondo {
	background-color: rgb(224, 230, 232);
}

.navbar-table-menu {

	margin: 0px 5px 5px 3px;
	width: 99%;
	border: 1px none;
}

.navbar-menu {


	align-content: left;
}

.buscar-items {

	font-size: 16px;
	color: rgb(61, 8, 160);
	text-shadow: 0px 0px 9px #f7e96a;

}

.input-buscar {

	margin: 0 3px 0 12px;


}

.favoritos-items {

	font-size: 16px;
	color: rgb(18, 69, 4);
	text-shadow: 0px 0px 9px #89f09a;
}

.ofertas-items {

	font-size: 18px;
	color: rgb(218, 61, 4);
	text-shadow: 0px 0px 9px #f5f776;

}

.icon-menu-p-mini{
	
	font-size: 2em;
	margin: 0 3px 0 3px;
	cursor: pointer;
	transition: color 0.3s ease;
}

.icon-menu-p-mini:hover {
	box-shadow: 2px 4px 4px 2px rgba(248, 252, 217, 0.938);
}


.icon-menup {

	font-size: 2em;
	color: chocolate;
	cursor: pointer;
	margin: 0 1% 12px 0;
	transition: color 0.3s ease;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.icon-menu-opc {

	font-size: 1.5em;
	color: chocolate;
	cursor: pointer;
	margin-right: 5%;
	width: 23px;
	transition: color 0.3s ease;

}


.icon-menu {

	font-size: 2em;
	color: chocolate;
	padding: 5px;
	cursor: pointer;
	margin: 3px 3px 3px 3px;
	transition: color 0.3s ease;
}










.grecaptcha-badge {
	opacity: 0;
}


.container-fluid {

	margin-right: 10%;

}

.container {

	/*padding: 3px 16px 3px 10px; */
	text-align: center;
	/* margin: 2px 5px 5px 0;*/

}


.backcolor_anarillo {

	background-color: #f0f7d3;

}

.centrar {
	display: flex;
	align-items: center;
}

.color-fondo {
	background: #48c2fa;
}

.line-height-17-5 {
	line-height: 17.5px;
}



.botonflotante_filtro_izquierda {

	position: fixed;
	display: block;
	top: 72px;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	left: 0px;
	width: 10%;
	max-width: 40px;
	height: auto;
	padding: 1px 5px 1px 5px;
	z-index: 1;
	background-color: rgb(246, 204, 136);
	opacity: 0.8;
	box-shadow: rgba(10, 10, 10, 0.2);
	border-top-right-radius: 10px 8px;
	border-bottom-right-radius: 10px 8px;

}

.bs-body-bg {
	color: chocolate;
}

.navbar-toggler-icon {

	font-size: 12px;
	/* Tamaño deseado en píxeles (o cualquier otra unidad de medida) */
}

.imgico_app {

	padding-right: 10px;
}

.textosombra {

	text-align: center;
	font-family: Arial;
	font-size: 18px;
	color: #072a42;
	text-shadow: 0px 0px 9px #508AD3;
	margin-bottom: 20px;
}


.textosombra_t_menu {

	text-align: center;
	font-family: Arial;
	font-size: 18px;
	color: #0a0b0b;
	text-shadow: 0px 0px 9px #f3ff9c;
	margin-bottom: 20px;
}

.borde-obj {

	border: 2px solid #f00;
	/* 2px de grosor, borde sólido y color rojo (#f00) */
}




.icon-menu2 {
	font-size: 2em;
	color: maroon;
	padding: 3px;
	cursor: pointer;
	transition: color 0.3s ease;

}

.icon-menu:hover {
	color: #807d78;
	/* Agregar sombra */
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);

}


.cardwinsale1 {

	position: relative;
	align-items: center;
	text-overflow: ellipsis;
	padding: 5px;
	padding-top: 10PX;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background: rgba(242, 244, 246, 0.89);
	box-shadow: 0 4px 8px 0 rgba(53, 56, 9, 0.2);
	transition: 0.3s;
	width: 100%;
	border-bottom-left-radius: 10px 5px;
	border-bottom-right-radius: 10px 5px;
	border-top-left-radius: 10px 5px;
	border-top-right-radius: 10px 5px;
	height: 350px;
	margin-bottom: 6px;
	margin-top: 6px;


}

#cardwinsale {

	position: relative;
	align-items: center;
	padding: 5px;
	padding-top: 20PX;
	padding-bottom: 10px;
	background: #E2FCF9;
	transition: 0.3s;
	width: 100%;
	border-bottom-left-radius: 10px 5px;
	border-bottom-right-radius: 10px 5px;
	border-top-left-radius: 10px 5px;
	border-top-right-radius: 10px 5px;

}

#cardwinsale>div {

	background: #f0ebe9;
	margin-top: 10px;
	padding: 1px 5px 1px 5px;
	overflow-y: scroll;
	height: 97%;

}

#cardwin {

	position: relative;
	align-items: center;
	padding: 0px;
	padding-top: 20PX;
	padding-bottom: 10px;
	background: #E2FCF9;
	box-shadow: 0 4px 8px 0 rgba(53, 56, 9, 0.2);
	transition: 0.3s;
	width: 100%;
	border-bottom-left-radius: 10px 5px;
	border-bottom-right-radius: 10px 5px;
	border-top-left-radius: 10px 5px;
	border-top-right-radius: 10px 5px;

}


.card {

	position: relative;
	align-items: center;
	padding: 15px;
	padding-top: 20PX;
	padding-bottom: 20px;
	background: #f1f8f7;
	box-shadow: 0 4px 8px 0 rgba(53, 56, 9, 0.2);
	transition: 0.3s;
	width: 100%;
	z-index: 0;
	border-bottom-left-radius: 10px 5px;
	border-bottom-right-radius: 10px 5px;
	border-top-left-radius: 10px 5px;
	border-top-right-radius: 10px 5px;

}

.bordes-redondos {

	border-bottom-left-radius: 10px 5px;
	border-bottom-right-radius: 10px 5px;
	border-top-left-radius: 10px 5px;
	border-top-right-radius: 10px 5px;

}

.cardnegocio {

	position: relative;
	align-items: center;
	padding: 0px;
	padding-top: 20PX;
	padding-bottom: 20px;
	background: #f1f8f7;
	box-shadow: 0 4px 8px 0 rgba(53, 56, 9, 0.2);
	transition: 0.3s;
	width: 100%;
	z-index: 0;
	border-bottom-left-radius: 10px 5px;
	border-bottom-right-radius: 10px 5px;
	border-top-left-radius: 10px 5px;
	border-top-right-radius: 10px 5px;
}

.card:hover {
	box-shadow: 0 8px 16px 0 rgba(2, 11, 29, 0.938);
}


.cardnegocio:hover {
	box-shadow: 0 8px 16px 0 rgba(2, 11, 29, 0.938);
}

.contenedor-imagen {
	max-width: 100%;
	/* Establecer el ancho máximo del div */
	height: auto;
	/* Asegurar que la altura se ajuste automáticamente */
	display: flex;
	/* Utilizar flexbox para centrar la imagen */
	justify-content: center;
	/* Centrar horizontalmente la imagen */
	align-items: center;
	/* Centrar verticalmente la imagen */
	padding-bottom: 10px;
}

.contenedor-imagen img {
	max-width: 100%;
	/* Establecer el ancho máximo de la imagen */
	height: auto;
	/* Asegurar que la altura se ajuste automáticamente */
	object-fit: cover;
	margin-bottom: 5px;
}

.mprincipal {

	left: 0px;
	width: 90%;
	max-width: 400px;
	height: 98%;
	background-color: rgb(210, 239, 252);
	opacity: 1.0;
	box-shadow: 3px 3px 3px 3px #999;
}

.pantalla-digital {

	width: 250px;
	height: 135px;
	background-color: rgba(219, 235, 250, 0.2);
	/* Color blanco con opacidad */
	border: 1px solid rgba(255, 255, 255, 0.4);
	/* Borde blanco con opacidad */
	border-radius: 5px;
	backdrop-filter: blur(5px);
	/* Agregar efecto de desenfoque */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	/* Sombra para el efecto de profundidad */
}

.digitos {

	align-items: center;
	font-family: "Digital-7", monospace;
	font-size: 1.5em;
	color: #333;

}

.miselect {

	height: 40px;
	border: 1px solid gray;
	text-align-last: center;
	font-size: 8pt;
	font-size: var(--txt_tamaño);
	background-color: white;
	border-radius: 5px;
	cursor: pointer;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;

}

input[type='number'],
input[type='password'],
input[type='text'],
input[type='email'] {

	height: 40px;
	border: 1px solid gray;
	text-align: center;
	font-size: var(--txt_tamaño);
	border-radius: 5px;
	padding: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;

}

.input-80 {
	width: 80%;
	box-sizing: border-box;
	/* Incluye el padding y borde en el ancho del input */
}

.input-70 {
	width: 70%;
	box-sizing: border-box;
	/* Incluye el padding y borde en el ancho del input */
}



.texto_nombre_articulo {

	width: 98%;
	height: 5px;
	font-size: 16px;
	font-weight: normal;

}

.texto_negrita {

	font-weight: bold;
}

.texto_24 {

	font-size: 18px;
}

.texto_detalle_articulo {

	width: 98%;
	text-align: center;
	height: 5px;
	font-size: 16px;
	font-weight: bold;
	margin-left: 30%;
	background-color: #f0ebe3;



}

img.alinear_texto_img_top {

	vertical-align: text-top;
}


img.alinear_texto_img_center {

	vertical-align: middle;
}


.textoyacomprastes_este {

	margin-top: 6px;
	color: #a82210;
	margin-bottom: 3px;
	text-align: center;

}

.texto_titulo_colum {
	padding-left: 5px;

}


.texto_titulo_alerta {

	text-align: right;

}

#texto_alerta {

	text-align: justify;
	width: 100%;


}

.navegainfo {

	/*display: grid;*/
	position: fixed;
	bottom: 10px;
	right: 20px;
	z-index: 1;

	background: rgb(220, 243, 12);
	/*
	display						: grid;
	position					: fixed; 
    font-family					: 'Source Sans Pro', sans-serif;
	font-size					: 11pt; 
	float						: right;*/
	padding: 10px 10px 10px 10px;
	/* text-align					: center; margen con valores: arriba - derecha - abajo - izquierda */
	/* top							: 70px;                    /* Distancia hasta el borde superior */
	left: auto;
	right: 5px;
	/*height						: auto;         Distancia hasta el borde izquierdo
	max-height					: auto; */
	max-width: 250px;
	width: auto;

	border-bottom-left-radius: 10px 5px;
	border-top-left-radius: 10px 5px;
	border-bottom-right-radius: 10px 5px;

	box-shadow: 2px 2px 5px #999;
	pointer-events: auto;
	transition: all 1s;
	opacity: 0.5;
}

.close {

	background: #00d9ff;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;

}


.close:hover {
	background: #606061;
}

.imgprevia {

	display: flex;
	align-items: center;
	justify-content: center;


}

.paleta_precio {

	padding: 100px 20px 13px 20px;
	border-radius: 10px;
	transition: opacity 400ms ease-in;

}

.imgarticulo {

	width: 30%;
	height: 50%;
	position: relative;
	max-width: 30%;
	max-height: 50%;
	image-rendering: pixelated;
	margin: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.imgarticulo_min {

	position: relative;
	max-width: 30%;
	max-height: 30%;
	image-rendering: pixelated;
	margin: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.imagepremio {

	position: relative;
	max-width: 50%;
	max-height: 60%;
	image-rendering: pixelated;
	margin: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.color_rojo {

	color: #a82210
}

.color_azul {
	color: #0016b0;

}

.color_verde {

	color: #6ca667;
}

.color_naranjado {

	color: darkorange;
}

.color_indigo {

	color: indigo;
}

.color_blanco {

	color: #f5f2f2;
}

.color_verde_claro {

	color: #bdd6bb;
}

.color_anarillo {

	color: #f0f7d3;

}

.color_azul_Claro {

	color: rgb(185, 234, 247);
}

.backcolor_rojo {

	background-color: #a82210
}

.backcolor_azul {
	background-color: #0016b0;

}

.backcolor_anarillo {

	background-color: #f0f7d3;

}

.backcolor_gris_claro {

	background-color: #ccccc7;

}

.backcolor_verde {

	background: #6ca667;
}

.backcolor_verde_claro {

	background: #bdd6bb;
}

.backcolor_verde_claro_viche {

	background: #c2f7be;
}

.backcolor_azul_Claro {

	background-color: rgb(185, 234, 247);
}

.backcolor_aviso {

	background-color: rgb(10, 10, 10);

}

.backcolor_naranjado {

	background-color: darkorange;
}

.backcolor_azul_cielo {

	background-color: rgb(203, 217, 247);
}

.backcolor_indigo {
	background-color: indigo;
}

.backcolor_rosa {
	background-color: rgb(247, 209, 245);
}

.backcolor_precio {

	background-color: rgb(235, 240, 240);
}

enlinea_1 {

	width: 25%;
	height: 40px;
	border: 1px solid gray;
	text-align-last: center;
	font-size: 18px;
	background-color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;

}


.imgCirculo {

	width: 36px;
	height: 36px;
	border-radius: 32px;
	border: 1px solid #65c5ef;
	background: #FFCD3F;


}

.row_antiguo {

	background-color: rgb(194, 191, 191);
}

.row_cierre {

	background-color: rgb(247, 248, 207);

}

.row_abono {

	background-color: rgb(202, 240, 185);

}

.row_pago_contado {

	background-color: #ABEBC6;
}

.row_credito {
	background-color: rgb(250, 207, 192);
}

.row_saldo {

	background-color: sandybrown;
}

.row_pendiente {

	background-color: rgb(248, 200, 69);
}

.row_paz_salvo {

	background-color: rgb(189, 183, 183);

}


.imgazul {

	filter: saturate(10);

}

.imgCirculoGris {

	z-index: 0;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	padding-bottom: 10px;
}

.tdbarra {

	width: 50%;
	text-align: right;
	vertical-align: middle;

}

.txtinfo {

	padding: 10px;
	text-align: justify;
	font-size: x-small;

}

.icon-container {

	display: flex;
	padding-right: 0px;
	margin-right: 15px;
	align-items: center;
	justify-content: space-around;
	max-height: 45px;


}

.icon-menu-bar {
	float: right;
	margin-right: 5px;
}

.bt_actividad {
	padding: 5px;
	text-decoration: none;
	background-color: #ABEBC6;
	border: 1px solid #77787b;
	border-radius: 9px;
	width: auto;
	max-width: 100px;
	word-wrap: break-word;
}

.bt {
	padding: 5px;
	text-decoration: none;
	background-color: #BBF3FD;
	text-align: center;
	border: 1px solid #0016b0;
	border-radius: 9px;
	width: auto;
	max-width: 100px;
	word-wrap: break-word;
}

.btgris {
	padding: 5px;
	text-decoration: none;
	background-color: #e9ecec;
	border: 1px solid #0016b0;
	border-radius: 9px;
	width: auto;
	max-width: 100px;
	word-wrap: break-word;
}

.ico {

	width: 40px;
	height: 40px;

}

.ico_indicador {

	width: 20px;
	height: 20px;
}

.v_fuera_sesion {
	display: flex;
	color: hsl(58, 100%, 50%);
	padding: 0px;
	justify-content: center;
	text-align: center;
	box-shadow: 0 2px 4px #fffeadc6;


}

#contenido_menu_categorias a {
	color: hsl(240, 5%, 4%) !important;
	/* Cambia 'red' al color deseado */
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

}

.v_menu_categorias {

	color: hsl(221, 100%, 50%) !important;
	background-color: #ffae3d;
	padding: 0px;
	justify-content: center;
	text-align: center;
	box-shadow: 0 2px 4px #fffeadc6;

}

.scroll-button {
	background-color: #fa9e61;
	color: #fff;
	border: none;
	padding: 10px;
	cursor: pointer;
	font-size: 18px;
	box-shadow: 0 2px 4px #fffeadc6;
}

.scroll-button:disabled {
	background-color: #ccc;
	cursor: not-allowed;
}

.menuprincipalsistemaopc {

	position: relative;
	margin-top: 20px;
	padding: 1px 5px 1px 5px;
	overflow-y: scroll;
	/*	height					: 68%; */
	/*VERSION SALE PROXIMA */
	height: 84%;

}


.barravertical {

	position: relative;
	overflow-y: scroll;
}

.barrahorizontal {

	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
}

.divbarravertical {

	position: relative;
	overflow-y: scroll;
	height: 50%;
}

.divpremios {

	position: relative;
	margin-top: 20px;
	padding: 1px 5px 1px 5px;
	overflow-y: scroll;
	/*	height					: 68%; */
	/*VERSION SALE PROXIMA */
	height: 50%;

}


img.gris {

	z-index: 0;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.card_img {

	height: 60px;
	padding-top: 4px;
	width: auto;
	max-width: 225px;
	align-items: center;
}

.card_div_razon {

	display: flex;
	justify-content: center;
	padding: 10px;
	height: 50px;
	box-sizing: border-box;
	width: 100%;
	background: coral;
	color: #ffffff;
	font-family: 'Courier New', Courier, monospace, cursive, sans-serif;
	border-bottom-color: gainsboro;

}

.hrazon {

	color: floralwhite;
	text-align: center;
	font-size: 18px;
	width: 100%;
}


.btn-bootstrap {


	padding: .375rem .75rem;
	border-radius: .25rem;
	background-color: #007bff;
	color: #fff;
	transition: background-color .15s ease-in-out;
}

.btn-bootstrap:hover,
.btn-bootstrap:focus {

	background-color: #0069d9;

}

.icomin {

	width: 25px;
	height: 25px;

}

.htelefono {

	float: right;
	text-align: center;

}

.globo {

	background-color: #e5ef9b;
	border-top-right-radius: 23px;
	border-top-left-radius: 23px;

}

.contenido_centrado {

	display: flex;
	justify-content: center;
	padding-left: 15px;
	padding-right: 15px;

}

.btn-danger2 {
	background-color: #dc3545;
	color: white;
	border: 2px solid #dc3545;
	box-shadow: 0 2px 4px #000000;
}

.circulo {


	/*position: absolute;*/
	top: 10px;
	right: 5px;
	background-color: #21fc6a;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	z-index: 2;


}

.menutareascontenido {

	position: relative;
	padding: 1px 5px 1px 5px;
	overflow-y: scroll;
	overflow-x: none;
	height: 84%;

}

.menutareas {

	position: fixed;
	display: none;
	top: 60px;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 1px 5px 1px 5px;
	right: 3px;
	width: 38%;
	max-width: 200px;
	height: 35%;
	background-color: rgb(141, 238, 180);
	opacity: 1.0;
	box-shadow: 3px 3px 3px 3px #999;
	z-index: 0;
	border-bottom-right-radius: 10px 8px;
	border-bottom-left-radius: 10px 8px;


}

.menu_categoria {

	width: 98%;
	max-width: 98%;
	max-height: 80px;
	height: 70px;
	overflow-y: hidden;
	overflow-x: auto;
	padding: 3px;

}

.txtbusqueda {

	width: 100%;
	padding-left: 40px;
	background-image: url(../imagenes/aplicacion/ImgForm/buscar.png);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	height: 40px;
	border: 1px solid gray;
	text-align: left;
	font-size: 18px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;


}

.menu_categoria>div {

	width: 500%;
	padding: 1px;

}

.menu_categoria>div>img {

	height: 38px;
	width: 38px;
	margin-left: 3px;
	margin-right: 3px;
}

.ico_menu_categoria {

	width: 38px;
	height: 42px;
}

.imagen-contenedor {
	width: 180px;
	height: 300px;
}

.imagen-contenedor img {
	display: block;
	margin: 0 auto;
}

.number {
	/* position: absolute; No es necesario más */
	align-items: center;
	width: 90%;
	padding-top: 0px;
	height: 100%;
	font-size: 12px;
	text-align: center;
	/* Agregado para centrar horizontalmente */
	margin-left: 1px;
	margin-right: 10px;

}

.div_icon_bar {
	float: left;
	margin: 0.4px;
	/*background-color: #e9e7f4;*/
}

.bordes_redondos {

	padding-right: 15px;
	padding-left: 15px;
	transition: 0.3s;
	padding: 10px;
	width: 80%;
	border-bottom-left-radius: 10px 5px;
	border-bottom-right-radius: 10px 5px;
	border-top-left-radius: 10px 5px;
	border-top-right-radius: 10px 5px;
}