/***
Page header
***/
.header .navbar-inner {
	/**filter: none !important; background-image: none !important;**/
}

.navbar-inverse .brand {
	color: #fff;
}

.navbar-inverse .nav>li>a {
	color: #fff; text-shadow: 0 -1px 0 #fff;
}

.header .nav .dropdown-toggle:hover, .header .nav .dropdown.open .dropdown-toggle {
	background-color: #146a9d !important;
}

.header .nav li.dropdown .dropdown-toggle i {
	color: #68bbec !important;
}
/***
Page container
***/
.page-container {
	margin: 0px; padding: 0px;
}

.page-header-fixed .page-container {
	margin-top: 64px;
}
/**
*
*tab
*
*
**/
.nav>li>a {
	color: #c9ccda;
}
/***
Page sidebar
***/
.page-sidebar {
	color: #c9ccda; position: fixed; width: 185px; bottom: 0; top: 64px;
	/* min-height: 560px; */
}

.page-sidebar-user {
	height: 120px; width: 100%; text-align: center; margin-top: 15px;
}

.page-sidebar-user img {
	width: 64px; height: 64px;
}

ul.page-sidebar-menu {
	margin: 0;
}

ul.page-sidebar-menu>li {
	list-style: none; padding: 0px 10px 0px 20px; font-size: 18px; height: 50px; line-height: 50px;
}

ul.page-sidebar-menu>li:last-child {
	border-bottom: 0px solid #dddddd;
}

ul.page-sidebar-menu>li>a {
	border-top: 0px solid #dddddd !important; color: #c9ccda !important; text-decoration: none;
}

ul.page-sidebar-menu>li:last-child>a {
	/* border-bottom: 1px solid transparent !important; */
	
}

ul.page-sidebar-menu>li a i {
	color: #c9ccda; font-size: 20px;
}

ul.page-sidebar-menu>li.active {
	/**background: #0f5179; color: #fff;**/
	background:#f7b547;
}
ul.page-sidebar-menu>li.active>a .title {
	color: #fff;
}

ul.page-sidebar-menu>li.active>a i {
	color: #fff;
}
/***
Page content
***/
.page-content {
	padding: 0px; position: absolute; left: 183px; right: 300px; bottom: 0; top: 64px;
}

/***
Portlets
***/
.portlet {
	clear: both; margin-top: 0px; margin-bottom: 0px; padding: 0px;
}

.portlet-title {
	margin-bottom: 15px; border-bottom: 1px solid #eee; font-family: 'Open Sans', sans-serif; font-size: 18px;
}

.portlet-title:after, .portlet-title:before {
	content: ""; display: table; line-height: 0;
}

.portlet-title:after {
	clear: both;
}

.portlet-title  i {
	margin-bottom: 13px; float: left; margin-top: 5px; display: inline-block !important; font-size: 14px; margin-right: 10px; color: red;
}

.portlet-title .tools, .portlet-title .actions {
	display: inline-block; padding: 0; margin: 0; margin-top: 6px; float: right;
}

.portlet-title .tools>a {
	display: inline-block; height: 16px; margin-left: 5px; text-decoration: none; cursor: pointer;
}

.portlet-title .dropdown-menu i {
	color: #0d638f !important;
}

.portlet-title .tools a>i {
	font-size: 16px; cursor: pointer;
}

.portlet-title .actions>.btn-group {
	margin-top: -12px;
}

.portlet-title .actions>.btn {
	padding: 4px 10px; margin-top: -13px;
}

.portlet-title .actions>.btn-group>.btn {
	padding: 4px 10px; margin-top: -1px;
}

.portlet-title .actions>.btn.mini {
	margin-top: -12px; padding: 4px 10px;
}

.portlet-title .pagination.pagination-small {
	float: right !important; display: inline-block !important; margin: 0px; margin-top: -2px;
}

.portlet-body {
	clear: both; padding: 0;
}

.portlet-body .btn-toolbar {
	margin: 0px !important; padding: 0px !important;
}

.portlet-body .btn-group {
	margin: 0px !important; padding: 0px !important; margin-bottom: 10px !important;
}

