.tabs {
    cursor: pointer;
    margin-left: -10px;
}

.tabs .gwt-Label {
    padding: 4px;
}

.header {
    background-color: #cccccc;
    text-align: right;
    font-weight: bold;

}

.header:hover {
    background-color: #BBBBBB;
}

.header table {
    padding: 0px;
    margin: 0;
}

.bgActif {
    background-color: #8AB0E5 !important;
}

/** New TabBar css **/

.tabBar {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;

    overflow: hidden;
    height: 100%;
    flex-grow: 1;
}

.tabBar > * {
    padding: 6px 12px 2px 12px;
    cursor: pointer;
    color: black;
    font-weight: bold;
    text-align: center;
    background: #d0e4f6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    margin-left: 6px;
}

.tabBarStandalone > * {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tabBar > :first-child {
    margin-left: 12px;
}

.tabBar > .active {
    cursor: default;
    background: #92c1f0;
}

.deckPanel {
    padding: 6px;
    border: solid 3px #92c1f0;
}

.deckPanel {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: max-content;
    align-items: flex-start;
    justify-items: stretch;
}

.deckPanel > * {
    grid-column: 1;
    grid-row: 1;
}

.deckPanel > *:not(.active) {
    visibility: hidden;
}

.deckPanel > *:not(.active) * {
    visibility: hidden !important;
}

.deckPanel.scrollableDeck > * {
    overflow: auto;
}

.deckPanelWithoutSameHeight > * {
    position: absolute;
}

.deckPanelWithoutSameHeight > .active {
    position: unset;
}