.menu-icon
{
  font-size:25px;
}

.principal-icon
{
  font-size:40px;
}

.menu-fac
{
  position: fixed;
  top: 0px;
	box-shadow: 12px 0 24px rgba(0, 0, 0, 0.3);
  left: 0px;
  height: 100vh;
  background-color: white;
  z-index: 100; 
	
/* 	opacity: 0;  */
  transition: opacity 0.3s ease;
	
}

.animate-menu
{
	animation: deslizar 0.5s linear;
}

@keyframes deslizar {
    0% {
        left: -300px; /* Inicialmente, el menú estará fuera de la vista hacia la izquierda */
    }
    100% {
        left: 0; /* Al final de la animación, el menú estará completamente visible */
    }
}

.close-menu {
    animation: slideOut 0.3s linear;
}

@keyframes slideOut {
    0% {
        left: 0; /* Al principio de la animación, el menú estará completamente visible */
    }
    100% {
        left: -300px; /* Al final de la animación, el menú estará fuera de la vista hacia la izquierda */
    }
}


.show {
  opacity: 1; /* Hace que el div sea completamente visible */
}

.item-menu-fac
{
  text-align: center;
  margin-top: 25px;
  font-family: 'Lexend';
  font-style: normal;
  font-size: 12px;
  line-height: 19px;
  color: white;
}

.item-img-fac
{
  height: 24px;
  width: 24px;
	margin-top: -4px;
}

.header-fac
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #2B344B;
/*   border-bottom: 1px solid rgb(219, 219, 219); */
  z-index: 50;
	height: 58px;
/* 	box-shadow: 12px 0 24px rgba(0, 0, 0, 0.5); */
	box-shadow: 6px 0 10px rgba(0, 0, 0, 3.5);
}

.logo-fac
{
  
}

.salir-logo
{
  padding-top: 15px;
  cursor: pointer;
	position: absolute;
  top: 0;
  right: 0;
}

.principal-logo
{
	width: 130px;
	margin-left: 20px;
}

.menu_lat
{
  position: fixed;
  top: 0px;
  left: 72px;
  height: 72px;
  width: calc(100vw - 73px);
  background-color: #fbfbfb;
  border-bottom: 1px solid rgb(219, 219, 219);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 50;
}

.menu-ex
{
	background-color: #1C53F7;
	border-right: 1px solid rgb(219, 219, 219);
overflow-y: scroll; /* Permite el desplazamiento vertical si el contenido excede la altura del menú */
	scrollbar-width: thin; /* Ajusta el grosor del scroll a "thin" (o "none" para eliminarlo) */
	-ms-overflow-style: none;
}

 .menu-ex::-webkit-scrollbar {
    width: 4px; /* Ajusta el ancho del scroll a 4px (o 0 para eliminarlo) */
  }

.text-submenu
{
	font-size: 22px;
	text-decoration: none;
	margin-left: 10px;
	font-weight: bold;
	color: #2b344b !important;
	cursor:pointer;
}

.datos{
	display: grid;
	padding: 10px;
	background-color: #2B344B;
	color: white;
	line-height: 20px;
}


.divClienteText
{
	color: white;
	margin-left: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -10px;
	margin-right: 15px;
	font-weight: bold;
}

.noneD{
/* 	opacity: 0;
  transition: opacity 0.5s ease-in-out; */
}

.mos{
/* 	opacity: 1;
	transform: scale(1);
   transition: opacity 1s ease-in-out, transform 1s ease-in-out; */
}

@media screen and (max-width: 768px)
{
	.divClienteText {
    margin-right: 15px;
	}
}