html{
    font-size: 87.5%;
    /* 14px */
}
vaadin-horizontal-layout.crud-header{
    padding: var(--lumo-space-s);
    border-radius: 12px;
    align-items: center;
}
vaadin-horizontal-layout.crud-header .crud-header-icon {
    height: 6.25rem;
    width: 6.25rem;
    padding: var(--lumo-space-m);
    margin: auto;
    color: var(--lumo-contrast);
}

vaadin-horizontal-layout.crud-header vaadin-text-field::part(input-field),
vaadin-horizontal-layout.crud-header vaadin-date-picker::part(input-field),
vaadin-horizontal-layout.crud-header vaadin-combo-box:not([disabled])::part(input-field) {
    background-color: #ffffff;
    border: solid 1px #c1c2c4;
}
vaadin-horizontal-layout.crud-header vaadin-combo-box[disabled]::part(input-field) {
    background-color: #ebedf0;
}

vaadin-grid::part(disabled) {
    color: var(--lumo-disabled-text-color);
    text-decoration: line-through;
}
vaadin-grid::part(error) {
    color: var(--lumo-error-text-color);
}
vaadin-grid::part(selected-row-cell) {
    background: rgba(0, 106, 245, 0.45);
    font-weight: bold;
}
vaadin-grid.blue-stop-grid,
vaadin-grid.blue-stop-grid::part(body-cell) {
    background-color: var(--lumo-primary-color-5pct);
}
vaadin-grid.blue-stop-grid::part(header-cell) {
    background-color: #e6f0ff;
}


em {
    font-weight: bold;
}


#dataraxys-app-container {
    justify-content: start;
    align-items: center;
    height: 100%;
}
#dataraxys-app-container .container.container-full-width {
    max-width: 100%;
}

.dataraxys-menu-item.selected > * {
    border-bottom: 4px solid var(--lumo-primary-color);
}
vaadin-menu-bar-button.grid-visibility-btn {
    border-radius: 0 var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0;
    margin: 0;
    height: 100%;
}

#dataraxys-app-container .navbar a.dataraxys-menu-item vaadin-button, .dataraxys-menu-button {
    border-radius: 0;
    color: var(--lumo-shade);
    background: var(--lumo-shade-20pct);
}
#dataraxys-app-container .navbar a.dataraxys-menu-item vaadin-button {
    margin: 0 4px 0 0;
}
#dataraxys-app-container .navbar a.dataraxys-menu-item:last-child vaadin-button {
    margin-right: 0;
}
#dataraxys-app-container #nuamouv-logo {
    height: 100%;
    width: 180px;
    padding: 8px;
    background-color: var(--lumo-contrast-5pct);
}

.rounded-panel {
    border-radius: 0 15px 15px 0;
}
.bg-blue {
    background-color: var(--lumo-primary-color-10pct);
}
.alert[theme~='badge']::before {
    content: none;
}

/** TAD **/
.conducteur-board {

}
.conducteur-board .conducteur-board-header {
    border-radius: var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0;
}
.conducteur-board .badge {
    font-size: var(--lumo-font-size-xs);
}

/* Erreur sur les champs disabled, on applique un style similaire aux badges */
vaadin-text-field.warning:is([readonly])::part(input-field) {
    background-color: var(--lumo-warning-color-10pct);
}
vaadin-text-field.warning:is([readonly])::part(input-field),
vaadin-text-field.warning:is([readonly]) > [slot="prefix"] {
    color: var(--lumo-warning-text-color);
}
vaadin-text-field.positif:is([readonly])::part(input-field) {
    background-color: var(--lumo-success-color-10pct);
}
vaadin-text-field.positif:is([readonly])::part(input-field),
vaadin-text-field.positif:is([readonly]) > [slot="prefix"] {
    color: var(--lumo-success-text-color);
}
vaadin-text-field.negatif:is([readonly])::part(input-field) {
    background-color: var(--lumo-error-color-10pct);
}
vaadin-text-field.negatif:is([readonly])::part(input-field),
vaadin-text-field.negatif:is([readonly]) > [slot="prefix"] {
    color: var(--lumo-error-text-color);
}
vaadin-text-field.neutral:is([readonly])::part(input-field) {
    background-color: var(--lumo-primary-color-10pct);
}
vaadin-text-field.neutral:is([readonly])::part(input-field),
vaadin-text-field.neutral:is([readonly]) > [slot="prefix"] {
    color: var(--lumo-primary-text-color);
}

/** Breakpoints container **/
#dataraxys-app-container .container {
    /*115 rem pour 1610px*/
/*    max-width: 115rem;*/
    max-width: 130rem;
    margin: 0 auto;
    padding: 0 var(--lumo-space-m) var(--lumo-space-m) var(--lumo-space-m);
}

@media all and (min-width: 2000px) {
    #dataraxys-app-container .container {
        max-width: 120rem;

    }
}

@media all and (min-width: 2500px) {
    #dataraxys-app-container .container {
        max-width: 140rem;
    }
}

@media all and (min-width: 3000px) {
    #dataraxys-app-container .container {
        max-width: 180rem;
    }
}

.login-card {
    width: 30rem;
    padding: var(--lumo-space-xl) var(--lumo-space-l);
    border-radius: 12px;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}

.login-view {
    position: relative;
}

.login-view .left-login-logo {
    left: 0;
}

.login-view .right-login-logo {
    right: 0;
}
.login-view .login-logo {
    width: 600px;
    position: absolute;
    bottom: 0;
    z-index: -1;
    max-width: 50%;
}

vaadin-text-area.monospace > textarea {
    font-family: monospace;
}