/*----------------------------------------- Custom.css - put your own changes here ----------------------------------------- */
.list_works_sign,
.list_news_sign {
	border-top-left-radius: 3px;
	padding: 5px;
}

.list_works_sign {
	background-color: #FF9900;
}

.list_news_sign {
	background-color: #99CC33;
}

#qrcode img {
	margin: auto;
}

.my_folder {
	width: 20%;
	float: left;
	padding: 10px;
	text-align: center;
}

.my_folder_mob {
	width: 50%;
	float: left;
	padding: 10px;
	text-align: center;
}

.folder_pic {
	float: left;
	width: 50%;
	height: 1px;
	border: 1px solid #FFFFFF;
	background-color: #EEEEEE;
	overflow: hidden;
	padding-bottom: 31.25%
}

.folder_pic img {
	width: 100%;
}

.folder_pic_name a {
	font-size: 1.2em;
	text-decoration: none;
	line-height: 2em;
}

.error_input {
	border-color: #f68484;
}

.form-control {

	margin-bottom: 5px;
}

.is_info{
	margin:0 auto;
	max-width: 700px;
	padding:7px;
}

.my_folder div i {
	color: #ffd659;
	font-size: 10em;
}

.my_folder_eidt {
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	padding: 50px 10px 0 10px;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 100;
}

.display_none {
	display: none;
}

.display_block {
	display: block;
}

.iCheck_ins {
	position: absolute;
	top: 0%;
	left: 0%;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	border: 0px none;
	opacity: 0;
}

.favorites_edit {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0, 0, 0, 0.5);
}


.gray_btn {
	border: 1px solid #CCC;
	border-radius: 20px;
	background-color: rgb(204, 204, 204);
	color: #FFF;
}

.gray_btn:hover {
	border: 1px solid #CCC;
	border-radius: 20px;
	background-color: rgb(255, 255, 255);
}

/*******   我的留言    ****/
.error_bg {
	width: 100%;
	height: 100%;
	background-color: rgb(243, 245, 246);

}

.error_info {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -100px;
	width: 300px;
	height: 200px;
	background-color: rgb(243, 245, 246);
	border-radius: 5px;
	color: #768399;
}

.error_info h3 {
	letter-spacing: 10px !important;
	font-weight: normal;
	margin-top: 50px;
	margin-bottom: 50px;
}

.error_info h3 em {
	color: #d04040;
}

.nomessage {
	text-align: center;
	position: relative;
	top: 50%;
}

.chat_card {
	border: 1px solid #ebebec;
	display: table;
	padding: 15px;
	width: 48%;
	position: relative;
	margin-bottom: 10px;

}

.chat_card img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.chat_card {
	float: left;
	margin-right: 2%;
}

#message_c a:nth-child(3n) .chat_card {
	margin-right: 0;
}

.chat_card:nth-child(2n){
	margin-right: 0;
}

.chat_card:hover {
	background-color: #ebebec;
}

.chat_card span {
	float: left;
	max-width: 68%;
}

.chat_card span:nth-child(1) {
	margin-right: 25px;
}

.explist a {
	color: #1471af;
	width: 30%;
	text-decoration: none;
}

.chat {
	float: left;
	padding-left: 80px;
	margin-bottom: 15px;
	width: 80%;
}

.chat img {
	max-width: 50px;
	max-height: 50px;
}

.chat span {
	float: left;
}

.chat span:nth-child(1) {
	margin-left: -80px;
}

.chat span:nth-child(2) {
	padding: 10px 15px;
	border-radius: 5px;
	margin-top: 10px;
	background-color: lightcyan;
	position: relative;
}

.chat a {
	color: #768399;
}


.my {
	float: right;
	padding-right: 80px;
}

.my span {
	float: right;
}

.my span:nth-child(1) {
	margin-right: -80px;
}

.my span:nth-child(2) {
	background-color: bisque;
}

.show_dot {
	display: block !important;
}

.user_chat_q span:nth-child(2) {
	position: relative;
}

.chat_dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: red;
	position: absolute;
	right: -4px;
	top: -4px;
	display: none;
}

.scroll_btm {
	background-color: #FFF;
	overflow: auto;
	padding: 20px;
	/* height: 430px; */
	/* margin: 10px 1px; */
	margin: 0px 1px;
	position: relative;
}

.chat_more {
	cursor: pointer;
	width: 100%;
	position: fixed;
	top: 70px;
	left: 0;
	color: #75b9e6;
	text-align: center !important;
	background-color: #FFFFFF;
	z-index: 9;
}

.chat_more:hover {
	text-decoration: underline;
}

.modal-title-lf {
	float: left;
}


