@media screen {
.sidebar .menu-item.active,.sidebar .menu-item.activo {
 background:var(--fondo-pagina,#f4f6fa)!important;
 color:#183e5d!important;
 border-radius:9px 0 0 9px!important;
 margin-right:calc(-1 * var(--margen-menu,14px))!important;
 border-right:0!important;
 box-shadow:none!important;
 position:relative;
}
.sidebar .menu-item.active:hover,.sidebar .menu-item.activo:hover {
 background:var(--fondo-pagina,#f4f6fa)!important;
 color:#183e5d!important;
}
}

@media screen {
.sidebar .menu-item:not(.active):not(.activo):hover {
 background:#ffffff12!important;
 color:#fff!important;
 box-shadow:none!important;
}
}

@media screen {
 :root {--ancho-menu:277px;--desplazamiento-menu:277px}
 .sidebar {width:var(--ancho-menu)!important}
 .sidebar .menu-title,.sidebar .menu-titulo {display:none!important}
 .sidebar .menu-item {font-size:15px!important}
 body:has(.sidebar)>.appbar {left:var(--desplazamiento-menu)!important;width:auto!important;right:0!important}
 body:has(.sidebar)>main {margin-left:var(--desplazamiento-menu)!important}
 body:has(.sidebar) .femo-marco {margin-left:var(--desplazamiento-menu)!important}
 body:has(.sidebar) .barra-guardar-atencion,
 body:has(.sidebar) .barra-impresion-consulta,
 body:has(.sidebar) .acciones-final-formulario,
 body:has(.sidebar) .barra-fija-vista,
 body:has(.sidebar) .barra-fija-certificado {left:var(--desplazamiento-menu)!important;width:calc(100% - var(--desplazamiento-menu))!important;box-sizing:border-box}
 body:has(.sidebar) .encabezado-certificado-empresa,
 body:has(.sidebar) .volver-encabezado-certificado {margin-left:calc(var(--desplazamiento-menu) + 32px)!important}
}
@media screen and (max-width:900px) {
 :root {--ancho-menu:253px;--desplazamiento-menu:253px}
 body:has(.sidebar) .encabezado-certificado-empresa,
 body:has(.sidebar) .volver-encabezado-certificado {margin-left:calc(var(--desplazamiento-menu) + 22px)!important}
}
@media screen and (max-width:680px) {
 :root {--ancho-menu:286px;--desplazamiento-menu:0px}
 body:has(.sidebar) .encabezado-certificado-empresa,
 body:has(.sidebar) .volver-encabezado-certificado {margin-left:15px!important}
}

@media screen {
 .sidebar{box-sizing:border-box!important;flex-shrink:0;transition:none!important}
 html{scrollbar-gutter:stable}
}

@media screen {
 .sidebar[style*="background:#000000"] nav a[href="/empresas"],
 .sidebar[style*="background: #000000"] nav a[href="/empresas"] {display:none!important}
}

@media screen {
 .sidebar:not([style*="background:#000000"]):not([style*="background: #000000"]):not([style*="background: rgb(0, 0, 0)"]) {background:#071827!important}
}

@media screen {
.sidebar .menu-item{transition:background .16s,color .16s,font-size .16s,min-height .16s}
.sidebar .menu-item.active,.sidebar .menu-item.activo,.sidebar .menu-item[aria-current="page"]{font-size:15px!important;font-weight:700!important;min-height:50px}
.sidebar .menu-item.active svg,.sidebar .menu-item.activo svg,.sidebar .menu-item[aria-current="page"] svg{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){.sidebar .menu-item{transition:none}}

@media screen {
.sidebar .menu-list,.sidebar .menu-lista{display:grid;grid-auto-rows:auto;align-content:start;gap:5px;margin-top:16px;padding:0}
.sidebar .menu-item{box-sizing:border-box;min-height:46px;line-height:1.35;margin-top:0;margin-bottom:0;padding:10px 14px}
.sidebar .menu-icon,.sidebar .menu-icono{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px}
.sidebar .menu-item>span:last-child{min-width:0;overflow-wrap:anywhere}
.sidebar .menu-item.active,.sidebar .menu-item.activo,.sidebar .menu-item[aria-current="page"]{font-size:16px!important;min-height:50px}
}

@media print{#aviso-firma-confirmada,#aviso-actividad-autoguardada,.aviso-navegacion,.aviso-precarga-femo{display:none!important}}

/* Reserve the menu layout while company links and the current item initialize. */
@media screen{
 .sidebar:not([data-menu-listo="1"]) nav,.menu-formulario:not([data-menu-listo="1"]) nav{visibility:hidden}
}

@media screen{
 .sidebar{padding:22px 14px!important}
 .sidebar>a:has(>img){display:block!important;height:126px!important;margin:0!important;padding:0!important;background:transparent!important}
 .sidebar>a>img{display:block!important;width:112px!important;height:112px!important;margin:0 auto 14px!important;object-fit:contain!important;box-sizing:border-box!important}
}

@media screen{.sidebar nav a[href="/"],.menu-formulario nav a[href="/"]{display:none!important}}



.sidebar nav a[data-enlace-empresa]{text-transform:uppercase;min-width:0}.sidebar nav a[data-enlace-empresa] .nombre-empresa-menu{flex:1;min-width:0;overflow-wrap:anywhere}.sidebar nav a[data-enlace-empresa] .mini-logo-empresa{display:block;width:35px;height:29px;flex:0 0 35px;margin-left:auto;padding:3px;object-fit:contain;background:#fff;border-radius:5px}

#configurar-kardex .centro-empresa-compartido{display:grid;gap:6px;font-size:12px;color:#526b87;min-width:0}#configurar-kardex .centro-empresa-compartido select{width:100%;min-width:0;height:38px;padding:7px;border:1px solid #c8d8ec;border-radius:7px;background:#fff;color:#294b6b}