/***
Box portlet
***/
.portlet.box {
	padding: 0px !important; border: 1px solid #D8D8D8; box-shadow: 0 0 4px #D8D8D8;
}

.portlet.box .portlet-title {
	padding: 8px 10px 2px 10px; border-bottom: 1px solid #E4E4E4; color: #0d638f !important;
}

.portlet.box .portlet-title>.actions>.btn>i {
	color: #0d638f !important;
}

.portlet.box .portlet-title .tools {
	margin-top: 3px;
}

/* portlet buttons */
.portlet.box .portlet-body {
	padding: 10px;
}

.portlet.box .portlet-title {
	margin-bottom: 0px;
}

.right {
	float: right;
}

.left {
	float: left;
}
/***************************right  box***************************************/
.page-others {
	position: fixed; right: 0; top: 64px; height: auto; margin: 0px; width: 300px; bottom: 0;
}

.ad-box img {
	width: 100%;
}

/********************begin chat style***********************/
.chat-box {
	margin: 0; height: auto; width: 100%;
}

.chat-ccno {
	width: 100%; text-align: center;
}

.chat-ccno a {
	color: #e02222; text-decoration: none;
}

.chat-ccno span {
	margin-left: 5px; color: #000;
}

.portlet.box {
	box-shadow: 0 0 0px #D8D8D8;
}

.portlet.box.chat-info {
	border-right: 0 solid #D8D8D8;
}

.portlet.box.chat-info .portlet-title {
	border: 0px solid #D8D8D8;
}

.portlet.box.chat-info .portlet-body {
	padding: 0;
}

/***********************ҵ������****************************/
.chat-business {
	width: 100%; padding: 0px 0px 15px 0px; overflow: auto;
}

.chat-business-welcome {
	font-size: 20px; font-weight: 300; text-align: center; margin: 20px 0 20px 0; font-family: Arial, Helvetica, sans-serif; color: #0d638f !important;
	text-shadow: rgba(255, 255, 255, 0.5) 0 5px 6px, rgba(255, 255, 255, 0.2) 1px 3px 3px;
}

.chat-business-time {
	font-size: 16px; font-weight: 300; text-align: center; margin: 0px 0 20px 0; font-family: Arial, Helvetica, sans-serif; color: #e02222 !important;
	text-shadow: rgba(255, 255, 255, 0.5) 0 5px 6px, rgba(255, 255, 255, 0.2) 1px 3px 3px;
}

.chat-business-item {
	width: 280px; float: left; margin: 15px 25px 25px 80px; display: block; cursor: pointer;
}

.chat-business-stat {
	-webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; margin: 2px;
}

.chat-business-item.active {
	outline: none; box-shadow: 0 0 8px rgba(103, 166, 217, 1); background-color: #87C6F9 !important;
}

.chat-business-stat:before, .chat-business-stat:after {
	display: table; line-height: 0; content: "";
}

.chat-business-stat:after {
	clear: both;
}

.chat-business-stat .visual {
	display: block; padding: 10px 15px 10px 15px; height: 50px; line-height: 50px;
}

.chat-business-stat>.visual>.name {
	float: left; margin-left: 10px; font-size: 24px; font-weight: 300; color: #fff; vertical-align: middle;
}

.chat-business-stat>.visual>.icon-credit {
	float: left; vertical-align: middle;
}

.chat-business-stat>.visual>.icon-credit>i {
	font-size: 45px; color: #fff; width: 64px; height: 64px; padding-top: 10px;
}

.chat-business-stat .details {
	padding-right: 15px; padding-bottom: 10px;
}

.chat-business-stat .details .desc {
	display: block; padding: 0px 15px 0px 15px; width: 100%; color: #fff; text-align: left; font-size: 16px; letter-spacing: 0px; font-weight: 300;
}

/*****************�����***************************/
.chat-view {
	padding: 10px 3px 3px 3px; position: absolute; bottom: 174px; top: 34px; overflow: auto; right: 0px; left: 0px;
}
.chat-view .row-fluid img{
	max-width:270px;
	max-height:150px;
}
/*****************�����ť***************************/
.chat-plugs {
	border: 1px solid #dddddd; height: 30px; width: 100%; line-height: 30px; border-left: 0; border-right: 0; position: absolute; bottom: 141px;
}
.chat-plugs a{text-decoration: none;}
.chat-plugs  .chat-icon {
	width: 20px; height: 20px; margin: 0; padding: 0; background-repeat: no-repeat; background-image: url(imagesicons.png); float: left; margin: 5px 0 0 15px;
	cursor: pointer;
}

