/* Tabulator */
#StorieTabulator.tabulator .tabulator-header .tabulator-col {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#StorieTabulator.tabulator .tabulator-headers > .tabulator-col:first-child {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

#StorieTabulator.tabulator .tabulator-header {
    border-bottom: 0 !important;
}

#StorieTabulator.tabulator .tabulator-header .tabulator-col {
    justify-content: center !important;
}

#StorieTabulator.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
    white-space: normal !important;
}

#StorieTabulator.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell {
    white-space: normal !important;
}

#StorieTabulator .tabulator-row:not(.TabulatorSubtitleRow){
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
#StorieTabulator .tabulator-row.TabulatorSubtitleRow + .tabulator-row{
    border-top: 1px solid #ddd;
}

#StorieTabulator .TabulatorSubtitleRow {
    border: 0 !important;
}

#StorieTabulator .TabulatorSubtitleRow > div {
    border: 0 !important;
}

#StorieTabulator .TabulatorSubtitle {
    white-space: normal !important;
    font-weight: bold;
    padding: 5px 0 5px 0;
}

#StorieTabulator .TabulatorDataCell {
    padding: 0 !important;
}

#StorieTabulator .TabulatorDataTable {
    width: 100%;
    height: 100%;
    display: grid;
    text-align: center;
    align-items: center;
}


/* Cross tab */
.crosstab-container {
    height: 100%;
    display: flex !important;
    justify-content: center;
    padding: 0 12px 0 12px;
}

.crosstab-mainstack{
    height: calc(100vh - 96px);
    overflow: hidden;
}

.crosstab-mainstack .mud-paper, .crosstab-mainstack .mud-paper .mud-expand-panel{
    background-color: var(--mud-palette-white) !important;
}


.crosstab-expander {
    background-color: inherit !important;
    margin: 0 0 16px 0 !important;
}

.crosstab-expander > .mud-expand-panel-header {
    min-height: auto !important;
    padding: 0 !important;
    overflow: hidden;
}

.crosstab-table-name{
    font-size: 0.8em;
}

.crosstab-variables-item ul.mud-treeview {
    margin-left: 0 !important;
    margin-inline-start: 8px !important;
}

.crosstab-variables-item-chip{
    width:10px;
    height:10px;
}

.crosstab-options-tab-panel .mud-tabs-panels {
    height: 300px;
    padding-top: 15px;
}

.crosstab-rightdrawer-listitem-selected{
    background-color: var(--mud-palette-tertiary-darken);
}
.crosstab-rightdrawer-listitem-selected p{
    font-weight: bold !important;
}

/* Radio et Checkbox des options labels */
.crosstab-options .mud-typography.mud-typography-body1{
    font-size: 1em !important;
}

.crosstab-tabs-without-selection .mud-tab-slider {
    display: none !important;
}

.crosstab-filter-title-border{
    border-left: 4px solid var(--mud-palette-secondary) !important; 
}
.crosstab-filter-title-border-global{
    border-left: 4px solid var(--mud-palette-primary) !important;
}

.crosstab-filter-title {
    line-height: normal !important;
}

.crosstab-filter-button:hover {
    text-decoration: underline;
}

.crosstab-filter-caption{
    font-size: 0.95em;
}

.crosstab-filter-button-underline {
    text-decoration: underline;
    padding: 0 !important;
}

.crosstab-filter-button-underline:hover {
    font-weight: bold;
}

.crosstab-queries-tab {
    background-color: #85e3e1 !important;
}

.crosstab-queries-tab:hover{
    background-color: #52b7b4 !important;
}

.crosstab-template-tab {
    background-color: var(--mud-palette-tertiary-darken);
}

.crosstab-template-tab:hover{
    background-color: #c9c9c9 !important;
}

.crosstab-crosstab-tab {
    background-color: #e7c83a !important;
}

.crosstab-crosstab-tab:hover{
    background-color: #bfaa4b !important;
}

/* Variables Editor */
.crosstab-table-scrollable {
    position: relative;
    height: 50vh;
    overflow-y: auto;
}