.JSmenu-flecha-izquierda {
	position: absolute;
	top: 0px;
	left: 0px;
	height: calc(100% - 4px);
	width: 25px;
	z-index: 2;
	display: inline-block;
	vertical-align: top;
	position: static;
	cursor: pointer;
}

.JSmenu-flecha-derecha {
	position: absolute;
	top: 0px;
	right: 0px;
	height: calc(100% - 4px);
	width: 25px;
	z-index: 2;
	display: inline-block;
	vertical-align: top;
	position: static;
	cursor: pointer;
}

.JSmenu-flecha-izquierda,
.JSmenu-flecha-derecha {
	background: #fff;
	height: 43px;
	position: relative;
	z-index: 2;
}

.JSmenu-flecha-derecha {
	text-align: right;
}

.JSmenu-flecha-izquierda svg,
.JSmenu-flecha-derecha svg {
	fill: var(--fondo-boton);
	height: 20px;
	width: auto;
	margin-top: 9px;
	margin-left: auto;
    margin-right: auto;
    display: block;
}

.JSmenu-flecha-bloqueado {
	pointer-events: none;
}

.JSmenu-flecha-bloqueado svg{
	fill: #eee;
}

.JSmenu-contenedor {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	height: 36px;
}

.JSmenu-lista-item {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	/*display:flex;*/
	white-space: nowrap;
	position: absolute;
	top: 0px;
	left: 0px;
	transition-property: transform;
	box-sizing: content-box
}

.JSmenu-item {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	width: auto;
	display: inline-block;
	vertical-align: top;
}

.JSmenu-item {
	cursor: pointer;
}

.JSmenu-contenedor {
	width: calc(100% - 50px);
	display: inline-block;
	vertical-align: middle;
}

.JSmenu-item svg {
	width: 15px;
	margin-left: 10px;
	fill: #000;
	vertical-align: middle;
}

.JSmenu-item.JSmenu-item-activo svg {
	/*fill: var(--fondo-boton);*/
	fill: #444;
}

.JSmenu-contenedor {
	overflow: visible;
}

.JSmenu-lista-item {
	transform: none;
}

.JSmenu-item {
	position: relative;
}

.JSmenu-item.JSmenu-item-padre:hover {
	padding-bottom: 0px;
	border-bottom: 0px;
}

.JSmenu-item.JSmenu-item-padre:hover {
	/*margin-left: 5px;
	margin-right: 5px;
	padding-left: 20px;
	padding-right: 20px;*/
}

.JSmenu-item.JSmenu-item-padre svg {
	pointer-events: none;
	transition: 0.25s transform ease-in-out;
}

.JSmenu-item.JSmenu-item-padre.JSmenu-item-activo::after {
	content: ' ';
	width: calc(100% - 10px);
	height: 4px;
	background: var(--fondo-boton);
	position: absolute;
	left: 5px;
	top: 39px;
	pointer-events: none;
}

.JSmenu-item.JSmenu-item-padre:hover svg {
	transform: rotate(180deg);
}

.JSmenu-item.JSmenu-item-padre:hover::after {
	content: ' ';
	width: calc(100% - 10px);
	height: 4px;
	background: var(--fondo-boton);
	position: absolute;
	left: 5px;
	top: 39px;
	pointer-events: none;
}

.JSmenu-item.JSmenu-item-padre::after {
	content: ' ';
	width: 100%;
	height: 4px;
	background: #eee;
	position: absolute;
	top: 39px;
	left: 0px;
	transition: 0.25s width ease-in-out, 0.25s left ease-in-out;
	pointer-events: none;
}

.JSmenu-item.JSmenu-item-padre:hover .JSmenu-item-sub {
	left: 5px;
	min-width: calc(100% + 50px);
	width: fit-content;
	margin-left: -25px;
	text-align: left;
}

.JSmenu-item.JSmenu-item-padre:hover .JSmenu-item-sub {
	display: block;
	margin-top: 14px;
	/*border-top: 4px solid var(--fondo-boton);*/
}

.JSmenu-principal {
	position: relative;
	background: #fff;
	height: 43px;
}

.JSmenu-principal .JSmenu-lista-item {
	position: static;
	overflow: visible;
}

.JSmenu-principal .JSmenu-lista-item:empty {
	background: #FFFFFF;
	height: 43px;
}

.JSmenu-principal .JSmenu-lista-item::-webkit-scrollbar {
	display: none;
}

.JSmenu-principal .JSmenu-lista-item {
	-ms-overflow-style: none;
	scrollbar-width: none;

	max-width: 100%;
	overflow-x: scroll;
}

