html, body {
    font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,SimSun,sans-serif;
    font-size: 14px;
    background:#f2f2f2;
}

.l-btn-text {
	font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,SimSun,sans-serif;
    font-size: 14px;
}

.textbox .textbox-text {
 	font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,SimSun,sans-serif;
    font-size: 14px;
}

.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: #3c917b;
}

#maintabs-tools .l-btn .l-btn-text .iconfont:hover {
    color: #3b7b6b;
}

#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: #fff;
}

.datagrid-toolbar {
    padding: 5px 2px;
    padding-left:10px;
}


.panel-underline-blue  .panel-header b {
    border-bottom: 4px solid #3c917b;
    bottom: 0px;
    top: -4px;
    position: absolute;
    margin-top: 4px;
    color: #3c917b;
}
.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: 22px;
    line-height: 22px;
}

/*  .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;
}

.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:#c9e4e0; width:199px; border-right:1px solid #e0e2e6;}
.theme-layout .theme-right-layout{position: absolute;top:0;bottom:0;left:200px; right:0; background: #f2f2f2; height:100%; }



.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:#3c917b;
}

*::-webkit-scrollbar
{width:12px;height:12px;}
*::-webkit-scrollbar-button
{width:0px; height:0px;}
*::-webkit-scrollbar-track
{background:#f2f2f2;}
*::-webkit-scrollbar-thumb
{ }
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-thumb
{border-radius:0px;}
*::-webkit-scrollbar-corner,
*::-webkit-scrollbar-resizer,
*::-webkit-scrollbar-button
{}

 *{ 
            scrollbar-face-color:#3c917b; /*闂堛垹鐡�*/  
            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:#3c917b;}
.theme-left-menu .menu-icons,.theme-left-menu .menu-caption{
	height:32px; line-height:32px; 
	display:inline;
	box-sizing:border-box;
	vertical-align:top;
	color:#09644b;
}
.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:#3c917b;
}
.theme-left-menu .menu-icons.hide{ display:none; }
.theme-left-menu .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; }
.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: #3c917b; 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: #3c917b; color:#cde9e1;}

.theme-left-menu dl{ border-bottom:1px solid #82bdae; }
.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:#68b9a4;border-radius:initial; color:#cde9e1;}
.theme-left-menu dl dd ul li.hover:hover{ background-color: #3c917b; }


.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: #3c917b; margin:0 0 0 -1px; width:calc(100% + 1px);}
.theme-header-navigate,.theme-header-navigate .left,.theme-header-navigate .right{height: 50px;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:50px; border:0 none; box-shadow:none; border-radius:3px; margin:0;}

.theme-header-navigate .l-btn{background:transparent;}
.theme-header-navigate .l-btn.l-btn-selected{background-color: #297d66 !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: 50px;
    vertical-align: bottom;
    margin-left: 15px;
    margin: 0 auto;
    padding-left: 15px;
    width: 100%;
   }
.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: #fff !important;
    border: 1px solid #3c917b !important;
    color:#3c917b !important;
}

.datagrid-toolbar .l-btn-plain:hover {
    background: #b8d4cc !important;
/*     color:#f3f4f7 !important; */
    /* border: 1px solid  #3b7b6b !important; */
}
/* .datagrid-toolbar a .l-btn-icon{
	filter: drop-shadow(16px 0 0 #3c917b);
    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 #3c917b !important;
    color:#3c917b !important;
}
.dialog-button .l-btn:hover {
    background: #e8f3f0  !important;
/*     color:#f3f4f7 !important; */
}
/* .dialog-button .l-btn-text{
	color:#3c917b !important;
} */

/* .dialog-button .l-btn .l-btn-icon{
	filter: drop-shadow(16px 0 0 #3c917b);
    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 #3c917b !important;
    color:#3c917b !important;
}
.st-form-panel .l-btn:hover {
    background: #e8f3f0  !important;
  /*   color:#f3f4f7 !important; */
}
/* .st-form-panel  .l-btn-text{
	color:#3c917b !important;
} */

/* .st-form-panel  .l-btn .l-btn-icon{
	filter: drop-shadow(16px 0 0 #3c917b);
    margin-left: -16px;
} */

/* .st-form-panel  .l-btn:hover .l-btn-icon{
	filter: initial;
    margin-left: 0px;
} */

/* 閸掓銆冮弽宄扮础 */