.chat-plugs .active {
	width: 20px; height: 20px; background-color: #cecece;
}

.chat-plugs .chat-icon-bold {
	background-position: 0 0;
}

.chat-plugs .chat-icon-italic {
	background-position: -60px 0;
}

.chat-plugs .chat-icon-underline {
	background-position: -140px 0;
}
.chat-plugs .chat-icon-question {
	background-position: -340px 0;
}
.chat-plugs .chat-icon-emotion {
	background-position: -60px -20px;
}
.chat-plugs .chat-icon-video {
	background-position: -100px -20px;
}
.chat-plugs .chat-icon-audio {
	background-image: url(imagesicon_audio.png); 
}
.chat-plugs .chat-icon-font {
	background-position: -720px 0; margin-top: 7px;
}

.chat-plugs .chat-icon-printscreen {
	background-position: -580px -40px;
}

.chat-plugs .chat-icon-pic {
	background-position: -40px -40px;
}
/*****************�����***************************/
.chat-content {
	position: absolute; bottom: 1px; width: 100%;
}

.chat-input {
	text-align: center; line-height: 100px; height: 100px; width: 99.5%; margin-left: 1px; position: absolute; bottom: 40px; overflow-y: auto; color: #000;
}

.chat-input textarea {
	width: 95%; height: 75px; margin-top: 4px; resize: none;
}

.chat-input em {
	color: #b7b7b7;
}

.chat-input b {
	font-weight: bold;
}

.chat-input i {
	font-style: italic;
}

.chat-input u {
	text-decoration: underline;
}

/***************����***********************/
.chat-speech {
	/**margin: 5px 0; **/
	padding: 3px 6px 5px 6px;
	 table-layout: fixed; 
	 word-break: break-all; position: relative; border: 0px solid #989898; min-height: 30px;
	-webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;
}

.chat-speech:after {
	content: ''; position: absolute; width: 0; height: 0; left: 17px; top: -16px; border: 8px solid; border-color: transparent transparent #f3f3f3 transparent;
}

/**.chat-speech .chat-time {
	font-size: 15px;
	margin-bottom: 5px;
	color:green;
}**/
/***************�������***********************/
.chat-leftheader {
	float: left; margin-top: 15px;
}

.chat-leftheader img {
	width: 24px; height: 24px;
}

.chat-speech.left {
	margin-left: 10px;
	width: auto; 
	float: left; 
	max-width: 100%;
	/**color: #fff;
	background: #3c8dbc;**/
}

.chat-speech.left .chat-speech-from {
	 min-height: 20px; margin-left: 3px; width: auto;
}

.chat-speech.left:after {
	/**content: ''; position: absolute; width: 0; height: 0; top: 10px; bottom: auto; left: -8px; border-width: 8px 9px 8px 0; border-color: transparent #3c8dbc;**/
}
/***************�Ҳ�����***********************/
.chat-rightheader {
	float: right; margin-top: 15px;
}

.chat-rightheader img {
	width: 24px; height: 24px;
}

.chat-speech.right {
	margin-left: 10px;
	width: auto; 
	float: left; 
	max-width: 100%;
	/**color: #fff;
	background: #3c8dbc;**/
	
	/**margin-right: 10px;
	width: auto; 
	max-width: 60%; 
	float: right;
	background:#009d00; 
	color: #fff;**/
}

.chat-speech.grade {
  margin-left: 10px;
  width: auto;
  float: left;
  background: rgb(253, 234, 210);
  max-width: 100%;
  color: black;
}

.chat-speech.right .chat-speech-from {
	color: #fff; min-height: 20px; margin-right: 3px; width: auto;
}
.chat-speech.right .chat-time{
	font-size: 15px;
  	margin-bottom: 5px;
  	color: rgb(36, 0, 255);
}
.chat-speech.left .chat-time{
	font-size: 15px;
  	margin-bottom: 5px;
  	color: green;
}

