.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: 450px; /* 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:100%;
    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;
    white-space: nowrap;
    padding:10px;

}



.container {
    display: flex;
    height: 100%;
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
    justify-content: space-between; /* Distribui as divs igualmente na linha */
  }
  .item {
    text-align: left;
    box-sizing: border-box;
    flex: 1;
    margin: 0 5px; /* Espaçamento entre as divs */
    min-width: 200px;
    height: 100%;
  }