.sidebar { position: absolute; top: 0; bottom: 0; width: 268px; background-color: #1c2b36; }
.sidebar:before { position: fixed; top: 0; bottom: 0; z-index: -1; display: block; width: 100%; content: "" }
.sidebar.fixed { position: fixed; top: 45px; left: 0; z-index: 1029 }
.sidebar.fixed:before { right: auto; left: 0 }

.sidebar .logo {margin:auto; height:63px; padding-top:33px; width:100%; max-width:196px; }
.sidebar .logo .logob{ }


li [class^="fa-"],li [class*=" fa-"],.nav-list li [class^="fa-"],.nav-list li [class*=" fa-"] { width: auto }
.nav-list { padding: 0; margin: 0; list-style: none }
.nav-list>li>a,.nav-list .nav-header { margin: 0 }
.nav-list>li { position: relative; display: block; padding: 0; margin: 0; border: 0; }
.nav-list>li:first-child { border-top: 0 }
.nav-list>li>a { display: block; height: 63px;
   /* padding: 0 16px 0 7px;*/
   padding:0px; font-size: 16px; line-height: 61px; color: #cddfef; text-decoration: none; text-shadow: none!important; background-color: #111b22 }
   
  
   
   .nav-list>li>a i{
	display:inline-block; /*margin-left:13px;*/ padding:20px; padding-top:26px; }.nav-list>li>a span {
	display:inline-block; margin-left:10px;
	 }.nav-list>li>a>[class*="fa-"]:first-child { display: inline-block; min-width: 30px; font-size: 18px; font-weight: normal; text-align: center; vertical-align: middle }
.nav-list>li>a:focus { background-color: #111b22 }
.nav-list>li>a:hover { color: #1963aa; background-color: #FFF }.nav-list>li>a:hover i{ background:#2baab1;	 }
.nav-list>li a>.arrow { position: absolute; top: 22px; right: 9px; display: inline-block; width: 14px!important; height: 14px; padding: 0; font-size: 18px; line-height: 14px; color: #cddfef; text-shadow: none }
.nav-list>li a:hover>.arrow,.nav-list>li.active>a>.arrow,.nav-list>li.open>a>.arrow { color: #1dd2af; }
.nav-list>li.open>a>.arrow {right: 11px;*right: 9px}
.nav-list>li.open>a>.arrow:before{content: "\f107"}
.nav-list>li.separator { position: static; height: 3px; margin: 1px 0; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.nav-list>li.open>a { color: #1963aa; background-color: #fafafa }
.nav-list>li.active { background-color: #fff }
.nav-list>li.active>a,.nav-list>li.active>a:hover,.nav-list>li.active>a:focus,.nav-list>li.active>a:active { font-size: 13px; font-weight: bold; color: #0b6cbc; background-color: #fff }
.nav-list>li.active>a>[class*="fa-"] { font-weight: normal }
.nav-list>li.active>a:hover:before { display: none }
.nav-list>li.active:after { position: absolute; top: -1px; right: -2px; bottom: 0; display: inline-block; border-right: 2px solid #0b6cbc; content: "" }
.nav-list>li.open {  }.nav-list>li.open a i{ background:#2baab1; }
.nav-list>li.active .submenu { display: block }

.nav-list>li .submenu>li .arrow{top: 14px;}
.nav-list>li .submenu { position: relative; display: none; padding: 0; margin: 0; list-style: none; background-color: #111b22; }
.nav-list>li .submenu>li { position: relative; margin-left: 0; background:#111b22; line-height:27px; }
.nav-list>li .submenu>li>a { position: relative; display: block; padding: 7px 0 8px 43px; margin: 0; font-size: 14px; color: #cddfef; margin-left:12px; }
.nav-list>li .submenu>li>a i{ background:none;  }.nav-list>li .submenu>li>a:focus { text-decoration: none }
.nav-list>li .submenu>li.active>a { color: #0b6cbc }
.nav-list>li .submenu>li a>[class*="fa-"]:first-child { position: absolute; top: 15px; left: 10px; z-index: 1; width: 18px; height: auto; font-size: 12px; font-weight: normal; line-height: 12px; text-align: center }
.nav-list>li .submenu>li.active>a>[class*="fa-"]:first-child,.nav-list>li .submenu>li:hover>a>[class*="fa-"]:first-child { display: inline-block }
.nav-list>li .submenu>li.active>a>[class*="fa-"]:first-child { color: #c86139 }
.nav-list>li>.submenu>li:before { position: absolute; top: 17px; left: 18px; display: inline-block; width: 8px; content: "" }
.nav-list>li>.submenu:before { position: absolute; top: 0; bottom: 0; left: 18px; z-index: 1; display: block; content: "" }
.nav-list>li.active>.submenu>li:before { border-top-color: #bccfe0 }
.nav-list>li.active>.submenu:before { border-left-color: #bccfe0 }
.nav-list li .submenu { overflow: hidden }
.nav-list li.active>a:after { position: absolute!important; top: 4px; right: 0; display: block; border: 8px solid transparent; border-right-color: #0b6cbc; border-width: 14px 10px; content: "" }
.nav-list li.open>a:after { display: none }
.nav-list li.active.open>.submenu>li.active.open>a.dropdown-toggle:after { display: none }
.nav-list li.active>.submenu>li.active>a:after { display: none }
.nav-list li.active.open>.submenu>li.active>a:after { display: block }
.menu-min .nav-list li.active.open>.submenu>li.active>a:after { display: none }
.nav-list li.active.no-active-child>a:after { display: inline-block!important }
.nav-list a .badge,.nav-list a .label { position: absolute; top: 9px; right: 11px; padding-right: 6px; padding-left: 6px; font-size: 12px; opacity: .88 }
.nav-list a .badge [class*="fa-"],.nav-list a .label [class*="fa-"] { margin: 0; vertical-align: middle }
.nav-list a.dropdown-toggle .badge,.nav-list a.dropdown-toggle .label { right: 28px }
.nav-list a:hover .badge,.nav-list a:hover .label { opacity: 1 }
.menu-min .nav-list a .badge,.menu-min .nav-list a .label { position: relative; top: -1px; right: auto; left: 4px }
.nav-list .submenu .submenu a .badge,.nav-list .submenu .submenu a .label { top: 6px }
.menu-min .nav-list .submenu .submenu a .badge,.menu-min .nav-list .submenu .submenu a .label { top: 0 }
.sidebar-collapse { position: relative; padding: 3px 0; text-align: center; background-color: #f3f3f3; border-bottom: 1px solid #e0e0e0 }
.sidebar-collapse>[class*="fa-"] { position: relative; display: inline-block; padding: 0 5px; font-size: 14px; line-height: 18px; color: #aaa; cursor: pointer; background-color: #fff; border: 1px solid #bbb; border-radius: 16px }
.sidebar-collapse:before { position: absolute; top: 13px; right: 15px; left: 15px; display: inline-block; height: 0; border-top: 1px solid #e0e0e0; content: "" }
.sidebar-shortcuts { max-height: 40px; margin-bottom: 0; line-height: 37px; text-align: center; background-color: #fafafa; border-bottom: 1px solid #ddd }
.breadcrumbs { position: relative; display: block; min-height: 38px; padding: 0 12px 0 0; line-height: 36px; background-color: #f5f5f5; border-bottom: 1px solid #e5e5e5 }
.main-content { min-height: 100%; padding: 0; margin-top: 0; margin-right: 0; margin-left:268px; }
.page-content { padding: 8px 20px 24px; margin: 0; background: #fff }
.main-container { position: relative; padding: 0 }
.navbar { padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0 }
.navbar { margin-bottom: 0 }
.navbar .navbar-inner,.navbar .btn-navbar { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)!important }
.navbar .navbar-inner { position: relative; min-height: 45px; padding-right: 0; padding-left: 0; margin: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.simplewind-nav>li.light-blue { background: #1dccaa }
.simplewind-nav>li:first-child { border-left: none }
.simplewind-nav>li { position: relative; max-height: 45px; padding: 0; line-height: 45px; background: #2e6589; border-left: 1px solid #DDD }
.simplewind-nav>li>a { position: relative; display: block; height: 100%; padding: 0 8px!important; color: #EEE; background-color: transparent }
.simplewind-nav .nav-user-photo { max-width: 36px!important; margin: -4px 8px 0 0; border: 2px solid #FFF; border-radius: 24px }
.navbar .nav>li>a,.navbar .nav>li>a:hover,.navbar .nav>li>a:focus { font-size: 13px; color: #fff; text-shadow: none }
.navbar .brand { padding: 10px 20px 10px }
ul,ol { padding: 0; margin: 0 }
.macro-component-tabitem { position: relative; display: block; float: left; height: 29px; min-width: 101px; padding: 5px 8px 4px 8px; margin: 0 1px 0 0; text-align: center; cursor: pointer; background: #0b559f }
.macro-component-tabclose { position: absolute; top: 8px; right: 6px; text-decoration: none; cursor: pointer }
a.macro-component-tabclose:hover { text-decoration: none }
.macro-component-tabclose-icon { color: #fff }
.task-changebt { display: none; float: left; width: 30px; height: 38px; font-size: 18px; color: #fff; text-align: center; text-decoration: none; cursor: pointer; background: #0b559f }
.task-changebt:hover { font-weight: bold; color: #fff; text-decoration: none; background: #04386d }
#task-content { position: relative; float: left; overflow: hidden }
#loading { position: absolute; top: 10px; left: 250px; z-index: 9999; display: none; width: 100px; height: 26px; color: #fff; background: url("loadingbg.png") no-repeat }
#loading .loadingicon { position: absolute; top: 0; left: 0; display: inline-block; width: 26px; height: 26px; background: url("loading.gif") no-repeat center }
#loading span { margin-left: 26px; font-family: 'Microsoft Yahei',verdana; font-size: 12px; font-weight: bold; line-height: 26px }
#right_tools_wrapper { position: absolute; top: 28px; right: 20px; z-index: 99; float:right }
#right_tools_wrapper span { vertical-align: middle; padding-top:5px; }
#right_tools_wrapper span .right_tool_icon { width: 24px; height: 24px; font-size: 24px; color: #fff }
#nav_wraper { position: relative; height: 100%; background:#1c2b36; }
.nav-list>li.open { position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background: #111b22; }
.nav-list>li.open a {  }
.nav-list>li.open .normal { display: none!important }
.nav-list>li.open .back { visibility: visible }
.nav-list>li .back { visibility: hidden }
.nav-list>li .fa.back { position: absolute; top: 11px; left: 10px; z-index: 1; width: 18px; height: auto; font-size: 14px; font-weight: normal; line-height: 12px; text-align: center }
.nav-list>li>.submenu:before { }
.nav_shortcuts { margin-top: 5px }
#sidebar-shortcuts { height: 41px }
.breadcrumbs { background: #fff }
#content { padding: 0 }
.task-changebt { background: #ecf0f1 }
.task-changebt:hover { background: #dbe5e7 }
.macro-component-tabitem { background: #ecf0f1 }
.macro-component-tabitem.selected { background: #dbe5e7 }
.macro-component-tabitem.current { background: #dbe5e7 }
.macro-component-tabitem:hover { background: #dbe5e7 }
.macro-component-tabclose-icon:hover { color: #ed7669 }
.macro-tabs-item-text { font-family: 'Microsoft Yahei',verdana; font-size: 12px; font-weight: blod; line-height: 30px; color: #1dd2af }
.nav-list>li>a { background-color: #1c2b36 }
.nav-list>li>a:hover { color: #fff; background-color: #111b22 }
.nav-list>li>a:hover:before { background-color: #1dd2af }
.nav-list>li.open>a { color: #fff; background-color: #111b22 }
.nav-list>li .submenu>li>a { background: #111b22 }
.nav-list>li .submenu>li>a:hover{ color: #2baab1; text-decoration: none; }
.nav-list>li .submenu>li.open .arrow:before{content: "\f107"}
.nav-list>li .submenu>li.open .arrow {right: 11px;*right: 9px}
#right_tools_wrapper span .right_tool_icon { color: #333333 }
 @media screen and (max-width:1390px){
   /*.nav-list>li>a { display: block; height: 63px;*/
   /* padding: 0 16px 0 7px;*/
   /*padding:0px; font-size: 14px; line-height: 61px; color: #cddfef; text-decoration: none; text-shadow: none!important; background-color: #111b22 }
   .fa-desktop{ display:none !important}
   .fa-group,.fa-list,.fa-th,.fa-cloud,.fa-area-chart,.fa-cogs,.fa-bell-o{ display:none !important; }
   .nav-list > li .submenu > li > a{ margin-left:-5px;}
   
   .nav-list>li>a>[class*="fa-"]:first-child{ max-width:10px !important; }
   .nav-list > li > a i{ padding:5px;}
   .nav-list > li.open a i{ background:none; }
   .nav-list > li > a span{ margin-left:5px !important; }
   .nav-list > li .submenu > li > a{ padding-left:43px; }*/
.sidebar{width: 230px;}
.main-content {margin-left:230px; }
}