/* ver=1740102805 */
/* dat=20/02/2025 22:53:25 */

/*-----------------------------------------------------------------------------------------------*/
/* LG - INICIO                                                                                   */
/*-----------------------------------------------------------------------------------------------*/

@media (min-width: 1200px){

  /* altura da barra principal do topo 1 */
  #barra-topo1 {
    height: 50px;
  }

  /* altura da barra principal do topo 2 */
  #barra-topo2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  #conteudoLogoDesktop {
    display: contents;
  }

  #conteudoLogoMobile {
    display: none;
  }

  .divNumRegistros {
    padding-top: 0px;
  }

  /* largura da barra de menus lateral */
  .sidebar {
    --sidebar-width: 15rem;
  }

  /* altura da segunda barra de titulo */
  .page-header {
    --page-header-padding-y: 0.5rem;
  }

  /* ajuste na posicao do rodape */
  .navbar-footer {
    --navbar-padding-y: 0.2rem;
  }

  /* largula da barra lateral quando recolhida */
  .sidebar-expand-lg.sidebar-collapsed {
    --sidebar-width: 15px;
    border: 0;
  }

}

/*-----------------------------------------------------------------------------------------------*/
/* MD - INICIO                                                                                   */
/*-----------------------------------------------------------------------------------------------*/

@media (min-width: 992px) and (max-width: 1200px){

  /* altura da barra principal do topo 1 */
  #barra-topo1 {
    height: 50px;
  }

  /* altura da barra principal do topo 2 */
  #barra-topo2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  #conteudoLogoDesktop {
    display: contents;
  }

  #conteudoLogoMobile {
    display: none;
  }

  .divNumRegistros {
    padding-top: 0px;
  }

  /* largura da barra de menus lateral */
  .sidebar {
    --sidebar-width: 15rem;
  }

  /* altura da segunda barra de titulo */
  .page-header {
    --page-header-padding-y: 0.5rem;
  }

  /* ajuste na posicao do rodape */
  .navbar-footer {
    --navbar-padding-y: 0.2rem;
  }

  /* largula da barra lateral quando recolhida */
  .sidebar-expand-lg.sidebar-collapsed {
    --sidebar-width: 15px;
    border: 0;
  }

}

/*-----------------------------------------------------------------------------------------------*/
/* SM - INICIO                                                                                   */
/*-----------------------------------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 992px){

  /* altura da barra principal do topo 2 */
  #barra-topo2 {
    padding-left: 0px;
    padding-right: 0px;
  }

  /* altura da segunda barra de titulo */
  .page-header {
    --page-header-padding-y: 0.5rem;
  }

  #conteudoLogoDesktop {
    display: none;
  }

  #conteudoLogoMobile {
    display: contents;
  }

  .divNumRegistros {
    padding-top: 10px;
  }

}

/*-----------------------------------------------------------------------------------------------*/
/* XS - INICIO                                                                                   */
/*-----------------------------------------------------------------------------------------------*/

@media (min-width: 0px) and (max-width: 768px){

  /* altura da barra principal do topo 2 */
  #barra-topo2 {
    padding-left: 0px;
    padding-right: 0px;
  }

  /* altura da segunda barra de titulo */
  .page-header {
    --page-header-padding-y: 0.5rem;
  }

  #conteudoLogoDesktop {
    display: none;
  }

  #conteudoLogoMobile {
    display: contents;
  }

  .divNumRegistros {
    padding-top: 10px;
  }

}

/*-----------------------------------------------------------------------------------------------*/
/* PARA TODOS OS TAMANHOS                                                                        */
/*-----------------------------------------------------------------------------------------------*/

.oculto {
  display: none !important;
}

.padding005 {
  padding: 5px;
}

.padding010 {
  padding: 10px;
}

.padding015 {
  padding: 15px;
}

.paddingTop002 {
  padding-top: 2px;
}

.paddingBottom015 {
  padding-bottom: 15px;
}

.marginTop005 {
  margin-top: 5px;
}

.marginTop022 {
  margin-top: 22px;
}

.marginTop030 {
  margin-top: 30px;
}

.marginbottom025 {
  margin-bottom: 25px;
}

.textAlignCenter {
  text-align: center;
}

.textAlignRight {
  text-align: right;
}

.navbar-brand img {
  height: 26px;
}

.imgLogoDesktop {
  opacity: 0.9;
  width: 26px;
  height: 26px;
}

.imgLogoMobile {
  opacity: 0.9;
  width: 26px;
  height: 26px;
  margin-left: 5px;
}

.opacity05 {
  opacity: 0.5;
}

.btnsModal {
  width: 100px;
}

.tituloLogoDesktop {
  color: #c2c2c2;
  font-size: 16px;
  margin-right: 44px;
}

.tituloLogoMobile {
  color: #c2c2c2;
  font-size: 18px;
}

.alerta-topo {
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.iconIndicador {
  bottom: 4px;
  right: 5px;
}

.linkDisabled {
  cursor: default;
  color: #858585;
  --link-hover-color: #858585;
}

#conteudo-menu-usuario-logado {
  display: inline-flex;
}

.paddingTop001 {
  padding: 1px;
}

/* .fontSize010 {
  font-size: 10px;
} */

/* ajuste opcional para as tabelas */
.table-xs {
	font-size: 14px; /* default: 14*/
	--table-cell-padding-y: 0.3rem; /* default: 0.5rem*/
	--table-cell-padding-x: 1.25rem;
}

.circuloEstadoUsuario {
  position: absolute; 
  left: 50px;
  top: 40px;
  border: solid 2px var(--offcanvas-bg);
}

/* a largura do offcanvas tanto para desktop quanto para mobile */
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --offcanvas-width: 300px;
}

/* FIM */