/*
 * Skin: Blue
 * ----------
 */
.skin-blue .main-header .navbar {
  background-color: #3c8dbc;
}
.skin-blue .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #367fa9;
}
@media (max-width: 767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: #367fa9;
  }
}
.skin-blue .main-header .logo {
  background-color: #367fa9;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
  background-color: #357ca5;
}
.skin-blue .main-header li.user-header {
  background-color: #3c8dbc;
}
.skin-blue .content-header {
  background: transparent;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background-color: #455FEC;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
  color: #fff;
}
.skin-blue .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-blue .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #1e282c;
  border-left-color: #3c8dbc;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-blue .sidebar a {
  color: #b8c7ce;
}
.skin-blue .sidebar a:hover {
  text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-blue .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-blue .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-blue.layout-top-nav .main-header > .logo {
  background-color: #3c8dbc;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
  background-color: #3b8ab8;
}

/*用户头像*/
.user-panel{
	border-bottom: 1px solid #F8F8F8;
}
.user-panel>.image{
	text-align: center;
}
.user-panel>.image>img{
	max-width: 100px;
}
.user-panel>.info{
	left: 0px;
	top: 0px;
	position: initial;
	text-align: center;
	padding: 5px 5px;
}
.user-panel>.info>p{
	color: #F8F8F8;
	font-size: 20px;
	line-height: 26px;
	margin: 16px auto;
	font-family: "微软雅黑";
	font-weight: 400 !important;
}
.user-panel>.info>p:nth-child(2){
	font-size: 16px;
	line-height: 26px;
}

/*菜单*/
.skin-blue .sidebar-menu>li>a{
	padding: 20px 10px 20px 15px;
	font-size: 16px;
    border-left: 3px solid transparent;
    color: #FFFFFF;
    background-color: transparent;
}

.skin-blue .sidebar-menu>li>a>.fa{
	margin-right: 10px;
}

.skin-blue .sidebar-menu>li>a:hover{
    border-left: 3px solid transparent;
    color: #FFFFFF;
    background-color: #204E97;
}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu > li.active > a{
	padding: 20px 10px 20px 15px;
	font-size: 16px;
    border-left: 0px solid transparent;
    color: #FFFFFF;
    background-color: #204E97;
}

.skin-blue .sidebar-menu > li > .treeview-menu{
	padding-left: 0px;
	margin: 0px 0px;
	background-color: transparent;
}

.skin-blue .treeview-menu > li > a{
	padding: 20px 10px 20px 15px;
	font-size: 14px;
    border-left: 0px solid transparent;
    color: #FFFFFF;
    text-indent: 34px;
    background-color: transparent;
}
.skin-blue .treeview-menu>li:hover>a, .skin-blue .treeview-menu > li.active > a{
	padding: 20px 10px 20px 15px;
    border-left: 0px solid transparent;
    color: #FFFFFF;
    background-color: #204E97;
}

.page{
	text-align: right;
}

/*面包屑*/
.page-header{
	padding-left: 24px;
	padding-top: 9px;
}
.bread_crumbs:hover{
	color: #455FEC;
	/*cursor: pointer;*/
}

form{
	padding: 0px 24px;
}
.row{
	padding: 0px 24px;
}

/*项目列表*/
.wrapper_box{
	margin-top: -15px;
}
.wrapper_box.board{
	margin-top: -15px;
	height: 700px;
}
.wrapper_scroller {
	z-index: 1;
	width: 100%;
	background: #F8F8F8;
	overflow: hidden;
	position: relative;
	padding: 20px 0px;
}
.wrapper_scroller.board {
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #F8F8F8;
	overflow: hidden;
	padding: 20px 0px;
	position: relative;
}
.scroller {
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 2500px;
	height: 100%;
	background-color: #F8F8F8;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.scroller ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style: none;
	text-align: center;
}
.scroller li {
	float: left;
	display: block;
	font-size: 18px;
	line-height: 40px;
	padding-right: 95px;
	background-color: #F8F8F8;
}

.scroller li a{
	float: left;
	display: block;
	font-size: 18px;
	line-height: 37px;
	background-color: #F8F8F8;
	border-bottom: 3px solid transparent;
}

.scroller li a{
    color: #666666;
}
.scroller li .delay_num{
    color: #FF0000;
}

.scroller li:hover a{
    color: #455FEC;
    border-bottom: 3px solid #455FEC;
}
.scroller li.active a{
	border-bottom: 3px solid #455FEC;
    color: #455FEC;
}

.wrapper_scroller.board .scroller li:hover a{
    color: #455FEC;
    border-bottom: none;
}
.wrapper_scroller.board .scroller li.active a{
	border-bottom: none;
    color: #455FEC;
}

.scroller li.project_cate{
	padding-right: 140px;
}

.wrapper_scroller.board ul{
	height: 100%;
}

.wrapper_scroller.board ul li{
	height: 100%;
}

.category_task {
  width: 283px;
  height: 600px;
  overflow: hidden;
  overflow-y: auto;
  border: 1px solid #DBDFE0;
  border-radius: 7px;
}
.category_task .category_title {
  width: 281px;
  height: 46px;
  color: #333333;
  font-size: 18px;
  line-height: 46px;
  text-indent: 12px;
  text-align: left;
  font-weight: 400;
  border-bottom: 1px solid #DBDFE0;
}
.category_task .category_title span {
  color: #999999;
}
.category_task .task_item {
  width: 281px;
  min-height: 160px;
  position: relative;
}
.category_task .task_item a {
  color: #999999;
  font-size: 16px;
}
.category_task .task_item a:hover {
  color: #999999;
  font-size: 16px;
  border-bottom: none;
}
.category_task .task_item .task_title {
  color: #666666;
  padding-left: 12px;
  text-align: left;
}
.category_task .task_item .priority {
  margin-left: 32px;
}
.category_task .task_item .adorn_box {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 6px;
  border-radius: 2px;
  border: 1px solid #DBDFE0;
}
.category_task .task_item .task_time {
  color: #666666;
  padding-left: 32px;
}
.category_task .task_item .task_user {
  width: 34px;
  bottom: 8px;
  right: 12px;
  height: 34px;
  color: #FFFFFF;
  display: block;
  font-size: 12px;
  line-height: 34px;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  background-color: #B9CDEF;
}
.category_task .task_item:hover {
  background-color: #F1F1F1;
}
.category_task .task_item:hover a{
  background-color: #F1F1F1;
}

.priority {
  width: 96px;
  height: 27px;
  border: none;
  display: block;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  line-height: 27px;
  border-radius: 3px;
}
.priority_high {
  background-color: #FC6D65;
}
.priority_middle {
  background-color: #93C36B;
}
.priority_low {
  background-color: #699BFF;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #DBDFE0;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
	vertical-align: middle;
}