.chat-speech.right:after {
	/**content: ''; 
	position: absolute;
	width: 0; 
	height: 0; 
	top: 10px; 
	bottom: auto; 
	left: auto; 
	right: -8px; 
	border-width: 8px 0 8px 9px;
	border-color: transparent #009d00;**/
}

/*****************�����ť***************************/
.btn {
	-webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;
}

.chat-btn {
	border-top: 0px solid #dddddd; height: 40px; line-height: 40px; width: 100%;
}

.chat-btn a {
	float: right; margin-right: 15px; margin-top: 5px; height: 15px; line-height: 15px;
}

.chat-btn i {
	float: right; margin-right: 15px; font-size: 24px; margin-top: 6px;
}

.chat-btn i.active {
	color: #dbdbdb
}

.chat-btn span {
	float: right; margin-right: 10px;
}

.chat-btn .send-btn {
	margin-right: 0px; -webkit-border-top-right-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-top-right-radius: 0px !important;
	-moz-border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important;
}

.set-radios {
	padding: 7px 7px 7px 12px; position: absolute; left: 80%;
}

.set-btn {
	padding: 7px 0px; margin-left: 0; border-left: 1px solid #dddddd; -webkit-border-top-left-radius: 0px !important; -webkit-border-bottom-left-radius: 0px !important;
	-moz-border-top-left-radius: 0px !important; -moz-border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important; cursor: pointer;
}

.set-btn i {
	font-size: 18px; margin: 0px 2px 0 2px;
}

/***********************chat  emotion****************************/
.chat-emotion {
	list-style: none; position: absolute; border: 1px solid #dddddd; width: 378px; bottom: 23px; z-index: 3000; left: 90px; background-color: #fff; display: none;
}

.chat-emotion li {
	width: 25px; height: 25px; line-height: 25px; background-color: #fff; float: left; background-repeat: no-repeat; border: 1px solid #dddddd;
}

.chat-emotion li:HOVER {
	background-color: #dddddd;
}

.upload-file {
	margin-top: 4px; margin-left: -10px; border: 1px solid red;
}

/***********************���������б�***************************************/
.feeds-search {
	margin: 15px 20px 5px 20px;
}

.feeds-search .input-box {
	padding: 0x; border-bottom: 1px solid #dddddd !important;
}

.feeds-search input[type="text"] {
	color: #bfbfbf; font-size: 14px; box-shadow: none; background-color: #fff; padding-bottom: 0px; margin-bottom: 1px; border: 0px;
}

.feeds-search input[type="button"] {
	border: 0px; box-shadow: none; background: url(mediaimagesearch-icon.png) no-repeat; display: block; float: right; margin-top: 8px; margin-right: 10px; width: 13px;
	height: 13px;
}

.feeds {
	margin: 0px; padding: 0px; list-style: none; margin-bottom: 10px; margin-top: 10px;
}

.feeds li {
	background-color: #fafafa; margin-bottom: 10px; border-left: 5px solid #35aa47; cursor: pointer;
}

.feeds li:HOVER {
	background-color: #f3f7fa;
}

.feeds li:before, .feeds li:after {
	display: table; line-height: 0; content: "";
}

.feeds li:after {
	clear: both;
}

.feeds  .cont-col2 {
	float: left;
}

.feeds  .cont-col2 .desc {
	margin-left: 15px; margin-top: 8px; margin-bottom: 8px; overflow: hidden;
}

/**********************΢��΢��**********************/
.nav-follow {
	list-style: none; display: inline; width: 100%; height: 68px; float: left;margin:0; margin-bottom: 10px; padding: 0;border-bottom: 1px solid #dddddd;
}

.nav-follow a {
	text-decoration: none;
}

.nav-follow li {
	float: left; color: #000; font-weight: bold; font-size: 20px; padding: 10px 25px 10px 25px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;
	cursor: pointer;background: #f0f0f0;
}

.nav-follow li:HOVER, .nav-follow li.active {
	border-bottom: 1px solid #FFF;background: #FFF;
}

.nav-follow li>img {
	margin-left: 5px;
}

.content-follow{width: 100%;height: auto;padding: 20px 10px 0 10px;margin-top: 0px;}