@charset "utf-8";
* {box-sizing:border-box; }

html, body, applet, object, blockquote,
a, abbr, acronym, address, big, cite, span, p,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{padding:0; margin:0; font-size:14px; line-height:24px; font-family:Arial, sans-serif}
.table, .table th, .table td{border-collapse:collapse; border:1px solid #bdc4c9; text-align:center; }
:focus { outline:0;}
html,body { overflow:hidden; width:100%; height:100%; color:black; }
.body{ background:url(img/bg.jpg) no-repeat center center; }
hr{border:none;border-bottom:1px solid #DaDaDa; height:1px;}
ul, li {list-style:none; /*padding-inline-start:10px;*/}
img { border:none;}
a { color:#000; text-decoration:none;}
a:hover {text-decoration:underline;} 

.bgHover1:hover{background:#dae5f3; cursor:pointer;}
.bgHover2:hover{background:#282a36; cursor:pointer;}
.weakenHover:hover{backdrop-filter:contrast(0.85); transition:all 0.3s;}
@supports (-moz-appearance: none) or (-webkit-backdrop-filter: none) {
  .weakenHover:hover{ backdrop-filter: none;background-color: #E0CECE; }
}
.fortifyHover:hover{opacity:1 !important; transition:all 0.1s; }

.login_a{font-size:12px; color:#4585c2; text-decoration:none;}
.login_a:hover{font-size:12px; color:#4585c2; text-decoration:none;}
.login_input{width:145px; background:#0000; border:0px;}
.brightness9{filter:brightness(0.9) !important;}
.fwLayout {overflow:hidden; text-align:left; height:100%; width:100%;  display:flex; overflow:hidden;}
.fwLeftside { height:100%; width:240px; position:relative; float:left; max-width:50%; transition:all 0.2s;}

.fwHeaderLogo{ display:block; overflow:hidden; height:50px; background:#7c75bb; text-align:left;}
.fwHeaderLogo .logo {width:200px; padding-left:66px; font-size:20px; font-weight:800; display:inline-block; line-height:50px; transition:all 0.3s; overflow:hidden; white-space: nowrap;}
.logoAnastole{background-position:7px 3px !important;}
.fwLeftsideMenu {height:calc(100% - 50px); overflow:auto; z-index:20; white-space:nowrap;}
.fwLeftsideMenu::-webkit-scrollbar { width:6px; height:6px;} /*滚动条整体*/
.fwLeftsideMenu::-webkit-scrollbar-track { background-color:#0000;}  /*滚动条轨道（内含Thumb）*/
.fwLeftsideMenu::-webkit-scrollbar-thumb { background-clip:content-box; background-color:#67aad566; /*border:2px solid #0000;*/ border-radius:3px;} /*滑块*/

.fwscrollbar::-webkit-scrollbar { width:6px; height:6px;} /*滚动条整体*/
.fwscrollbar::-webkit-scrollbar-track { background-color:#0000;}  /*滚动条轨道（内含Thumb）*/
.fwscrollbar::-webkit-scrollbar-thumb { background-clip:content-box; background-color:#67aad566; /*border:2px solid #0000;*/ border-radius:3px;} /*滑块*/

.FwSideBar, .FwSideBar ul, .FwSideBar li{ list-style:none; padding:0; text-decoration:none; padding-inline-start:0; line-height:0}
.FwSideBar a{height:49px; width:100%; display:inline-block; text-align:left; line-height:49px; padding-left:10px;}
.FwSideBar a span{color:#fff;}
.FwSideBar a:link{height:49px; width:100%; display:inline-block; text-align:left; line-height:49px; text-decoration:none; }
.FwSideBar a:hover{width:100%; text-decoration:none;}
.FwSidebarSub{height:24px; width:24px; float:right; vertical-align:middle; margin:12px; transition:all 0.3s;}
.FwSidebarSubUp{transform:rotateX(180deg);}
.FwSideBarHide>li>ul, .FwSideBarHide>li>a .ex {display:none; transition:all 0.3s;}
.FwSideBarHide>li>a>span{margin-left:6px; transition:all 0.3s;}

.fwContainer{height:100%; overflow-y:hidden; flex:1;}
.fwCHeader{position:relative;  height:50px; transition:all 0.3s; filter:drop-shadow(0 2px 3px #ddd); z-index:1; overflow:hidden; border-bottom: 1px solid #6663;user-select: none;}
.fwCHeader > div{height:50px; line-height:50px; transition:all 0.3s;}
/* .fwCHeader .FwIconH16:hover{filter:opacity(0.3) !important;} */
.fwCHeaderPopDiv{ background:#7c75bb; text-align:center; border:1px solid #2d2d5b66; padding:0; }
.fwCHeaderPopDiv li{font-size:18px; line-height:40px; color:#fff; padding:5px 10px; background:#9994cb;border-top: 1px solid #fff0;border-bottom: 1px solid #fff0;}
.fwCHeaderPopDiv li:hover{background:#7c75bb; cursor:pointer; border-top: 1px solid #fff3;border-bottom: 1px solid #fff3;}
#headerSelectMenu{line-height: 60px; position: relative;}
#headerSelectMenu::after{ content:attr(data-content-after); overflow:hidden; font-size:8px; text-align:center; width:24px; line-height:10px; position:absolute; top:14px; left:0; }
span.fwCHeaderSpan{cursor:pointer; margin:0 5px; height:50px; line-height:50px; transition:all 0.3s;}
span.fwCHeaderMenuSpan{ float:right; color:#fff5; height:50px; line-height:50px; cursor:pointer; width:30px;}
span.fwCHeaderMenuSpan:hover{color:#fff; transition:all 0.3s;}
.fwCHeaderUp{height:30px !important; transition:all 0.3s;}
.fwCHeaderUp > div{height:30px !important; line-height:30px !important; transition:all 0.3s;}

.FwNavTab{ height:calc(100% - 50px); position:relative;}
.FwNavTab > .closeTab{height: 40px;background-color: #fef; position: absolute; right: 0px; top: 0px; z-index: 4;display: flex;align-items: center;cursor: pointer;user-select: none;}
.FwNavTab > .closeTab:hover{background-color: #fdf;}
.closeTabUl{padding:4px 0;user-select: none;}
.closeTabUl > li{text-align:center;padding:2px 0;cursor:pointer}
.closeTabUl > li:hover{background-color: #fef;}
.FwNavTab > .Header{height:40px; z-index:3; position:relative; filter:drop-shadow(-2px 4px 3px #ddd); overflow-x:auto; overflow-y:hidden;} 
.FwNavTab > .Header::-webkit-scrollbar { width:1px; height:1px;} 
.FwNavTab > .Header::-webkit-scrollbar-track { background-color:#eee;} 
.FwNavTab > .Header::-webkit-scrollbar-thumb { border:2px solid transparent;  background-clip:content-box; background-color:#d4d4e7; border-radius:12px;} 

.FwNavTab > .Header ul{display:inline-block; padding-inline-start:0;}
.FwNavTab > .Header li{display:inline-block; height:40px; line-height:40px; padding:0 10px 0 10px; border-right:1px #fff3 solid; position:relative; cursor:pointer;}
.FwNavTab > .Header .select{/*color:white;*/ font-weight:800; transition:all .3s; -webkit-transition:all .3s;}
.select::after{content:''; position:absolute; top:0; left:0; width:100% !important; height:2px; border-radius:0; background-color:#5f6ca9; transition:all .3s; -webkit-transition:all .3s; }
.FwNavTabLi::after{content:''; position:absolute; top:0; left:0; width:0; height:2px; border-radius:0; background-color:#5f6ca9; transition:all .3s; -webkit-transition:all .3s;}
.FwNavTab > .Header li:hover{height:40px; line-height:40px;}
.FwNavTabLi:hover::after{content:''; position:absolute; top:0; left:0; width:100% !important; height:2px; border-radius:0; background-color:#5f6ca9; transition:all .3s; -webkit-transition:all .3s; }

.FwNavTab > .Content{padding:20px;overflow-y:auto; height:calc(100% - 35px);}
.FwNavTab > .Content .page {height:100%; /*overflow:auto;*/}
.FWDialog .picbox {display:flex; flex-direction:column; justify-content:center; width:140px; height:120px; text-align:center; margin:8px; border:1px solid #ddd; box-shadow:1px 1px 8px 0 #a2958a; padding:5px; list-style:none; /*max-width: 65%;*/cursor: pointer;max-width: unset;overflow: hidden;}
.FWDialog .picbox>span{height:16px;line-height:16px;}

.page.listroll #pmain{flex-wrap: nowrap;flex-direction: column;}
/*.page.listroll #pmain > div:nth-last-child(1){flex:1;min-height: 250px;}*/
.page.listroll #pmain .ListComponent{flex:1; min-height:50px;}
.page.listroll .listtoolBar{overflow:unset; border-bottom: 1px solid #bdc4c9 !important;}
.page.listroll .fwtable{overflow: unset; display: flex; flex-direction: column;}
/* .page.listroll .fwtable > div:nth-last-child(3){border-bottom: 1px solid #bdc4c9 !important;} */
/*.page.listroll .fwtable > div:nth-last-child(2){xxmax-height: calc(100% - 100px);xxflex: 1;}*/
.page.listroll .fwtable table{border-top: 0;} 
.page.listroll .fwtable thead{position: sticky;top: -1px !important;}
.page.listroll .fwtable thead th{border-top: 0px;background-clip: padding-box;background-color: #d7e4f2;}

.tabsPage .tabsPageHeader { display:block; height:33px; border-style:solid; border-width:1px 1px 0 1px; position:relative;filter:drop-shadow(0 2px 3px #ddd);	z-index:2;}
.tabsPage .tabsPageHeaderContent { display:block; overflow-y:hidden; height:33px; position:relative;}

.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}  /*省略号*/
.fwtable table, .fwtable th, .fwtable td{border-collapse:collapse; border:1px solid #bdc4c9; text-align:center; /*transition:all 0.1s;*/}
.fwtable table{table-layout:fixed; width:100px;}
.fwtable th{background-color:#d7e4f2; background-clip:padding-box; height:40px;}
.fwtable tr:hover{box-shadow: 0 0 7px #0002; /*filter: invert(0.05);*/}
.fwtable td{margin:10px; width:200px; height:40px; overflow:hidden}
.fwtable .close{float:right; width:10px; height:10px; line-height:10px; margin-bottom:30px; cursor:pointer; font-weight:100; color:#dfe6ec;}
.fwtable thead th{overflow:hidden; vertical-align:middle; line-height:40px; font-weight:800;color:#2c5a5e}
.fwtablenohead table, .fwtablenohead thead th{ border-top:0px; }
.fwtablenohead thead, .fwtablenohead thead th{ display:block; height:0px !important; line-height:0px !important; border:0 !important; }

.fwstable, .fwstable th, .fwstable td { border-collapse:collapse; border:1px solid #bdc4c9; padding:2px 10px; text-align:left; }
.fwwtable{ width:100% }
.fwwtable, .fwwtable th, .fwwtable td { border-collapse:collapse; border:1px solid #bdc4c9; text-align:center; }
.scriptul li {list-style:none; padding-inline-start:10px;}
.scriptTitle{display:inline-block; height:30px; padding:2px 10px; font-size:16px; font-weight:800; color:#fff;}
.scriptTitleSelect{ background:#282a36; }
.fwtableblock{ border:0 !important;}
.fwtableblock tbody{ display:block; text-align: left; width:600px}
.fwtableblock tbody tr{ display:inline-block; border: 1px solid #bbb; margin:2px; overflow: hidden;}
.fwtableblock tbody td{ display:block; margin:0; border:0px; height:30px; padding:2px 10px;}
/*
App模板样式
*/
.some-css {color:red; line-height:2;}
.CodeMirror {/*border-top:1px solid black; border-bottom:2px solid black;*/ height:100%; width:100%}
.CodeMirrorFull{position:absolute; top:0; height:100vh; left:0; z-index:999; animation:fadein 2s;}
.CodeMirror-lint-tooltip{z-index:105 !important;}

.Top{ width:100%; height:auto;}
.TopBody{ background-color:#d6dbe9; width:100%; height:68px; }
.TopView{background-color:#364e6f; width:100%; height:32px; padding:8px 0 0 50px; overflow:hidden}
.TopView > span{display:inline-block; min-width:120px; text-align:center; background-color:#293955; border:none; margin:0 1px; }
.TopBody{ background-color:#d6dbe9; width:100%; height:68px; }
.TopView span{ color:#ffffff; border:none;}
.btn-purple{ background:#7272db; border:1px solid #7272db; border-radius:4px; color:#fff; }
.btn-purple.is-plain{ color:#7272db; background:#fff; }
.btn-success{ background:#379554; border:1px solid #379554; border-radius:4px; color:#fff; }
.btn-success.is-plain{ color:#379554; background:#fff; }
.btn-danger{ background:#F56C6C; border:1px solid #F56C6C; border-radius:4px; color:#fff; }
.btn-danger.is-plain{ color:#F56C6C; background:#fff; }
.history-item{display:flex; width:100%; height:35px; padding-left:12px; align-items:center; border-bottom:1px solid #e0e4f7; color:#4e4040;}

.Main{background-color:#293955; display:flex; height:calc(100vh - 100px); padding:10px;}
.MainLeft{width:15vw; background-color:#ffffff; height:100%; margin-right:8px; border:#8e9bbc 1px solid; }
.MainLeftTool{background-color:#ffffff; width:100%; padding:10px; overflow:auto; height:calc(100% - 30px);}
.MainLT{padding:2px 0 0 20px} 
.MainLT > div{ display:flex; flex-direction:row; align-items:center; height:32px; margin:2px; padding-left:2px; border:1px #f6f6f6 solid;}
.MainLTH5{padding:0}
.MainLTH5 > div{ width:31%; height:77px; display:flex; flex-direction:column; justify-content:center; align-items:center; 
    border:1px solid #aaa3; float:left; margin:2px; padding-top:4px; cursor:default;}
.MainLeftDate{background-color:#ffffff; width:100%; padding:10px; overflow:auto; height:calc(100% - 30px);}
.MainLTT{margin-bottom:2px; background-color:#f6f6f6;}
.MainLeftTS{ background-color:#ffffff; min-width:80px; display:inline-block; text-align:center; border:#999999 1px solid; border-bottom:0px; color:black; }
.MainLeftT{ background-color:#364e6f; min-width:80px; display:inline-block; text-align:center; border:#4d6082 1px solid; border-bottom:0px; color:white; }
.MainCenter{width:70vw; background-color:#f6f6f6; display:flex; flex-direction:column; justify-content:space-between; margin-right:8px; border:#8e9bbc 1px solid;}
.MainCenterBT{width:100%; height:calc(100% - 30px); background-color:#f6f6f6; overflow:auto; padding:10px;}
.MainCenterTS{ background-color:#ffffff; min-width:100px; display:inline-block; text-align:center; border:#999999 1px solid; border-bottom:0px; color:black; padding-left:4px }
.MainCenterT{ background-color:#364e6f; min-width:100px; display:inline-block; text-align:center; border:#4d6082 1px solid; border-bottom:0px; color:white; padding:0 4px }
.MainRight{width:15vw; background-color:#ffffff; border:#8e9bbc 1px solid;}
.MainRight input{width:50px} 
.MainRightTS{ background-color:#ffffff; width:60px; display:inline-block; text-align:center; border:#999999 1px solid; border-bottom:0px; color:black; }
.MainRightT{ background-color:#364e6f; width:60px; display:inline-block; text-align:center; border:#4d6082 1px solid; border-bottom:0px; color:white; }
.shadowtop{background-color:#ffffff; padding-top:8px; background-size:100% 4px; background-repeat:no-repeat; }
.shadowtopq{background-image:linear-gradient(#b0f5d6 , #ffffff); }
.shadowtops{background-image:linear-gradient(#d8dce5 , #ffffff) ; }
.shadowtopj{background-image:linear-gradient(#42b983 , #ffffff) ; }
.fonthui{color:#97a8be;}
.fontbai{color:#ffffff}
.fonthei{color:#000000}
.w80{display:inline-block; width:80px;}
.w100{display:inline-block; width:100px;}
.w120{display:inline-block; width:120px;}    
.w150{display:inline-block; width:150px;}
.w180{display:inline-block; width:180px;}
.triangle{float:left; width:10px; margin:7px; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid black;}
.trianglez{float:left; width:10px; margin:9px 7px 0 7px; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid black;}
.ControlFull{ width:100%; height:300px;}
.ControlFull > .tbar{ width:100%; height:40px; padding:5px 0 0 15px; color:#989898; display:inline-block;}
.ControlFull > div{ width:calc(100% - 20px); background:#f0f0f0; margin:10px; height:calc(100% - 60px); /*padding:10px;*/ overflow:auto;}
.Control{ width:100%; height:300px;}
.Control > .tbar{display:none !important;}
.Control > div{margin:0; width:100%; height:100%; /*padding:10px;*/ overflow:auto;}
.listtoolBar{height:48px; overflow:auto; padding:0 5px; text-align:left; background:#d7e4f2; border:1px solid #bdc4c9; border-bottom:0;} 
.listtoolBarTMX{background:#fff0;border:0px}
.listtoolBar::after {content: "";display: table;clear: both;}
.ListControlPage{padding:0; line-height:38px;}
.ListControlPage > button{margin:4px; padding:0 10px; line-height: 23px;}
.ListControlWidget{width:30px; height:30px; float:right; border:1px solid #3333; margin:8px 10px 0 0; display:flex; align-items:center; justify-content:center;}
.ListControlWidget>span{font-size:18px; transform:rotateZ(45deg); cursor:pointer;}
.ListControlSearch{width:100px; height:24px; align-self:center; margin-right:15px;}
.ListFieldOrderT:hover{border-top-color:#000a !important; }
.ListFieldOrderTC{border-top-color:#000a !important; }
.ListFieldOrderB:hover{border-bottom-color:#000a !important; }
.ListFieldOrderBC{border-bottom-color:#000a !important; }
.highlight{background-color: yellow;}
.highlight_font{background-color: yellow;}
/* .ListFieldOrderB{} */
.CQButton{height:32px; padding:0px 10px; color:#fff; margin:5px 10px 0 0; background:#7272db; border:0; border-radius:3px; display:inline-flex; align-items:center; line-height:30px; cursor:pointer}
.CQButton > span{margin:0 10px 0 0; color:#fff;}

.FwButton{padding: 0px 15px; color:#fff; margin: 3px 10px 3px 0; background:#379554; border:0; border-radius:3px; display:inline-flex; justify-content:center; height:37px;line-height:37px; align-items: center; cursor: pointer;}
.FwButton > span{color:#fff; margin-right:10px}
.FwButton2{padding: 0px 5px; color:#fff; margin: 5px 5px 5px 0; background:#379554; border:0; display:inline-flex; justify-content:center; height:28px; align-items: center; cursor: pointer; }
.FwButton2 > span{color:#fff; margin-right:5px; font-size:16px}
.FwButton2Div{ width:100%; height:38px; display:flex; margin:0; overflow:hidden; justify-content:center; }

.Container > .FwButton{ filter: opacity(0.6); }
.Container > .FwButton:hover{ filter: none; }

.FwProgressbar{background-color:#b9c1e7; box-shadow:0 0 6px 2px #ffffff4d inset; background-image:linear-gradient(-45deg,#ffffff59 25%,#ffffff00 25%,#ffffff00 50%,#ffffff59 50%,#ffffff59 75%,#ffffff00 75%,#ffffff00); background-repeat:repeat-x; background-size:50px 50px;
    -webkit-animation:progressstripe 1s linear infinite; -moz-animation:progressstripe 1s linear infinite; animation:progressstripe 1s linear infinite;}
@-webkit-keyframes progressstripe { to { background-position: 50px 0; } }
@-moz-keyframes progressstripe { to { background-position: 50px 0; } }
@keyframes progressstripe { to { background-position: 50px 0; } }
.WindowFull{ width:100%; height:100%; }
.WindowFull > .wtbar{ width:100%; height:24px; padding:5px 0 0 15px; display:block;}
.WindowFullTitle{ font-size:16px; font-weight:800;}
.WindowFull > div{ width:calc(100% - 20px); position:relative; background:#f0f0f0; margin:10px; height:calc(100% - 45px); padding:5px; overflow:auto; display:flex; flex-wrap:wrap; /*justify-content:center;*/ align-content:flex-start;}
.Window{ width:100%; height:100%;}
.Window > .wtbar{display:none;}
.Window > div{margin:0; width:100%; height:100%; padding:0; position:relative; overflow:auto; display:flex; flex-wrap:wrap; /*justify-content:center;*/ align-content:flex-start;}
button.del{background:transparent; border-width:0px; color:#aaa;}
button.add{width:24px; margin:3px 6px; background:transparent; border-width:0px; color:#fff; float:right;}
button.addView{ width:120px; height:24px; background-color:#364e6f; border:#364e6f 1px solid; color:#839bdf;}
button.addWindow{ margin:0 10px; height:24px; background-color:#4d6082; border:#4d6082 1px solid; color:#839bdf;}
button.min{float:right; margin-right:10px; width:23px}
button.close{float:right; margin-right:10px; width:23px}
button.prevclick,button.nextclick{width:40px;height:100px;justify-content:center; align-items:center;border-radius:5px;background-color: transparent;border-style: none;font-size: 50px;color: rgb(221, 221, 221);}
span.tabs{min-width:100px; display:inline-flex; height:40px; line-height:40px; text-align:center; background:#d7e4f2; margin:0 1px 0 0; padding:0 2px; justify-content: center; align-items: center;  /*border-radius:4px 4px 0 0*/}
.datasourcepara span{width:270px; display:inline-block; text-align:right}
.datasourcepara input{width:160px; margin-left:10px;}
.datasourcetablelist .ds-tl{min-width:200px; display:inline-block; margin:2px 5px;}

.EditControlLayout0{width:90%;display:flex; justify-content:flex-start; flex-wrap:wrap; align-content:flex-start;}
.EditControlLayout0 > div{width:90%; display:flex;}
.EditControlLayout0 > div > span{width:30%; display:inline-block; text-align:right; padding-right:5px; margin-top:6px}    
.EditControlLayout2{width:45%; display:flex; justify-content:flex-start; flex-wrap:wrap; align-content:flex-start;}
.EditControlLayout2 > div{width:45%;}
.EditControlLayout2 > div > span{width:35%; display:inline-block; text-align:right; padding-right:5px;}
.EditControlLayout4{width:22%;display:flex; justify-content:flex-start; flex-wrap:wrap; align-content:flex-start;}
.EditControlLayout4 > div{width:22%;}
.EditControlLayout4 > div > span{width:35%; display:inline-block; text-align:right; padding-right:5px;}

.EditControlLayout0 > div > span.EditFieldHint,
.EditControlLayout2 > div > span.EditFieldHint,
.EditControlLayout4 > div > span.EditFieldHint
{ position:absolute; top:35px; left:35%; width:60%; text-align:left; margin:0; padding:0; padding-left:5px; color:#aaa; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.TabComponent{ width:100%; height:300px; background:#d7e4f2; border:#838ea8 1px solid;}
.TabComponent > .tbar{ width:100%; height:30px; padding:5px 0 0 15px; color:#989898; display:inline-block;}
.TabComponent > div{ width:calc(100% - 2px); background:#f0f0f0; margin:1px; height:calc(100% - 31px); overflow:auto;}
.custom-scrollbar{ display: flex !important; overflow-x: auto; overflow-y: hidden; height: 44px !important;}
.custom-scrollbar::-webkit-scrollbar { width:8px; height:8px;} /*滚动条整体*/
.custom-scrollbar::-webkit-scrollbar-track { background-color:#f1f1f1;} /*滚动条轨道（内含Thumb）*/
.custom-scrollbar::-webkit-scrollbar-thumb { background-clip:content-box; background-color:#c1c1c1;} /*滑块*/

.TaskComponentTD{margin-left:1px; display:inline-flex; justify-content:center; 
    align-items:center; width:100px; height:148px; font-weight:800; font-size:18px; color:#646468; cursor: pointer;}
.TaskComponentTM{background:#fff; margin-left:0px; flex:0; overflow:auto; align-items:center; height:148px; transition:all 0.3s;}
.TaskComponentTMShow{flex:1; transition:all 0.3s;}
.TaskComponentTDbg1{background:#dcdcf9;}
.TaskComponentTDbg2{background:#eee5fb;}
.TaskComponentTDbg3{background:#e0e0fb;}
.TaskComponentTDbg4{background:#e1e1f5;} 
.TaskComponentTDbg5{background:#e6d8f5;}
.TaskComponentTDbg6{background:#d1d1f7;}

.CxWarn::after{ content:"*"; color:red; font-weight:bold; font-size:20px; margin-top:6px; }
.CxInput{display:inline-block; height:30px; vertical-align:middle; margin:5px; border:1px solid #0008;border-radius:2px; cursor:default; overflow:hidden; position:relative; text-align:left;}
.CxInputH{height:30px; vertical-align: middle; margin:5px; max-width:calc(100% - 10px);}
.CxText{min-width:300px; min-height:200px; vertical-align:middle; margin:5px;}

.dropdown-content{position: absolute;top: 0;left: 300px;background-color: #fff;min-width:150px;max-height: 300px;overflow: auto;border: 1px solid #c5c5c5; display:none;z-index:9999;}
.cxSelect{position:fixed; z-index:10; border:1px solid #ddd; background:#fff; overflow:auto; text-align:left;
    filter:drop-shadow(rgb(170, 170, 170) 4px 9px 11px); white-space:normal;}
.cxSelectHead{border-bottom:1px solid #ddd; height:36px; padding:4px; background:#fff;position: sticky;top:0;}
.cxSelect li{display:inline-block; width:155px; height:30px;}
.cxSelect label{display:inline-block; width:100%; transition:all 0.2s; overflow:hidden; white-space:nowrap;}
.cxSelect label:hover{background:#9fb5e0; transition:background 0.2s}
.cxSelectDown{width:12px; height:12px; float:right; position:absolute; top:10px; right:3px; border:6px solid #eeeeee0a; border-top:6px dashed #0009; transition:all 0.2s;}
.cxSelectInput .Up{top:4px; transform:rotateX(180deg);}
.cxSelectButt{margin:1px 2px 0 0;}

.cxTreeSelect{position:fixed; z-index:111; border:1px solid #ddd; background:#fff; overflow:auto; text-align:left;
    filter:drop-shadow(rgb(170, 170, 170) 4px 9px 11px); white-space:normal;}
.cxTreeSelect li:hover{background:#9fb5e0; transition:background 0.3s}
.cxTreeSelectliselect{background:#9fb5e0; transition:background 0.3s}
.cxTreeSelect::-webkit-scrollbar { width:4px; height:4px;} /*滚动条整体*/
.cxTreeSelect::-webkit-scrollbar-track { background-color:#0000;}  /*滚动条轨道（内含Thumb）*/
.cxTreeSelect::-webkit-scrollbar-thumb { background-clip:content-box; background-color:#67aad566; /*border:2px solid #0000;*/ border-radius:4px;} /*滑块*/
.cxTreeSelect .fw-checkbox{color:#606266; font-weight:500; font-size:14px; position:relative; cursor:pointer; display:inline-block; white-space:nowrap; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; margin-right:6px;}
.cxTreeSelect .fw-checkbox-input{white-space:nowrap; cursor:pointer; outline:none; display:inline-block; line-height:1; position:relative; vertical-align:middle;}
.cxTreeSelect .fw-checkbox-input.is-checked .fw-checkbox-inner{background-color:#32a2d4; border-color:#32a2d4;}
.cxTreeSelect .fw-checkbox-input.is-checked .fw-checkbox-inner:after{-webkit-transform:rotate(45deg) scaleY(1); transform:rotate(45deg) scaleY(1);}
.cxTreeSelect .fw-checkbox-inner{display:inline-block; position:relative; border:1px solid #ddd; border-radius:2px; -webkit-box-sizing:border-box; box-sizing:border-box; width:14px; height:14px; background-color:#fff; z-index:1; -webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46); transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);}
.cxTreeSelect .fw-checkbox-inner::after{-webkit-box-sizing:content-box; box-sizing:content-box; content:""; border:1px solid #fff; border-left:0; border-top:0; height:7px; left:4px; position:absolute; top:1px; -webkit-transform:rotate(45deg) scaleY(0); transform:rotate(45deg) scaleY(0); width:3px; -webkit-transition:-webkit-transform .15s ease-in .05s; transition:-webkit-transform .15s ease-in .05s; transition:transform .15s ease-in .05s; transition:transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s; -webkit-transform-origin:center; transform-origin:center;}
.cxTreeSelect .fw-checkbox-original{opacity:0; outline:none; position:absolute; margin:0; width:0; height:0; z-index:-1;}
.cxTreeSelect .fw-checkbox-input.is-indeterminate .fw-checkbox-inner{background-color:#32a2d4; border-color:#32a2d4;}
.cxTreeSelect .fw-checkbox-input.is-indeterminate .fw-checkbox-inner:before{content:""; position:absolute; display:block; background-color:#fff; height:2px; -webkit-transform:scale(.5); transform:scale(.5); left:0; right:0; top:5px;}

.ui-menu {width:200px;}
.CxCalendar{position:fixed; z-index:10; width:230px; max-height:400px; background:#fef; overflow:auto; 
    filter:drop-shadow(rgb(170, 170, 170) 4px 9px 11px); white-space:normal; border:1px solid #6666;}
.CxCalendar .time{width:20px; border:0px; background:#eee;text-align:center; height:24px;}
.CxCalendar th{padding:0 8px; font-weight:bold;text-decoration:none; border:0;}
.CxCalendar td{text-align:center; cursor:default;transition:all 0.3s; border:0; height:24px;}
.CxCalendar td:hover{font-size:x-large; transition:font-size 0.3s}
.CxCalendar .Foot,.Head{background:#fff;text-align:center; position:relative; height:36px; padding:4px;}
.CxCalendar button{float:right;margin:1px 2px 0 0;}
.CxCalendar select{border:0px; max-width:70px; height:24px;}
.CxCalendar .hh{position:fixed; z-index:11; width:166px; top:122px; left:10px; background:#fef; overflow:auto; border:1px solid; text-align:left; display:none}
.CxCalendar .mm{position:fixed; z-index:11; width:166px; top:170px; left:30px; background:#fef; overflow:auto; border:1px solid; text-align:left; display:none}
.CxCalendar .ss{position:fixed; z-index:11; width:166px; top:170px; left:50px; background:#fef; overflow:auto; border:1px solid; text-align:left; display:none}
.CxCalendar ul{padding-inline-start:0; background:#fdf}
.CxCalendar li{padding-inline-start:0; width:25px; display:inline-block; text-align:right; cursor:default; transition:all 0.3s;}
.CxCalendar li:hover{font-weight:bold; transition:all 0.3s;}
.cxCalendarDown{font-size:16px !important; float:right; margin:0; position:absolute; top:6px; right:3px; transition:all 0.3s;}
.cxCalendarInput .Up{transform:rotateX(180deg);}
.CxFileButton{padding:0px 5px; color:#fff; margin:5px 5px 5px 0; background:#666; border:0; display:inline-flex; justify-content:center; height:24px; line-height:24px; align-items:center; cursor:pointer;}
.CxFileButton span{color:#fff; margin-right:5px; font-size:16px}
.FWButton{height:32px; padding:0px 10px; color:#fff; margin:5px 10px 0 0; background:#7272db; border:0; border-radius:3px; display:inline-flex; align-items:center; line-height:30px; cursor:pointer}
.FWButton > span{margin:0 10px 0 0; color:#fff;}

/* CxPassword */
.pwd-visibility{ position:relative; top:5px; }
.pwd-obscurity{ position:relative; top:4px; }
.pwd-visibility::before, .pwd-obscurity::before{font-size:18px !important; cursor:pointer;}
.CxTag{margin:auto 4px;}
.CxTag .tag-span{display:inline-block; padding:0 10px; margin:auto 4px auto 0px; height:28px; line-height:26px; font-size:14px; border-width:1px; border-style:solid; border-radius:4px; box-sizing:border-box; white-space:nowrap; background-color:#fff; border-color:#e9e9eb; color:#000;}
.CxTag .button-new-tag{height:28px; line-height:26px; padding: 0 5px; display:inline-block; white-space:nowrap; cursor:pointer; background:#FFF; border:1px solid #67c23a; border-radius:4px; color:#67c23a; -webkit-appearance:none; text-align:center; box-sizing:border-box; outline:0; transition:.1s; font-weight:500;}
.CxTag .tag-icon-close{border-radius:50%; text-align:center; position:relative; cursor:pointer; font-size:12px; height:16px; width:16px; line-height:16px; vertical-align:middle; top:-1px; right:-5px;}
.CxTag .tag-icon-close:hover{color:#fff; background-color:#909399;}
.CxTag .ipt-new-tag{display:none;}
.CxTag .ipt-new-tag input{margin-left:0; height:28px; width:70px; padding: 0 5px; background:#FFF; border:1px solid #67c23a; border-radius:4px; color:#67c23a;}

.headericonrp{position:relative;} 
.headericonrp:after{ content:attr(msg); border:2px solid red; border-radius:10px; background:red; position:absolute; z-index:1000; top:20%; right:0;
    width:6px; height:6px; font-family:cursive; font-size:6px; line-height:6px; text-align:center; color:white; }
.menurp{position:relative;} 
.menurp:after{ content:attr(msg); border:3px solid red; border-radius:10px; background:red; position:absolute; z-index:1000; top:20%; right:9px;
    width:6px; height:6px; font-family:cursive; font-size:6px; line-height:6px; text-align:center; color:white; }
.FwInfo{ background:#555; color:#fff; display:flex; align-items:center; padding:5px 20px; border-radius:5px; }
.FwInfoMsg{ padding:0 10px; color:#fff; }   

/* 图标名称网址
https://marella.me/material-design-icons/demo/font/  英文
https://fonts.google.com/icons?icon.platform=web&icon.set=Material+Icons 英文
*/
@font-face { font-family:"MaterialIcons"; font-style:normal; font-weight:400; font-display:block; src:url("img/material-icons.woff2") format("woff2");}
.FWIcons { font-family:"MaterialIcons"; font-weight:normal; font-style:normal; font-size:24px;
    line-height:1; letter-spacing:normal; text-transform:none; display:inline-block;
    white-space:nowrap; word-wrap:normal; direction:ltr; -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; font-feature-settings:"liga"; }

.CssIcons{ display:inline-flex; align-items:center; }
.CssIcons::before{ content:attr(icon); font-family:"MaterialIcons"; font-weight:normal; font-style:normal; font-size:24px; line-height:1; margin:0px 5px}

.is-disabled{ opacity:0.6; }
.is-disabled:hover{ cursor:not-allowed;background-image:none; }
.dbManagerTrBgcl{ background-color:lightsteelblue; }
.iconDBmanager{ position: absolute; }
.iconDBmanager:hover{ cursor:pointer; }
.iconDBmanager::before{ font-size:16px; margin:0; }

@media only screen and (max-width: 1024px) {
    .FwNavTab > .Content{padding:5px;}
}
.CodeMirror span{font-size:16px; /*line-height:28px; letter-spacing:1px;*/ font-family: inherit;}
.editor-content-view { overflow-x: auto; }
.editor-content-view p, .editor-content-view li { white-space: pre-wrap; }
.editor-content-view p { line-height:3; }
.editor-content-view blockquote { border-left: 8px solid #d0e5f2; padding: 10px 10px; margin: 10px 0; background-color: #f1f1f1;}
.editor-content-view code { font-family: monospace; background-color: #eee; padding: 3px; border-radius: 3px; }
.editor-content-view pre>code { display: block; padding: 10px; }
.editor-content-view table { border-collapse: collapse; }
.editor-content-view td, .editor-content-view th { border: 1px solid #ccc; min-width: 50px; height: 20px;  }
.editor-content-view th { background-color: #f1f1f1; }
.editor-content-view ul, .editor-content-view ol { padding-left: 20px; }
.editor-content-view input[type="checkbox"] { margin-right: 5px;}
.editor-content-view img { max-width: 100%; filter: drop-shadow(2px 4px 6px #aaa);}

@media only screen and (max-device-width: 1200px){
    .fwLeftside {position:absolute; z-index:9999; max-width:100%; transition:all 0.2s;}
    .FwNavTab{height: calc(100% - 30px);}
    .FwNavTab > .Content{overflow-y:auto; height:100%;padding: 2px;}
    .fwHeaderLogo{height: 50px;display: flex;justify-content: center;align-items: center;}
    .fwLayout .fwHeaderLogo span{height:50px; background-size:28px !important;background-position: 11px 11px !important;font-size: 14px;padding-left: 50px;}
    .fwHeaderLogo .logo {width:228px;}
    .fwCHeader{height: 30px;line-height: 30px;filter:none}
    .fwCHeader div{height: 100%;align-items: center;}
    #fwNavTab .closeTab{display: none;}
    .fwCHeader #headerShowTab{display: none;}
    .fwCHeader #headerfull{display: none;}
    .fwCHeader #headersize{display: none;}
    .fwCHeader #MainHeaderLeftBar{overflow: visible !important;} 
    .fwCHeader #headerMain{position: fixed;right: 115px;}
    .fwCHeader #headerRefresh{position: fixed;right: 152px;}
    .fwCHeader #MainHeaderInfoBar{display: flex !important;}
    .FWIcons{font-size: 26px;}
    /* #headerShowMenu{margin-left:8px !important;} */
    #headerShowMenu{position:fixed;}
    #fwNavTab .Header{display:none;}
    .mobilelandspace{height:100% !important}
  }
/* 手机端竖屏 */
@media (max-width: 768px) and (orientation: portrait){
    .cxSelect{width: 200px !important;left: calc(50% - 100px) !important;}
    .cxSelectHead{height:auto;}
    .cxSelectHead input{width: 142px !important;}
}
/* 平板端竖屏 */
@media (min-width: 768px) and (max-width: 1200px) and (orientation: portrait){

}

.fwscrollbar .preview{position:fixed;left:calc(50% - 100px);bottom:0px;width:200px;height:50px;text-align:center;line-height:60px;background-color:transparent;color:#fff;font-size:30px;}
.tipdiv{position:absolute;top:-5px;}
.tipinfo,.tipcopy{display:inline-block;top: 5px;width: 14px;height:14px;border-radius:50%;background-color:#000;color:#fff;text-align:center;line-height:14px;margin:0 2px;cursor:pointer;}
.tipinfo::after{content:"i";}
.tipcopy::after{content:"c";position: relative;top: -1px;}

.formarea{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.formarea .logopanel{width: 100%;text-align: center;}
.formarea input{display: block;margin-top: 15px;border: 1px solid #e1e1e1;border-radius: 3px;padding: 3px 6px 4px 16px;width: 100%;height: 50px;font-size: 14px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);}
.formarea input::placeholder {color: rgb(182, 182, 182);font-size: 20px;}
.formarea .uname{background: rgba(255, 255, 255, 0.9) url(./img/login/user.png) no-repeat 95% center;color: #333}
.formarea .pword{margin-bottom: 20%;background: rgba(255, 255, 255, 0.9) url(./img/login/lock.png) no-repeat 95% center;color: #333}
.formarea .btn_ok{display: block;height: 50px;background-color: #3e88d57d;color: #fff;width: 100%;border-radius: 3px;margin-bottom: 10px;user-select: none;font-size: 18px;border: 1px solid #2233;}
.formarea .cright{color: #fff;text-align: center;font-size: 12px;position: absolute;width: 80%;bottom: 20px;color: #c1c1c1;}

/*谷歌去掉input type=number 上下箭头*/
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
/*火狐*/
input[type="number"]{-moz-appearance: textfield;}