.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;
}
.datagrid-header-inner {
	background: #3c917b;
	color:#cde9e1;
}
.datagrid-view1{
	background: #e8f3f0;
}
.datagrid-body{
	background: #e8f3f0;
}
.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: #d8d8d8;
}

.datagrid-row-selected {
    background: #d9dea5 !important;
    color:#3c3c3c;;
}

.datagrid-row-alt {
    background: #f3f1f1;
}
.datagrid-row-over{
    background: #e6e9c0;
    cursor: default;
}
.datagrid-header td.datagrid-header-over {
	background: #68b9a4;
}
.datagrid-header-row, .datagrid-row {
    height: 36px;
}
.datagrid-header .datagrid-cell {
    color: #cde9e1;
}

.datagrid-cell a {
	color: white !important;/*#cde9e1*/
    border: 0 none;
    background: #3c917b;
    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;
}

/* 閺嶅洨顒锋い锟� */
.tabs-crossbar .tabs-header, .tabs-crossbar .tabs-tool, .tabs-underline .tabs-header, .tabs-underline .tabs-tool {
    background: #c9e4e0;
}

.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: #3c917b;
	height: 3px;
}
.tabs-underline li.tabs-selected a.tabs-inner {
    font-weight: bold;
    outline: none;
    color:#3c917b;
}

.tabs li.tabs-selected a.tabs-inner{
	font-weight: bold;
	color:#3c917b;
	border-color:#3c917b;
	border-bottom: inherit;
}

.tabs-p-tool a:hover, .tabs li a:hover.tabs-close, .tabs-scroller-over {
    background-color: #68b9a4;
}
.panel-body {
    background-color: #e8f3f0;
}

.tabs-crossbar .tabs-header .tabs li, .tabs-underline .tabs-header .tabs li {
    border-right: 1px solid #abd1bd;
    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 #abd1bd;
    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: #3c917b; */
	color: #3c917b;
	    
}
.theme-header-navigate-user-panel{
margin-top: -30px;
}
.menu-active {
    background: #d3e6f9;
}
/* 鐎电鐦藉锟� */

.window-proxy-mask, .window-mask {
    background: #a9a9a9;
}

.window .window-header {
    background: #105e49;
    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: #3c917b;
	display: none;
}
.st-form-panel .st-form-title{
	color: #cde9e1;
}

.st-form-panel{
	padding:0;
}
.window {
    border-width: 0px;
}

/* 妫ｆ牠銆� */
.left{
	overflow: hidden;	
}
.theme-header-navigate .left a{
    width: 110px;
    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: #3c917b;
}
.theme-left-logo{
	height: 50px; 
	background:#3c917b ;
	background-size:100% 100%;  
}
.theme-left-logo-img{
    background: #3c917b;
    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: #afd6d0;
}
.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: #3c917b;
  -moz-box-shadow: 0 0 1px 0 #3c917b;
  -webkit-box-shadow: 0 0 1px 0 #3c917b;
  box-shadow: 0 0 1px 0 #3c917b;
}

.textbox-focused {
  border-color: #3c917b;
  -moz-box-shadow: 0 0 3px 0 #3c917b;
  -webkit-box-shadow: 0 0 3px 0 #3c917b;
  box-shadow: 0 0 3px 0 #3c917b;
}

.dp200{ width:560px;}
.dp100{ width:210px;}
.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 #d8d8d8;
	 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 #3c917b;
}
.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:#3c917b !important;
}
.mg-rt5
{
	margin-right:5px;
}
.combobox-item-selected {
    background-color: #19b58d;
   color:white;
}
.combobox-item-hover {
    background-color: #68b9a4 ;
    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: auto;
}
  .st-div-grid{
    	border: 1px solid #d8d8d8;
    	background: #e8f3f0;
    	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  .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-title{
  	border-bottom:1px solid #d8d8d8;
  	margin-top: -5px;
    margin-bottom: 5px;
  }
  .st-div-grid-title-text{
	border-bottom: 3px solid #3c917b;
    padding: 0px 10px 0px 10px!important;
    color: #3c917b;
    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 #3c917b !important;
    color: #3c917b !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:#3c917b !important;}

.packnametd span
{
	font-size:18px;color:#3c917b;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:50px;}
.head_right p{  display: inline-block; padding-left:6px; padding-right: 6px; height: 50px;   font-size:14px; color:#fff;}
.head_right p a{display: block; line-height:50px; height: 50px; color:#fff; text-decoration: none; }
.head_right p span{display: block; line-height:50px; height: 50px; 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 #3c917b;
    margin-top: 5px;
    text-indent: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}