
html, body {   font-size: 14px;    background:#f2f2f2;    font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,SimSun,sans-serif; }
.l-btn-text {  font-size: 14px;	font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,SimSun,sans-serif;  }
.textbox .textbox-text {   font-size: 14px;	font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,SimSun,sans-serif;  }
.tabs li a.tabs-close {    width: 12px;    right: 2px;    opacity: 0.3;}

#maintabs-tools .l-btn .l-btn-text .iconfont {    font-size: 24px;    line-height: 33px;    margin-left: 0;    position: relative;    top: 2px;    color: #409eff;}
#maintabs-tools .l-btn .l-btn-text .iconfont:hover {    color:#08396c;}
#maintabs-tools .l-btn {    background: transparent;    height: 35px;    border: 0 none;    box-shadow: none;    border-radius: 3px;    margin: 0;   }
.tabs li a.tabs-close {    border-radius: 5px;}
.datagrid-simple .datagrid-header .datagrid-cell {    color: #333;text-align: center !important;}
.datagrid-toolbar {    padding: 5px 2px;    padding-left:10px;}
.panel-underline-blue  .panel-header b {    border-bottom: 4px solid #409eff;    bottom: 0px;    top: -4px;    position: absolute;    margin-top: 4px;    color: #409eff;}
.panel-header {    background-color: #f2f2f2;}

.layout-seperator-border{	position: absolute;    top: 0px;    bottom: 0px;    width: 2px;    background: #3b7b6b;    z-index:999;}
/* .tree-title {    font-size: 12px;    display: inline-block;    text-decoration: none;    vertical-align: top;    white-space: nowrap;    padding: 0 2px;    height: 22px;    line-height: 22px;} */
.tree-node {	    height: 24px;    line-height: 24px; padding-top:3px;}
/*  .tabs-p-tool a:hover, .tabs li a:hover.tabs-close, .tabs-scroller-over {    background-color: red;}  */
/* #maintabs-tools  .l-btn:hover, #maintabs-tools  .l-btn.l-btn-selected {    background: #f3f4f4;    border: 0 none;}*/
.button-icon {    font-family: "iconfont" !important;    font-style: normal;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    font-size: 24px;    height: 28px;    line-height: 28px;    display: inline-block;    box-sizing: border-box;    vertical-align: top;    position: absolute !important;    left: -2px;    top: 50%;    margin-top: -11px;    color:blue;}
.tree-node-hover{background-color:#eee}

.theme-layout{overflow:hidden;clear:both;position:absolute;top:0;right:0;bottom:0;left:0; width:100%; }
.theme-layout .theme-left-layout{ position: fixed;/*top:0;*/bottom:0;left:0; background:#fff; width:199px; }
	.theme-layout .theme-right-layout {
		position: absolute; /*top:0;height:100%;*/
		bottom: 0;
		left: 200px;
		right: 0;
		background: #f2f2f2;
	}
.theme-left-account{ padding:10px 15px 10px 20px; height:auto;  clear: both; }
.theme-left-account img{ float: left; width:54px; height: 54px; border-radius: 30px; margin-right: 15px;}
.theme-left-account dl{ float: left; }
.theme-left-account dl dt{ font-weight: bold; margin:0 0 5px; }
.theme-left-account dl dd{}

.textbox textarea.textbox-text::-webkit-scrollbar-thumb, .panel-body::-webkit-scrollbar-thumb {    background:#8fc1d2;}

*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-button{width:0px; height:0px;}
*::-webkit-scrollbar-track{background:#f2f2f2;}
*::-webkit-scrollbar-thumb{background:#8fc1d2; }
*::-webkit-scrollbar-track,*::-webkit-scrollbar-thumb{border-radius:0px;}
*::-webkit-scrollbar-corner,*::-webkit-scrollbar-resizer,*::-webkit-scrollbar-button{background:#c6dde4;}

*{             scrollbar-face-color:#8fc1d2;            scrollbar-arrow-color:#C0C0C0;             scrollbar-3dlight-color:#C0C0C0;             scrollbar-highlight-color:#FFFFFF;             scrollbar-shadow-color:#FFFFFF;             scrollbar-darkshadow-color:#C0C0C0;            scrollbar-track-color:#F2F2F2;  }  
.theme-left-menu{ padding:0px; padding-top:0;overflow-y:auto; overflow-x:hidden; clear: both; height:auto;color:#0667cb;border-right:1px solid #e0e2e6;}
/*.theme-left-menu dl dt .menu-icons,.theme-left-menu dl dt .menu-caption{	height:44px; line-height:44px; 	display:inline;	box-sizing:border-box;	vertical-align:top;}*/
.theme-left-menu dl dt .menu-icons{width:30px; height:44px; float:left;}
.theme-left-menu dl dt .menu-caption{ height:40px; float:left;}
.theme-left-menu dl dd ul li .menu-icons,.theme-left-menu dl dd ul li .menu-caption{	height:32px; line-height:32px; 	display:inline;	box-sizing:border-box;	vertical-align:top;}
.theme-left-menu .menu-icons{	font-family:"iconfont" !important;	font-style:normal;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;	 font-size:20px; 	color:#409eff;}
.theme-left-menu .menu-icons.hide{ display:none; }
.theme-left-menu .menu-caption{	margin: 11px 0 0 5px;    word-break: keep-all;    overflow: hidden;    text-overflow: ellipsis;    position: absolute;    width: 150px;    white-space: nowrap;}
.theme-left-menu dl dd ul li .menu-caption{	margin: 0 0 0 5px;    word-break: keep-all;    overflow: hidden;    text-overflow: ellipsis;    position: absolute;    width: 150px;    white-space: nowrap;}
.theme-left-menu dl dt,.theme-left-menu .menu-open-arrows,.theme-left-menu .menu-close-arrows{background-repeat:no-repeat; background-position:right 10px center;}
.theme-left-menu dl dt,.theme-left-menu .menu-open-arrows{ background-image:url(../icons/icon_menu2.png);}
.theme-left-menu .menu-close-arrows{ background-image:url(../icons/icon_menu1.png);}
.theme-left-menu dl .hover.menu-open-arrows{ background-image:url(../icons/icon_menu2.png);}
.theme-left-menu dl .hover.menu-close-arrows{ background-image:url(../icons/icon_menu1.png);}
.theme-left-menu dl .menu-open-show{ display: block; }
.theme-left-menu dl .menu-open-hide{ display: none; }
.theme-left-menu dl dt,.theme-left-menu ul li{ padding:0 10px; cursor: pointer; }
.theme-left-menu dl dt,.theme-left-menu ul li{ padding:0 10px; cursor: pointer; position:relative; }
.theme-left-menu .badge,.theme-left-menu .badge-tip{     position: absolute;    right: 0px;    margin: 9px 10px 0 0px;}
.theme-left-menu .badge-tip{  margin:10px 30px 0 0;}
.theme-left-menu dl dt,.theme-left-menu dl dt a{ color: #323437; /*background-color:#c0deff;*/ font-size:16px;  }
.theme-left-menu dl dd ul li,.theme-left-menu dl dd ul li a{ color: #323437; padding-left: 30px;}
.theme-left-menu dl .hover{ background-color: #409eff; border-radius:initial; }
.theme-left-menu dl .hover,.theme-left-menu dl .hover a{ color: #fff; }
.theme-left-menu dl .hover:hover,.theme-left-menu dl .hover a:hover{ background-color: #409eff; color:#0667cb;}
.theme-left-menu dl{/* border-bottom:1px solid #82bdae;*/ border-bottom:none;}
.theme-left-menu dl:first-child{/*border-top:1px solid #82bdae;*/ }
.theme-left-menu dl dt:hover,.theme-left-menu dl dd ul li:hover{ background-color:#c0deff;border-radius:initial; color:#0667cb;}
.theme-left-menu dl dd ul li.hover:hover{ background-color: #409eff; }
.theme-left-menu dl dd ul li .menu-caption{	height:32px; line-height:32px; }
.theme-left-menu dl dt .hover .menu-icons{width:30px; height:44px; float:left;}

.theme-left-menu.theme-left-mini-menu{padding: 10px 0; overflow: visible;}
.theme-left-menu.theme-left-mini-menu dl{ border:none; margin:0 0 4px;  padding:0 5px; position:relative; }
.theme-left-menu.theme-left-mini-menu dt{text-align: center; padding:0;}
.theme-left-menu.theme-left-mini-menu .menu-caption{ display: none; }
.theme-left-menu.theme-left-mini-menu .menu-icons{height:40px; line-height:40px;font-size:22px;  }
.theme-left-menu.theme-left-mini-menu .menu-icons.hide{ display:inline-block; }
.theme-left-menu.theme-left-mini-menu .theme-left-mini-hide{ display:none; }
.theme-left-menu.theme-left-mini-menu .theme-left-mini-hide .theme-left-mini-hide{ display:block; }
.theme-left-menu.theme-left-mini-menu dl:hover .theme-left-mini-hide,
.theme-left-menu.theme-left-mini-menu dl:hover .menu-open-hide{ display:block; }
.theme-left-menu.theme-left-mini-menu dl:hover dd{ 	position:absolute; left:48px; top:0; width:200px; z-index:99999; background-color:#fff; 	padding:15px 10px;	border:1px solid #e0e2e6; border-left:none; 	box-shadow: 15px 0px 35px 0 rgba(0,0,0,.2);}
.theme-left-menu.theme-left-mini-menu dl:hover dd dd{	padding:0;	border:none; 	box-shadow:none;}
.theme-left-menu.theme-left-mini-menu dl:hover dd dl{ position:static; padding:0; }
.theme-left-menu.theme-left-mini-menu dl:hover dd dl dt,.theme-left-menu.theme-left-mini-menu dl:hover ul li{text-align:left; padding: 0 10px;}
.theme-left-menu.theme-left-mini-menu dl:hover dd dl dd{position:static; }
.theme-left-menu.theme-left-mini-menu dl:hover dd .menu-caption,
.theme-left-menu.theme-left-mini-menu dl:hover dd .menu-icons{height:28px; line-height:28px; display:inline-block; }
.theme-left-menu.theme-left-mini-menu dl:hover dd .menu-open-hide{ display: none; }
/*
.theme-left-menu.theme-left-mini-menu{padding: 10px 5px; overflow: visible;}
.theme-left-menu.theme-left-mini-menu dl{ border:none; margin:0 0 4px; position:relative; }
.theme-left-menu.theme-left-mini-menu dt{text-align: center; padding:0;}
.theme-left-menu.theme-left-mini-menu .menu-caption{ display: none; }
.theme-left-menu.theme-left-mini-menu .menu-icons{height:40px; line-height:40px;font-size:22px;  }
.theme-left-menu.theme-left-mini-menu .menu-icons.hide{ display:inline-block; }
.theme-left-menu.theme-left-mini-menu dl:hover dd{ display:block !important; position:absolute; top:-10px; margin:0 0 0 42px; z-index:999999; background-color:#fff; border:1px solid #e0e2e6;border-left:1px solid #fff; } */

.theme-header-navigate{ background: #08396c; margin:0 0 0 -1px; width:calc(100% + 1px);}
.theme-header-navigate,.theme-header-navigate .left,.theme-header-navigate .right{height: 60px;display: block;}
.theme-header-navigate .left{ float: left;  }
.theme-header-navigate .right{ float: right;  margin:0 10px 0 0;}
.theme-header-navigate .badge-tip,.theme-header-navigate span.badge-tip{ width:10px; height:10px; display: inherit; position: relative; top: -5px; margin:0;}
.theme-header-navigate .iconfont + .badge-tip{ top: -8px; margin:0 0 0 -8px;}
.theme-header-navigate-combobox + .textbox.combo,.theme-header-navigate-search + .textbox.searchbox,.theme-header-navigate .l-btn{ height:60px; border:0 none; box-shadow:none; border-radius:0px; margin:0;}
.theme-header-navigate .l-btn{background:transparent;}
.theme-header-navigate .l-btn.l-btn-selected{background-color: #409eff !important;}
.theme-header-navigate .l-btn .l-btn-text,.theme-header-navigate .l-btn .l-btn-text .iconfont{color:#fff; }
.theme-header-navigate .l-btn .l-btn-text{     line-height: 60px;    vertical-align: bottom;    margin-left: 15px;    margin: 0 auto;    padding-left: 15px;    width: 100%;    font-size:16px;   }
.theme-header-navigate .l-btn-left{ width: 100%;   }   
.theme-header-navigate .l-btn .l-btn-text .iconfont{font-size:24px; line-height:36px; margin-left:0; position:relative; top:2px;}
.theme-header-navigate a,.theme-header-navigate .textbox.combo,.theme-header-navigate-search + .textbox.searchbox{ float: left; }
.theme-header-navigate .combo-arrow,.theme-header-navigate .m-btn-downarrow{ background: url(images/combo_navigate_arrow.png) center center no-repeat;opacity: 1; }

/* .theme-header-navigate-menu-panel + .menu-shadow,.theme-header-navigate-user-panel + .menu-shadow,.theme-header-navigate-search-panel + .menu-shadow,
.theme-header-navigate-update + .menu-shadow,.theme-header-navigate-message + .menu-shadow,.theme-header-navigate-download + .menu-shadow,.theme-header-navigate-weather + .menu-shadow
{ margin-top:5px; } */
.theme-header-navigate-user-panel + .menu-shadow{	margin-top:-30px;}
.theme-header-navigate-combobox + .textbox.combo,.theme-header-navigate-search + .textbox.searchbox{background: #3b7b6b;}
.theme-header-navigate-combobox + .textbox.combo input{color:#eeeeee; background:transparent;}
.theme-header-navigate-combobox + .textbox.combo .textbox-addon{ margin:8px 0; }
.theme-header-navigate-combobox + .textbox.combo .textbox-text{margin: 8px 27px 0px 5px !important;}
.theme-header-navigate-combobox-panel .panel-body{border-top:0 none; border-radius:0 0 3px 3px;padding-top: 5px;}
.theme-header-navigate-combobox-panel .combobox-item,.theme-header-navigate-combobox-panel .combobox-group,.theme-header-navigate-combobox-panel .combobox-stick{padding: 5px 10px 5px 15px;}
.theme-header-navigate-search + .textbox.searchbox .l-btn{ margin:0;}
.theme-header-navigate-search + .textbox.searchbox .textbox-text{ margin: 8px 25px 8px 83px !important;color:#eeeeee; background:transparent;}
.theme-header-navigate-search + .textbox.searchbox .textbox-addon{ margin:8px 5px 0px;}
.theme-header-navigate-search + .textbox.searchbox .searchbox-button {background: url(images/searchbox_navigate_button.png) no-repeat center center;}
.theme-header-navigate .theme-header-navigate-user-button.l-btn{ margin-right:10px;margin-top:17px;}
.theme-header-navigate .theme-header-navigate-user-button.l-btn:hover{background:transparent;}
.theme-header-navigate .theme-header-navigate-user-button.l-btn .l-btn-text{margin:7px 34px 7px 15px; color: #ffffff; line-height:28px;}
.theme-header-navigate .theme-header-navigate-user-button.l-btn .l-btn-left:hover{background:#19b58da6;}
.theme-header-navigate .theme-header-navigate-user-button.l-btn .m-btn-downarrow{right:10px;}
.theme-header-navigate .theme-header-navigate-user-button.l-btn .l-btn-text img{ float: left; border-radius:25px;margin:-3px 10px -7px -15px; }

.theme-header-navigate-user-panel{ width:320px !important;padding:0 !important;}
.theme-header-navigate-user-panel dl,.theme-header-navigate-user-panel dl dt,.theme-header-navigate-user-panel dl dd{ overflow:hidden; clear:both;}
.theme-header-navigate-user-panel dl dd{ padding:15px;}
.theme-header-navigate-user-panel dl dd img{ 	float:left;	-moz-border-radius:45px;	-webkit-border-radius:45px;	border-radius:45px;	margin:0 15px 0 0;}
.theme-header-navigate-user-panel dl dd b{ margin:10px 0 0; font-size:14px;}
.theme-header-navigate-user-panel dl dd b i{ margin:0 0 0 10px; font-weight:normal;font-style:normal;}
.theme-header-navigate-user-panel dl dd span{color: #999;}
.theme-header-navigate-user-panel dl p{margin: 5px 0 0;}
.theme-header-navigate-user-panel dl p i{ font-style:normal;}

.theme-header-navigate-user-panel dl dd span,.theme-header-navigate-user-panel dl dd b,.theme-header-navigate-user-panel dl p{ display:block;}
.theme-header-navigate-user-panel dl dt{ background:#f5f5f5 url(images/navigate_user_footer_projection.png) left top  repeat-x; border-top:1px solid #b9b9b9; padding:10px 15px;}
.theme-header-navigate-user-panel dl dt a{ display:block; float:left; background:#fdfdfd; border:1px solid #e3e3e3; padding:5px 15px;}
.theme-header-navigate-user-panel dl dt .theme-navigate-user-modify{ float:left;}
.theme-header-navigate-user-panel dl dt .theme-navigate-user-logout{ float:right;}

.theme-header-navigate-user-panel .menu-line,
.theme-header-navigate-update .menu-line,.theme-header-navigate-message .menu-line,.theme-header-navigate-download .menu-line,.theme-header-navigate-weather .menu-line
{display: none;}

.theme-header-navigate-weather{padding:0; background: #f6f6f6;}
.theme-header-navigate-update,.theme-header-navigate-download{ padding: 40px 20px; }

.theme-header-navigate-update *::-webkit-scrollbar,
.theme-header-navigate-download *::-webkit-scrollbar{width:5px;height:5px;}
.theme-header-navigate-update *::-webkit-scrollbar-button,
.theme-header-navigate-download *::-webkit-scrollbar-button{width:0px; height:0px;}
.theme-header-navigate-update *::-webkit-scrollbar-track,
.theme-header-navigate-download *::-webkit-scrollbar-track{background:#ffffff;}
.theme-header-navigate-update *::-webkit-scrollbar-thumb,
.theme-header-navigate-download *::-webkit-scrollbar-thumb{background:#dedede;}
.theme-header-navigate-update *::-webkit-scrollbar-track,
.theme-header-navigate-update *::-webkit-scrollbar-thumb,
.theme-header-navigate-download *::-webkit-scrollbar-track,
.theme-header-navigate-download *::-webkit-scrollbar-thumb{border-radius:0px;}
.theme-header-navigate-update *::-webkit-scrollbar-corner,
.theme-header-navigate-update *::-webkit-scrollbar-resizer,
.theme-header-navigate-update *::-webkit-scrollbar-button,
.theme-header-navigate-download *::-webkit-scrollbar-corner,
.theme-header-navigate-download *::-webkit-scrollbar-resizer,
.theme-header-navigate-download *::-webkit-scrollbar-button{background:#fff;}

.theme-header-navigate-message{ width: 280px; }
.theme-header-navigate-message .message_standard_panel{ border:0 none; }
.theme-header-navigate-message .message_standard_panel .message_standard_content{ padding:10px; }

.theme-header-navigate-sep{ border-left: 1px solid #3180d8; width:1px; height:20px; margin:15px 10px; float: left; }
.theme-inner-layout .layout-body,.theme-window-inner-layout .layout-body{border:none; background:transparent;}
.theme-inner-header-bar{ border-bottom: 1px solid #e0e2e6; background: #fff; box-shadow:0 0 10px #e5e5e5;}
.theme-inner-header-bar .caption{ clear: both; height:14px;padding:14px 20px;}
.theme-inner-header-bar .caption b{ font-size:14px;}
.theme-inner-header-bar .caption .left{ float: left; }
.theme-inner-header-bar .caption .right{ float: right; }

.theme-inner-header-bar .operate{ padding:12px 20px; }
.theme-inner-header-bar .operate .rows{ clear:both; margin:0 0 5px; }
.theme-inner-header-bar .operate .rows .label{ color:#787a7d; }
.theme-inner-header-bar .operate .rows .separate{ display:inline-block; margin:0 5px; }
.theme-inner-header-bar .operate .rows .separate:before{content:" "; height:100%; border-left:1px solid #dedede;}
.theme-inner-header-bar .caption + .operate{ margin:10px 0 0; padding:0 20px;}
.theme-window-inner-layout .layout-panel-south .layout-body{text-align: right; height: 60px !important; line-height: 60px !important; padding: 0 15px;}
.theme-window-inner-layout .layout-panel-south .layout-body .l-btn .l-btn-text{ padding:0 20px; }

.theme-form-fit{position:relative; top:0; right:0; left:0; bottom:0; height:100%;}
.theme-form-layout{ padding:20px; }
.theme-form-layout dl{ margin:0 0 5px; }
.theme-form-layout dl dt,.theme-form-layout dl dd{ display: inline-block;}
.theme-form-layout dl dt{ min-width:80px;vertical-align:top; margin-top: 7px;}
.theme-form-layout dl dd{}
.theme-account-home{ background: #fff;}
.theme-form-layout dl dt,.theme-form-layout dl dd{ }

.theme-account-home,.theme-account-home .theme-account-info,.theme-account-home .theme-account-tabs{ width: 100%; height:auto; clear: both; }
.theme-account-home .theme-account-info{ height: 150px; }
.theme-account-home .theme-account-tabs{ }
.theme-account-home .theme-account-tabs .easyui-tabs .panel-body{ /*background:#f4f5f7 !important;*/}
.theme-console{ background:transparent; }

.hide{ display:none; }
.clear{ clear: both; }
.menu.menu-noline .menu-item .menu-text {    padding-left: 30px;    font-size: 14px;}
/* .datagrid-toolbar a, .datagrid-toolbar a:link, .datagrid-toolbar a:visited, .datagrid-toolbar a:hover, .datagrid-toolbar a:active {    background: #e8f3f0 !important;} */
.datagrid-toolbar .l-btn-plain {    background: #f2f8ff !important;    border: 1px solid #409eff !important;    color:#409eff !important;}
.datagrid-toolbar .l-btn-plain:hover {    background: #fff !important;   border: 1px solid  #409eff !important;/*     color:#f3f4f7 !important;    */}
/* .datagrid-toolbar a .l-btn-icon{	filter: drop-shadow(16px 0 0 #409eff);    margin-left: -16px;} */
/* .datagrid-toolbar a:hover .l-btn-icon{	filter: initial;    margin-left: 0px;} */
.dialog-button .l-btn {    background: #fff !important;    border: 1px solid #409eff !important;    color:#409eff !important;}
.dialog-button .l-btn:hover {    background: #e8f3f0  !important;/*     color:#f3f4f7 !important; */}
/* .dialog-button .l-btn-text{	color:#409eff !important;} 
 .dialog-button .l-btn .l-btn-icon{	filter: drop-shadow(16px 0 0 #409eff);    margin-left: -16px;} 
 .dialog-button .l-btn:hover .l-btn-icon{	filter: initial;    margin-left: 0px;} */
.st-form-panel  .l-btn {    background: #fff !important;    border: 1px solid #409eff !important;    color:#409eff !important;}
.st-form-panel .l-btn:hover {    background: #e8f3f0  !important;  /*   color:#f3f4f7 !important; */}
/* .st-form-panel  .l-btn-text{	color:#409eff !important;} 
.st-form-panel  .l-btn .l-btn-icon{	filter: drop-shadow(16px 0 0 #409eff);    margin-left: -16px;} 
.st-form-panel  .l-btn:hover .l-btn-icon{	filter: initial;    margin-left: 0px;} */

/* datagrid */
.datagrid-toolbar, .datagrid-pager {    background: #f2f2f2;}
.datagrid-header .datagrid-cell span {    font-size: 14px;}
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {	font-size: 14px;line-height:1.5;}
.datagrid-header-inner {	background: #c0deff;	color:#cde9e1;}
.datagrid-view{	margin-left:0px; margin-right:0px;}
.datagrid-view1{	background: #e8f3f0;}
.datagrid-body{	background: #f8f8f8;}
.datagrid-simple .datagrid-header, .datagrid-simple .datagrid-td-rownumber {   background: #e8f3f0;}
.datagrid-simple .datagrid-header td, .datagrid-simple .datagrid-body td, .datagrid-simple .datagrid-footer td {     border-width: 0 1px 1px 0;    border-style: solid;    border-color: #e5e5e5;}
.datagrid-row-selected {    background: #d9dea5 !important;    color:#3c3c3c;}
.datagrid-row-alt {    background: #fff;}
.datagrid-row-over{    background: #e6e9c0;    cursor: default;}
.datagrid-header td.datagrid-header-over {	background: #92cfe4;}
.datagrid-header-row, .datagrid-row {    height: 36px;}
.datagrid-header .datagrid-cell {    color: #333;}
.datagrid-cell a {	color: #409eff !important;    border: 0 none;    display: inline-block;    height: 30px;    padding: 0px 5px;    border-radius: 3px;    box-shadow: none;    margin-left: 5px;    line-height: 30px;   /* width: 70px; */   text-align: center;}
.datagrid-cell a:hover{/* 	background:#19b58d  !important; */}
.datagrid-cell .st-link{	    color: blue !important;    border: 0 none;    background: initial;}
.datagrid-cell .st-link:hover{	    color: white !important;	    background:#378dee !important;}

/*TAB*/
.tabs-crossbar .tabs-header, .tabs-crossbar .tabs-tool, .tabs-underline .tabs-header, .tabs-underline .tabs-tool {    background: #fff;}
.tabs-crossbar .tabs-header .tabs li.tabs-selected a.tabs-inner:before, .tabs-underline .tabs-header .tabs li.tabs-selected a.tabs-inner:before{
	background: #409eff;	height: 3px;}
.tabs-underline li.tabs-selected a.tabs-inner {    font-weight: bold;    outline: none;    color:#409eff;}
.tabs li.tabs-selected a.tabs-inner{	font-weight: bold;	color:#409eff;	border-color:#409eff;	border-bottom: inherit;}
.tabs-p-tool a:hover, .tabs li a:hover.tabs-close, .tabs-scroller-over {    background-color: #68b9a4;}
.tabs li a:hover.tabs-close {    background-color: #c2e6f2; }
.panel-body {    background-color: #f8f8f8;}
.tabs-crossbar .tabs-header .tabs li, .tabs-underline .tabs-header .tabs li {    border-right: 1px solid #c9dce2;    min-width: 100px;    text-align: center;}
.tabs-underline .tabs-header .tabs li:first-child{	/* border-left: 1px solid #abd1bd;*/}
.tabs-crossbar .tabs-header .tabs, .tabs-underline .tabs-header .tabs {    border: 0;    border-bottom: 1px solid #dddddd;    padding-left: 0px;}

/* */
.theme-header-navigate-menu-panel,.theme-header-navigate-user-panel,.theme-header-navigate-combobox-panel,.theme-header-navigate-search-panel,
.theme-header-navigate-update,.theme-header-navigate-message,.theme-header-navigate-download,.theme-header-navigate-weather
{ /* 	border-radius:0 0 3px 3px;  	background: #409eff; */	color: #409eff;	  }
.theme-header-navigate-user-panel{margin-top: -30px;}
.menu-active {    background: #d3e6f9;}

.window-proxy-mask, .window-mask {    background: #a9a9a9;}
.window .window-header {    background: #409eff;    color: #fff;}
.window .window-header .panel-title {    font-size: 14px;    color: #fff;    padding-left: 10px;}
.panel-tool-close { background:url('../icons/icon_btn2.png') no-repeat -150px -50px; } 
.dialog-toolbar, .dialog-button {    background: #F2F2F2;}
.st-form-panel .datagrid-toolbar{	background: #409eff;	display: none;}
.st-form-panel .st-form-title{	color: #cde9e1;}
.st-form-panel{	padding:0;}

.window {    border-width: 0px; background-color:#fff;}
.left{	overflow: hidden;	}
.theme-header-navigate .left a{    width: 150px;    /*border-left: 1px solid #fff;    border-image: url(../images/topline.png) 0 1 stretch;*/}
/*.theme-header-navigate .left a:last-child{	border-right: 1px solid #fff;    border-image: url(../images/topline.png) 0 1 stretch;}*/
.right{	top: 0px;    position: absolute;    right: 0px;    opacity: 1;    background: #409eff;}
.theme-left-logo{	height: 60px; 	background:#08396c;	background-size:100% 100%; }
.theme-left-logo-img{    position: fixed;    /* z-index: 2; */    width: 230px;    /*margin-top: 13px;*/    padding-left: 10px;    left:0px;  }
.st-left-title{	height:40px;	background:#c9e4e0 url('../images/left_bg.png') no-repeat center ;	text-align: center;    vertical-align: middle;    line-height: 40px;    position: fixed;    width: 191px; 	margin-top: -40px;	 color:#09644b;}

.theme-left-menu .hover .menu-icons, .theme-left-menu  .hover .menu-caption {    color: #fff;}
.theme-left-menu  dt .menu-caption{	padding-left:25px;}
.theme-left-menu  li .menu-caption{	padding-left:18px;}
.theme-left-menu  ul{	 background: #fff;}
.theme-left-menu dt {	height:44px;}
/*.theme-left-menu dt .theme-left-menu li{	height:32px;}*/
.theme-left-menu li{background-repeat:no-repeat; background-position:left 48px center;}
.theme-left-menu li{ background-image:url(../icons/icon_list2.png);}
.theme-left-menu li.hover{ background-image:url(../icons/icon_list1.png);}
.theme-left-menu dt .menu-caption{/*background-repeat:no-repeat; background-position:left 15px center;*/}
.theme-left-menu dt .menu-caption{/* background-image:url(../icons/icon_list3.png);*/}
.theme-left-menu dt.hover .menu-caption{/*  background-image:url(../icons/icon_list4.png);*/}

.st-menu-item-help{}
.tabs-title {    font-size: 14px;}
.textbox:hover {  border-color: #409eff;  -moz-box-shadow: 0 0 1px 0 #409eff;  -webkit-box-shadow: 0 0 1px 0 #409eff;  box-shadow: 0 0 1px 0 #409eff;}
.textbox-focused {  border-color: #409eff;  -moz-box-shadow: 0 0 3px 0 #409eff;  -webkit-box-shadow: 0 0 3px 0 #409eff;  box-shadow: 0 0 3px 0 #409eff;}

.dp200{ width:560px;}
.dp100{ width:210px;}
.dp150 {    width: 310px;}
.dp75{ width:154px;}
.dp50{ width:98px;}
.dp25{ width:42px;}

select.dp100{ width:212px;}
/* select.dp200{ width:564px;}
select.dp100{ width:220px;}
select.dp75{ width:158px;}
select.dp50{ width:102px;}
select.dp25{ width:46px;} */
.dp100-2td{	width:612px;}
.dp100-3td{	width:994px;}

.table-celled{	 background: #e8f3f0;	 width: initial;	 table-layout:fixed;	 display: table;	 border: 1px solid #e5e5e5;	 word-break: break-all; word-wrap: break-word;}
.table-celled-center{		margin:auto;}
.table-celled td {    padding:  2.5px 5px;}
.table-celled tr:nth-child(1) td {     padding-top: 10px;}
.table-celled tr:last-child td {     padding-bottom: 10px;}
.table-celled tr th, .table-celled.table tr td {     border: none;}
.table-celled tr td:nth-child(1),.table-celled tr td:nth-child(3),.table-celled tr td:nth-child(5),.table-celled tr td:nth-child(7) {    text-align:right;    width:140px;}
.table-celled tr td:nth-child(1)  label,.table-celled tr td:nth-child(3)  label,.table-celled tr td:nth-child(5)  label,.table-celled tr td:nth-child(7)  label {    text-align:right;    width:135px;    display:block;}
/* .table-celled tr td:nth-child(2) input,.table-celled tr td:nth-child(4) input,.table-celled tr td:nth-child(6) input,.table-celled tr td:nth-child(8) input {    text-align:left;    width:222px;} */
.panel-underline-blue .panel-title{	text-align:left;}
.panel-header.panel-underline-blue b {    border-bottom: 4px solid #409eff;}
.panel-title {    font-size: 14px;}
.panel-body {    font-size: 14px;}
.st-panel-title{	padding-left: 6px;    font-size: 14px;    color: #777;    line-height: 30px;}
.webuploader-pick {	background:#e8f3f0 !important;}
.mg-rt5{	margin-right:5px;}
.combobox-item-selected {    background-color: #409eff;   color:white;}
.combobox-item-hover {    background-color: #75b4c9 ;    color:white;}
.tree-title {    font-size: 14px;}
.combobox-item, .combobox-group, .combobox-stick {    font-size: 14px;}
.calendar-header {    background: #19b58d;}
/* .textbox-addon ,  .textbox  {    background-color: #cde9e1;} */
/* .panel-fit body{	padding:10px;} */

.st-div-grid-container ,.st-div-grid-container-center{    margin: 0;    padding: 10px;    display: flex;    flex-direction: column;    width: max-content;}
.st-div-grid-container-center{margin:0 auto;}
.st-div-grid{    	border: 1px solid #e5e5e5;    	background: #f8f8f8;    	width: max-content;    	border-radius:5px;    	word-break: break-all;     	word-wrap: break-word;    	padding:5px 5px;	}
.st-div-grid-row{        	display:flex;    	min-height:35px;    	height: max-content;    }
.st-div-grid-row > div{    	padding:2.5px 5px;    }
.st-div-grid-col{    }
.st-div-grid-2col{    	width:355px;    }
.st-div-grid-3col{    	width:575px;    }
.st-div-grid-4col{    	width:720px;    }
.st-div-grid-5col{    	width:940px;    }
.st-div-grid-5_1col{    width:865px;    }
.st-div-grid-6col{    	width:1085px;    }
.st-div-grid-7col{    	width:1305px;    }
.st-div-grid .st-div-grid-row .st-div-grid-col:nth-child(1),
.st-div-grid .st-div-grid-row .st-div-grid-col:nth-child(3),
.st-div-grid .st-div-grid-row .st-div-grid-col:nth-child(5),
.st-div-grid .st-div-grid-row .st-div-grid-col:nth-child(7) {	    width:135px;	    vertical-align: middle;	}
.st-div-grid .st-div-grid-row .st-div-grid-col:nth-child(1) label,
.st-div-grid .st-div-grid-row .st-div-grid-col:nth-child(3) label,
.st-div-grid .st-div-grid-row .st-div-grid-col:nth-child(5) label,
.st-div-grid .st-div-grid-row .st-div-grid-col:nth-child(7) label {	    text-align:right;	    width:135px;	    line-height: 30px;	    vertical-align: middle;	    display: block;	}
.st-div-grid .st-div-grid-row .st-div-grid-col:nth-child(2),
.st-div-grid .st-div-grid-row .st-div-grid-col:nth-child(4),
.st-div-grid .st-div-grid-row .st-div-grid-col:nth-child(6),
.st-div-grid .st-div-grid-row .st-div-grid-col:nth-child(8) {	    text-align:left;	    width:210px;	    vertical-align: middle;	}
.st-div-grid .st-div-grid-row-fix {    display: flex;    height: 35px;}
.st-div-grid  .st-div-grid-row .st-div-grid-col-auto{	width:auto !important;}
.st-div-grid  .st-div-grid-row .st-div-grid-col-label{	    width:135px !important;}
.st-div-grid  .st-div-grid-row .st-div-grid-col-label label{	    text-align:right;	    width:135px;	    line-height: 30px;	    vertical-align: middle;	    display: block;}
.st-div-grid-col label {    line-height: 30px;}
.st-div-grid  .st-div-grid-row .st-div-grid-col-input{	    width:210px !important;}
.st-div-grid-item{}
.st-div-grid-item-center {    align-items: center;    display: flex;    flex-flow: row wrap;}
.st-div-grid-item label{	    text-align:left;	    line-height: 30px;	    vertical-align: middle;	    display: block;}
.st-div-grid-item-between{	display:flex;	align-items: center; 	justify-content:space-between;}
.st-div-grid-rows {    display: flex;    align-items: flex-start;    justify-content: left;    flex-shrink: 1;    flex-direction: column;    height:max-content;}
.st-div-grid-2row{ height:65px; }
.st-div-grid-3row{ height:100px; }
.st-div-grid-4row{ height:135px; }
.st-div-grid-5row{ height:170px; }
.st-div-grid-6row{ height:205px; }
.st-div-grid-7row{ height:240px; }
.st-div-grid-8row{ height:275px; }
.st-div-grid-9row{ height:310px; }
.st-div-grid-10row{ height:345px; }
.st-div-grid-11row{ height:380px; }

.st-div-grid-col-hidden{line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.st-div-grid-col-line-height{line-height:30px;}

.st-div-grid-title{  	border-bottom:1px solid #e5e5e5;  	margin-top: -5px;    margin-bottom: 5px;  }
.st-div-grid-title-text{	border-bottom: 3px solid #409eff;    padding: 0px 10px 0px 10px!important;    color: #409eff;    font-weight: bold;    line-height: 28px;    float: left;  }
.st-div-grid-row > .st-div-grid-title-text{  	margin: 5px 0px 0px 5px;  }
/*   .st-div-grid-rows .st-div-grid-row > div:first-child {    padding: 0px;    margin-top: -5px;} */
.st-div-grid-col-seperator{		padding-left:15px !important;	}
.st-div-grid-bg{		background: #e8f3f0 !important;	}
.st-div-grid-link{		color: #297d66;    	cursor: pointer;	}
.st-div-grid-link:hover{		color:#122d26;	}
	
textarea:disabled, input:disabled {	        color: #000000;    		background-color: #ffff;	}
.datagrid-toolbar .l-btn{ border: 1px solid #409eff !important;    color: #409eff !important;	}
.textbox-invalid {    border: 2px solid #F44336;    border-color: #F44336;    background-color: #fff;    border-bottom-color: #F44336;    color: #000;}
.traincontentList {    margin: 10px 20px 20px 20px;    min-width: 1100px;}
.traindetailList {    height: 124px;    background: white;    border: 1px solid #cccccc;    margin-bottom: 10px;}
.traindetailimgdiv {    float: left;    border-right: 1px solid #cccccc;    position: relative;    height: 124px;}
.traincontent {    float: left;    padding-left: 20px;    height: 100%;}
.packnametd {    height: 30px;    line-height: 30px;   text-align: left;}
.defaulttd {    height: 25px;    line-height: 25px;}
.defaulttd2 {    height: 25px;    line-height: 25px;    text-align: left;}
.trainbutton {    float: right;    margin-right: 20px;    width: 150px;}
.button1 {    margin-top: 15%;    padding: 5px;}
.commonButton {    padding: 5px;}
.learnstatus
{	position: absolute;	bottom: 0px;	right: 0;	display: inline-block;	height:54px;	width:54px;}
.traindetailimgdiv .bofang {    position: absolute;    top: 43px;    left: 85px;    z-index: 20;    margin: 0px;    padding: 0px;    width: 36px;    height: 36px;    text-align: center;}
.button-darkblue{ background-color:#409eff !important;}

.packnametd span{	font-size:18px;color:#409eff;font-weight:bold;}
.defaulttd span{	font-size:16px;color:#333333}
.defaulttd2 span{	font-size:16px;color:#666666}
.article{	overflow: hidden;}
.article .top{	border-bottom: 1px dashed #aaa;}
.article h3{	display: table;width: 800px;text-align: center;font-size: 22px;color: #000000;margin: 0 auto;}
.article .info{	font-size: 14px;color: #464646;text-align: center;padding: 15px 0;}
.plantable{	width: 100%;border-left: 1px solid #99cdff;border-top: 1px solid #99cdff;	margin:0 auto;border-spacing: 0;}

.plantable .col1{	width: 100px;padding-right: 35px;text-indent: 35px;background-color: #edf7ff;height: 37px;line-height: 22px;font-size: 14px;border-right: 1px solid #99cdff;border-bottom: 1px solid #99cdff;}
.plantable .col2{	padding-left: 14px;height: 37px;line-height: 22px;font-size: 16px;border-right: 1px solid #99cdff;border-bottom: 1px solid #99cdff;text-align:left;}
.plantable .col3{	padding-right: 35px;text-indent: 35px;background-color: #33a9c3;height: 37px;line-height: 22px;font-size: 18px;border-right: 1px solid #99cdff;border-bottom: 1px solid #99cdff;text-align:center;color:white;}
.plantable .col4{	padding-right: 35px;text-indent: 35px;background-color: #edf7ff;text-align:left;height: 37px;line-height: 22px;font-size: 14px;border-right: 1px solid #99cdff;border-bottom: 1px solid #99cdff;}
.button2 { padding: 5px;}

.play_list{ overflow: auto;}
.play_list li{ list-style:none; height: 60px; margin-bottom: 20px;margin-left: 15px;position: relative;}
.play_list li img{ float:left; width:96px; height: 54px; border:1px solid #cccccc; }
.play_list li h3{	float:left; 	margin-left:15px; 	width:158px; 	height:39px; 	font-size:14px; 	font-weight: normal; 	color:#fff; 	line-height: 18px;	overflow: hidden;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;	-webkit-line-clamp: 2;}
.play_list li p{ float:left; display:block; margin-left:15px; width:158px; height: 18px; } 
.timeP{ float:right; display:block; margin-right:15px;  height: 18px;color:#fff}
.play_list li p img{ width:15px; height:15px; border: none;}
.play_list li a:hover h3{ color:#33a9c4;}
.play_list .play_on h3{ color:#33a9c4;}
.coursewaretitle {    color: white;    text-align: left;    background: #333333;    line-height: 40px;}
.coursewarelistli{	line-height: 30px;height: 30px;cursor:pointer;}
.coursewarelistli a{	color: #ffffff;font-size: 14px;width:95%;  		float: left;line-height: 30px;margin-left: 20px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.coursewarelistli img{	vertical-align: middle;margin-right:10px;}
.coursewarelistliselected{	/*background:#cacaca;*/}
.coursewarelistlihover{	/*background:#cacaca;*/}
.coursewarelistli .coursewareaselected{	color: #33a9c4;}
.coursewarelistli .coursewareahover{    color: #33a9c4;}

.head_right{ float:right; margin-right:10px;height:60px;}
.head_right p{  display: inline-block; padding-left:6px; padding-right: 6px; height: 60px;   font-size:14px; color:#fff;}
.head_right p a{display: block; line-height:60px; height: 60px; color:#fff; text-decoration: none; }
.head_right p span{display: block; line-height:60px; height: 60px; color:#fff; text-decoration: none; }
.head_right p a span{ display: inline-block; vertical-align:middle;}

.anlysisdata{	box-sizing: border-box;	width:200px;	float:left;	height:120px;	border:1px solid #f2f2f2; 	background: #ffffff;	margin:5px 5px 5px 10px;	}
.anlysischarts{	height:100px;	background: #ffffff;}
.anlysisdatatilte{	height: 20px;    line-height: 20px;    margin-left: 20px;    border-left: 4px solid #409eff;    margin-top: 5px;    text-indent: 10px;    font-size: 16px;    font-weight: bold;    color: #333333;}
.spanbtm{	color: #409eff;    font-weight: 500;    padding-left: 10px;cursor: pointer;}
.font14{ font-size:14px;}

/***

**/
/* table border,bgcolor */
.bg_white{background-color:#fff;}
.div_tb{ 	width: max-content;   	word-break: break-all;  box-sizing: border-box; }
.lt_bd{border-left:1px solid #ddd; border-top:1px solid #ddd; background: #eff9ff;    	width: max-content;    		word-break: break-all;  box-sizing: border-box;     }
.rb_bd{border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing: border-box;line-height: 30px; background-color:#fff;}
/*.lt_bd label{  min-width:135px;	    line-height: 30px;	    vertical-align: middle;	    display: block;	}*/
.bg_title{ background-color:#eff9ff;  min-width:135px;	    line-height: 30px;	    vertical-align: middle;	    display: block;	}
.bg_title2{ background-color:#eff9ff;}
.box_infor{width:135px; line-height:30px; box-sizing: border-box;}
.box_infor-2col{width:355px; line-height:30px; box-sizing: border-box;}
.box_infor-3col{width:575px; line-height:30px; box-sizing: border-box;}
.box_infor-4col{width:720px; line-height:30px; box-sizing: border-box;}
.box_infor-5col{width:940px; line-height:30px; box-sizing: border-box;}
.box_infor-row{display:flex; min-height:35px;height: max-content;   box-sizing: border-box;  }
.box_infor-row > div{padding:2.5px 5px; }
.rb_bd span{line-height:30px;}
.box_in-n{width:774px; line-height:30px; box-sizing: border-box;}

.div_tb .box_infor-row .box_infor:nth-child(1),
.div_tb .box_infor-row .box_infor:nth-child(3),
.div_tb .box_infor-row .box_infor:nth-child(4),
.div_tb .box_infor-row .box_infor:nth-child(7) {	    width:135px;	    vertical-align: middle;	}

.div_tb .box_infor-row .box_infor:nth-child(2),
.div_tb .box_infor-row .box_infor:nth-child(4),
.div_tb .box_infor-row .box_infor:nth-child(6),
.div_tb .box_infor-row .box_infor:nth-child(8) {	    text-align:left;	    width:220px;	    vertical-align: middle;	}


.myclear:after{clear:both;display:block;content:" ";}
.win_toptitle{ font-size:20px; font-weight: bold; color:#333; text-align: center; line-height: 36px; border-bottom:1px dashed #ccc;}
.win_list{overflow: auto;}
.win_list li{display: block;}
.win_list li .time{padding-left: 36px; padding-top: 20px; background:url("bg3.png") 0px -6px no-repeat; line-height: 30px; font-weight: bold;}
.win_list li:first-child .time{ background:url("bg1.png") left bottom no-repeat;} 
.win_list li .table_box{padding-left: 36px; background:url("bg2.png") left  bottom repeat-y;}

.table_in{ color:#666; border-left:solid 1px #d1d1d1; border-right:solid 1px #d1d1d1; width:100%;}
.table_in th{ border:1px solid #d1d1d1; line-height:24px; padding:6px 10px;   font-size:14px;}
.table_in td { border:1px solid #d1d1d1; font-size:14px; padding:6px 10px;}
.thbg1{ font-weight: normal; background-color: #eff9ff; }
.thbg2{ font-weight: normal; background-color: #fffdec; }
.tdwidth1{width:120px;}
.tdwidth2{width:100px;}
.tdtext1{line-height:24px;}

.bluelink{color:#409eff;}
.inbtn1,.inbtn2,.inbtn3,.inbtn4,.inbtn5,.inbtn6{padding:0px 5px; width:90px;height: 28px; line-height: 28px; border-radius:5px; color:#fff; text-align: center;}
.inbtn1{ background: #409eff;}/***blue***/
.inbtn2{ background: #ffcc00; color:#a90000;}/***yellow***/
.inbtn3{ background: #ff6600;}/***orange***/
.inbtn4{ background: #ef0000;}/***red***/
.inbtn5{ background: #008d1b;}/***green***/
.inbtn6{ background: #999999; color:#333;}/***green***/
.uppic{float:left; margin-right: 10px; margin-top:5px; margin-bottom: 5px;}
.uppic img{display: block; width:100px; height:100px; border:0; margin: 0px; padding: 0px;}
.mybold{font-weight:bold;}

.mytextarea{ display:block; padding:5px;  box-sizing: border-box;  border-radius:5px; border:1px solid #ccc; cololr:#333; line-height:24px; font-size:14px;}

.no-data {
    text-align: center;
}

.no-data-txt {
    font-size: 16px;
    color: #888;
    margin-top: 15px;
}
.fleft{float:left;}
.fright{float:right;}