{"version":3,"sources":["webpack:///./src/contextmenu/src/utilities/utilities.scss","webpack:///./src/contextmenu/src/contextmenu/contextmenu.scss","webpack:///./src/accordion/src/utilities/utilities.scss","webpack:///./src/accordion/src/accordion/accordion.scss","webpack:///./src/resizable/src/utilities/utilities.scss","webpack:///./src/resizable/src/resizable/resizable.scss","webpack:///./src/select/src/utilities/utilities.scss","webpack:///./src/select/src/select/select.scss","webpack:///./src/inlineedit/src/utilities/utilities.scss","webpack:///./src/inlineedit/src/inlineedit/inlineedit.scss","webpack:///./src/pager/src/utilities/utilities.scss","webpack:///./src/pager/src/pager/pager.scss","webpack:///./src/datatable/src/utilities/utilities.scss","webpack:///./src/datatable/src/datatable/datatable.scss","webpack:///./src/docker/src/utilities/utilities.scss","webpack:///./src/docker/src/docker/docker.scss","webpack:///./src/layout/src/utilities/utilities.scss","webpack:///./src/layout/src/layout/layout.scss","webpack:///./src/menu/src/utilities/utilities.scss","webpack:///./src/menu/src/menu/menu.scss","webpack:///./src/tabs/src/utilities/utilities.scss","webpack:///./src/tabs/src/tabs/tabs.scss","webpack:///./src/tree/src/utilities/utilities.scss","webpack:///./src/tree/src/tree/tree.scss","webpack:///./src/window/src/utilities/utilities.scss","webpack:///./src/window/src/window/window.scss"],"names":[],"mappings":"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","file":"all/azui.all.0.0.10.css","sourcesContent":["$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import \"../utilities/utilities.scss\";\n\n.azui {\n    &.azContextMenuPopup {\n        background-color: $bg-color;\n        position: absolute;\n        min-width: 100px;\n        box-shadow: 0 0 5px rgba(0, 0, 0, .12), 0 5px 5px rgba(0, 0, 0, .12), 0 10px 30px rgba(0, 0, 0, .1);\n        outline: none;\n        font-size: 12px;\n\n        & div.azMenuItem {\n            // height: 50px;\n            display: grid;\n            align-content: center;\n            grid-template-columns: 24px 1fr;\n            background-color: $bg-color;\n            width: 100%; // text-align: left;\n            padding: 5px 0; // border: none;\n\n            & span {\n                display: inline-block;\n\n                &.icon {\n                    grid-column: 1/2;\n                    text-align: center;\n                    width: 24px; // background-color: blue;\n\n                    & svg {\n                        margin-top: 3px;\n                        width: 10px;\n                        height: 10px;\n                    }\n                }\n\n                &.title {\n                    grid-column: 2/3;\n                    margin: 1px 10px 0 8px; // background-color: red;\n                }\n            }\n\n            &.disabled * {\n                color: gray;\n                fill: gray;\n                cursor: not-allowed;\n            }\n\n            &:not(.disabled).selected {\n                background-color: #498DD5;\n                color: $bg-color;\n                cursor: pointer;\n            }\n\n        }\n\n        // & div.azMenuIconSeparator {\n        //     left: 24px;\n        //     border-left: solid 1px darken($color: $main-color, $amount: 7%);\n        //     background-color: white;\n        //     width: 2px;\n        //     position: absolute;\n        //     top: 0;\n        //     z-index: 0;\n        //     height: 100%;\n        //     overflow: hidden;\n        // }\n        & div.azMenuSeparator {\n            height: 2px;\n            border-top: solid 1px darken($color: $main-color, $amount: 7%);\n            background-color: white;\n            margin: 2px 0;\n            padding: 0;\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import \"../utilities/utilities.scss\";\n\n.azui {\n    &.azAccordion {\n        border: 1px solid #ccc;\n        font-size: 12px;\n\n        & .azAccordionHeader {\n            background-color: #eee;\n            color: $default-text;\n            padding: 10px;\n            width: 100%;\n            border-bottom: 1px solid #ccc;\n            border-top: 1px solid white;\n            text-align: left;\n            transition: 0.5s;\n            transition-property: background-color;\n\n            @extend %hoveractive;\n\n            &:first-of-type {\n                border-top: none;\n            }\n\n            &:last-of-type {\n                border-bottom: none;\n            }\n\n            &:after {\n                content: '\\002B';\n                color: #777;\n                font-weight: bold;\n                float: right;\n                margin-left: 5px;\n            }\n\n            &.active:after {\n                content: \"\\2212\";\n            }\n\n            &.azAccordionAlert {\n                font-weight: bold;\n            }\n        }\n\n        & .azAccordionContent {\n            background-color: white;\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.2s ease-out;\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import '../utilities/utilities.scss';\n\n.azui {\n    &.azResizable>.handle {\n        background-color: $main-color;\n        box-sizing: border-box;\n        position: absolute !important;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        &.active {\n            background-color: $active;\n        }\n\n        >div.collapseButton {\n            background-color: lighten($color: $main-color, $amount: 10%);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            cursor: pointer;\n\n            &.active svg {\n                fill: $allow !important;\n            }\n\n            &.collapseButtonH {\n                width: 30px;\n\n                >span.collapseIcon {\n                    height: $collapseIconSize;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n\n                    >svg {\n                        fill: $main-color;\n                        width: $collapseIconSize * 2;\n                        height: $collapseIconSize;\n                        display: block;\n                    }\n                }\n            }\n\n            &.collapseButtonV {\n                height: 30px;\n\n                >span.collapseIcon {\n                    width: $collapseIconSize;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n\n                    >svg {\n                        fill: $main-color;\n                        width: $collapseIconSize;\n                        height: $collapseIconSize * 2;\n                        display: block;\n                    }\n                }\n            }\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import \"../utilities/utilities.scss\";\n\n.azui {\n    &.azSelect {\n        box-sizing: border-box;\n        display: inline-block;\n        position: relative;\n        font-size: 12px;\n\n        input.azSelectInput {\n            margin: 0;\n            box-sizing: border-box;\n            width: 100%; // height: 100%;\n            border: 1px solid gray;\n        }\n\n        .dirtySign {\n            position: absolute;\n            border-style: inset;\n            width: 0;\n            height: 0;\n            border-style: solid;\n            border-width: 0 6px 6px 0;\n            border-color: transparent $deny transparent transparent;\n            top: 0;\n            right: 0;\n            z-index: 1;\n        }\n\n        .azSelectdropdownButton {\n            position: absolute;\n            background-color: $bg-color;\n            right: 0;\n            top: 0;\n            width: 20px;\n            border: 1px solid gray;\n            height: 100%;\n            display: grid;\n            align-content: center;\n            justify-content: center;\n\n            svg {\n                width: 10px;\n                height: 10px;\n                fill: darken($gray-text, 10%);\n            }\n        }\n    }\n\n    &.azSelectMenu {\n        background-color: $bg-color;\n        border: 1px solid darken($color: $main-color, $amount: 7%);\n        position: absolute;\n        min-width: 100px; // box-shadow: 0 0 5px rgba(0, 0, 0, .12), 0 5px 5px rgba(0, 0, 0, .12), 0 10px 30px rgba(0, 0, 0, .1);\n        font-size: 12px;\n\n        div.azMenuItem {\n            // height: 50px;\n            display: grid;\n            align-content: center; // grid-template-columns: 24px 1fr;\n            background-color: $bg-color;\n            width: 100%; // text-align: left;\n            padding: 5px 0; // border: none;\n\n            // outline: none;\n            .title {\n                display: inline-block; // grid-column: 2/3;\n                margin: 1px 10px 0 8px; // background-color: red;\n                user-select: none;\n            }\n\n            &.selected {\n                background-color: #498DD5;\n                color: $bg-color;\n            }\n        }\n\n        div.azMenuSeparator {\n            height: 2px;\n            border-top: solid 1px darken($color: $main-color, $amount: 7%);\n            background-color: white;\n            margin: 2px 0;\n            padding: 0;\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import \"../utilities/utilities.scss\";\n\n.azui {\n    &.azInlineEditorWrapper {\n        box-sizing: border-box;\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n        position: relative;\n\n        & input.azInlineEditorInput {\n            margin: 0;\n            box-sizing: border-box;\n            width: 100%;\n            height: 100%;\n            border: 1px solid gray;\n        }\n\n        & .dirtySign {\n            position: absolute;\n            border-style: inset;\n            width: 0;\n            height: 0;\n            border-style: solid;\n            border-width: 0 6px 6px 0;\n            border-color: transparent $deny transparent transparent;\n            top: 0;\n            right: 0;\n            z-index: 1;\n        }\n\n        & .numberButton {\n            position: absolute;\n            right: 0;\n            width: 20px;\n            height: 50%;\n            display: grid;\n            align-content: center;\n            justify-content: center;\n            background: $main-color;\n\n            &.upButton {\n                top: 0;\n                border-width: 1px;\n                border-style: solid;\n                border-color: darken($color: $main-color, $amount: 7%);\n\n                &:hover {\n                    background-color: darken($color: $main-color, $amount: 10%);\n                }\n\n                &:active {\n                    background-color: darken($color: $main-color, $amount: 20%);\n                }\n            }\n\n            &.downButton {\n                bottom: 0;\n                border-width: 1px;\n                border-style: solid;\n                border-top-color: white;\n                border-left-color: darken($color: $main-color, $amount: 7%);\n                border-right-color: darken($color: $main-color, $amount: 7%);\n                border-bottom-color: darken($color: $main-color, $amount: 7%);\n\n                &:hover {\n                    background-color: darken($color: $main-color, $amount: 10%);\n                }\n\n                &:active {\n                    background-color: darken($color: $main-color, $amount: 20%);\n                }\n            }\n\n            & svg {\n                width: 10px;\n                height: 10px;\n                fill: darken($gray-text, 10%);\n            }\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import '../utilities/utilities.scss';\n\n.azui {\n    &.azPager {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        height: 30px;\n        box-sizing: border-box;\n        border-left: 1px solid darken($color: $main-color, $amount: 10%);\n        border-right: 1px solid darken($color: $main-color, $amount: 10%);\n        border-bottom: 1px solid darken($color: $main-color, $amount: 10%);\n        background-color: $main-color;\n        border-top: 1px solid silver;\n        padding: 0 10px;\n        font-size: 12px;\n\n        & a.azPageIcon {\n            position: relative;\n            top: 2px;\n            margin-right: 15px;\n            cursor: pointer;\n\n            &>svg {\n                width: 12px;\n                height: 12px;\n                fill: $gray-text;\n\n                &:hover {\n                    fill: lighten($color: $main-color, $amount: 20%);\n                }\n\n                &:active {\n                    fill: darken($color: $main-color, $amount: 20%);\n                }\n            }\n        }\n\n        & input[type=number].pagerInput {\n            // position: relative;\n            // text-align: right;\n            font-family: 'Roboto', sans-serif;\n            font-size: 13px;\n            margin-right: 5px;\n            width: 40px; // top: -2px;\n            -moz-appearance: textfield;\n\n            &::-webkit-outer-spin-button,\n            &::-webkit-inner-spin-button {\n                -webkit-appearance: none;\n                margin: 0;\n            }\n        }\n\n        & .azPageInfo {\n            color: $gray-text;\n            white-space: nowrap;\n        }\n\n        @media screen and (orientation:portrait) {\n            & .azWideScreen {\n                display: none;\n            }\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","// 1 800 234 3993\n@import '../utilities/utilities.scss';\n\n.azui {\n    &.azDataTable {\n        font-size: 12px;\n\n        &>div.tbody {\n            height: 300px;\n            box-sizing: border-box;\n            overflow-x: hidden;\n            overflow-y: auto;\n            border-left: 1px solid darken($color: $main-color, $amount: 10%);\n            border-right: 1px solid darken($color: $main-color, $amount: 10%);\n            // border-left: 1px solid red;\n            // border-right: 1px solid red;\n            white-space: nowrap;\n            box-sizing: border-box;\n            outline: none;\n\n            &>div.tr {\n                box-sizing: border-box;\n\n                &:nth-child(even) {\n                    background-color: $main-color;\n                }\n\n                &:hover {\n                    background-color: darken($color: $main-color, $amount: 10%);\n                }\n\n                &:active {\n                    background-color: darken($color: $main-color, $amount: 20%);\n                }\n\n                &.selected {\n                    background-color: #498DD5;\n                    color: $bg-color;\n                }\n\n                &>div.td {\n                    width: 100px; // min-width: 80px;\n                    height: 25px;\n                    box-sizing: border-box; // padding: 0 0 0 1px;\n                    display: inline-block;\n\n                    & span {\n                        padding: 0 0 0 10px;\n                        display: inline-block;\n                        box-sizing: border-box;\n                        text-overflow: ellipsis;\n                        overflow: hidden;\n                        white-space: nowrap;\n                        width: 100%;\n                        height: 100%;\n\n                        &::before {\n                            content: \"\";\n                            display: inline-block;\n                            vertical-align: middle;\n                            height: 100%;\n                        }\n                    }\n\n                    & .azInlineEditorWrapper {\n                        // display: inline-block;\n                        box-sizing: border-box;\n                        width: 100%;\n                        height: 100%;\n                        overflow: hidden;\n\n                        & input[type=text].azInlineEditorInput {\n                            // font-family: 'Roboto', sans-serif;\n                            // font-size: 13px;\n                            padding: 0 0 2px 10px;\n                        }\n                    }\n                }\n            }\n        }\n\n        &>div.thead {\n            height: 30px;\n            background-color: $main-color;\n            box-sizing: border-box;\n            border: 1px solid darken($color: $main-color, $amount: 10%); // border-right: 1px solid darken($color: $main-color, $amount: 10%);\n            // border-top: 1px solid darken($color: $main-color, $amount: 10%);\n            // border-bottom: 1px solid silver;\n            white-space: nowrap;\n\n            &>div.th {\n                height: 100%;\n                display: inline-block;\n                background-color: $main-color;\n                white-space: nowrap;\n                box-sizing: border-box;\n                padding: 0 0 0 10px;\n                cursor: default;\n                border-right: solid 1px darken($color: $main-color, $amount: 7%);\n                border-left: solid 1px white;\n                width: 100px; // min-width: 80px;\n\n                transition: 0.5s;\n                transition-property: background-color;\n\n                @extend %hoveractive;\n\n                &.azSortableItem {\n                    user-select: none;\n                }\n\n                &::before {\n                    content: \"\";\n                    display: inline-block;\n                    vertical-align: middle;\n                    height: 100%;\n                }\n\n                &:first-of-type {\n                    border-left: none;\n                }\n\n                &:last-of-type {\n                    border-right: none;\n                }\n\n                &.azSortableDropBefore {\n                    border-left: 2px solid $allow;\n                }\n\n                &.azSortableDropAfter {\n                    border-right: 2px solid $allow;\n                }\n\n                &.azSortableSelected {\n                    opacity: .5;\n                }\n\n                &:not(.disabled).azSortableDeny {\n                    background-color: $deny;\n                }\n\n                &:not(.disabled).azSortableAllow {\n                    background-color: $allow;\n                }\n\n                & .azThSort {\n                    display: none;\n                    width: 9px;\n                    height: 9px;\n                    margin-left: 10px;\n                    fill: $gray-text;\n                }\n            }\n        }\n\n        &>div.tfoot {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            height: 30px;\n            box-sizing: border-box;\n            border-left: 1px solid darken($color: $main-color, $amount: 10%);\n            border-right: 1px solid darken($color: $main-color, $amount: 10%);\n            border-bottom: 1px solid darken($color: $main-color, $amount: 10%);\n            background-color: $main-color;\n            border-top: 1px solid silver;\n            padding: 0 10px;\n\n            & a.azPageIcon {\n                position: relative;\n                top: 2px;\n                margin-right: 15px;\n                cursor: pointer;\n\n                &>svg {\n                    width: 12px;\n                    height: 12px;\n                    fill: $gray-text;\n\n                    &:hover {\n                        fill: lighten($color: $main-color, $amount: 20%);\n                    }\n\n                    &:active {\n                        fill: darken($color: $main-color, $amount: 20%);\n                    }\n                }\n            }\n\n            & input[type=number].pageNumber {\n                // position: relative;\n                // font-family: 'Roboto', sans-serif;\n                // font-size: 13px;\n                margin-right: 15px;\n                width: 50px; // top: -2px;\n                -moz-appearance: textfield;\n\n                &::-webkit-outer-spin-button,\n                &::-webkit-inner-spin-button {\n                    -webkit-appearance: none;\n                    margin: 0;\n                }\n            }\n\n            & div.azPageInfo {\n                color: $gray-text;\n            }\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import \"../utilities/utilities.scss\";\n\n.azui {\n    &.azDocker {\n        box-sizing: border-box;\n        // padding: 2px;\n        position: absolute;\n        bottom: 0;\n        width: 100%; // background-color: red;\n        display: grid;\n        grid-auto-flow: row;\n        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n        grid-gap: 2px;\n\n        & .azSortableItem {\n            box-sizing: border-box;\n            cursor: pointer;\n            user-select: none;\n            background-color: $main-color;\n\n            @media (hover: hover) {\n                &:hover {\n                    background-color: $less-active;\n                }\n            }\n\n            &.dock-active {\n                background: $more-active;\n\n                @media (hover: hover) {\n                    &:hover {\n                        background-color: $more-active;\n                    }\n                }\n            }\n\n            transition: 0.5s;\n            transition-property: background-color;\n\n            padding: 8px 0;\n            white-space: nowrap;\n\n            & span.icon {\n                padding: 8px;\n\n                & svg {\n                    width: 12px;\n                    height: 12px;\n                    position: relative;\n                    top: 2px;\n                }\n            }\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import '../utilities/utilities.scss';\n\n.azui {\n    &.azLayout {\n        display: grid;\n        grid-template-areas: \"n n n\"\"w c e\"\"s s s\";\n        grid-template-columns: auto 1fr auto;\n        grid-template-rows: auto 1fr auto;\n        position: relative;\n\n        &>.azLayoutArea {\n            overflow: hidden;\n            box-sizing: border-box;\n\n            &>div {\n                // overflow: auto;\n                width: 100%;\n                height: 100%;\n                // position: absolute;\n            }\n\n            // & .azDraggable.handle {\n            //     background: #36383f;\n            // }\n\n            &.azLayoutAreaNorth {\n                grid-area: n;\n                padding-bottom: $collapseIconSize;\n            }\n\n            &.azLayoutAreaEast {\n                grid-area: e;\n                padding-left: $collapseIconSize;\n            }\n\n            &.azLayoutAreaSouth {\n                grid-area: s;\n                padding-top: $collapseIconSize;\n            }\n\n            &.azLayoutAreaWest {\n                grid-area: w;\n                padding-right: $collapseIconSize;\n            }\n\n            &.azLayoutAreaCenter {\n                position: relative;\n                grid-area: c;\n            }\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import \"../utilities/utilities.scss\";\n\n.azui {\n    &.azMenu {\n        min-width: 100px;\n        outline: none;\n        font-size: 12px;\n\n        & div.azMenuItem {\n            // height: 50px;\n            color: $default-text;\n            display: grid;\n            align-content: center;\n            grid-template-columns: 24px 1fr;\n            background-color: $main-color;\n            width: 100%; // text-align: left;\n            padding: 5px 0; // border: none;\n            border-bottom: 1px solid #ccc;\n            border-top: 1px solid white;\n\n            &:first-of-type {\n                border-top: none;\n            }\n\n            &:last-of-type {\n                border-bottom: none;\n            }\n\n            transition: 0.5s;\n            transition-property: background-color;\n\n            @extend %hoveractive;\n\n            & span {\n                display: inline-block;\n\n                &.icon {\n                    grid-column: 1/2;\n                    text-align: center;\n                    width: 24px; // background-color: blue;\n\n                    & svg {\n                        margin-top: 3px;\n                        width: 10px;\n                        height: 10px;\n                    }\n                }\n\n                &.title {\n                    grid-column: 2/3;\n                    margin: 1px 10px 0 8px; // background-color: red;\n                }\n            }\n        }\n\n        & div.azMenuSeparator {\n            height: 2px;\n            border-top: solid 1px darken($color: $main-color, $amount: 7%);\n            background-color: white;\n            margin: 2px 0;\n            padding: 0;\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import \"../utilities/utilities.scss\";\n\n.azui {\n    &.azTabs {\n        box-shadow: $shadow;\n        display: flex;\n        flex-direction: column;\n        // grid-template-rows: auto 1fr;\n        background-color: white;\n        // overflow: hidden;\n\n        >.azTabHeader {\n            // width: 100%;\n            // grid-row: 1/2;\n            border-bottom: 1px solid darken($color: $main-color, $amount: 10%);\n            background-color: lighten($color: $main-color, $amount: 5%);\n            font-size: 13px;\n            // display: grid;\n            // grid-template-areas: \"scroller-left labels scroller-right\";\n            // grid-template-columns: auto 1fr auto;\n            >div.azTabLabels {\n                // grid-area: labels;\n                position: relative;\n                display: flex;\n                height: 100%;\n                // overflow: hidden;\n\n                >div.azTabLabel {\n                    // height: 100%;\n                    // height: 36px;\n                    padding: 6px;\n                    max-width: 150px;\n                    width: 150px;\n                    border-right: solid 1px darken($color: $main-color, $amount: 7%);\n                    border-left: solid 1px white;\n\n                    transition: 0.5s;\n                    transition-property: background-color;\n                    @extend %hoveractive;\n\n                    &:first-of-type {\n                        border-left: none;\n                    }\n\n                    &:last-of-type {\n                        border-right: none;\n                    }\n\n                    background-color: $main-color;\n                    display: grid;\n                    grid-template-columns: 30px 1fr 30px;\n\n                    >div {\n                        height: 100%;\n                        display: grid;\n                        align-items: center; // border: 1px solid black;\n\n                        &.icon {\n                            grid-column: 1/2;\n                            justify-content: center;\n\n                            svg {\n                                height: 12px;\n                                width: 12px;\n                                display: inline-block;\n                            }\n                        }\n\n                        &.title {\n                            grid-column: 2/3; // padding-left: 10px;\n\n                            span {\n                                text-overflow: ellipsis;\n                                white-space: nowrap;\n                                overflow: hidden;\n                            }\n                        }\n\n                        &.close {\n                            grid-column: 3/4;\n                            justify-content: center;\n\n                            svg {\n                                height: 8px;\n                                width: 8px;\n                                display: inline-block;\n                            }\n\n                            &:hover {\n                                fill: $deny;\n                            }\n                        }\n                    }\n                }\n            }\n\n            // & .azTabScroller {\n            //     width: 30px;\n            //     height: 100%;\n            //     display: grid;\n            //     align-items: center;\n            //     justify-content: center;\n            //     cursor: pointer;\n            //     &.left {\n            //         grid-area: scroller-left;\n            //         display: none;\n            //     }\n            //     &.right {\n            //         grid-area: scroller-right;\n            //         visibility: hidden;\n            //     }\n            //     @extend %hoveractive;\n            //     & svg {\n            //         width: 10px;\n            //         height: 10px;\n            //     }\n            // }\n        }\n\n        &>.azTabContent {\n            // grid-row: 2/3;\n            height: 100%;\n            // display: none;\n            width: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import \"../utilities/utilities.scss\";\n\n.azui {\n    &.azTree {\n        font-size: 14px;\n        color: #333;\n        outline: none;\n        cursor: pointer;\n\n        svg {\n            width: 15px;\n            fill: #666;\n            position: relative;\n            top: 2px;\n            margin-right: 2px;\n            transform: rotate(90deg);\n            // left: -3px;\n\n            &.collapsed {\n                transform: rotate(0deg);\n            }\n        }\n\n        .keyon {\n            background-color: $less-active;\n        }\n\n        .azTreeNode {\n            @extend %hoveractive;\n            line-height: 2;\n        }\n\n        .azTreeBranch {\n            display: block;\n\n            &.collapsed {\n                display: none;\n            }\n\n            padding-left: 20px;\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import \"../utilities/utilities.scss\";\n\n.azui {\n    &.azWindow {\n        box-sizing: border-box;\n        background-color: white;\n        // display: grid;\n        display: flex;\n        flex-direction: column;\n        box-shadow: $shadow;\n\n        &:hover {\n            box-shadow: $shadow-hovered;\n        }\n\n        &.active {\n            &>.azWindowHeader {\n                background-color: $more-active;\n\n                @media (hover: hover) {\n                    &:hover {\n                        background-color: $more-active;\n                    }\n                }\n            }\n        }\n\n        &.inactive {\n            & .azWindowHeader {\n                background-color: $main-color;\n            }\n\n            & .active {\n                &>.azWindowHeader {\n                    background-color: $active;\n                }\n            }\n\n            & .azDocker .azSortableItem {\n                background-color: $main-color;\n\n                &.dock-active {\n                    background-color: $active;\n                }\n            }\n        }\n\n        &>.azWindowHeader {\n            box-sizing: border-box;\n            width: 100%; // display: inline-block;\n            // align-items: center;\n            // grid-row: 1/2;\n            padding: 6px;\n            font-size: 12px;\n\n            transition: 0.5s;\n            transition-property: background-color;\n\n            background-color: $main-color;\n\n            @media (hover: hover) {\n                &:hover {\n                    background-color: $less-active;\n                }\n            }\n\n            span.azHeaderIcon {\n                cursor: pointer;\n                display: inline-block;\n                text-align: center;\n                width: 24px;\n                height: 24px;\n\n                &::before {\n                    content: \"\";\n                    display: inline-block;\n                    vertical-align: middle;\n                    height: 100%;\n                }\n\n                &:hover {\n                    border: 1px solid $less-active;\n                }\n\n                & svg {\n                    width: 8px;\n                    height: 8px;\n                }\n            }\n\n            .left {\n                white-space: nowrap;\n                float: left;\n                height: 100%;\n                text-align: left;\n\n                &::before {\n                    content: \"\";\n                    display: inline-block;\n                    vertical-align: middle;\n                    height: 100%;\n                }\n\n                & span.title {\n                    cursor: default;\n                    user-select: none;\n                }\n\n                & span.icon {\n                    padding: 8px;\n                    cursor: default;\n                    font-size: 18px;\n\n                    & svg {\n                        width: 12px;\n                        height: 12px;\n                        position: relative;\n                        top: 2px;\n                    }\n                }\n            }\n\n            .center {\n                display: inline-block;\n                height: 100%;\n                text-align: center;\n            }\n\n            .right {\n                &::before {\n                    content: \"\";\n                    display: inline-block;\n                    vertical-align: middle;\n                    height: 100%;\n                }\n\n                float: right;\n                height: 100%;\n                text-align: right;\n            }\n        }\n\n        &>.azWindowContent {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            // grid-row: 2/3;\n            overflow: hidden; // box-sizing: border-box;\n        }\n    }\n}"],"sourceRoot":""}