@import url('./main-layout.css');
@import url('./views/article-view.css');
@import url('./views/login-view.css');

vaadin-app-layout::part(navbar){
    background-image: linear-gradient(to bottom, #ED8C00, 99%, #233348);
    color: black;
}

vaadin-drawer-toggle::part(icon){    
    color: black;
}

vaadin-grid::part(header-cell), vaadin-grid-pro::part(header-cell){
    background-color: #ed8a00;         
  }
  
vaadin-grid ::part(indicators), vaadin-grid-pro ::part(indicators){
    color: black;
}
  
vaadin-grid, vaadin-grid-pro { 
    margin-left: 10px;   
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    --lumo-header-text-color: #000000;
}

vaadin-text-field, vaadin-number-field, vaadin-select, vaadin-checkbox, 
vaadin-password-field, vaadin-email-field, vaadin-date-picker{
    padding-top: 0px;
}

vaadin-split-layout {
    height: 100vh !important; /* will force the layout to fill whole window */
}

.black-color{    
    color: black;    
}

.white-color{    
    color: white;    
}

.black-background-color{    
    background-color: black;    
}