.window-page-header{
    top: 0;
    background-color: #333;
    padding-left: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 50px;
  }
.window-page-content{
   
    display:flex;
    width: 100%;      
    
    cursor:pointer;
}
.window-dialog {
    min-height: 150px;
    max-width: 90%; /* Define a largura máxima como 90% da tela */
    max-height: 90vh; /* Define a altura máxima como 90% da altura da janela (viewport) */
    width: 90%;
    height: auto;
    /**padding-bottom: 30px;*/
    background-color: #0d0d0d; /* Cor de fundo da div de diálogo */
    border: 1px solid #ccc; /* Borda da div de diálogo */
    position: absolute; /* Posição absoluta */
    top: 50%; /* Centraliza verticalmente */
    left: 50%; /* Centraliza horizontalmente */
    transform: translate(-50%, -50%); /* Centraliza em relação ao próprio tamanho */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Sombra da div de diálogo */
    border: 1px solid dodgerblue;
  } 
  .window-dialog-modal {
    display: block; /* Inicialmente oculto */
    position: fixed; /* Posição fixa na tela */
    top: 0;
    left: 0;
    width: 100%; /* Largura total */
    height: 100%; /* Altura total */
    background-color: rgba(0, 0, 0, 0.7); /* Fundo semi-transparente */
    justify-content: center;
    align-items: center;
  }

  


  .console{
    width:100%;
    background-color:transparent;
    overflow-x:auto;
    overflow-y:auto;
    outline:none;
    text-wrap: nowrap ;

}



.container {
    display: flex;
    height: 100%;
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
    justify-content: space-between; /* Distribui as divs igualmente na linha */
    flex-direction: column;
  }
  
  .item {
    text-align: left;
    box-sizing: border-box;
    margin: 5px 0; /* Espaçamento vertical entre as divs */
    
    margin-bottom: 5px; /* Espaçamento adicional na parte inferior do item, se desejado */
    /* Removendo a propriedade 'flex: 1' para não esticar os itens além do seu conteúdo */
    /* Removendo a propriedade 'height: 100%' porque agora não queremos que cada item tenha a altura total do container */
  }
  