.messageHeader {
	padding: 0px 20px;
	min-width:1035px;
}
.messageHeader [class^="col"] {
	padding-left: 0;
    padding-right: 0;
}
.messageHeader #messageContent {
	width:95%
}
.messageQuery,#hasBeenSend,.addMsgBtn {
	background-color: #3ebee6;
    color: white !important;
    border-color: #3ebee6;
    text-shadow: none;
}
.messageQuery:hover{
	background-color: #3ebee6;
	opacity:0.8;
}
.yk_messageView{
	font-size:13px;
	font-family:'ZenIcon';
	font-style:normal;
}
.yk_messageView i{
	font-style:normal;
	color: #3ebee6;
	cursor:pointer;
}
.yk_messageView i.icon-search:hover:before{
	content:'\e902';
	font-family:iconword;
	font-weight:bold;
} 
.yk_messageView i.icon-folder-open-alt:hover:before{
	content:'\e90e';
	font-family:iconword;
	font-weight:bold;
}
.yk_messageView i.icon-folder-close-alt:hover:before{
	content:'\e90f';
	font-family:iconword;
	font-weight:bold;
}
.yk_messageView i.icon-trash:hover:before{
	content:'\e90c';
	font-family:iconword;
	font-weight:bold;
}
#myModal-viewmessage label,
#myModal-viewSendmessage label{
	padding-left:0px;
	cursor:default;
}
#myModal-viewSendmessage .modal-content,
#myModal-readingSituation .modal-content{
	max-height:400px;
	overflow-y:auto;
	overflow-x:hidden;
}
.readingSituationWord{
	color:#59c4fc !important;
	cursor:pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.readingSituationWord:hover{
	text-decoration:underline;
}
.noReadPersonDetail,
.readPersonDetail{
	overflow:hidden;
}
.noReadPersonDetail,
.readPersonDetail{
	width:100%;
	padding:0.1rem;
	padding-left:0.22rem;
}
.readStatusPerson{
	float:left;
	width:0.85rem;
}
.readStatusPerson div{
	width:0.5rem;
	height:0.5rem;
	border-radius:50%;
	overflow:hidden;
	background-size:0.5rem 0.5rem;
	background-position:center;
	background-image:url(../../../images/avatars/user.jpg);
	margin:0 auto;
}
.readStatusPerson p{
	margin-top:0.04rem;
	text-align:center;
	line-height:normal;
	height:0.34rem;
	font-size:0.12rem;
}
#myModal-readingSituation .modal-dialog{
	
}
.noReadPersonNo,
.readPersonNo{
	padding:0.06rem 0.22rem;
	background-color:#ddf3f5;
	margin:0;
	color:#333;
	letter-spacing:0.1em;
	font-size:0.14rem;
}
.yk_addMessageBox{
	background-color:#fff;
	padding:20px;
	position:absolute;
   	top:102px;
   	left:20px;
   	right:20px;
   	bottom:20px;
	padding-top:30px;
	padding-right:40px;
	padding-bottom:30px;
	border:1px solid #ccc;
	border-radius:4px;
	overflow:auto;
}
.yk_addNewMsg{
	margin-top:5px;
	padding-right:20px;
}
.yk_addNewMsg .btn-cancel{
	background-color:#fff;
	color:#333;
	border:1px solid #DCDFE6
}
.yk_addNewMsg .btn-cancel:hover,
.yk_addNewMsg .btn-cancel:focus,
.yk_addNewMsg .btn-cancel:active{
	background-color:#fff;
	color:#333;
	opacity:0.8;
}
.sendTypeBtn{
	width:100%;
	text-align:left;
	padding-left:8px;
	outline:none;
}
.sendTypeBtn.btn:hover,
.sendTypeBtn.btn:active,
.sendTypeBtn.btn:focus{
	background-color:#fff;
}
.sendTypeBtn .caret{
	float:right;
	margin-top:8px;
	border-width:5px;
}
.pushTimeBox{
	display:none;
}
.sendArea{
	min-height: 32px;
	padding:2px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color:#fff;
    color:#222;
    cursor:pointer;
    max-height:90px;
    overflow-y:auto;
}
#messageList .cbox.cbox,
#sendList .cbox.cbox{
	margin-right:10px;
} 
/* .myModal-sendRange,
.myModal-sendRange div{
	position:relative;
} */

	