:root{--main-color: #333;--main-bgColor: #9FBCCC;--main-borderColor: #84847A;--panel-bgColor: #D9D8C6;--panel-borderColor: var(--main-borderColor);--app-color: #ccccd9;--app-bgColor: #0c2471;--readOnly-bgColor: #C6C6B5;--editable-bgColor: #FFFEF3;--focus-bgColor: #ffeea8;--hover-color: var(--main-color);--hover-bgColor: #FFD22B;--hover-borderColor: var(--main-borderColor);--current-color: var(--main-color);--current-bgColor: var(--focus-bgColor);--current-borderColor: var(--main-borderColor);--action-gradient-light: #FAF9E8;--action-gradient-dark: #C6C4B7;--button-bgColor: #D9D7C6;--button-borderColor: #84847A;--button-borderColor-focus: #84847A;--data-table-bgColor: #CBCBBD;--data-table-borderColor: #84847A;--data-table-header-bgColor: #CBCBBD;--data-table-header-borderColor: #84847A;--data-table-body-bgColor: #CBCBBD;--data-table-body-borderColor: #adada4;--data-table-cg-bgColor: #CBCBBD;--data-table-ci-bgColor: #CBCBBD;--data-table-rg-bgColor: #CBCBBD;--data-table-ri-bgColor: #CBCBBD;--data-table-cell-bgColor: #FFFEF3;--formItem-label-borderColor: #F6F6EC;--formItem-input-bgColor: var(--editable-bgColor);--formItem-input-bgColor-readOnly: #CECBBC;--formItem-input-bgColor-focus: #FFF09E;--formItem-input-borderColor: #FFFFF6;--shell-color: #ccccd9;--shell-bgColor: #0c2471;--tbar-color: #0c2471;--tbar-bgColor: #f9f9f9;--shellFrame-menu-color: #ccccd9;--shellFrame-menu-bgColor: #0c2471;--shellFrame-title-color: #0c2471;--shellFrame-title-bgColor: #f9f9f9;--pageFrame-menu-color: #ccccd9;--pageFrame-menu-bgColor: #0c2471;--pageFrame-tbar-color: #0c2471;--pageFrame-tbar-bgColor: #f9f9f9;--pageFrame-title-color: #0c2471;--pageFrame-title-bgColor: #f9f9f9;--pageFrame-bbar-color: var(--main-color);--pageFrame-bbar-bgColor: #eee;--pageFrame-status-color: var(--main-color);--pageFrame-status-bgColor: #eee;--tab-bgColor: #C6C6B5;--tab-border-left: #F9F7F6;--tab-border-right: #86817B;--tab-border-top: #F9F7F6;--tab-border-bottom: #e9e7e6;--tab-active-border-left: #F9F7F6;--tab-active-border-right: #938A81;--tab-active-border-top: #F9F7F6;--tab-active-border-bottom: #DED6C6;--tab-active-bgColor: #D9D7C6;--tabcontent-border-left: #F9F7F6;--tabcontent-border-right: #938A81;--tabcontent-border-top: #F9F7F6;--tabcontent-border-bottom: #938A81;--menuItem-color: var(--main-color);--menuItem-bgColor: #FFF;--menuItem-borderColor: #CCC;--menuItem-color-hover: var(--main-color);--menuItem-bgColor-hover: var(--hover-bgColor);--menuItem-borderColor-hover: #CCC;--scrollbar-body-bgColor: var(--readOnly-bgColor);--scrollbar-body-borderColor: var(--panel-borderColor);--scrollbar-btn-bgColor: var(--panel-bgColor);--scrollbar-btn-borderColor: #a5bbce;--scrollbar-handle-bgColor: var(--panel-bgColor);--scrollbar-handle-borderColor: #a5bbce;--treeMenu-0-bgColor: #D9D7C6ff;--treeMenu-0-borderColor-top: transparent;--treeMenu-0-borderColor-bottom: transparent;--treeMenu-1-bgColor: #E1E0CFff;--treeMenu-1-borderColor-top: transparent;--treeMenu-1-borderColor-bottom: transparent;--treeMenu-2-bgColor: #EBEAD8ff;--treeMenu-2-borderColor-top: transparent;--treeMenu-2-borderColor-bottom: transparent;--treeMenu-3-bgColor: #F0EFDD;--treeMenu-3-borderColor-top: transparent;--treeMenu-3-borderColor-bottom: transparent;--treeMenu-4-bgColor: #FCFBE9;--treeMenu-4-borderColor-top: transparent;--treeMenu-4-borderColor-bottom: transparent;--treeMenu-hover-bgColor: var(--hover-bgColor);--treeMenu-selected-bgColor: #F9CC3B;}body{color: var(--main-color);background-color: var(--main-bgColor);}input, select, textarea{border-style: outset;outline: none;background-color: var(--formItem-input-bgColor);border: 1px solid var(--formItem-input-borderColor);}input:focus, select:focus{background-color: var(--formItem-input-bgColor-focus);}textarea:focus{background-color: #fff9ce;}    input:read-only,textarea:read-only{background-color: var(--formItem-input-bgColor-readOnly);}input:read-only:focus{background-color: var(--readOnly-bgColor);}select option{background-color: #FFFFF9;}.sectionTitle{margin-bottom:10px;color:#0c2471;font-size:1.1rem;}.formPanel{background-color: #CCCBBC;background-color: var(--panel-bgColor);}.filterPanel{background-color: transparent;}.button{color: var(--button-color);background-color: var(--button-bgColor);background-image: linear-gradient(var(--action-gradient-light), var(--action-gradient-dark));border: 1px solid var(--button-borderColor);border-radius: 3px;transition-duration: 0.5s;-webkit-transition-duration: 0.5s;}.button:focus{outline: 1px solid var(--button-borderColor-focus);outline-offset: 0px;}.button:hover{transition-duration: 0.4s;background-image: linear-gradient(#E1E0CF, #C7C6B7);}.button:active{transition-duration: 0.4s;background-image: linear-gradient(#F5F4E2, #CCCBBC);}.dataGrid{background-color: var(--data-table-bgColor);border: 1px solid var(--data-table-borderColor);}.dataGrid tr:hover>td{background-color: var(--hover-bgColor);}.dataGrid thead td{border-right: 1px solid var(--data-table-header-borderColor);border-bottom: 1px solid var(--data-table-header-borderColor);}.dataGrid tbody td{border-right: 1px solid var(--data-table-body-borderColor);border-bottom: 1px solid var(--data-table-body-borderColor);}.dataGrid td.cg{background-color: var(--data-table-cg-bgColor);}.dataGrid td.rg{background-color: var(--data-table-rg-bgColor);}.dataGrid td.ci{background-image: linear-gradient(to bottom, var(--action-gradient-light), var(--action-gradient-dark));}.dataGrid td.ri{background-color: var(--data-table-ri-bgColor);}.dataGrid tr.crtRec>td{background-color: var(--current-bgColor);}.dataGrid .settings{background-color: var(--data-table-bgColor);border: 1px solid #a4a49a;}.dataGrid .settings ul>li{border-bottom: 1px solid #a4a49a;}table.dataTable{background-color: var(--data-table-bgColor);}table.dataTable td{border: 1px solid var(--data-table-borderColor);}table td.topThickBorder{}table td.topTransparentBorder{border-top: 1px solid transparent !important;}table td.noBottomBorder{border-bottom: 0px !important;}table td.leftThickBorder{}table td.leftTransparentBorder{border-left: 1px solid transparent !important;}table td.noRightBorder{border-right: 0px !important;}table.dataTable td.cg{background-color: var(--data-table-cg-bgColor);}table.dataTable td.rg{background-color: var(--data-table-rg-bgColor);}table.dataTable td.ci{background-color: var(--data-table-ci-bgColor);}table.dataTable td.ri{background-color: var(--data-table-ri-bgColor);}table.dataTable td.cell{background-color: var(--data-table-cell-bgColor);text-align: center;}table.dataTable td.abs{background-color: #BBBBAD !important;font-style: italic !important;}table.dataTable td.cell.na{background: radial-gradient(circle at 3px 3px, #CBCBBD 1px, #FFFEF3 2px, #FFFEF3 4px) 0 0/6px 6px;user-select: none;}.formItem.required label::after{color: darkred;content: "*";margin-left: 2px;}.formItem.H label{border-bottom: 1px solid var(--formItem-label-borderColor);}.panel{border: 1px solid var(--panel-borderColor);background-color: var(--panel-bgColor);}.panel_header{display: inline-block;position: relative;top: 0;left: 0;z-index: 0;vertical-align: top;background-color: transparent;padding: 2px 35px 2px 5px;overflow: hidden;font-weight: bold;}.panel_header:after{content: '';position: absolute;top: 0;left: 0;z-index: -99;width: 100%;height: 100%;border-bottom: 1px solid var(--panel-borderColor);border-right: 1px solid var(--panel-borderColor);transform: skewX(-45deg) translateX(-14px);}.panel_body{padding: 10px;}.shell{color: var(--shell-color);background-color: var(--shell-bgColor);padding: 4px 5px;}.tbar{color: var(--tbar-color);background-color: var(--tbar-bgColor);}.shell.frame .frame_menu{padding: 4px 5px;color: var(--shellFrame-menu-color);background-color: var(--shellFrame-menu-bgColor);}.shell.frame .frame_title{padding: 4px 5px;color: var(--shellFrame-title-color);background-color: var(--shellFrame-title-bgColor);}.page.frame .frame_menu{padding: 4px 5px;color: var(--pageFrame-menu-color);background-color: var(--pageFrame-menu-bgColor);}.page.frame .frame_tbar{padding: 3px 5px;color: var(--pageFrame-tbar-color);background-color: var(--pageFrame-tbar-bgColor);}.page.frame .frame_title{padding: 3px 5px;color: var(--pageFrame-title-color);background-color: var(--pageFrame-title-bgColor);}.page.frame .frame_title .title{font-weight: bold;font-size: 1.1rem;}.page.frame .frame_bbar{padding: 2px 5px;color: var(--pageFrame-bbar-color);background-color: var(--pageFrame-bbar-bgColor);}.page.frame .frame_status{padding: 2px 5px;color: var(--pageFrame-status-color);background-color: var(--pageFrame-status-bgColor);}.tabbar{padding-left: 20px;}.tabLayout>.content-wrapper{padding: 10px;border-left: 1px solid var(--tabcontent-border-left);border-right: 1px solid var(--tabcontent-border-right);border-bottom: 1px solid var(--tabcontent-border-bottom);border-radius: 3px;background-color: var(--tab-active-bgColor);box-shadow: 0 -1px 0 var(--tabcontent-border-top);z-index: 2;}.tabbar div.tab{margin-left: -8px;padding: 2px 12px 2px 30px;border-top-right-radius: 4px;border-right: 1px solid var(--tab-border-right);}.tabbar div.tab>a{padding: 0 10px;}.tabbar div.tab>a:focus{border: 1px solid #eee;}.tabbar div.tab:after{pointer-events: none;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -99;}.tabbar div.tab:after{background-color: var(--tab-bgColor);border-top: 1px solid var(--tab-border-top);border-left: 1px solid var(--tab-border-left);transform: skewX(-45deg) translateX(14px);}.tabbar div.tab:hover:after{background-color: var(--tab-active-bgColor);}.tabbar div.tab.active{border-right: 1px solid var(--tab-active-border-right);border-bottom: 1px solid var(--tab-active-border-bottom);font-weight: bold;}.tabbar div.tab.active:after{background-color: var(--tab-active-bgColor);border-top: 1px solid var(--tab-active-border-top);border-left: 1px solid var(--tab-active-border-left);}.tabbar .dummy-start{width: 20px;border-bottom: 1px solid var(--tab-border-bottom);}.tabbar .dummy-end{border-bottom: 1px solid var(--tab-border-bottom);}div.menu li>ul{border: 1px solid var(--menuItem-borderColor);}div.menu  ul.child>li{color: var(--menuItem-color);background-color: var(--menuItem-bgColor);border-bottom: 1px solid var(--menuItem-borderColor);}div.menu  ul.child>li:hover{color: var(--menuItem-color-hover);background-color: var(--menuItem-bgColor-hover);border: 1px solid var(--menuItem-borderColor-hover);}.sb-btn{background-color: var(--scrollbar-btn-bgColor);border: 1px solid #76736A;}.vsb-body{background-color: var(--scrollbar-body-bgColor);border-left: 1px solid #76736A;border-right: 1px solid #76736A;}.vsb-handle{background-color: var(--scrollbar-handle-bgColor);border-left: 1px solid #eee;border-top: 1px solid #eee;border-bottom: 1px solid #76736A;border-right: 1px solid #CAC0AF;}.hsb-body{background-color: var(--scrollbar-body-bgColor);border-top: 1px solid #76736A;border-bottom: 1px solid #76736A;}.hsb-handle{background-color: var(--scrollbar-handle-bgColor);border-left: 1px solid #eee;border-top: 1px solid #eee;border-bottom: 1px solid #CAC0AF;border-right: 1px solid #CAC0AF;}.tree  ul li>div:hover>div, .tree ul li>div:hover>a{background-color: var(--treeMenu-hover-bgColor) !important;border-color: black;}.tree{background-color: var(--treeMenu-0-bgColor);}.tree .children.lvl_0>li{background-color: var(--treeMenu-0-bgColor);border-top: 1px solid var(--treeMenu-0-borderColor-top);border-bottom: 1px solid var(--treeMenu-0-borderColor-bottom);}.tree .children.lvl_1>li{background-color: var(--treeMenu-1-bgColor);border-top: 1px solid var(--treeMenu-1-borderColor-top);border-bottom: 1px solid var(--treeMenu-1-borderColor-bottom);}.tree .children.lvl_2>li{background-color: var(--treeMenu-2-bgColor);border-top: 1px solid var(--treeMenu-2-borderColor-top);border-bottom: 1px solid var(--treeMenu-2-borderColor-bottom);}.tree .children.lvl_3>li{background-color: var(--treeMenu-3-bgColor);border-top: 1px solid var(--treeMenu-3-borderColor-top);border-bottom: 1px solid var(--treeMenu-3-borderColor-bottom);}.tree .children.lvl_4>li{background-color: var(--treeMenu-4-bgColor);border-top: 1px solid var(--treeMenu-4-borderColor-top);border-bottom: 1px solid var(--treeMenu-4-borderColor-bottom);}.tree .children.lvl_5>li{background-color: var(--treeMenu-4-bgColor);border-top: 1px solid var(--treeMenu-4-borderColor-top);border-bottom: 1px solid var(--treeMenu-4-borderColor-bottom);}.tree .children.lvl_6>li{background-color: var(--treeMenu-4-bgColor);border-top: 1px solid var(--treeMenu-4-borderColor-top);border-bottom: 1px solid var(--treeMenu-4-borderColor-bottom);}.tree .children.lvl_7>li{background-color: var(--treeMenu-4-bgColor);border-top: 1px solid var(--treeMenu-4-borderColor-top);border-bottom: 1px solid var(--treeMenu-4-borderColor-bottom);}