/*!
    *
    * Wijmo Library 5.20252.44
    * https://developer.mescius.com/wijmo
    *
    * Copyright(c) MESCIUS inc. All rights reserved.
    *
    * Licensed under the End-User License Agreement For MESCIUS Wijmo Software.
    * us.sales@mescius.com
    * https://developer.mescius.com/wijmo/licensing
    *
    */

// olap

// PivotPanel
.wj-pivotpanel {
    position: relative;
    padding: 3px 6px;
    overflow: auto;
    min-height: 25em;
    width: 100%;

    table {
        table-layout: fixed;
        width: 100%;
    }

    div {
        width: 100%;
    }

    tr, td {
        border: 1px none #e0e0e0;
        padding: 3px;
    }

    label {
        display: block; // TFS 457276
        font-weight: bold;
        margin: 0;
    }

    .wj-marker {
        position: absolute;
        background: $wj-accent-bkg;
        opacity: 0.5;
        pointer-events: none;
    }

    .wj-flexgrid {
        border: none;
        border-radius: 0;
        min-height: 8em;
        max-height: 20em;
        margin-left: 6px;
        background: inherit;

        .wj-cell {
            border: none;
            background: inherit;
            color: inherit;

            &.wj-group {
                background: inherit;
                color: inherit;

                &:not(.wj-header):hover {
                    background: $wj-item-hvr;
                    border-radius: $wj-bdr-rad;
                }
            }

            label {
                font-weight: normal;
                margin: 0;

                input[type=checkbox] {
                    margin: 0;
                }
            }
        }

        .wj-glyph-filter {
            cursor: default;
            opacity: 0.5;
        }

        .wj-glyph-dimension, .wj-glyph-measure {
            cursor: default;
        }

        .wj-aggregate {
            font-size: 80%;
            opacity: 0.5;
        }
    }

    table .wj-flexgrid {
        min-height: 5em;
        height: 5em;
        width: 95%;
    }
}

// PivotFieldEditor
.wj-pivotfieldeditor {
    min-width: 400px;

    tr.wj-separator {
        border-top: 10px solid transparent;
    }

    td:first-child {
        text-align: right;
        padding-right: .5em;
    }
}

// PivotFilterEditor
.wj-pivotfiltereditor {
    padding: 10px;
    min-width: 230px;

    .wj-control {
        margin-bottom: 6px;
        width: 100%;
    }

    .wj-listbox {
        max-height: 150px;

        .wj-listbox-item label {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
}

// _ListContextMenu, _GridContextMenu
.wj-olap-context-menu {
    font-size: 90%;
    padding: 6px;

    .menu-icon {
        display: inline-block;
        width: 1em;
        margin-right: 6px;
        opacity: .75;
        text-align: center;
        //color: #0000C0; // doesn't look good on most custom themes
    }

    .menu-icon.menu-icon-remove {
        color: #800000;
        font-weight: bold;
    }
}

// Detail Dialog
// make flexgrid scalable vertically
// (nested flexbox is required for correct flexgrid vertical scaling)
.wj-detaildialog {
  min-width: 15em;
  min-height: 20em;
  width: 60vw;
  height: 55vh;  // important for nonzero initial flexgrid height

  &>div {
    height: 100%;
    display: flex;
    flex-direction: column;

    // flex-bases in concise form ('flex: 0 0 auto') is not recognized by IE11
    // so extended records is important!

    .wj-dialog-header,
    .wj-dialog-footer {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: auto;
    }

    .wj-dialog-body {
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: auto;
      display: flex;
      flex-direction: column;

      .wj-summary {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: auto;
      }

      .wj-flexgrid {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
      }
    }
  }
}

// PivotGrid
.wj-pivotgrid {
    //.wj-colheaders  {
    //    text-align: center;
    //}

    .wj-cell {

        &.wj-aggregate {
            font-weight: bold;

            &:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
                //background: rgba(0,133,199,0.15); // slightly highlight scrollable totals cells
                background: #d9edf7; // transparency interferes with frozen cells (TFS 427128)
            }
        }

        &.wj-align-vcenter {
            display: flex;
            align-items: center;
            align-items: safe center;

            // IMPORTANT: vertical-align is technically invalid on flex elements (has no visual effect),
            // but it's required for Excel export compatibility. The export code reads this property
            // via getComputedStyle() to set vertical alignment in the exported Excel file.
            // DO NOT REMOVE even though it appears redundant with flexbox alignment.
            // See: WJM-36714
            vertical-align: middle;

            padding-top: 0;
            padding-bottom: 0;
            &.wj-align-right {
                justify-content: flex-end;
            }
            &.wj-align-center {
                justify-content: center;
            }
        }
    }

    .wj-topleft .wj-cell.wj-col-field-hdr {
        text-align: right;
        justify-content: flex-end; // TFS 421660
    }

    .wj-colheaders .wj-cell.wj-header {
        text-align: center;
        justify-content: center; // TFS 438508
    }

    .wj-pivot-collapse {
        display: inline;
        margin-right: 4px;
        cursor: pointer;
    }
}

// PivotChart
.wj-pivotchart {
    position: relative;

    .wj-dropdown {
        position: absolute;
        margin-right: 15px;
        z-index: 999;
    }

    .wj-flexchart {
        padding: 35px 15px 10px;
    }
}

// Slicer
.wj-slicer {
    > div { /* slicer root */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        max-height: inherit;
    }

    .wj-header {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        div:first-child {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding: 6px;
        }

        .wj-btn.wj-state-active {
            background: rgba(0, 0, 0, .2); // pressed buttons
        }
    }

    .wj-listbox {
        border: none;
        border-radius: 0;

        .wj-listbox-item label {
            width: 100%;
        }
    }

    &.wj-nocheck { // no checkboxes
        .wj-listbox {
            .wj-listbox-item {
                border: 2px solid transparent;
                padding: 6px;
                margin: 4px;
                border-radius: $wj-bdr-rad;

                &.wj-state-checked:not(:hover) { // checked, not hovering
                    background-color: $wj-sel-bkg;
                    color: $wj-sel-txt;
                }

                &.wj-state-selected { // selected
                    border-color: $wj-msel-bkg;

                    &:not(.wj-state-checked) { // selected but not checked
                        background-color: transparent;
                        color: $wj-txt;
                    }
                }

                input { // hide checkboxes
                    display: none;
                }
            }
        }
    }
}