/*!
 * azui 0.0.10
 * https://github.com/elgs/azui#readme
 * @author Qian Chen
 * MIT License
 * Copyright (c) 2019 Qian Chen
 */.azui.azContextMenuPopup{background-color:#e8e8e8;position:absolute;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);outline:none;font-size:12px}.azui.azContextMenuPopup div.azMenuItem{display:grid;align-content:center;grid-template-columns:24px 1fr;background-color:#e8e8e8;width:100%;padding:5px 0}.azui.azContextMenuPopup div.azMenuItem span{display:inline-block}.azui.azContextMenuPopup div.azMenuItem span.icon{grid-column:1/2;text-align:center;width:24px}.azui.azContextMenuPopup div.azMenuItem span.icon svg{margin-top:3px;width:10px;height:10px}.azui.azContextMenuPopup div.azMenuItem span.title{grid-column:2/3;margin:1px 10px 0 8px}.azui.azContextMenuPopup div.azMenuItem.disabled *{color:grey;fill:grey;cursor:not-allowed}.azui.azContextMenuPopup div.azMenuItem:not(.disabled).selected{background-color:#498dd5;color:#e8e8e8;cursor:pointer}.azui.azContextMenuPopup div.azMenuSeparator{height:2px;border-top:1px solid #d6d6d6;background-color:#fff;margin:2px 0;padding:0}@media (hover:hover){.azui.azAccordion .azAccordionHeader:not(.disabled):hover{background-color:#dedede}}.azui.azAccordion .azAccordionHeader:not(.disabled).active{background-color:#c9c9c9}.azui.azAccordion .disabled.azAccordionHeader *{color:grey;fill:grey;cursor:not-allowed}.azui.azAccordion .azAccordionHeader *{user-select:none}.azui.azAccordion{border:1px solid #ccc;font-size:12px}.azui.azAccordion .azAccordionHeader{background-color:#eee;color:#444;padding:10px;width:100%;border-bottom:1px solid #ccc;border-top:1px solid #fff;text-align:left;transition:.5s;transition-property:background-color}.azui.azAccordion .azAccordionHeader:first-of-type{border-top:none}.azui.azAccordion .azAccordionHeader:last-of-type{border-bottom:none}.azui.azAccordion .azAccordionHeader:after{content:"+";color:#777;font-weight:700;float:right;margin-left:5px}.azui.azAccordion .azAccordionHeader.active:after{content:"\2212"}.azui.azAccordion .azAccordionHeader.azAccordionAlert{font-weight:700}.azui.azAccordion .azAccordionContent{background-color:#fff;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.azui.azResizable>.handle{background-color:#e8e8e8;box-sizing:border-box;position:absolute!important;display:flex;justify-content:center;align-items:center}.azui.azResizable>.handle.active{background-color:#d4d4d4}.azui.azResizable>.handle>div.collapseButton{background-color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.azui.azResizable>.handle>div.collapseButton.active svg{fill:#a4d666!important}.azui.azResizable>.handle>div.collapseButton.collapseButtonH{width:30px}.azui.azResizable>.handle>div.collapseButton.collapseButtonH>span.collapseIcon{height:4px;display:flex;justify-content:center;align-items:center}.azui.azResizable>.handle>div.collapseButton.collapseButtonH>span.collapseIcon>svg{fill:#e8e8e8;width:8px;height:4px;display:block}.azui.azResizable>.handle>div.collapseButton.collapseButtonV{height:30px}.azui.azResizable>.handle>div.collapseButton.collapseButtonV>span.collapseIcon{width:4px;display:flex;justify-content:center;align-items:center}.azui.azResizable>.handle>div.collapseButton.collapseButtonV>span.collapseIcon>svg{fill:#e8e8e8;width:4px;height:8px;display:block}.azui.azSelect{box-sizing:border-box;display:inline-block;position:relative;font-size:12px}.azui.azSelect input.azSelectInput{margin:0;box-sizing:border-box;width:100%;border:1px solid grey}.azui.azSelect .dirtySign{position:absolute;width:0;height:0;border-color:transparent #d95244 transparent transparent;border-style:solid;border-width:0 6px 6px 0;top:0;right:0;z-index:1}.azui.azSelect .azSelectdropdownButton{position:absolute;background-color:#e8e8e8;right:0;top:0;width:20px;border:1px solid grey;height:100%;display:grid;align-content:center;justify-content:center}.azui.azSelect .azSelectdropdownButton svg{width:10px;height:10px;fill:#4d4d4d}.azui.azSelectMenu{background-color:#e8e8e8;border:1px solid #d6d6d6;position:absolute;min-width:100px;font-size:12px}.azui.azSelectMenu div.azMenuItem{display:grid;align-content:center;background-color:#e8e8e8;width:100%;padding:5px 0}.azui.azSelectMenu div.azMenuItem .title{display:inline-block;margin:1px 10px 0 8px;user-select:none}.azui.azSelectMenu div.azMenuItem.selected{background-color:#498dd5;color:#e8e8e8}.azui.azSelectMenu div.azMenuSeparator{height:2px;border-top:1px solid #d6d6d6;background-color:#fff;margin:2px 0;padding:0}.azui.azInlineEditorWrapper{box-sizing:border-box;display:inline-block;width:100%;height:100%;position:relative}.azui.azInlineEditorWrapper input.azInlineEditorInput{margin:0;box-sizing:border-box;width:100%;height:100%;border:1px solid grey}.azui.azInlineEditorWrapper .dirtySign{position:absolute;width:0;height:0;border-color:transparent #d95244 transparent transparent;border-style:solid;border-width:0 6px 6px 0;top:0;right:0;z-index:1}.azui.azInlineEditorWrapper .numberButton{position:absolute;right:0;width:20px;height:50%;display:grid;align-content:center;justify-content:center;background:#e8e8e8}.azui.azInlineEditorWrapper .numberButton.upButton{top:0;border:1px solid #d6d6d6}.azui.azInlineEditorWrapper .numberButton.upButton:hover{background-color:#cfcfcf}.azui.azInlineEditorWrapper .numberButton.upButton:active{background-color:#b5b5b5}.azui.azInlineEditorWrapper .numberButton.downButton{bottom:0;border:1px solid #d6d6d6;border-top-color:#fff}.azui.azInlineEditorWrapper .numberButton.downButton:hover{background-color:#cfcfcf}.azui.azInlineEditorWrapper .numberButton.downButton:active{background-color:#b5b5b5}.azui.azInlineEditorWrapper .numberButton svg{width:10px;height:10px;fill:#4d4d4d}.azui.azPager{display:flex;justify-content:space-between;align-items:center;height:30px;box-sizing:border-box;background-color:#e8e8e8;border:1px solid #cfcfcf;border-top-color:silver;padding:0 10px;font-size:12px}.azui.azPager a.azPageIcon{position:relative;top:2px;margin-right:15px;cursor:pointer}.azui.azPager a.azPageIcon>svg{width:12px;height:12px;fill:#666}.azui.azPager a.azPageIcon>svg:hover{fill:#fff}.azui.azPager a.azPageIcon>svg:active{fill:#b5b5b5}.azui.azPager input[type=number].pagerInput{font-family:Roboto,sans-serif;font-size:13px;margin-right:5px;width:40px;-moz-appearance:textfield}.azui.azPager input[type=number].pagerInput::-webkit-inner-spin-button,.azui.azPager input[type=number].pagerInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.azui.azPager .azPageInfo{color:#666;white-space:nowrap}@media screen and (orientation:portrait){.azui.azPager .azWideScreen{display:none}}@media (hover:hover){.azui.azDataTable>div.thead>div.th:not(.disabled):hover{background-color:#dedede}}.azui.azDataTable>div.thead>div.th:not(.disabled).active{background-color:#c9c9c9}.azui.azDataTable>div.thead>div.disabled.th *{color:grey;fill:grey;cursor:not-allowed}.azui.azDataTable>div.thead>div.th *{user-select:none}.azui.azDataTable{font-size:12px}.azui.azDataTable>div.tbody{height:300px;overflow-x:hidden;overflow-y:auto;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;white-space:nowrap;box-sizing:border-box;outline:none}.azui.azDataTable>div.tbody>div.tr{box-sizing:border-box}.azui.azDataTable>div.tbody>div.tr:nth-child(2n){background-color:#e8e8e8}.azui.azDataTable>div.tbody>div.tr:hover{background-color:#cfcfcf}.azui.azDataTable>div.tbody>div.tr:active{background-color:#b5b5b5}.azui.azDataTable>div.tbody>div.tr.selected{background-color:#498dd5;color:#e8e8e8}.azui.azDataTable>div.tbody>div.tr>div.td{width:100px;height:25px;box-sizing:border-box;display:inline-block}.azui.azDataTable>div.tbody>div.tr>div.td span{padding:0 0 0 10px;display:inline-block;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;height:100%}.azui.azDataTable>div.tbody>div.tr>div.td span:before{content:"";display:inline-block;vertical-align:middle;height:100%}.azui.azDataTable>div.tbody>div.tr>div.td .azInlineEditorWrapper{box-sizing:border-box;width:100%;height:100%;overflow:hidden}.azui.azDataTable>div.tbody>div.tr>div.td .azInlineEditorWrapper input[type=text].azInlineEditorInput{padding:0 0 2px 10px}.azui.azDataTable>div.thead{height:30px;border:1px solid #cfcfcf}.azui.azDataTable>div.thead,.azui.azDataTable>div.thead>div.th{background-color:#e8e8e8;box-sizing:border-box;white-space:nowrap}.azui.azDataTable>div.thead>div.th{height:100%;display:inline-block;padding:0 0 0 10px;cursor:default;border-right:1px solid #d6d6d6;border-left:1px solid #fff;width:100px;transition:.5s;transition-property:background-color}.azui.azDataTable>div.thead>div.th.azSortableItem{user-select:none}.azui.azDataTable>div.thead>div.th:before{content:"";display:inline-block;vertical-align:middle;height:100%}.azui.azDataTable>div.thead>div.th:first-of-type{border-left:none}.azui.azDataTable>div.thead>div.th:last-of-type{border-right:none}.azui.azDataTable>div.thead>div.th.azSortableDropBefore{border-left:2px solid #a4d666}.azui.azDataTable>div.thead>div.th.azSortableDropAfter{border-right:2px solid #a4d666}.azui.azDataTable>div.thead>div.th.azSortableSelected{opacity:.5}.azui.azDataTable>div.thead>div.th:not(.disabled).azSortableDeny{background-color:#d95244}.azui.azDataTable>div.thead>div.th:not(.disabled).azSortableAllow{background-color:#a4d666}.azui.azDataTable>div.thead>div.th .azThSort{display:none;width:9px;height:9px;margin-left:10px;fill:#666}.azui.azDataTable>div.tfoot{display:flex;justify-content:space-between;align-items:center;height:30px;box-sizing:border-box;background-color:#e8e8e8;border:1px solid #cfcfcf;border-top-color:silver;padding:0 10px}.azui.azDataTable>div.tfoot a.azPageIcon{position:relative;top:2px;margin-right:15px;cursor:pointer}.azui.azDataTable>div.tfoot a.azPageIcon>svg{width:12px;height:12px;fill:#666}.azui.azDataTable>div.tfoot a.azPageIcon>svg:hover{fill:#fff}.azui.azDataTable>div.tfoot a.azPageIcon>svg:active{fill:#b5b5b5}.azui.azDataTable>div.tfoot input[type=number].pageNumber{margin-right:15px;width:50px;-moz-appearance:textfield}.azui.azDataTable>div.tfoot input[type=number].pageNumber::-webkit-inner-spin-button,.azui.azDataTable>div.tfoot input[type=number].pageNumber::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.azui.azDataTable>div.tfoot div.azPageInfo{color:#666}.azui.azDocker{box-sizing:border-box;position:absolute;bottom:0;width:100%;display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:2px}.azui.azDocker .azSortableItem{box-sizing:border-box;cursor:pointer;user-select:none;background-color:#e8e8e8;transition:.5s;transition-property:background-color;padding:8px 0;white-space:nowrap}@media (hover:hover){.azui.azDocker .azSortableItem:hover{background-color:#dedede}}.azui.azDocker .azSortableItem.dock-active{background:#c9c9c9}@media (hover:hover){.azui.azDocker .azSortableItem.dock-active:hover{background-color:#c9c9c9}}.azui.azDocker .azSortableItem span.icon{padding:8px}.azui.azDocker .azSortableItem span.icon svg{width:12px;height:12px;position:relative;top:2px}.azui.azLayout{display:grid;grid-template-areas:"n n n" "w c e" "s s s";grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;position:relative}.azui.azLayout>.azLayoutArea{overflow:hidden;box-sizing:border-box}.azui.azLayout>.azLayoutArea>div{width:100%;height:100%}.azui.azLayout>.azLayoutArea.azLayoutAreaNorth{grid-area:n;padding-bottom:4px}.azui.azLayout>.azLayoutArea.azLayoutAreaEast{grid-area:e;padding-left:4px}.azui.azLayout>.azLayoutArea.azLayoutAreaSouth{grid-area:s;padding-top:4px}.azui.azLayout>.azLayoutArea.azLayoutAreaWest{grid-area:w;padding-right:4px}.azui.azLayout>.azLayoutArea.azLayoutAreaCenter{position:relative;grid-area:c}@media (hover:hover){.azui.azMenu div.azMenuItem:not(.disabled):hover{background-color:#dedede}}.azui.azMenu div.azMenuItem:not(.disabled).active{background-color:#c9c9c9}.azui.azMenu div.disabled.azMenuItem *{color:grey;fill:grey;cursor:not-allowed}.azui.azMenu div.azMenuItem *{user-select:none}.azui.azMenu{min-width:100px;outline:none;font-size:12px}.azui.azMenu div.azMenuItem{color:#444;display:grid;align-content:center;grid-template-columns:24px 1fr;background-color:#e8e8e8;width:100%;padding:5px 0;border-bottom:1px solid #ccc;border-top:1px solid #fff;transition:.5s;transition-property:background-color}.azui.azMenu div.azMenuItem:first-of-type{border-top:none}.azui.azMenu div.azMenuItem:last-of-type{border-bottom:none}.azui.azMenu div.azMenuItem span{display:inline-block}.azui.azMenu div.azMenuItem span.icon{grid-column:1/2;text-align:center;width:24px}.azui.azMenu div.azMenuItem span.icon svg{margin-top:3px;width:10px;height:10px}.azui.azMenu div.azMenuItem span.title{grid-column:2/3;margin:1px 10px 0 8px}.azui.azMenu div.azMenuSeparator{height:2px;border-top:1px solid #d6d6d6;background-color:#fff;margin:2px 0;padding:0}@media (hover:hover){.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel:not(.disabled):hover{background-color:#dedede}}.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel:not(.disabled).active{background-color:#c9c9c9}.azui.azTabs>.azTabHeader>div.azTabLabels>div.disabled.azTabLabel *{color:grey;fill:grey;cursor:not-allowed}.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel *{user-select:none}.azui.azTabs{box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.08);display:flex;flex-direction:column;background-color:#fff}.azui.azTabs>.azTabHeader{border-bottom:1px solid #cfcfcf;background-color:#f5f5f5;font-size:13px}.azui.azTabs>.azTabHeader>div.azTabLabels{position:relative;display:flex;height:100%}.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel{padding:6px;max-width:150px;width:150px;border-right:1px solid #d6d6d6;border-left:1px solid #fff;transition:.5s;transition-property:background-color;background-color:#e8e8e8;display:grid;grid-template-columns:30px 1fr 30px}.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel:first-of-type{border-left:none}.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel:last-of-type{border-right:none}.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel>div{height:100%;display:grid;align-items:center}.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel>div.icon{grid-column:1/2;justify-content:center}.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel>div.icon svg{height:12px;width:12px;display:inline-block}.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel>div.title{grid-column:2/3}.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel>div.title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel>div.close{grid-column:3/4;justify-content:center}.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel>div.close svg{height:8px;width:8px;display:inline-block}.azui.azTabs>.azTabHeader>div.azTabLabels>div.azTabLabel>div.close:hover{fill:#d95244}.azui.azTabs>.azTabContent{height:100%;width:100%;position:relative;overflow:hidden}@media (hover:hover){.azui.azTree .azTreeNode:not(.disabled):hover{background-color:#dedede}}.azui.azTree .azTreeNode:not(.disabled).active{background-color:#c9c9c9}.azui.azTree .disabled.azTreeNode *{color:grey;fill:grey;cursor:not-allowed}.azui.azTree .azTreeNode *{user-select:none}.azui.azTree{font-size:14px;color:#333;outline:none;cursor:pointer}.azui.azTree svg{width:15px;fill:#666;position:relative;top:2px;margin-right:2px;transform:rotate(90deg)}.azui.azTree svg.collapsed{transform:rotate(0deg)}.azui.azTree .keyon{background-color:#dedede}.azui.azTree .azTreeNode{line-height:2}.azui.azTree .azTreeBranch{display:block;padding-left:20px}.azui.azTree .azTreeBranch.collapsed{display:none}.azui{font-size:13px;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,sans-serif}.azui *,.azui.azWindow,.azui :after,.azui :before{box-sizing:border-box}.azui.azWindow{background-color:#fff;display:flex;flex-direction:column;box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.08)}.azui.azWindow:hover{box-shadow:0 3px 8px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.08)}.azui.azWindow.active>.azWindowHeader{background-color:#c9c9c9}@media (hover:hover){.azui.azWindow.active>.azWindowHeader:hover{background-color:#c9c9c9}}.azui.azWindow.inactive .azWindowHeader{background-color:#e8e8e8}.azui.azWindow.inactive .active>.azWindowHeader{background-color:#d4d4d4}.azui.azWindow.inactive .azDocker .azSortableItem{background-color:#e8e8e8}.azui.azWindow.inactive .azDocker .azSortableItem.dock-active{background-color:#d4d4d4}.azui.azWindow>.azWindowHeader{box-sizing:border-box;width:100%;padding:6px;font-size:12px;transition:.5s;transition-property:background-color;background-color:#e8e8e8}@media (hover:hover){.azui.azWindow>.azWindowHeader:hover{background-color:#dedede}}.azui.azWindow>.azWindowHeader span.azHeaderIcon{cursor:pointer;display:inline-block;text-align:center;width:24px;height:24px}.azui.azWindow>.azWindowHeader span.azHeaderIcon:before{content:"";display:inline-block;vertical-align:middle;height:100%}.azui.azWindow>.azWindowHeader span.azHeaderIcon:hover{border:1px solid #dedede}.azui.azWindow>.azWindowHeader span.azHeaderIcon svg{width:8px;height:8px}.azui.azWindow>.azWindowHeader .left{white-space:nowrap;float:left;height:100%;text-align:left}.azui.azWindow>.azWindowHeader .left:before{content:"";display:inline-block;vertical-align:middle;height:100%}.azui.azWindow>.azWindowHeader .left span.title{cursor:default;user-select:none}.azui.azWindow>.azWindowHeader .left span.icon{padding:8px;cursor:default;font-size:18px}.azui.azWindow>.azWindowHeader .left span.icon svg{width:12px;height:12px;position:relative;top:2px}.azui.azWindow>.azWindowHeader .center{display:inline-block;height:100%;text-align:center}.azui.azWindow>.azWindowHeader .right{float:right;height:100%;text-align:right}.azui.azWindow>.azWindowHeader .right:before{content:"";display:inline-block;vertical-align:middle;height:100%}.azui.azWindow>.azWindowContent{position:relative;width:100%;height:100%;overflow:hidden}