@charset "utf-8";
@font-face{font-family:iconfont;src:url(../iconfont/iconfont.eot?t=1535340843292);src:url(../iconfont/iconfont.eot?t=1535340843292#iefix) format('embedded-opentype'),url('data:application/x-font-woff;charset=utf-8;base64, ') format('woff'),url(../iconfont/iconfont.ttf?t=1535340843292) format('truetype'),url(../iconfont/iconfont.svg?t=1535340843292#iconfont) format('svg');}
/* Core Code */
html, body, *{padding:0;margin:0;font-size:12px;font-family:microsoft yahei,Arial, sans-serif;}
body{width:100%;height:100%;overflow:hidden;}
input[type="checkbox"]{margin: 3px 3px 3px 4px;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;content:".";height:0;clear:both;visibility:hidden;}
/* Remember to define focus styles! */
:focus{outline:0;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track{border-radius:10px;}
.hide{display:none;}

ul, ol{list-style:none;}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}

img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

header{display:block;overflow:hidden;height:60px;position:relative;}
main{overflow:hidden;position:relative;}
footer{text-align:center;width:100%;height:40px;line-height:40px;z-index:-1;font-size:12px;position: fixed;bottom:0px;}

/* Menu */
header .logo{float:left;width:202px;height:100%;}
header .logo img{max-width:100%;height:50px;margin:5px 10px;}
header .nav{display:block;position:absolute;right:0px;z-index:2;}
header .nav a:hover{text-decoration:none;}
header .nav li{float:left;padding:0 5px;position:relative;}
header .nav li a{line-height:60px;font-size:12px;}
header .nav ul{display:none;width:100px;border-style:solid;border-width:1px;border-radius:3px;overflow:hidden;position:absolute;top:45px;right:0;}
header .nav ul li{margin-top:2px;line-height:26px;padding-left:10px;}
header .nav .selected ul{display:block;}

#navMenu{float:left;display:block;position:absolute;top:0;left:202px;z-index:1;}
#navMenu li{float:left;}
#navMenu li a{display:block;font-size:13px;font-weight:400;line-height:60px;text-decoration:none;padding:0 18px;}
#navMenu li a>i{margin-right:5px;}

/* Tabs */
.tabs .tabsHeader{display:block;overflow:hidden;height:35px;padding-left:5px;}
.tabs .tabsHeaderContent{display:block;overflow:hidden;height:100%;}
.tabs .tabsHeaderContent>ul li a{line-height:35px;}
.tabs .tabsHeader ul{display:block;height:100%;border-bottom-width:1px;border-bottom-style:solid;box-sizing:border-box;}
.tabs .tabsHeader li{float:left;display:block;height:100%;margin-right:2px;line-height:35px;}
.tabs .tabsHeader li a{float:left;display:block;height:100%;padding:0 15px;line-height:35px;}
.tabs .tabsHeader li a:hover{text-decoration:none;}
.tabs .tabsHeader li.selected{position:relative;}
.tabs .tabsHeader li.selected:before{content:"";width:100%;height:2px;position:absolute;bottom:-1px;left:0;}
.tabs .tabsContent{display:block;overflow:auto;}

.tabsPage{margin-left:202px;position:relative;}
.tabsPage .tabsPageHeader{display:block;height:35px;position:relative;}
.tabsPage .tabsPageHeaderContent{display:block;overflow:hidden;height:100%;margin-left:30px;margin-right:60px;position:relative;}
.tabsPage .tabsPageHeaderMargin{margin:0 60px 0 30px;}
.tabsPage .tabsPageHeader ul{display:block;width:10000px;z-index:1;position:absolute;}
.tabsPage .tabsPageHeader li{float:left;display:block;height:100%;position:relative;}
.tabsPage .tabsPageHeader li a{font-size:12px;display:inline-block;max-width:112px;padding:0 12px;line-height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tabsPage .tabsPageHeader li a>i{margin-right:5px;}
.tabsPage .tabsPageHeader li a:hover{text-decoration:none;}
.tabsPage .tabsPageHeader li.selected a, .tabsPage .tabsPageHeader li:hover a{font-weight:400;}
.tabsPage .tabsPageHeader li .close{padding:0;padding-right:10px;opacity:0.4;}
.tabsPage .tabsPageHeader li:hover .close,.tabsPage .tabsPageHeader li.selected .close{opacity:1;}
.tabsPage .tabsMove{height:100%;position:absolute;top:0;right:0;z-index:2;}
.tabsPage .tabsLeft, .tabsPage .tabsRight, .tabsPage .tabsMore{text-decoration:none;display:block;overflow:hidden;width:30px;text-align:center;height:100%;line-height:35px;position:absolute;z-index:2;}
.tabsPage .tabsLeft{top:0px;}
.tabsPage .tabsRight{top:0px;right:30px;}
.tabsPage .tabsMore{top:0px;right:0;}
.tabsPage .tabsMoreList{display:none;overflow-x:hidden;overflow-y:auto;width:170px;max-height:380px;padding:2px;border-style:solid;border-width:1px;position:absolute;top:35px;right:0;z-index:3;}
.tabsPage .tabsMoreList li{display:block;overflow:hidden;height:30px;line-height:21px;}
.tabsPage .tabsMoreList li a{display:block;width:100%;height:30px;padding:0 10px;box-sizing:border-box;white-space:nowrap;line-height:30px;}
.tabsPage .tabsMoreList li a>i{width:16px;text-align:center;display:inline-block;margin-right:5px;}
.tabsPage .tabsMoreList li a:hover{text-decoration:none;font-weight:400;}
.tabsPage .tabsMoreList li.selected a{font-weight:400;}
.tabsPage .tabsPageContent{display:block;overflow:hidden;position:relative;}

/* Tree */
.tree li{clear:both;display:block;line-height:30px;cursor:pointer;}
.tree div, .tree a, .tree span{display:inherit;height:30px;line-height:30px;white-space:nowrap;}
.tree div div{float:left;display:block;overflow:hidden;width:25px;height:30px;border:none;}
.tree.treeFolder li>div>div:first-child{padding-left:10px;}
.tree a, .tree a:hover{text-decoration:none;}
.tree .indent{background:none;}
.tree .collapsable,.tree .end_collapsable,.tree .end_expandable,.tree .expandable,.tree .file,.tree .folder_collapsable,.tree .folder_expandable,.tree .last_collapsable,.tree .last_expandable, .tree .first_collapsable, .tree .first_expandable{font-family:iconfont;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:30px;width:25px;}
.tree .folder_collapsable:before{content:"\e67d";}
.tree .collapsable:before,.tree .end_collapsable:before,.tree .last_collapsable:before, .tree .first_collapsable:before{content:"\e668";}
.tree .folder_expandable:before{content:"\e60f";}
.tree .file:before{content:"\e686";}
.tree .end_expandable:before,.tree .expandable:before,.tree .last_expandable:before, .tree .first_expandable:before{content:"\e603";}

/* Accordion */
.accordion{display:block;}
.accordion .accordionHeader{display:block;overflow:hidden;cursor:pointer;}
.accordion .accordionHeader h2{display:block;overflow:hidden;padding:0 10px 0 10px;height:35px;line-height:35px;font-weight:400;}
.accordion .accordionHeader h2>i{margin-right:5px;}
.accordion .accordionHeader h2 .icon{float:right;line-height:35px;}
.accordion .accordionContent{display:block;overflow:auto;}
.accordion .accordionContent .tree a{line-height:35px;height:auto;}
.accordion .accordionContent .tree div{height:auto;}
.accordion .accordionContent .tree div div{background:0 0;width:25px;height:35px;}
.accordion .accordionContent .tree a>i{margin-right:5px;width:16px;display:inline-block;text-align:center;}
.accordion .accordionContent .tree.treeFolder a{line-height:30px;}
.accordion .accordionContent .tree.treeFolder div div{height:30px;}

.panelBar{display:block;overflow:hidden;height:auto;line-height:30px;}
.panelBar ul{overflow:hidden;}
.panelBar li{float:left;display:block;overflow:hidden;height:auto;padding:2px 5px;}
.panelBar .toolBar li a{border-radius:2px;line-height:26px;display:block;overflow:hidden;padding:0 10px;text-decoration:none;}
.panelBar .toolBar li a>i{margin-right:6px;}
.panelBar .toolBar li.line{display:block;overflow:hidden;text-indent:-1000px;height:26px;width:1px;padding:0px;margin-top:2px;}
.panelBar .toolBar li>ul{display:none;position:absolute;z-index:10;padding:0px;background-color:#FFF;border-width:0px 1px 1px 1px;border-bottom-left-radius:2px;border-bottom-right-radius: 2px;border-style:solid;}
.panelBar .toolBar li>ul>li{float:none;padding:5px 0 0 0;}
.panelBar .toolBar li:hover>ul{display:block;}

.panelBar .pages{float:left;overflow:hidden;height:100%;padding:0 5px;}
.panelBar .pages span{float:left;line-height:28px;}
.panelBar .pages select{float:left;margin:0 3px;font-size:12px;}
.panelBar .pages .combox .select a{height:26px;line-height:26px;}

.pagination{float:right;padding-left:7px;}
.pagination li, .pagination li:hover{padding:0 0 0 5px;}
.pagination a, .pagination li:hover a, .pagination li span{float:left;display:block;padding-right:5px;text-decoration:none;}
.pagination li.selected a{color:red;font-weight:bold;}
.pagination span, .pagination li:hover span{float:left;display:block;cursor:pointer;}
.pagination li .first span, .panelBar li .previous span{padding-left:10px;}
.pagination li .next span, .panelBar li .last span{padding-right:10px;}
.pagination li .last{margin-right:5px;}
.pagination li.disabled{background:none;}
.pagination li.disabled span, .grid .pagination li.disabled a{cursor:default;}
.pagination li.disabled span span{color:#666;}
.pagination li.disabled .last{margin-right:5px;}
.pagination li.jumpto .textInput{float:left;width:30px;padding:1px;margin-top:4px;font-size:12px;border-color:#acaeaf;}
.pagination li.jumpto .goto{width:16px;line-height:30px;text-align:center;}

/* Grid */
.grid { display:block;overflow:hidden;width:100%;border-width:0 1px;position:relative;}
.grid .gridHeader { display:block;overflow:hidden;width:auto;}
.grid .gridScroller { display:block;overflow:auto;position:relative;}
.grid table { border:0;border-collapse:collapse;table-layout:fixed;min-width:800px;}
.grid .gridHeader th { padding:5px 3px;border-style:solid;border-width:0 1px 1px 0;vertical-align:top;white-space:nowrap;line-height:26px;cursor:default;}
.grid .gridHeader th:hover, .grid .gridHeader th.thSelected { background-position:0 -50px;}
.grid .gridHeader th.order,.grid .gridHeader th.asc,.grid .gridHeader th.desc{cursor:pointer;position:relative;}
.grid .gridHeader th.asc:before,.grid .gridHeader th.desc:before,.grid .gridHeader th.order:before{position:absolute;right:0px;top:50%;margin-top:-13px;}
.grid .gridTbody td { border-right:solid 1px #ededed;overflow:hidden;padding:4px 3px;border-bottom:solid 1px #ededed;vertical-align:middle;line-height:26px;}
.grid .gridTbody td div { display:block;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;line-height:26px;}
.grid .gridTbody td.wrap div{white-space:normal;}
.grid .gridTbody td div a{line-height:26px;}
.grid .gridTbody td div a:hover{text-decoration:underline;}
.grid .gridCol { width:100%;display:block;overflow:hidden;height:26px;line-height:26px;white-space:nowrap;}
.grid .gridTbody .selected td { border-bottom-style:dotted;border-bottom-width:1px;}
.grid .resizeMarker, .grid .resizeProxy { display:block;overflow:hidden;width:1px;position:absolute;}
.grid .left { text-align:left;}
.grid .right { text-align:right;}
.grid .center { text-align:center;}
table.table td .thumbnail,.grid .gridTbody td div .thumbnail{float:left;width:80px;}
table.table td .thumbnail img,.grid .gridTbody td div .thumbnail img{max-width:80px;max-height:80px;}
.grid .gridTbody td div .box{padding:5px;}

/* CSS Table */
table.list{border-collapse:collapse;border:solid 1px #ededed;position:relative;}
table.list th{font-weight:400;padding:5px 2px;line-height:26px;border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid;}
table.list td{padding:4px 2px;line-height:26px;border-right:solid 1px #ededed;}
table.list th.order,table.list th.asc,table.list th.desc{cursor:pointer;position:relative;}
table.list th.asc:before,table.list th.desc:before,table.list th.order:before{font-size:16px;position:absolute;right:3px;top:50%;margin-top:-13px;}
table.list .right{text-align:right;}
table.list .center{text-align:center;}
table.list a:hover{text-decoration:underline;}
table.list td span.error{z-index:-1;}
table.nowrap tbody tr{border-bottom-width:1px;border-bottom-style:solid;}

/* Taskbar */
#taskbar{overflow:hidden;height:40px;border-style:solid;border-width:0;border-color:#0f3255;background-color:#112746;background-repeat:repeat-x;position:absolute;z-index:30;left:0px;display:none;}
#taskbar .taskbarContent{display:block;overflow:hidden;height:100%;position:relative;}
#taskbar .taskbarMargin{margin:0 20px;}
#taskbar ul{position:absolute;width:10000px;}
#taskbar li{float:left;height:40px;max-width:240px;margin-left:2px;padding-right:30px;padding-left:10px;position:relative;cursor:pointer;}
#taskbar li .taskbutton{float:left;display:block;height:100%;width:100%;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;}
#taskbar .taskbarLeft, #taskbar .taskbarRight{display:block;overflow:hidden;display:none;width:18px;height:100%;position:absolute;top:0;color:#fff;font-size:18px;line-height:40px;text-align:center;}
#taskbar .taskbarLeft, #taskbar .taskbarRight{left:2px;cursor:pointer;}
#taskbar .taskbarLeftDisabled, #taskbar .taskbarRightDisabled{cursor:not-allowed;color:#666;}
#taskbar .taskbarRight{left:auto;right:0px;}
#taskbar .taskbarLeft:before{content:"\e6ea";font-family:iconfont;}
#taskbar .taskbarRight:before{content:"\e616";font-family:iconfont;}
#taskbar .close{display:block;overflow:hidden;padding:0;position:absolute;top:5px;width:auto;height:auto;top:50%;margin-top:-8px;right:8px;text-indent:0;}

/* ProgressBar */
#progressBar{display:block;width:28px;height:28px;font-size:28px;position:absolute;top:50%;left:50%;margin-left:-14px;margin-top:-14px;z-index:2001;}
#background{display:block;width:100%;height:100%;opacity:0.4;filter:alpha(opacity=40);background:#FFF;position:absolute;top:0;left:0;z-index:2000;}
.alertBackground{display:none;width:100%;height:100%;opacity:0.4;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:1010;}
.dialogBackground{display:none;width:100%;height:100%;opacity:0.4;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:999;}
/* ----------------------------------------------------------------- Form */
/* TextInput */
.textInput, input.focus, input.required, input.error, input.readonly, input.disabled,
textarea.focus, textarea.required, textarea.error, textarea.readonly,
textarea.disabled{background:#fff;padding:2px;margin:0;line-height:22px;font-size:12px;border-style:solid;border-width:1px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.textInput, input.focus, input.required, input.error, input.readonly, input.disabled,
textarea.focus, textarea.required, textarea.error, textarea.readonly, textarea.disabled{background-image:url(../images/input_bg.png);background-repeat:no-repeat;background-attachment:scroll;}
input.required, textarea.required{background-position:100% 0;}
input.gray, textarea.gray{color:gray;}
select{border:1px solid;border-color:#A2BAC0 #B8D0D6 #B8D0D6 #A2BAC0;}
textarea.editor{width:80%;}
textarea{max-width:100%;}

span.error{display:block;overflow:hidden;width:165px;height:21px;padding:0 3px;line-height:21px;background:#F00;color:#FFF;position:absolute;top:5px;left:318px;}
label.alt{display:block;overflow:hidden;position:absolute;line-height:20px;}
.nowrap span.error{position:static;}

/* Button */
.button,.buttonActive,.buttonDisabled{display:inline-block;height:30px;padding:0 15px;border-width:1px;border-style:solid;border-radius:2px;cursor:pointer;text-align:center;line-height:30px;white-space:nowrap;font-size:13px;letter-spacing:.03em;position:relative;overflow:hidden;}
button.button,button.buttonActive{height:30px;}
button.buttonActive{border-width:1px;border-style:solid;font-size:13px;font-weight:400;}
a.button,button.button{border-width:1px;border-style:solid;-moz-box-shadow: 0px 0px 5px 1px #DDE4EF;box-shadow: 0px 0px 5px 1px #DDE4EF;-ms-box-shadow: 0px 0px 5px 1px #DDE4EF;-o-box-shadow: 0px 0px 5px 1px #DDE4EF;-webkit-box-shadow: 0px 0px 5px 1px #DDE4EF;}
.button:hover{text-decoration:none;}
.buttonActive{font-weight:bold;}

/* ----------------------------------------------------------------- Pages */
/* Layout */
#leftside{position:absolute;top:0;left:0;height:100%;}
#sidebar{position:absolute;left:0px;z-index:20;display:block;top:0;bottom:0;width:202px;}
#sidebar #menu{overflow:auto;}
#sidebar_s{display:none;width:14px;line-height:40px;height:100%;position:absolute;cursor:pointer;top:0;left:0;z-index:21;text-align:center;}
#splitBar{display:block;overflow:hidden;width:2px;cursor:col-resize;position:absolute;top:70px;left:200px;z-index:20;}
#splitBarProxy{display:none;overflow:hidden;width:2px;border-style:solid;border-width:1px;cursor:col-resize;position:absolute;left:200px;z-index:20;}
#splitBar,#splitBarProxy{top:60px;}

.langList{position:absolute;right:0px;}
.langList li{float:right;padding:0px 10px;}
.langList a,.langList a:hover,.langList li.current-lang a{text-decoration:none;}
.langList a img{height:20px;position:relative;top:5px;border-radius:50%;margin-right:5px;}

.themeList li div{background:url(../images/themeButton.png) no-repeat;}
.themeList{float:left;padding:14px 12px 15px;}
.themeList li{float:left;padding:0px 3px;}
.themeList li div{display:block;overflow:hidden;width:13px;height:11px;cursor:pointer;}
.themeList li.toptry div{background-position:-60px 0;}
.themeList li.toptry .selected{background-position:-60px -20px;}
.themeList li.red div{background-position:-20px 0;}
.themeList li.red .selected{background-position:-20px -20px;}

.leftPageContent{border-right-width:1px;border-right-style:solid;float:left;display:block;overflow:auto;width:200px;line-height:21px;}
.rightPageContent{margin-left:201px;}
.thumbnail{position:relative;overflow:hidden;margin-right:5px;border:1px dashed #cacbcc;display:inline-block;text-align:center;line-height:0px;}

/* Pages default */
.page{display:block;overflow:hidden;float:left;width:100%;height:100%;-webkit-overflow-scrolling:touch;}
.pageHeader{display:block;overflow:hidden;padding:10px;position:relative;}
.searchBar .textInput,.searchBar span{float:left;}
.searchBar span{line-height:28px;}
.searchBar span.connect-string{font-size:16px;}
.searchBar ul.searchContent{display:block;overflow:hidden;height:32px;padding-right:180px;position:relative;}
.searchBar ul.searchContent:before{font-size:18px;position:absolute;right:0;top:0;line-height:32px;width:30px;text-align:right;}
.searchBar ul.searchContent li{float:left;white-space:nowrap;display:block;overflow:hidden;height:28px;padding:2px 0;}
.searchBar ul.searchContentHover,.searchBar ul.searchContentHover li{height:auto;}
.searchBar label{float:left;padding:0 15px;line-height:28px;}
.searchBar .subBar{height:30px;position:absolute;top:11px;right:40px;}
.searchBar .subBar ul{float:right;}
.searchBar .subBar li{float:left;margin-left:5px;}

.pageContent{display:block;overflow:auto;position:relative;}

.dateRange input{width:72px;}
.dateRange .limit{text-align:center;width:15px;line-height:21px;}

/* Pages Form */
.pageForm{display:block;overflow:auto;}
.pageFormContent{display:block;overflow:auto;padding:15px;position:relative;height:100%;box-sizing:border-box;}
.pageFormContent div.unit{display:block;margin:0;padding:5px 0;position:relative;clear:both;}
.pageFormContent p{float:left;display:block;min-width:380px;min-height:16px;margin:0;padding:5px 0;position:relative;}
.pageFormContent p.nowrap{width:100%;}
.pageFormContent .radioGroup{float:left;display:block;overflow:hidden;}
.pageFormContent label{float:left;width:100px;padding:0px 10px;line-height:26px;}
.pageFormContent label.radioButton{float:left;width:auto;padding:0 10px 0 0;}
.pageFormContent .textInput,.pageFormContent select{float:left;}
.pageFormContent .inputInfo{padding:0 5px;line-height:26px;}
.pageFormContent span.unit, .pageFormContent a.unit{padding:0 5px;line-height:26px;}
.pageFormContent span.info{color:#7F7F7F;line-height:26px;}
.pageFormContent span.info:before{display:block;content:".";height:0;clear:both;visibility:hidden;}

.pageFormContent dl{float:left;line-height:22px;width:50%;margin:0;padding:5px 0;position:relative;}
.pageFormContent dt{float:left;width:120px;padding:0 5px;}
.pageFormContent dd{margin-left:130px;}
.pageFormContent dl.nowrap, .nowrap dl{width:100%;height:auto;clear:both;}
.pageFormContent dl dd .thumbnail img{max-width:200px;max-height:200px;}

#content{width:800px;}
#content p{float:none;display:block;min-width:initial;padding:0;}
.CodeMirror{height:100%;line-height:16px;}

fieldset{border:none;margin:0 0 15px 0;position:relative;padding:40px 20px 20px 20px;border-radius:5px;-moz-box-shadow: 0px 0px 5px 1px #DDE4EF;box-shadow: 0px 0px 5px 1px #DDE4EF;-ms-box-shadow: 0px 0px 5px 1px #DDE4EF;-o-box-shadow: 0px 0px 5px 1px #DDE4EF;-webkit-box-shadow: 0px 0px 5px 1px #DDE4EF;}
fieldset:hover {-moz-box-shadow: 0px 0px 5px 2px #DDE4EF;box-shadow: 0px 0px 5px 2px #DDE4EF;-ms-box-shadow: 0px 0px 5px 2px #DDE4EF;-o-box-shadow: 0px 0px 5px 2px #DDE4EF;-webkit-box-shadow: 0px 0px 5px 2px #DDE4EF;}
fieldset>label, .pageFormContent>label{margin-bottom:10px;}
fieldset legend{position:absolute;top:0;font-weight:400;font-size:13px;padding:0;line-height:40px;padding-left:9px;}
fieldset legend:hover{background-color:transparent;cursor:default;}
fieldset legend:before{content:"";width:2px;height:14px;position:absolute;top:50%;margin-top:-8px;left:-4px;}
fieldset:first-child .unit:first-of-type p:last-child{padding:0;}

.formBar{clear:both;padding:10px;height:30px;}
.formBar ul{float:right;}
.formBar li{float:left;margin-left:10px;}
.divider{clear:both;display:block;overflow:hidden;width:auto;height:1px;padding:4px 0 0 0;margin-bottom:5px;border-style:dashed;border-width:0 0 1px 0;}

.tagsBox{line-height:25px;float:left;}
.tagsBox span,.parametersBox span{margin-right:8px;border:none;padding:5px 8px;}
.tagsBox span>a,.parametersBox span{margin-left:5px;}
.parametersBox{line-height:25px;}
.parametersBox span>em{color:#f00;}
.parametersOperateBox label{width:auto;}

/* Pages dialog */
.dialog .pageHeader{margin:0;}

/* combox */
.combox{float:left;margin-right:3px;}
.combox select{display:none;}
.combox .select{float:left;}
.combox .select a{float:left;display:block;overflow:hidden;height:28px;padding:0 25px 0 6px;line-height:28px;text-decoration:none;font-size:12px;border-width:1px;border-style:solid;position:relative;padding:0 28px 0 10px;}
.combox .select a:before{content:"\e668";font-family:iconfont;position:absolute;right:8px;}
.combox .select a.expand:before{content:"\e654";}
.comboxop{position:absolute;z-index:1001;display:none;padding:4px;border-style:solid;border-width:1px 2px 2px 1px;position:absolute;top:22px;left:1px;}
.comboxop{border-width:1px;border-style:solid;padding:0;}
.comboxop a{width:100%;height:28px;box-sizing:border-box;padding:0 10px;line-height:28px;text-align:left;display:block;}
.comboxop li{text-align:left;}
.comboxop .selected,body .comboxop a:hover{text-decoration:none;}

/* contentTitle */
h2.contentTitle{padding:5px 10px;font-size:14px;border-bottom:solid 1px #CCC;}
h3.contentTitle{font-size:13px;border-bottom:solid 1px #CCC;clear:both;}
.dialog h2.contentTitle{border:none;}

/* rightMenu */
#contextmenu{display:none;position:absolute;z-index:500;left:0;top:0;}
#contextmenu ul{list-style:none;margin:0;background-color:#fff;border:1px solid #999;width:150px;}
#contextmenu li{display:block;margin:0;line-height:28px;padding:0 10px;background-color:transparent;text-align:left;cursor:default;}
#contextmenu li.disabled{cursor:not-allowed;}

/* suggest */
#suggest{position:absolute;z-index:2000;left:0;top:0;}
#suggest ul{list-style:none;padding:1px;margin:0;background-color:#fff;border:1px solid #999;width:150px;}
#suggest li{display:block;color:#000;padding:3px;margin:0;border:1px solid #fff;background-color:transparent;text-align:left;cursor:default;}
#suggest li.selected{border:1px solid #0a246a;background-color:#b6bdd2;}

/* button */
a.btnDel, a.btnLook, a.btnAttach{display:block;width:24px;height:28px;overflow:hidden;float:left;text-indent:-1000px;position:relative;margin-right:3px;}
.center a.btnDel, .center a.btnLook, .center a.btnAttach,
.right a.btnDel, .right a.btnLook, .right a.btnAttach{display:inline-block;float:none;}
a.btnLook:before,a.btnDel:before,a.btnAttach:before{font-size:20px;line-height:28px;position:absolute;top:0;left:3px;text-indent:0;}

.sortDragPlaceholder{border:1px dashed #ccc;}
#printBox{display:none;}

/* Alert */
.alert{overflow:hidden;z-index:1011;display:block;width:300px;margin-left:-150px;position:absolute;top:0;left:50%;box-shadow:0 0 18px rgba(157,159,168,.35);}
.alert .alertContent{display:block;overflow:hidden;padding-bottom:20px;}
.alert .alertInner{display:block;text-align:left;}
.alert .alertInner .msg{font-size:13px;margin:20px 10px 20px 25px;max-height:200px;overflow:auto;line-height:1.3em;}
.alert h1{display:block;font-weight:400;font-size:14px;;overflow:hidden;margin-bottom:10px;padding:0 0 0 25px;line-height:40px;line-height:40px;}

.alert .error h1{font-weight:400;border:none;height:auto;line-height:40px;font-size:14px;}
.alert p{margin:10px;}

.alert .toolBar{display:block;overflow:hidden;height:32px;padding-top:5px;text-align:center;}
.alert .toolBar ul{overflow:hidden;display:inline-block;}
.alert .toolBar li{float:left;}
.alert .toolBar .button, .alert .toolBar .buttonActive{margin-left:5px;}

.alert .alertFooter_c{display:block;overflow:hidden;height:5px;}
.alert .alertFooter{padding-left:5px;}
.alert .alertFooter_r{padding-right:5px;}
.alert .alertFooter_c{padding:0;background-repeat:repeat-x;}

/* Dialog */
.dialog{display:block;text-align:left;position:absolute;z-index:42;-moz-box-shadow: 0px 0px 18px rgba(157,159,168,.35);box-shadow: 0px 0px 18px rgba(157,159,168,.35);-ms-box-shadow: 0px 0px 18px rgba(157,159,168,.35);-o-box-shadow: 0px 0px 18px rgba(157,159,168,.35);-webkit-box-shadow: 0px 0px 18px rgba(157,159,168,.35);}
.dialog .dialogHeader{padding-left:5px;position:relative;cursor:move;}
.dialog .dialogHeader, .dialog .dialogHeader_c{display:block;overflow:hidden;height:40px;}
.dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize{font-family:iconfont;font-size:20px;display:block;overflow:hidden;width:22px;height:22px;position:absolute;top:10px;text-indent:0;}
.dialog .dialogHeader h1{display:block;overflow:hidden;padding:0 5px 0 20px;font-weight:400;line-height:40px;height:40px;font-size:13px;}
.dialog .dialogHeader .close{right:10px;}
.dialog .dialogHeader .maximize, .dialog .dialogHeader .restore{display:none;right:37px;}
.dialog .dialogHeader .minimize{right:65px;}
.dialog .dialogHeader_c{padding:0;}
.dialog .dialogHeader_c a:hover{text-decoration:none;}
.dialog .dialogContent{display:block;overflow:hidden;padding:0 5px;}
.dialog .panelFooter_r{display:block;overflow:hidden;}
.dialogProxy{opacity:0.8;filter:alpha(opacity=80);}
.dialog .resizable_f_r{width:11px;height:11px;}

/* Dialog Resizable */
.resizable{display:none;overflow:hidden;border-style:dashed;border-width:1px;opacity:0.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;z-index:100;}
.resizable_h_l, .resizable_h_r, .resizable_h_c,
.resizable_c_l, .resizable_c_r,
.resizable_f_l, .resizable_f_r, .resizable_f_c{display:block;overflow:hidden;width:6px;height:6px;position:absolute;}
.resizable_h_l{cursor:nw-resize;top:0;left:0;z-index:2;}
.resizable_h_r{cursor:ne-resize;top:0;right:0;z-index:2;}
.resizable_h_c{width:100%;cursor:n-resize;top:0;left:0;z-index:1;}
.resizable_c_l{cursor:w-resize;top:0;left:0;z-index:1;}
.resizable_c_r{cursor:e-resize;top:0;right:0;z-index:1;}
.resizable_f_l{cursor:sw-resize;bottom:0;left:0;z-index:2;}
.resizable_f_r{cursor:se-resize;bottom:0;right:0;z-index:2;}
.resizable_f_c{width:100%;cursor:s-resize;bottom:0;left:0;z-index:1;}

.upload-wrap {position: relative; width: 80px; height: 80px; line-height: 80px; overflow: hidden; margin-right: 5px; border: 1px dashed #cacbcc; display: inline-block; text-align: center;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDUwIDUwIj4KICAgIDxwYXRoIGZpbGw9IiM5OTkiIGQ9Ik0gMTcgNSBDIDE2LjE4MTI0NiA1IDE1LjYwMjYzNiA1LjQ5ODg1MDggMTUuMTg3NSA1Ljk2ODc1IEMgMTQuNzcyMzY0IDYuNDM4NjQ5MiAxNC40MzkxODQgNi45Njc1NTg4IDE0LjEyNSA3LjQ2ODc1IEMgMTMuODEwODE2IDcuOTY5OTQxMiAxMy41MjU2MzIgOC40MzcxMzYgMTMuMjgxMjUgOC43MTg3NSBDIDEzLjA5Nzk2NCA4LjkyOTk2MDUgMTIuOTc4NCA4Ljk4NjkwMTcgMTIuOTY4NzUgOSBMIDMgOSBDIDEuMzU0OTM3MiA5IDAgMTAuMzU0OTM3IDAgMTIgTCAwIDM5IEMgMCA0MC42NDUwNjMgMS4zNTQ5MzcyIDQyIDMgNDIgTCA0NyA0MiBDIDQ4LjY0NTA2MyA0MiA1MCA0MC42NDUwNjMgNTAgMzkgTCA1MCAxMiBDIDUwIDEwLjM1NDkzNyA0OC42NDUwNjMgOSA0NyA5IEwgMzcuMDMxMjUgOSBDIDM3LjAzNDQ2NyA5LjAwNDM2NjEgMzcuMDIxNjQyIDkgMzcgOSBDIDM2Ljk2NzgwOCA4Ljk3NzY4NDEgMzYuODc3NTk3IDguOTAxNzk5MSAzNi43MTg3NSA4LjcxODc1IEMgMzYuNDc0MzY4IDguNDM3MTM2IDM2LjE4OTE4NCA3Ljk2OTk0MTIgMzUuODc1IDcuNDY4NzUgQyAzNS41NjA4MTYgNi45Njc1NTg4IDM1LjIyNzYzNiA2LjQzODY0OTIgMzQuODEyNSA1Ljk2ODc1IEMgMzQuMzk3MzY0IDUuNDk4ODUwOCAzMy44MTg3NTQgNSAzMyA1IEwgMTcgNSB6IE0gMTcgNyBMIDMzIDcgQyAzMi45MzkyNSA3IDMzLjA2NTA0IDcuMDAxMTUgMzMuMzEyNSA3LjI4MTI1IEMgMzMuNTU5OTU3IDcuNTYxMzUwOCAzMy44NDM1NTkgOC4wMzI0NDEyIDM0LjE1NjI1IDguNTMxMjUgQyAzNC40Njg5NDEgOS4wMzAwNTg4IDM0LjgxMjI4OSA5LjU2Mjg2NCAzNS4yMTg3NSAxMC4wMzEyNSBDIDM1LjYyNTIxMSAxMC40OTk2MzYgMzYuMTc4OTI3IDExIDM3IDExIEwgNDcgMTEgQyA0Ny41NjI5MzcgMTEgNDggMTEuNDM3MDYzIDQ4IDEyIEwgNDggMzkgQyA0OCAzOS41NjI5MzcgNDcuNTYyOTM3IDQwIDQ3IDQwIEwgMyA0MCBDIDIuNDM3MDYyOCA0MCAyIDM5LjU2MjkzNyAyIDM5IEwgMiAxMiBDIDIgMTEuNDM3MDYzIDIuNDM3MDYyOCAxMSAzIDExIEwgMTMgMTEgQyAxMy44MjEwNzMgMTEgMTQuMzc0Nzg5IDEwLjQ5OTYzNiAxNC43ODEyNSAxMC4wMzEyNSBDIDE1LjE4NzcxMSA5LjU2Mjg2NCAxNS41MzEwNTkgOS4wMzAwNTg4IDE1Ljg0Mzc1IDguNTMxMjUgQyAxNi4xNTY0NDEgOC4wMzI0NDEyIDE2LjQ0MDA0MyA3LjU2MTM1MDggMTYuNjg3NSA3LjI4MTI1IEMgMTYuOTM0OTU3IDcuMDAxMTQ5MiAxNy4wNjA3NTQgNyAxNyA3IHogTSAyNSAxMSBDIDE3LjgzMjE0MyAxMSAxMiAxNi44MzIxNDMgMTIgMjQgQyAxMiAzMS4xNjc4NTcgMTcuODMyMTQzIDM3IDI1IDM3IEMgMzIuMTY3ODU3IDM3IDM4IDMxLjE2Nzg1NyAzOCAyNCBDIDM4IDE2LjgzMjE0MyAzMi4xNjc4NTcgMTEgMjUgMTEgeiBNIDI1IDEzIEMgMzEuMDg2OTc3IDEzIDM2IDE3LjkxMzAyMyAzNiAyNCBDIDM2IDMwLjA4Njk3NyAzMS4wODY5NzcgMzUgMjUgMzUgQyAxOC45MTMwMjMgMzUgMTQgMzAuMDg2OTc3IDE0IDI0IEMgMTQgMTcuOTEzMDIzIDE4LjkxMzAyMyAxMyAyNSAxMyB6IE0gOCAxNCBDIDYuODk2IDE0IDYgMTQuODk2IDYgMTYgQyA2IDE3LjEwNCA2Ljg5NiAxOCA4IDE4IEwgOSAxOCBDIDEwLjEwNCAxOCAxMSAxNy4xMDQgMTEgMTYgQyAxMSAxNC44OTYgMTAuMTA0IDE0IDkgMTQgTCA4IDE0IHogTSAyNSAxNSBDIDIwLjA0MTI4MiAxNSAxNiAxOS4wNDEyODIgMTYgMjQgQyAxNiAyOC45NTg3MTggMjAuMDQxMjgyIDMzIDI1IDMzIEMgMjkuOTU4NzE4IDMzIDM0IDI4Ljk1ODcxOCAzNCAyNCBDIDM0IDE5LjA0MTI4MiAyOS45NTg3MTggMTUgMjUgMTUgeiBNIDI1IDE3IEMgMjguODc3ODM4IDE3IDMyIDIwLjEyMjE2MiAzMiAyNCBDIDMyIDI3Ljg3NzgzOCAyOC44Nzc4MzggMzEgMjUgMzEgQyAyMS4xMjIxNjIgMzEgMTggMjcuODc3ODM4IDE4IDI0IEMgMTggMjAuMTIyMTYyIDIxLjEyMjE2MiAxNyAyNSAxNyB6IiBjb2xvcj0iIzAwMCIgb3ZlcmZsb3c9InZpc2libGUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJhY2N1bXVsYXRlIiBmb250LWZhbWlseT0iQml0c3RyZWFtIFZlcmEgU2FucyI+PC9wYXRoPgo8L3N2Zz4=') center center no-repeat;}
.upload-wrap .thumbnail, .upload-preview .thumbnail {display:table-cell; vertical-align: middle; width: 80px; height: 80px; text-align: center; overflow: hidden; z-index: 100;}
.upload-wrap .thumbnail .edit-icon { content:' '; display: block; position:absolute; top: 5px; right:5px; width:20px; height:20px; border-radius: 3px; opacity: 0.5; filter:alpha(opacity=50); background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cGF0aCBzdHlsZT0idGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O2xpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2Jsb2NrLXByb2dyZXNzaW9uOnRiOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246Qml0c3RyZWFtIFZlcmEgU2FucyIgZD0iTSAyMy45MDYyNSAzLjk2ODc1IEMgMjIuODU5Mjg2IDMuOTY4NzUgMjEuODEzMTc4IDQuMzc0MzIxNSAyMSA1LjE4NzUgTCA1LjQwNjI1IDIwLjc4MTI1IEwgNS4xODc1IDIxIEwgNS4xMjUgMjEuMzEyNSBMIDQuMDMxMjUgMjYuODEyNSBMIDMuNzE4NzUgMjguMjgxMjUgTCA1LjE4NzUgMjcuOTY4NzUgTCAxMC42ODc1IDI2Ljg3NSBMIDExIDI2LjgxMjUgTCAxMS4yMTg3NSAyNi41OTM3NSBMIDI2LjgxMjUgMTEgQyAyOC40Mzg4NTcgOS4zNzM2NDMgMjguNDM4ODU3IDYuODEzODU3IDI2LjgxMjUgNS4xODc1IEMgMjUuOTk5MzIyIDQuMzc0MzIxNSAyNC45NTMyMTQgMy45Njg3NSAyMy45MDYyNSAzLjk2ODc1IHogTSAyMy45MDYyNSA1Ljg3NSBDIDI0LjQwOTI4NiA1Ljg3NSAyNC45MTk0MjggNi4xMDY5Mjg1IDI1LjQwNjI1IDYuNTkzNzUgQyAyNi4zNzk4OTMgNy41NjczOTMgMjYuMzc5ODkzIDguNjIwMTA3IDI1LjQwNjI1IDkuNTkzNzUgTCAyNC42ODc1IDEwLjI4MTI1IEwgMjEuNzE4NzUgNy4zMTI1IEwgMjIuNDA2MjUgNi41OTM3NSBDIDIyLjg5MzA3MiA2LjEwNjkyODUgMjMuNDAzMjE0IDUuODc1IDIzLjkwNjI1IDUuODc1IHogTSAyMC4zMTI1IDguNzE4NzUgTCAyMy4yODEyNSAxMS42ODc1IEwgMTEuMTg3NSAyMy43ODEyNSBDIDEwLjUzMzE0MiAyMi41MDA2NTkgOS40OTkzNDE1IDIxLjQ2Njg1OCA4LjIxODc1IDIwLjgxMjUgTCAyMC4zMTI1IDguNzE4NzUgeiBNIDYuOTM3NSAyMi40Mzc1IEMgOC4xMzY1ODQyIDIyLjkyMzM5MyA5LjA3NjYwNjcgMjMuODYzNDE2IDkuNTYyNSAyNS4wNjI1IEwgNi4yODEyNSAyNS43MTg3NSBMIDYuOTM3NSAyMi40Mzc1IHoiIGNvbG9yPSIjMDAwIiBvdmVyZmxvdz0idmlzaWJsZSIgZm9udC1mYW1pbHk9IkJpdHN0cmVhbSBWZXJhIFNhbnMiPjwvcGF0aD4KPC9zdmc+') center center no-repeat #fff;}
.upload-wrap input[type=file], .upload-wrap button {position: absolute; top:0; left:0; font-size: 0; width: 100%; height: 100%; outline: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}

.upload-preview {display: inline-block;}
.upload-preview .thumbnail {margin: 0 3px;}
.upload-preview .thumbnail .del-icon, .upload-wrap .del-icon { content:' '; display: block; position:absolute; top: 5px; right:5px; width:20px; height:20px; border-radius: 3px; opacity: 0.4; filter:alpha(opacity=40); background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cGF0aCBzdHlsZT0idGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O2xpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2Jsb2NrLXByb2dyZXNzaW9uOnRiOy1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246Qml0c3RyZWFtIFZlcmEgU2FucyIgZD0iTSA3LjIxODc1IDUuNzgxMjUgTCA1Ljc4MTI1IDcuMjE4NzUgTCAxNC41NjI1IDE2IEwgNS43ODEyNSAyNC43ODEyNSBMIDcuMjE4NzUgMjYuMjE4NzUgTCAxNiAxNy40Mzc1IEwgMjQuNzgxMjUgMjYuMjE4NzUgTCAyNi4yMTg3NSAyNC43ODEyNSBMIDE3LjQzNzUgMTYgTCAyNi4yMTg3NSA3LjIxODc1IEwgMjQuNzgxMjUgNS43ODEyNSBMIDE2IDE0LjU2MjUgTCA3LjIxODc1IDUuNzgxMjUgeiIgY29sb3I9IiMwMDAiIG92ZXJmbG93PSJ2aXNpYmxlIiBmb250LWZhbWlseT0iQml0c3RyZWFtIFZlcmEgU2FucyI+PC9wYXRoPgo8L3N2Zz4=') center center no-repeat #fff;}
.upload-preview .thumbnail .del-icon:hover, .upload-wrap .del-icon:hover {opacity: 0.7; filter:alpha(opacity=70);}

/* calendar */
#calendar{margin:0;width:230px;z-index:1001;position:absolute;display:block;border-width:1px;border-style:solid;display:none;}
#calendar *{margin:0;padding:0;font-size:12px;line-height:18px;}
#calendar .main{margin:auto;text-align:center;zoom:1;position:relative;}
#calendar .head{padding:6px 0;}
#calendar .head select{width:60px;}
#calendar .body{margin:2px 0;padding:2px;clear:both;overflow:hidden;position:relative;}
#calendar .foot{text-align:right;padding:6px 0;}
#calendar .nodate .head, #calendar .nodate .body{display:none;}
#calendar dl{clear:both;margin:auto;overflow:hidden;}
#calendar dd,#calendar dt{width:32px;height:24px;line-height:22px;margin:2px 0;display:block;float:left;overflow:hidden;zoom:1;}
#calendar span{width:26px;height:18px;display:block;float:left;overflow:hidden;zoom:1;}
#calendar dt{margin-top:4px;font-weight:bold;}
#calendar .days dd{cursor:pointer;}
#calendar .days dd.disabled{cursor:not-allowed;}
#calendar .close{width:16px;height:16px;font-size:16px;display:block;cursor:pointer;text-align:center;}
#calendar .clearBut, #calendar .okBut{border-width:1px;border-style:solid;width:52px;line-height:24px;cursor:pointer;margin-right:7px;}
#calendar .clearBut{margin-right:2px;}
#calendar .time{border-collapse:collapse;float:left;display:none;margin-left:6px;}
#calendar .time td{line-height:16px;vertical-align:center;line-height:26px;}
#calendar .time .hh, #calendar .time .mm, #calendar .time .ss{width:20px;height:auto;text-align:center;border:none;}
#calendar .time ul{list-style:none;}
#calendar .time .up, #calendar .time .down{font-size:8px;line-height:100%;cursor:pointer;width:12px;text-align:center;height:13px;}
#calendar .tm{text-align:center;}
#calendar .tm .hh, #calendar .tm .mm, #calendar .tm .ss{border-width:1px;border-style:solid;position:absolute;left:4px;bottom:34px;width:120px;display:none;}
#calendar .hh .hh, #calendar .mm .mm, #calendar .ss .ss{display:block;}
#calendar .tm .hh li, #calendar .tm .mm li, #calendar .tm .ss li{display:block;float:left;cursor:pointer;width:24px;line-height:26px;}

.icons label{width:200px;}
/* custom icon */
.icon-backward:before, .icon-chevron-down:before, .icon-chevron-up:before, .icon-forward:before, .icon-rubbish:before{font-family:iconfont;vertical-align:unset;}
.tabsPageHeader .icon-backward:before,.icon-forward:before{line-height:35px;}
.icon-chevron-up:before{content:"\e654";}
.icon-chevron-down:before{content:"\e668";}
.icon-backward:before{content:"\e6ea";font-size:20px;}
.icon-forward:before{content:"\e616";font-size:20px;}
.icon-chevron-sign-left:before{content:"\e7ab";font-family:iconfont;}
.icon-chevron-sign-right:before{content:"\e61b";font-family:iconfont;}
.icon-th-list:before{content:"\e629";font-family:iconfont;font-size:20px;}
.icon-rubbish:before{content:"\e606";line-height:normal;}
.icon-remove:before{content:"\e61a";font-family:iconfont;font-size:16px;}
a.btnAttach:before{content:"\e607";font-family:iconfont;}
.icon-remove-sign:before, a.btnDel:before{content:"\e61a";font-family:iconfont;}

.dialog .dialogHeader .close:before{content:"\e61a";}
.dialog .dialogHeader .maximize:before{content:"\e673";}
.dialog .dialogHeader .restore:before{content:"\e671";}
.dialog .dialogHeader .minimize:before{content:"\e675";}

.grid .gridHeader th.asc:before, .grid .gridHeader th.desc:before, .grid .gridHeader th.order:before{font-family:iconfont;font-size:12px;}
.grid .gridHeader th.asc:before{content:"\e654";}
.grid .gridHeader th.order:before{content:"\e623";}
.grid .gridHeader th.desc:before{content:"\e668";}
table.list th.asc:before, table.list th.desc:before, table.list th.order:before{font-family:iconfont;font-size:12px}
table.list th.asc:before{content:"\e654"}
table.list th.order:before{content:"\e623"}
table.list th.desc:before{content:"\e668"}

a.btnLook:before{content:"\e66a";font-family:iconfont;}

.searchBar ul.searchContent:before{content:"\e631";font-family:iconfont;}
.searchBar ul.searchContentHover:before{content:"\e6f8";}

.ckbox{font-family:FontAwesome;vertical-align:-10%;font-size:1.3333333333333333em;text-decoration:inherit;display:inline-block;}
.unchecked:before{content:"\f096";}
.ckbox.indeterminate:before{content:"\f147";}
.ckbox.checked:before{content:"\f046";}

.panelBar .toolBar li:hover .addMore .icon-double-angle-down:before{content:"\f102";}
/* basic color */
body{color:#ccc;}
a{color:#fff;}
header,main,#sidebar,footer{background-color:#333;}
table.list tbody{background-color:#666;}
.page{background-color:#fff;color:#333;}
.tagsBox span{background-color:#e0e0e0;}

@media (max-width:1100px){
    .logo{display:none;}
    #navMenu{left:0px;}
    footer{text-align:left;}
}

@media (max-width:920px){
    header .nav li{padding:0 5px;}
    header .nav li a{line-height:25px;}
    #navMenu{top:20px;}
    #navMenu li a{line-height:40px;}
}