@charset "utf-8";
/* CSS Document */
html{overflow: hidden;}
body{background: #f0f1f5;}

/* -------------------------------------------------- */
.header{height:60px; position: relative; z-index: 10;}
.header .logo{position: absolute; top:0; left:0;}
.f_mid{position: absolute; border-radius: 2px; padding:8px; left:210px; top:14px; z-index:99; font-size: 16px;}

.misc-action{position:relative; left:280px; top:0px; width:736px; height:60px; overflow:hidden; margin-right:50px;}
.misc-action ul{ position:absolute; top:0; left:0px; width:720px;}			
.misc-action li {float: left; height:60px;}
.misc-action li span{ color:#eff;}
.misc-action li a{display: block; height:60px; line-height: 34px; text-align:center; overflow:hidden; padding:0 16px;}		
.misc-action i{display: block; margin-top: 10px; font-size: 16px;}	
.misc-action .action-up{top:0px; right:0; position:absolute; font-size:10px; display: none;}
.misc-action .action-down{top:24px; right:0; position:absolute; font-size:10px; display: none;}	
.misc-action .action-down i, .misc-action .action-up i{cursor:pointer; color:#fff;}

.navbar-menu{position:absolute; top:20px; right:20px;}
.navbar-menu li{float: left; font-size:20px; margin-right: 20px; position: relative; cursor:pointer;}
.navbar-menu li.username img{width: 26px; height: 26px; border-radius: 50%;}
.navbar-menu li .username_link{position: absolute; top:40px; right:-110px;  width:280px; text-align: center; z-index: 20; border-radius: 3px; display: none; box-shadow: 0px 5px 10px #e9ecee; padding-bottom:10px;}
.navbar-menu li .username_link .head_portrait{ padding:10px 0 20px 0;}
.navbar-menu li.username .username_link img{z-index: 5; height: 90px; width: 90px;  border: 3px solid; border-color: transparent; border-color: rgba(255,255,255,0.2);}
.navbar-menu li .username_link .username_info{padding:8px 20px 0;}
.navbar-menu li .username_link .username_info li{float: left; width:50%; height: 30px; line-height: 30px; color:#333; font-size: 14px; padding:0; margin:0; text-align: left;}
.navbar-menu li .username_link .username_info li span{font-weight: bold;}
.navbar-menu li .username_link .username_info p{line-height: 30px; color:#333; font-size: 14px; padding:0; margin:0; text-align: left;}
.navbar-menu li .username_link .username_info p span{font-weight: bold;}
.navbar-menu li .username_link .userinfo_link{ display: block; color:#666; font-size:14px; padding:4px 0 6px 0; width:80px; float: right; margin:8px 20px 0 0; }
.navbar-menu li i{color:#fff;font-weight: normal;}
.navbar-menu .badge-tip{display: inline-block; width: 8px; height: 8px; line-height: 8px; border-radius: 50px; font-weight: normal; background: #e65050; position: absolute; top:0; right:0px;}
.navbar-menu li .t_more_link{position: absolute; top:40px; right:-10px; background: #fff; width:80px; padding:10px 6px; text-align: center; z-index: 20; border-radius: 3px; display: none; box-shadow: 0px 5px 10px #e9ecee; border: 1px solid #f5f8fa; }
.navbar-menu li .t_more_link li{float: none; margin: 0;}
.navbar-menu li .t_more_link a{display: block; width:100%; font-size: 12px; line-height: 26px; border-bottom: 1px solid #f5f8fa;}
.navbar-menu li .t_more_menu{position: absolute; top:0; left:-100px; background: #fff; width:90px; padding:10px 6px; text-align: left; z-index: 20; border-radius: 3px; box-shadow: -5px 5px 10px #e9ecee; border: 1px solid #f5f8fa; color:#333;}
.navbar-menu li .t_more_menu a{display: block; font-size: 12px; line-height: 26px; }
.navbar-menu li .t_more_menu a i.fa{ margin:0 6px 0 4px;}
.navbar-menu li .t_more_menu span{display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px;}
.navbar-menu li .t_more_menu a.t_blue {color:#3c8dbc;}
.navbar-menu li .t_more_menu .t_blue span{ background: #3c8dbc;}
.navbar-menu li .t_more_menu a.t_green {color:#088010;}
.navbar-menu li .t_more_menu .t_green span{ background: #088010;}
.navbar-menu li .t_more_menu a.t_red {color:#a80e0e;}
.navbar-menu li .t_more_menu .t_red span{ background: #a80e0e;}
.navbar-menu li .t_more_menu a.t_inkblue {color:#082032;}
.navbar-menu li .t_more_menu .t_inkblue span{ background: #082032;}

.mainCnt{position:relative; z-index:0; zoom:1}
/* --------------------- f_left ------------------ */
.f_left{position:absolute; left:0px; top:0px; background: #222d32; width:210px;}

/*.f_left_bd{width:210px;}*/

#ul_menu{color:#fff;}
#ul_menu .tree-node .tree-icon, #ul_menu .tree-node .tree-folder{background: none; padding-top:2px; margin-right:4px;}
.tree-title {font-size: 14px; padding: 0 2px; margin: 0; height: 44px; line-height: 44px;}
.tree-node { padding:0 10px; height: 44px; line-height: 44px; /* border-bottom:1px solid #31a6e0; */}
.tree-node-hover{background: #103158; color: #fff;}
.tree-node-selected{background: #1f4572; color: #fff;}
.tree-expanded {background:url(../images/tree_icons_main.png) no-repeat -18px 0px;}
.tree-collapsed {background:url(../images/tree_icons_main.png) no-repeat 0px 0px;}

.accordion{background:none; border:none;}
.sidemenu .accordion .panel-title{color:#b8c7ce; font-size: 14px; margin-left: 16px;}
.sidemenu .accordion .accordion-header{color:#b8c7ce;}
.sidemenu .accordion .accordion-body{color:#fff;}
.sidemenu .accordion .accordion-header:hover{background:#182730}
.sidemenu .accordion .accordion-header-selected{background:#102638}
.sidemenu .accordion .accordion-collapse{background:0 0}
.sidemenu .tree-node-hover{background:#2c3b41;color:#fff}
.sidemenu .tree-node-selected{background: #344a53; border-left:2px solid #0070a9;border-right:0 none;color:#fff}
.panel-icon{left: 15px;}
.sidemenu .accordion-header .panel-icon{font-size:16px;}
.sidemenu .accordion-header .panel-tool{display:none}
.sidemenu .accordion-header::after,.sidemenu .tree-node-nonleaf::after{display:inline-block;vertical-align:top;border-style:solid;transform:rotate(45deg);width:4px;height:4px;content:'';position:absolute;right:10px;top:50%;margin-top:-3px;border-width:0 1px 1px 0}
.sidemenu .accordion-header-selected::after{transform:rotate(-135deg)}
.sidemenu .tree-node-nonleaf::after{transform:rotate(-135deg)}
.sidemenu .tree-node-nonleaf-collapsed::after{transform:rotate(45deg)}
.sidemenu-collapsed .accordion-header::after{display:none}
.tooltip{background:#222d32; border-radius: 0 0 0 0;}
.sidemenu-tooltip .accordion{border-color:#1e282c}


/* ------------------- f_right ---------------------------- */
.f_right{padding-left: 210px; width:100%; box-sizing: border-box; }

.fa-align-top{vertical-align: top;}