.message_title {
	background-color: #75b9e6;
	padding: 10px;
	color: #FFF;
	/* overflow: hidden; */
	height: 5em;
}

.message_title .modal-title {
	float: left;
}

.message_title a {
	color: #FFF;
}

.message_title span {
	float: right;
	padding: 12px;
	font-size: 1.2em;
	display: none;
}

.message_title span em {
	font-size: 1.2em;
}

.message_title span a {
	color: #FFF;
	text-decoration: none;
}

.message_title img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 20px;
}

.chat_inp {

	margin: 20px 20px 0 20px;
}

.self_h {
	height: 75% !important;
}

.nself_h {
	height: 90%;
	padding-top: 80px;
}
.font_cut{
	overflow: hidden;
	height: 1.5em;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 15em;
}

.user_cel{
	cursor: pointer;
	float: left !important;
	display: block !important;
	margin-left: 1em;
	position: relative;
	border-radius: 5px;
}

.user_cel ul{
	padding: 0.5em;
	font-size: 0.8em;
	width: 7em;
	margin-top: 2.5em;
	border: 1px solid #75b9e6;
	border-radius: 5px;
	display: none;
}

.user_cel ul li{
	list-style: none;
	color: #00A3D9;
	font-size: 1em;
	line-height: 1.6em;
	text-align: center;
}
.user_cel ul li:hover{
	color: #FFF;
	background-color: #00A3D9;
}

.user_cel:hover{
	background-color: #00A3D9;
	z-index: 9;
}

.user_cel:hover ul{
	display: block;
}



/*******   我的留言 END   ******/

/*******   我的公司   ******/

small>span{
	background-color:#75b9e6;
	color:#FFF;
	/* margin: 0 !important; */
	padding: 5px;
	border-radius:5px;
	margin-right: 5px !important;
	font-size: 0.8em;
}



.clevel_box {
	width: 22%;
	border: 1px solid #DCDCDC;
	float: left;
	padding: 10px;
}

.tile-stats-minfo {
	color: #FFF;
	text-align: center;
	padding-bottom: 18px;
}

.label {
	display: inline !important;
}

.bg_list{
	  background-color: #f7f7f7;
}

.blue-bg {
	background-color: #FFF;
	color:#4aa3de ;
}

.color-blue{
	color:#4aa3de !important;
}

.brown-bg {
	background-color: #c2a36f;
}
.color-brown{
	color:#c2a36f !important;
}

.green-bg {
	background-color: #4ac77c;
}
.color-green{
	color:#4ac77c !important;
}

.dark-bg {
	background-color: #606c81;
}
.color-dark{
	color: #606c81 !important;
}
.table>tbody>tr>td {
	vertical-align: unset !important;
}

.mt12 {
	margin-top: 12px;
}

/****--员工--***/
.panel-heading,
.panel-body {
	/* border: 0px !important; */
}

thead>tr>th:nth-last-child(1),
tbody>tr>td:nth-last-child(1)
{
	text-align: right;
}

#emp_panel thead>tr>th,
#emp_panel tbody>tr:nth-last-child(1)>td{
	border-bottom:1px solid #CCC;
}


/*******   我的公司 END  ******/






/*******   收藏    ****/

.panel-24 {
	float: left;
	position: static;
	width: 24%;
	margin-right: 15px;
}

.panel-24:nth-child(4n) {
	margin-right: 0;
}




/*******   收藏 End  ****/

.onoffswitch-inner::after {
	content: "公开";
}

.onoffswitch-inner::before {
	content: "私有";
}


