/* Barra da empresa: cor e ícones vetorizados das cinco imagens enviadas pelo usuário.
   Apenas a barra da empresa é afetada. Sem alterações ao ERP ou ao motor fiscal. */
#companySideMenu:not(.hidden){
  width:112px!important;
  min-width:112px!important;
  flex:0 0 112px!important;
  height:calc(100vh - 51px)!important;
  height:calc(100dvh - 51px)!important;
  top:51px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:#006CD4!important;
  scrollbar-width:thin;
  scrollbar-color:#ffffff48 #006CD4;
}
#companySideMenu .company-nav{
  flex:1 1 20%!important;
  height:auto!important;
  min-height:86px!important;
  width:100%!important;
  padding:9px 3px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #ffffff25!important;
  background:#006CD4!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:clamp(7px,1.35dvh,13px)!important;
  color:#fff!important;
  font-family:Poppins,Roboto,Arial,sans-serif!important;
  font-size:clamp(9px,1.12dvh,11px)!important;
  font-weight:500!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
#companySideMenu .company-nav.active{
  background:#006CD4!important;
  box-shadow:inset 3px 0 0 #ffffffb8!important;
}
#companySideMenu .company-nav:hover,
#companySideMenu .company-nav:focus-visible{
  background:#0063c3!important;
}
#companySideMenu .company-nav .nav-icon{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  height:clamp(39px,6dvh,55px)!important;
  width:clamp(42px,6dvh,56px)!important;
  min-height:0!important;
  min-width:0!important;
  flex-shrink:0!important;
  color:#fff!important;
}
#companySideMenu .company-nav .nav-icon svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
  color:#fff!important;
  fill:#fff!important;
  stroke:none!important;
  stroke-width:0!important;
}
#companySideMenu .company-nav > span:last-child{
  white-space:normal!important;
  overflow-wrap:normal!important;
  text-align:center!important;
  color:#fff!important;
  font-size:inherit!important;
  font-weight:inherit!important;
}
.company-active #companyFlyout{
  left:112px!important;
  top:51px!important;
  height:calc(100dvh - 51px)!important;
}
@media(max-width:680px){
  #companySideMenu:not(.hidden){
    width:92px!important;
    min-width:92px!important;
    flex-basis:92px!important;
  }
  #companySideMenu .company-nav{
    min-height:76px!important;
    font-size:9px!important;
    gap:6px!important;
  }
  #companySideMenu .company-nav .nav-icon{
    width:clamp(32px,5.6dvh,43px)!important;
    height:clamp(32px,5.6dvh,45px)!important;
  }
  .company-active #companyFlyout{
    left:92px!important;
    width:min(242px,calc(100vw - 92px))!important;
  }
}