/*
   CSS styling examples for the Vaadin app.
   Visit https://vaadin.com/docs/flow/theme/theming-overview.html and
   https://vaadin.com/themes/lumo for more information.
*/

/* Example: CSS class name to center align the content . */
.centered-content {
    margin: 0 auto;
    max-width: 250px;
    background-color: aquamarine;
}

.full-width {
    width: 100%;
    background: #7f7f7f;
}

.background-header {
    background: #c8cbd1;
    color: white;
    padding: 2px;
    border-radius: 4px;
}

.no-margin {
    margin: 0px !important;
}

.no-padding {
    padding: 0px !important;
}

.padding-top-60px {
    padding-top: 60px !important;
}

.negative-padding {
    padding-top: -var(--lumo-space-m) !important;
    padding-left: -var(--lumo-space-m) !important;
}

.negative-margin {
    margin-top: -var(--lumo-space-m) !important;
    margin-left: -var(--lumo-space-m) !important;
}




.background-red {
    padding: 2em;
    background: #fc7e98;
}
.background-red-without-margin {
    padding: 0em;
    margin: 2px;
    width: 100%;
    background: #fc7e98;

}

vaadin-grid::part(taskHeadline) {
    background: #969492;
    color: #211d19;
}

vaadin-grid::part(taskLti) {
    background: #56c0f4;
    color: #211d19;
}

vaadin-grid::part(taskUrl) {
    background: #ffb95d;
    color: #211d19;
}
vaadin-grid::part(taskUpload) {
    background: #45c697;
    color: #211d19;
}


vaadin-grid::part(courseBackground-green) {
    background: #2af63f;
    color: #211d19;
}

vaadin-grid::part(courseBackground-gray) {
    background: #969896;
    color: #211d19;
}

vaadin-grid::part(courseBackground-white) {
    background: #ffffff;
    color: #211d19;
}

/* does not work  https://cdn.vaadin.com/vaadin-web-components/25.0.0-alpha17/elements/vaadin-grid/  */

vaadin-grid::part(selected-row){
    background: #aaaaaa;
    color: #211d19;

}

vaadin-button[] {
     color:#245cf9;
}

vaadin-button[disabled] {
     color:#dddddd;
}