@media only screen and (min-width: 1281px) {
	.panel-33 {
		float: left;
		position: static;
		width: 32%;
		margin-right: 10px;
	}

	.panel-33:nth-child(3n) {
		margin-right: 0;
	}

	.left-icon-40 {
		padding-left: 40px;
		font-size: 16px;
	}

	label {
		font-weight: normal;
	}

	.form-horizontal .control-label {
		text-align: left;
	}

	.body_height {
		height: 210px;
		overflow: hidden;
	}

	.exp_block {
		width: 100%;
		padding: 20px 20px 20px 180px;
		margin-bottom: 40px;
		background-color: #F7F7F7;
		float: left;
		clear: both;
	}

	.exp_year,
	.exp_day {
		text-align: center;
		font-weight: bold;
	}

	.exp_year {
		background-color: #00A3D9;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 30px;
	}

	.exp_day {
		background-color: #EEFFFF;
		line-height: 110px;
		font-size: 70px;
		color: #00A3D9;
	}

	.exp_title a:hover {
		/*color: #C12E2A*/
		text-decoration: none;
	}

	.exp_day_adress i {
		margin-right: 15px;
	}

	.exp_day_adress,
	.exp_company {
		color: #777777;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.exp_info,
	.exp_day_adress,
	.exp_company {
		font-size: 14px;
		line-height: 24px;
	}

	.exp_company {
		border-top: 1px solid #CCCCCC;
		padding-top: 10px;
	}

	.exp_button button {
		border-radius: 20px;
		width: 110px;
		display: none;
		/*padding-left: 10px;
		padding-right: 10px;*/
	}

	.show_button {
		display: inline !important;
	}

	.btn-success {
		background-color: #00B700;
	}

	.btn-primary {
		background-color: #00A7E4;
	}

	.gray {
		-webkit-filter: grayscale(1);
		/* Webkit */
		filter: grayscale(1);
		/* W3C */
	}

	.modal-open {
		overflow: auto
	}

	.clp {
		color: #00A6E4;
		font-weight: bold;
		padding: 0 5px;
	}

	.clj {
		color: #2CB200;
		font-weight: bold;
		padding: 0 5px;
	}
}

@media only screen and (min-width: 450px) and (max-width: 1280px) {
	.tab-pane {
		height: 300px;
	}

	.s24 {
		font-size: 24px !important;
	}

	.left-icon-40 {
		padding-left: 40px;
		font-size: 16px;
	}

	.form-group {
		margin-bottom: 30px;
	}

	.panel-33 {
		float: left;
		position: static;
		width: 49%;
		margin-right: 10px;
	}

	.panel-33:nth-child(2n) {
		margin-right: 0;
	}

	label {
		font-weight: normal;
	}

	.form-horizontal .control-label {
		text-align: left;
	}

	.body_height {
		height: 210px;
		overflow: hidden;
	}



	/*******   收藏    ****/
	.panel-24 {
		float: left;
		position: static;
		width: 24%;
		margin-right: 10px;
	}

	.panel-24:nth-child(4n) {
		margin-right: 0;
	}

	/*******   收藏 End  ****/
}



/**
 * 
 *  移动端
 */

@media only screen and (min-width: 100px) and (max-width: 449px) {
	h2 {
		color: #CCCCCC;
	}

	.row {
		margin: 0;
	}

	body.login-page #login {
		margin-top: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#content {
		margin-left: 0 !important;
		padding-top: 50px;
		padding-left: 0;
		padding-right: 0;
	}

	#sidebar {
		top: 50px;
	}

	.sign {
		border: 0 !important;
	}

	.nav-tabs.nav-justified>.active>a:focus,
	.nav-tabs.nav-justified>.active>a {
		border-bottom: 0;
		border-right: 0;
		border-left: 0;
		border-top: 0;
	}

	.nav-tabs.nav-justified li.active a {
		border-right-width: 0px;
		border-left-width: 0px;
	}

	.mExp {
		background-color: #EEEEEE;
		overflow: hidden;
		padding: 15px 15px 25px 15px;
	}


	.mExp_info {
		padding-left: 20px;
	}

	.mExp_info i {
		margin-left: -20px;
		margin-right: 7px;
		line-height: 25px;
	}

	.mExp_btn {
		padding: 8px 10px;
		color: #FFFFFF;
		margin-bottom: 20px;
		text-align: center;
	}

	.mExp_btn .show_button {
		font-weight: bold;
		font-size: 1.2em;
	}

	.coming {
		background-color: #00A3D9;
	}

	.opening {
		background-color: #00BC00;
	}

	.gray {
		background-color: #777777;
	}


	/****  移动端 聊天页面 **/
	.scroll_btm {
		padding: 10px;
	}

	.chat {
		float: left;
		padding-left: 50px;
		margin-bottom: 15px;
		width: 84%;
	}

	.chat img {
		max-width: 40px;
		max-height: 40px;
	}

	.chat span:nth-child(1) {
		margin-left: -50px;
	}

	.chat span:nth-child(2) {
		padding: 10px 15px;
		border-radius: 5px;
		margin-top: 10px;
		background-color: lightcyan;
		position: relative;
	}

	.my {
		float: right;
		padding-right: 50px;
		padding-left: 0;
	}

	.my span:nth-child(1) {
		margin-right: -50px;
	}

	.my span:nth-child(2) {
		background-color: bisque;
	}

	.chat_card {
		width: 100%;
	}

	/* 	.self_h{
		height: 60% !important;
	} */


}


@media only screen and (min-width: 100px) and (max-width: 320px) {

	.self_h {
		height: 60% !important;
	}
}


@media only screen and(min-height: 100px) and (max-height:700px) {
	.self_h {
		height: 50% !important;
	}
}