.Accordion{display:flex;height:100%;width:100%;flex-direction:column;background:var(--primary-bg-color)}.AccordionHdr{min-height:40px;background:var(--primary-bg-color);color:var(--primary-text-color);display:flex;align-items:center;cursor:pointer}.AccordionHdr span{margin-left:8px;flex:1;font-weight:700}.AccordionHdr i{padding-right:10px;font-size:var(--icon-size-m)}.AccordionBdy{flex:1;overflow:hidden}.Align{display:flex;width:100%;height:100%}.Button{height:38px;display:flex;align-items:center;justify-content:center;background:#28a745;border:3px solid transparent;border-radius:4px;color:#fff;font-size:var(--font-size-m);font-weight:700;cursor:pointer;margin:0 4px;user-select:none}.Button i{margin-right:5px;font-size:var(--icon-size-s)}.Button:hover{filter:brightness(80%)}.Button:active{border:3px solid rgba(255,255,255,.75)}.Cols{display:flex;height:100%;width:100%;flex-direction:row;align-items:stretch}.ColsItm{height:100%;overflow:hidden}.Combobox{max-width:100%;display:flex;align-items:center}.Combobox select{height:35px;line-height:35px;border:1px solid #ced4da;border-radius:4px;font-size:var(--font-size-m);padding:0 6px;background:#fff}.Combobox select option{padding:5px}.Combobox i{padding:4px 6px;cursor:pointer;font-size:var(--icon-size-s)}.Combobox select:focus{border:1px solid #e5e500;background:#ffffe5;outline:0}.Desktop{width:100%;height:100%;display:flex;align-items:center;background:var(--primary-bg-color)}.DesktopNor,.DesktopSel{height:38px;display:flex;align-items:center;justify-content:center;border:transparent;border-radius:4px;color:#fff;font-size:var(--font-size-m);font-weight:700;cursor:pointer;padding:0 15px 0 10px;margin-left:8px}.DesktopNor i,.DesktopSel i{margin-right:5px;font-size:var(--icon-size-s)}.DesktopSel{background:var(--secondary-bg-color);color:var(--secondary-text-color)}.Dialog{position:absolute;display:flex;flex-direction:column;border:3px solid var(--primary-bg-color);box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.2);background:var(--secondary-bg-color)}.DialogHdr{height:30px;display:flex;align-items:center;background:var(--primary-bg-color);cursor:move;color:var(--primary-text-color);padding-bottom:4px}.DialogHdrIco{width:50px;text-align:center}.DialogHdrIco i{font-size:var(--icon-size-m)}.DialogHdrTit{width:100%;font-size:var(--font-size-m);font-weight:700}.DialogHdrOpt{width:80px;text-align:right;padding-right:5px}.DialogHdrOpt i{padding:0 px;cursor:pointer;font-size:var(--icon-size-m);color:#fff}.DialogHdrOpt i:hover{color:#000}.DialogBdy{flex:1;overflow:hidden}.DialogFot{height:12px;text-align:right;display:flex;justify-content:flex-end}.DialogFotRsz{width:0;height:0;border-top:none;border-bottom:12px solid var(--primary-bg-color);border-left:12px solid transparent;cursor:nwse-resize}.DialogBdr{position:absolute;border:3px solid #ddd;z-index:10000}.Edit{height:35px;border:1px solid #ced4da;border-radius:4px;font-size:var(--font-size-m);padding:0 6px;background:#fffF}.Edit:focus{border:1px solid #e5e500;background:#ffffe5;outline:0}.EditLck{background:#eee}.EditLck:focus{border:1px solid #de5a5a;background:#f1bdbd;outline:0}.EditMny{text-align:right}.FindEdit{display:flex;align-items:center;justify-content:center;cursor:pointer;height:35px;border:1px solid #ced4da;font-size:var(--font-size-m);padding:0 6px;background:#fffF}.FindEditTxt{flex:1;white-space:nowrap;overflow:hidden}.FindEditDel,.FindEditIco{font-size:var(--icon-size-m);padding:0 5px;cursor:pointer}.FindEditOpc{border:1px solid #cecece;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);background:#f7f7f7;position:absolute;z-index:10000;display:flex;flex-direction:column;height:100%}.FindEditFrm{display:flex;align-items:center;width:100%;overflow:hidden;padding:0 8px;border-bottom:1px solid #cecece;min-height:46px}.FindEditLbl{width:130px}.FindEditIpt{width:100%;height:35px;border:1px solid #ced4da;border-radius:4px;font-size:var(--font-size-m);padding:0 6px;background:#fffF}.FindEditBtn{width:100px;height:35px;background:#28a745;border:transparent;border-radius:4px;color:#fff;font-size:var(--font-size-m);font-weight:700;cursor:pointer;margin:0 4px}.FindEditRes{flex-grow:1;overflow:auto}.FindEditItm{padding:0 10px;line-height:32px;cursor:pointer}.FindEditItm:hover{background:#1e90ff;color:#fff}.FindEditLoa{background:green}.Form{display:flex;height:100%;width:100%;flex-direction:column}.FormHdr{min-height:35px;text-align:center;line-height:35px;font-weight:700;font-size:var(--font-size-l)}.FormBdy{flex-grow:1;padding:0 10px;overflow:auto}.FormItm{margin-top:5px}.FormFot{padding-top:5px;min-height:50px;display:flex;justify-content:center}.FormLoa{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:700;font-size:var(--font-size-s)}.FormLoa img{width:60%;max-width:200px}.FormFieldRow{margin-bottom:10px}.FormFieldRowLbl{padding-bottom:5px;font-size:var(--font-size-m)}.FormFieldColFld{flex-grow:1;display:flex;align-items:center}.FormFieldRowErr{color:red;font-size:var(--font-size-s);font-weight:700;padding-top:5px}.FormFieldCol{display:flex;align-items:center}.FormFieldColLbl{font-size:var(--font-size-m)}.FormFieldColErr{white-space:nowrap;color:red;font-size:var(--font-size-s);font-weight:700;padding-left:5px}.FormHtml{display:flex;height:100%;width:100%;flex-direction:column}.FormHtmlHdr{min-height:35px;text-align:center;line-height:35px;font-weight:700;font-size:var(--font-size-l)}.FormHtmlBdy{flex-grow:1;padding:0 10px;overflow:auto}.FormHtmlFot{padding-top:5px;min-height:50px;display:flex;justify-content:center}.FormHtmlLoa{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.FormHtmlLoa img{width:60%;max-width:200px}.Grid{border:1px solid var(--border-color);height:100%;width:100%;display:flex;flex-direction:column}.GridTbl{table-layout:fixed;width:100%;border-collapse:collapse}.GridTbl tr th{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);height:32px;background:var(--primary-bg-color);color:var(--primary-text-color);cursor:pointer}.GridTbl tr td{padding:4px;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);cursor:pointer}.GridHdrCol{display:flex;align-items:center}.GridHdrCol div{flex:1}.GridHdrCol i{font-size:var(--font-size-l);padding-bottom:8px;margin-right:5px}.GridSel{background:var(--selected-bg-color)!important;color:var(--selected-text-color)!important}.GridRes{width:8px;cursor:ew-resize;height:30px}.GridBdy{flex:1;overflow-y:scroll;background-color:var(--text-bg-color)}.GridNav{width:100%;display:flex;align-items:center;background:var(--primary-bg-color);color:var(--primary-text-color);height:32px}.GridNav i{padding:5px;cursor:pointer;font-size:var(--icon-size-m)}.GridNav div{flex:1;text-align:center}.GridBar{position:absolute;background:#ddd;z-index:10000;width:5px}.GridPop{position:absolute;z-index:10000;display:flex;flex-direction:column;border:1px solid #cecece;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);background:#f7f7f7}.GridPop div{padding:4px;display:flex;cursor:pointer;align-items:center}.GridPop div:hover{background-color:#d1d1d1}.GridPop div i{padding-right:4px;font-size:var(--icon-size-m)}@font-face{font-family:roboto;src:url(fonts/roboto.ttf);font-display:fallback}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;word-wrap:break-word;padding:0;margin:0;font-family:roboto}body,table{font-size:var(--font-size-m)}a{text-decoration:none;color:var(--link-color)}a:hover{color:var(--link-color-hover)}button:focus{outline:0}.Hui{height:100vh;width:100vw;padding:0;margin:0;overflow:hidden;background-color:var(--text-bg-color);color:var(--text-color);font-size:var(--font-size-m)}.HuiLck{z-index:900000;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.7);width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.Message{background:#fff;min-width:300px;padding:18px;border-radius:4px;display:flex;flex-direction:column}.MessageHdr{font-weight:700;font-size:var(--font-size-xl);padding-bottom:10px}.MessageBdy{padding:10px 0 20px}.MessageBtn{display:flex;justify-content:center;align-items:center}.MessageCenter{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:700}.MessageCenter img{height:100px;max-height:45%}.MessageCenter span{text-align:center;font-size:var(--font-size-l);margin-top:15px}.Inline{display:flex;height:100%}.ListData{border:1px solid var(--border-color);height:100%;width:100%;display:flex;flex-direction:column}.ListDataTbl{table-layout:fixed;width:100%;border-collapse:collapse}.ListDataTbl tr th{border-right:1px solid #aaa;border-bottom:1px solid #aaa;height:32px;background:var(--primary-bg-color);color:#fff;cursor:pointer}.ListDataTbl tr td{padding:4px;border-right:1px solid #aaa;border-bottom:1px solid #aaa}.ListDataHdrCol{display:flex;align-items:center}.ListDataHdrCol div{flex:1}.ListDataHdrCol i{font-size:var(--icon-size-s);padding-bottom:8px;margin-right:5px}.ListDataRes{width:8px;cursor:ew-resize;height:30px}.ListDataBdy{flex:1;overflow-y:scroll;background:#fff}.ListDataIco{padding:2px;cursor:pointer;font-size:var(--icon-size-l)}.ListDataNav{width:100%;display:flex;background:var(--primary-bg-color);height:32px;color:#fff}.ListDataNavBtn{width:250px;display:flex;align-items:center}.ListDataNavBtn div{flex-grow:1;text-align:center}.ListDataNavBtn i{padding:5px;cursor:pointer;font-size:var(--icon-size-m)}.ListDataNavLeg{width:250px;display:flex;align-items:center;flex-grow:1}.ListDataNavLeg i{padding:0 5px 0 10px;cursor:pointer;font-size:var(--icon-size-l)}.ListDataBar{position:absolute;background:#ddd;z-index:10000;width:5px}.ListDataPop{position:absolute;z-index:10000;display:flex;flex-direction:column;border:1px solid #cecece;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);background:#f7f7f7}.ListDataPop div{padding:4px;display:flex;cursor:pointer;align-items:center}.ListDataPop div:hover{background-color:#d1d1d1}.ListDataPop div i{padding-right:4px;font-size:var(--icon-size-m)}.ListMenu{width:100%;height:100%;overflow:auto;font-size:var(--font-size-m);border:1px solid var(--border-color);background:#fff}.ListMenuItm{display:flex;align-items:center;padding:10px 10px 10px 0;font-weight:700;cursor:pointer}.ListMenuItm i{display:inline-block;width:40px;text-align:center;font-size:var(--icon-size-s)}.ListMenuItm span{font-size:var(--font-size-m)}.ListMenuItm:hover{background:#ddd}.ListMenuItmSel{color:#64b5f6}.Load{width:100%;height:100%;overflow:hidden}.MultCheck{overflow:auto;background-color:#fff;border:1px solid #ced4da}.MultCheck label{display:flex;align-items:center;padding:5px 0;cursor:pointer}.MultCheck input{margin:0 10px;transform:scale(1.3)}.Nota{display:flex}.NotaTxt{flex-grow:1;margin-right:10px;height:100px}.NotaIpt,.NotaIpt input{width:100px;text-align:center}.NotaIpt div{padding-bottom:4px}.Panel{width:100%;height:100%;overflow:auto;font-size:var(--font-size-m);border:1px solid var(--border-color);background:var(--text-bg-color)}.Password{height:35px;border:1px solid #ced4da;border-radius:4px;font-size:var(--font-size-m);padding:0 6px;background:#fffF}.Password:focus{border:1px solid #e5e500;background:#ffffe5;outline:0}.PasswordLck{background:#eee}.PasswordLck:focus{border:1px solid #de5a5a;background:#f1bdbd;outline:0}.ResizeCols{display:flex;height:100%;width:100%;flex-direction:row;align-items:stretch}.ResizeColsSep{min-width:6px;max-width:6px;cursor:col-resize}.ResizeColsBar{position:absolute;background:#f1f1f1;z-index:10000}.ResizeColsItm{height:100%;width:100%;overflow:hidden}.ResizeRows{display:flex;height:100%;width:100%;flex-direction:column}.ResizeRowsSep{min-height:6px;max-height:6px;cursor:row-resize}.ResizeRowsBar{position:absolute;background:#f1f1f1;z-index:10000}.ResizeRowsItm{width:100%;overflow:hidden}.Rows{display:flex;height:100%;width:100%;flex-direction:column}.RowsItm{width:100%;overflow:hidden}.RowsScr{height:100%;overflow:auto}.Textarea{height:35px;border:1px solid #ced4da;border-radius:4px;font-size:var(--font-size-m);padding:6px;background:#fffF}.Textarea:focus{border:1px solid #e5e500;background:#ffffe5;outline:0}.Upload{height:35px;line-height:35px;border:1px solid #ced4da;border-radius:4px;font-size:var(--font-size-m);padding:0 6px;background:#fffF}.Upload:focus{border:1px solid #e5e500;background:#ffffe5;outline:0}.Tab{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}.TabHdr{height:50px;display:flex;align-items:center;border-bottom:8px solid var(--primary-bg-color)}.TabScr{padding:0 10px;cursor:pointer;font-size:22px}.TabHdrItm{flex:1;display:flex;align-items:flex-end;height:100%;overflow-x:hidden}.TabHdrNor,.TabHdrSel{padding:10px 12px 0;height:37px;cursor:pointer;margin-right:5px;white-space:nowrap}.TabHdrSel{background-color:var(--primary-bg-color);color:var(--text-bg-color);font-weight:700}.TabHdrNor{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-top:1px solid var(--border-color)}.TabHdrCls{position:relative;top:-6px;right:-6px;font-size:16px}.TabBdy{flex:1;overflow:hidden}.TabBdyItm{height:100%;width:100%;overflow:hidden}.Checkbox{display:flex;align-items:center}.CheckboxLabel{margin-left:8px;cursor:pointer}.CheckboxInput{width:20px;height:20px;background-color:#e9e9e9;border:none;cursor:pointer}.ListMenuIcon{width:100%;height:100%;border:1px solid var(--border-color);padding:10px;overflow:auto;font-size:var(--font-size-m);display:flex}.ListMenuIconIcon{flex-wrap:wrap}.ListMenuIconIconItm{padding:10px 0;font-weight:700;cursor:pointer;width:140px;height:90px;text-align:center;overflow:hidden}.ListMenuIconIconItm i{display:inline-block;text-align:center;font-size:calc(var(--icon-size-xl)*1.5)}.ListMenuIconIconItm label{font-size:var(--font-size-m)}.ListMenuIconIconItm:hover{background:#ddd}.ListMenuIconList{flex-direction:column}.ListMenuIconListItm{cursor:pointer;width:100%;height:60px;overflow:hidden;display:flex;align-items:center}.ListMenuIconListItm:hover{background:#ddd}.ListMenuIconListItm i{display:inline-block;text-align:center;font-size:calc(var(--icon-size-xl)*1.5);width:60px}.ListMenuIconListLabel{font-weight:700;font-size:var(--font-size-l)}.ListMenuIconListDescription{padding-top:4px;font-size:var(--font-size-m)}.Pagination{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.PaginationItm,.PaginationSel,.PaginationTxt{padding:6px 0;width:28px;text-align:center;margin:0 5px;font-weight:700}.PaginationItm,.PaginationSel{cursor:pointer}.PaginationSel{background-color:var(--primary-bg-color);color:var(--primary-text-color)}.ImageCrop{background-color:#f1f1f1;display:flex;flex-direction:column;height:100%;width:100%}.ImageCropMain{flex:1;display:flex;align-items:center;justify-content:center}.ImageCropMain canvas{margin:0;padding:0;border:1px solid #ced4da}.ImageCropTools{height:50px;border-top:1px solid #ced4da;display:flex;align-items:center;justify-content:center}.ImageCropTools i{font-size:24px;cursor:pointer;padding:5px;margin:0 10px;color:#999}.ImageCropTools i:hover{color:#000}.Switch,.SwitchItem{width:100%;height:100%;overflow:hidden}.MultMask{display:flex}.MultMask select{margin-right:4px}.MultFindEdit{display:flex;flex-direction:column;background:#fff;border:1px solid #ced4da}.MultFindEditButton{height:38px;display:flex;align-items:center;justify-content:center;background:#d5d5d5;border:transparent;color:var(--text-color);font-size:var(--font-size-m);font-weight:700;cursor:pointer;user-select:none}.MultFindEditButton i{margin-right:5px;font-size:var(--icon-size-s)}.MultFindEditButton:hover{filter:brightness(80%)}.MultFindEditButton:active{border:3px solid rgba(255,255,255,.75)}.MultFindEditItems{overflow-y:auto;height:100%}.MultFindEditItem{display:flex;align-items:center;padding:6px}.MultFindEditItem i{font-size:28px;cursor:pointer}.MultFindEditItem span{margin-left:4px}.EditButton{display:flex;align-items:center}.EditButton i{font-size:28px;cursor:pointer;width:40px;text-align:center}.EditButton input{height:35px;border:1px solid #ced4da;border-radius:4px;font-size:var(--font-size-m);padding:0 6px;background:#fffF}.EditButton input:focus{border:1px solid #e5e500;background:#ffffe5;outline:0}.EditButtonLck input{background:#eee}.EditButtonLck input:focus{border:1px solid #de5a5a;background:#f1bdbd;outline:0}.EditButtonMny{text-align:right}.MultInputs{table-layout:fixed;width:100%;border-collapse:collapse}.MultInputs tr th{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);height:32px;background:var(--primary-bg-color);color:var(--primary-text-color)}.MultInputs tr td{padding:4px;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.MultInputsButton{font-size:24px;cursor:pointer}.MultInputsErr{color:red;font-size:var(--font-size-s);font-weight:700;padding-top:5px}.MultCombobox{display:flex;align-items:center;justify-content:center;cursor:pointer;height:35px;border:1px solid #ced4da;font-size:var(--font-size-m);padding:0 6px;background:#fffF}.MultComboboxOpc label{display:flex;align-items:center;padding:5px 0;cursor:pointer}.MultComboboxOpc input{margin:0 10px;transform:scale(1.3)}.MultComboboxOpc{overflow:auto;border:1px solid #cecece;box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,.1);background:#f7f7f7;position:absolute;z-index:10000;display:flex;flex-direction:column;height:100%}.MultComboboxTxt{flex:1;white-space:nowrap;overflow:hidden}.MultComboboxTxt span{margin-right:8px}.MultComboboxIco{font-size:var(--icon-size-m);padding:0 5px;cursor:pointer}.ButtonIcon{height:38px;width:38px;cursor:pointer;margin:0 4px;user-select:none;border-radius:50%;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.ButtonIcon i{font-weight:700;font-size:var(--icon-size-s)}.ButtonIcon:hover{filter:brightness(80%)}.ButtonIcon:active{border:3px solid rgba(255,255,255,.75)}