.JSmenu-sub {
	display: none;
}

.JSmenu-sub .JSmenu-lista-item {
	white-space: normal;
	position: static;
	background: #fafafa;
}

.JSmenu-sub .JSmenu-lista-item,
.JSmenu-sub .JSmenu-contenedor {
	height: auto;
}

.JSmenu-sub .JSmenu-item {
	width: 100%;
	text-align: left;
	display: block;
	height: auto;
	background: #fafafa;
	padding-left: 40px;
	padding-right: 10px;
}

.JSmenu-contenedor {
	background: transparent;
}

.JSmenu-contenedor,
.JSmenu-lista-item,
.JSmenu-item {
	height: auto;
}

.JSmenu-item {
	background: #fff;
}

@media screen and (max-width: 700px) {
	.JSmenu-sub {
		display: block;
		height: 0px;
	}

	.JSmenu-item.JSmenu-item-padre:hover .JSmenu-item-sub {
		display: none;
	}

	.JSmenu-contenedor {
		overflow: hidden;
	}

	.JSmenu-principal .JSmenu-lista-item {
		overflow-x: auto;
	}
}

.JSmenu-item-inactivo {
	transition: 0.25s color ease-in-out;
}

.JSmenu-item-inactivo svg {
	transition: 0.25s fill ease-in-out;
}

.JSmenu-item {
	border-bottom: 4px solid #FFFFFF;
}

.JSmenu-item-inactivo:hover {
	/*border-bottom: 4px solid var(--fondo-boton);*/
	/*color: var(--fondo-boton);*/
	color: #444;
	/*padding-left: 20px;
    padding-right: 20px;
    margin-left: 5px;
    margin-right: 5px;*/
}

.JSmenu-item-inactivo:hover::after {
	content: ' ';
	width: calc(100% - 10px);
	height: 4px;
	background: var(--fondo-boton);
	position: absolute;
	top: 39px;
	left: 5px;
	pointer-events: none;
}

.JSmenu-item-inactivo::after {
	content: ' ';
	width: 100%;
	height: 4px;
	background: #eee;
	position: absolute;
	top: 39px;
	left: 0px;
	transition: 0.25s width ease-in-out, 0.25s left ease-in-out;
	pointer-events: none;
}

.JSmenu-item-inactivo svg {
	fill: #999;
}

.JSmenu-item-inactivo:hover svg {
	/*fill: var(--fondo-boton);*/
	fill: #444;
}

.JSmenu-item-activo {
	padding: 0px 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*font-weight: bold;*/
	font-size: 16px;
	width: auto;
	/*border-bottom: 4px solid var(--fondo-boton);*/
	/*color: var(--fondo-boton);*/
	color: #444;
	margin: 0px;
}

.JSmenu-item-inactivo svg {
	transition: 0.25s transform ease-in-out;
}

.JSmenu-item-activo svg {
	transform: rotate(180deg);
}

.JSmenu-item-activo::after {
	content: ' ';
	width: calc(100% - 10px);
	height: 4px;
	background: var(--fondo-boton);
	position: absolute;
	top: 39px;
	left: 5px;
	pointer-events: none;
}

.JSmenu-item-inactivo {
	padding: 10px 20px;
	font-size: 16px;
	width: auto;
	color: #999;
	/*border-bottom: 4px solid #EEEEEE;*/
	margin: 0px;
}

@media screen and (max-width: 700px) {
	.JSmenu-item-inactivo:hover {
		/*border-bottom: 4px solid #EEEEEE;*/
		color: #000;
		opacity: 1;
		padding-left: 25px;
		padding-right: 25px;
		margin-left: 0px;
		margin-right: 0px;
	}

	.JSmenu-item-inactivo:hover svg {
		fill: #000;
	}

	/*.JSmenu-item-activo {
		padding-left: 10px;
		padding-right: 40;
	}*/
}

.JSmenu-item-sub {
	display: none;
	top: 100%;
	left: 0px;
	width: calc(100% + 50px);
	margin-left: -25px;
	margin-top: 4px;
}

.JSmenu-item-sub div {
	background: #fefefe;
	color: #999;
	padding: 10px;
	padding-left: 40px;
	padding-right: 25px;
	border-bottom: 1px solid #efefef;
}

.JSmenu-item-sub div:hover {
	/*color: var(--fondo-boton);*/
	color: #444;
}

@media screen and (max-width: 700px) {
	.JSmenu-item-sub {
		display: none;
	}
}