#onlin_chat *{
	font-family: iransans;
	box-sizing: border-box;
}
#onlin_chat form[name=form_login]{
	margin: 30px 20px;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #0f4267;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#onlin_chat form[name=form_login] .repass a{
	display: block;
	margin: 5px 0;

}
#onlin_chat form[name=form_login] input[type=submit]{
	background: #0f4267 !important;
	padding: 5px 19px !important;
	margin: 0 !important;
}
#onlin_chat_num{
	position: fixed;
	z-index: 999999999999;
	bottom: 15px;
	width: 20px;
	height: 20px; 
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #d32027;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
}
.body_rtl #onlin_chat_num{
    right: 15px;
}
.body_ltr #onlin_chat_num{
	left: 15px;
}
#onlin_chat_num:empty{
	display: none;
}


#onlin_chat{
	position: fixed;
	z-index: 99999999999;
	width: 50px;
	height: 50px;
	background-color: #0f4267;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	bottom: 20px;
	cursor: pointer;
	overflow: hidden;
}
#onlin_chat.open{
	overflow: inherit;
}
.body_rtl #onlin_chat{
	right: 20px;
}
.body_ltr #onlin_chat{
	left: 20px;
}

#onlin_chat .onlin_chat_icon{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='-41 164.9 512 512' style='enable-background:new -41 164.9 512 512;' xml:space='preserve' %3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M349.8,338.1c0,9-7.3,16.3-16.3,16.3H96.5c-9,0-16.3-7.3-16.3-16.3c0-9,7.3-16.3,16.3-16.3h236.9 C342.5,321.7,349.8,329,349.8,338.1z M333.5,419.2H96.5c-9,0-16.3,7.3-16.3,16.3c0,9,7.3,16.3,16.3,16.3h236.9 c9,0,16.3-7.3,16.3-16.3C349.8,426.5,342.5,419.2,333.5,419.2z M471,380c0,73.2-46.1,141.8-120.7,180.4 c-55.1,110.6-181,113.8-195.4,113.8h0l-2,0c-7.1-0.2-13.3-5-15.2-11.9c-1.9-6.9,0.8-14.2,6.8-18.1c23.5-15.3,42.2-32.8,56-52.1 C66,585.7-41,493-41,380c0-117.1,114.8-212.4,256-212.4C356.2,167.6,471,262.9,471,380z M438.3,380c0-99.1-100.2-179.7-223.3-179.7 C91.9,200.2-8.3,280.9-8.3,380c0,99.1,100.2,179.8,223.3,179.8c4.4,0,8.8-0.1,13.2-0.3c0.3,0,0.5,0,0.8,0c5.4,0,10.6,2.7,13.6,7.3 c3.2,4.8,3.6,10.9,1.1,16.1c-8.8,18.4-20.7,35.4-35.7,51.1c38.7-10.4,88.4-34.9,115.2-92.5c1.6-3.4,4.3-6.1,7.6-7.8 C398.1,500.6,438.3,443.2,438.3,380z'/%3E%3C/g%3E%3C/svg%3E%0A");
	z-index: 999999;
}
#onlin_chat.open .onlin_chat_icon{
	background-size: 20px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='-41 164.9 512 512' style='enable-background:new -41 164.9 512 512;' xml:space='preserve' %3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Close'%3E%3Cpath class='st0' d='M275.9,420.9l182.5-182.5c16.8-16.8,16.8-44,0-60.8c-16.8-16.8-44-16.8-60.8,0L215,360L32.5,177.5 c-16.8-16.8-44-16.8-60.8,0c-16.8,16.8-16.8,44,0,60.8l182.5,182.5L-28.4,603.4c-16.8,16.8-16.8,44,0,60.8 c16.8,16.8,44,16.8,60.8,0L215,481.7l182.5,182.5c16.8,16.8,44,16.8,60.8,0c16.8-16.8,16.8-44,0-60.8L275.9,420.9z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#onlin_chat .msg_box{
	width: 0;
	height: 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #0f4267;
	position: absolute;
	bottom: 50px;
	cursor: default;
	transition:opacity .5s ease-in-out;
	-webkit-transition:opacity .5s ease-in-out;
	-moz-transition:opacity .5s ease-in-out;
	opacity: 0;
}

#onlin_chat.open .msg_box{
	opacity: 1;
	width: 300px;
	height: 460px;
}
#onlin_chat .msg_box .msg_head{
	width: 100%;
    height: 40px;
    color: #fff;
    height: 30px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 11px;
}

#onlin_chat .msg_box .msg_head .led_red{
    display: inline-block;
	width: 10px;
    height: 10px;
	background-color: #F00;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px 1px, inset #441313 0 -1px 7px, rgba(255, 0, 0, 0.5) 0 2px 12px;
	-webkit-animation: blinkRed 1s infinite;
	-moz-animation: blinkRed 1s infinite;
	-ms-animation: blinkRed 1s infinite;
	-o-animation: blinkRed 1s infinite;
	animation: blinkRed 1s infinite;
	vertical-align: middle;
}
.body_rtl #onlin_chat .msg_box .msg_head .led_red{
    margin: 0 auto 0 10px;
}
.body_ltr #onlin_chat .msg_box .msg_head .led_red{
    margin: 0 10px 0 auto;
}
@-webkit-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px 1px, inset #441313 0 -1px 7px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-moz-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px 1px, inset #441313 0 -1px 7px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-ms-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px 1px, inset #441313 0 -1px 7px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-o-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px 1px, inset #441313 0 -1px 7px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px 1px, inset #441313 0 -1px 7px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}




#onlin_chat .msg_box .msg_head .led_green {
    display: inline-block;
    width: 10px;
    height: 10px;
	background-color: #ABFF00;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px 1px, inset #808002 0 -1px 7px, #89FF00 0 2px 12px;
	-webkit-animation: blinkGreen 1s infinite;
	-moz-animation: blinkGreen 1s infinite;
	-ms-animation: blinkGreen 1s infinite;
	-o-animation: blinkGreen 1s infinite;
	animation: blinkGreen 1s infinite;
	vertical-align: middle;
}
.body_rtl #onlin_chat .msg_box .msg_head .led_green{
    margin: 0 auto 0 10px;
}
.body_ltr #onlin_chat .msg_box .msg_head .led_green{
    margin: 0 10px 0 auto;
}
@-webkit-keyframes blinkGreen {
    from { background-color: #89FF00; }
    50% { background-color: #4C8E00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px 1px, inset #79B400 0 -1px 7px, #89FF00 0 2px 0; }
    to { background-color: #89FF00; }
}
@-moz-keyframes blinkGreen {
    from { background-color: #89FF00; }
    50% { background-color: #4C8E00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px 1px, inset #79B400 0 -1px 7px, #89FF00 0 2px 0; }
    to { background-color: #89FF00; }
}
@-ms-keyframes blinkGreen {
    from { background-color: #89FF00; }
    50% { background-color: #4C8E00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px 1px, inset #79B400 0 -1px 7px, #89FF00 0 2px 0; }
    to { background-color: #89FF00; }
}
@-o-keyframes blinkGreen {
    from { background-color: #89FF00; }
    50% { background-color: #4C8E00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px 1px, inset #79B400 0 -1px 7px, #89FF00 0 2px 0; }
    to { background-color: #89FF00; }
}
@keyframes blinkGreen {
    from { background-color: #89FF00; }
    50% { background-color: #4C8E00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 4px 1px, inset #79B400 0 -1px 7px, #89FF00 0 2px 0; }
    to { background-color: #89FF00; }
}



#onlin_chat .msg_box .content{
	width: 280px;
	height: 340px;
	background-color: #fff;
	margin: 10px auto;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	position: relative;
}
#onlin_chat .msg_box .content .chat_box{
	background-color: #fff;
	background-image:url(../0allsites/images/chat_bg_pattern.png);
	width: 100%;
	height: 100%;
	direction: ltr;
	z-index: 1;
}

#onlin_chat .msg_box .content .chat_box .items .file{
	padding-top: 10px;
}
#onlin_chat .msg_box .content .chat_box .items .file .file_name{
	max-width: 80%;
	text-align: left;
}
#onlin_chat .msg_box .content .chat_box .items .file .file_name,
#onlin_chat .msg_box .content .chat_box .items .file .ic{
	display: inline-block;
	vertical-align: middle;
}
#onlin_chat .msg_box .content .chat_box .items .file .ic{
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background-size: 30px;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='-41 164.9 512 512' style='enable-background:new -41 164.9 512 512;' xml:space='preserve' %3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230F4267;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M215,546.1L215,546.1c-4.2,0-7.7-3.4-7.7-7.7l0-173.5c0-4.2,3.4-7.7,7.7-7.7l0,0c4.2,0,7.7,3.4,7.7,7.7 l0,173.5C222.7,542.6,219.2,546.1,215,546.1z'/%3E%3Cpath class='st0' d='M215,546.1c-2,0-3.9-0.8-5.4-2.2l-66.3-66.3c-3-3-3-7.9,0-10.9s7.9-3,10.9,0l60.9,60.9l60.9-60.9 c3-3,7.9-3,10.9,0c3,3,3,7.9,0,10.9l-66.3,66.3C218.9,545.3,217,546.1,215,546.1z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M383.1,676.9H46.9c-21.2,0-38.4-17.2-38.4-38.4V203.3c0-21.2,17.3-38.4,38.4-38.4h244.2 c4.2,0,7.7,3.4,7.7,7.7c0,4.2-3.4,7.7-7.7,7.7H46.9c-12.7,0-23.1,10.3-23.1,23.1v435.1c0,12.7,10.3,23.1,23.1,23.1h336.2 c12.7,0,23.1-10.3,23.1-23.1V298.7c0-4.2,3.4-7.7,7.7-7.7s7.7,3.4,7.7,7.7v339.7C421.6,659.7,404.3,676.9,383.1,676.9z'/%3E%3Cpath class='st0' d='M413.9,306.4H291.1c-4.2,0-7.7-3.4-7.7-7.7V175.9c0-4.2,3.4-7.7,7.7-7.7s7.7,3.4,7.7,7.7V291h115.1 c4.2,0,7.7,3.4,7.7,7.7C421.6,303,418.1,306.4,413.9,306.4z'/%3E%3Cpath class='st0' d='M413.9,306.4c-2,0-4-0.8-5.5-2.3L285.5,178c-3-3-2.9-7.9,0.2-10.9c3-3,7.9-2.9,10.9,0.2l122.8,126.2 c3,3,2.9,7.9-0.2,10.9C417.7,305.7,415.8,306.4,413.9,306.4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#onlin_chat .msg_box .content .chat_box .items.login input{
	display: block;
	width: 100%;
	margin: 5px 0;
}
#onlin_chat .msg_box .content .chat_box .items.login .submit{
	cursor: pointer;
	padding: 5px 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #0f4267;
	display: inline-block;
	color: #fff;
	font-weight: 300;
}

#onlin_chat .msg_box .content .chat_box .items.user{
	text-align: right;
}
#onlin_chat .msg_box .content .chat_box .items{
	padding: 10px 15px;
	position: relative;
}
#onlin_chat .msg_box .content .chat_box .items .msg_txt_box .txt{
	font-size: 15px;
	color: #333;
	padding-bottom: 5px;
	line-height: 20px;
	direction: rtl;
}


.body_trl #onlin_chat .msg_box .content .chat_box .items .msg_txt_box{
	text-align: right;
}
.body_ltr #onlin_chat .msg_box .content .chat_box .items .msg_txt_box{
	text-align: left;
}



#onlin_chat .msg_box .content .chat_box .items .msg_txt_box{
	border-radius: 10px;
	padding: 5px 10px;
	display: inline-block;
	position: relative;
	max-width: 100%;
	overflow: hidden;
}
#onlin_chat .msg_box .content .chat_box .items .msg_txt_box:after{
	content:'';
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 17px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
#onlin_chat .msg_box .content .chat_box .items.user .msg_txt_box:after{
	right: -3px;
}
#onlin_chat .msg_box .content .chat_box .items.admin .msg_txt_box:after{
	left: -4px;
}

#onlin_chat .msg_box .content .chat_box .items .msg_txt_box{
	box-shadow: 0px 1.5px 2px 2px rgba(6, 29, 46, 0.3);
	-webkit-box-shadow: 0px 1.5px 2px 2px rgba(6, 29, 46, 0.3);
	-moz-box-shadow: 0px 1.5px 2px 2px rgba(6, 29, 46, 0.3);
}	
#onlin_chat .msg_box .content .chat_box .items .msg_txt_box:after{
	box-shadow: -2px 2px 2px 0px rgba(6, 29, 46, 0.3);
	-webkit-box-shadow: -2px 2px 2px 0px rgba(6, 29, 46, 0.3);
	-moz-box-shadow: -2px 2px 2px 0px rgba(6, 29, 46, 0.3);
}
#onlin_chat .msg_box .content .chat_box .items.user .msg_txt_box:after{
	box-shadow: 2px -2px 2px 0px rgba(6, 29, 46, 0.3);
	-webkit-box-shadow:2px -2px 2px 0px rgba(6, 29, 46, 0.3);
	-moz-box-shadow: 2px -2px 2px 0px rgba(6, 29, 46, 0.3);	
}
#onlin_chat .msg_box .content .chat_box .items .msg_txt_box,
#onlin_chat .msg_box .content .chat_box .items .msg_txt_box:after{
	background-color: #fff;
}
#onlin_chat .msg_box .content .chat_box .items.user .msg_txt_box,
#onlin_chat .msg_box .content .chat_box .items.user .msg_txt_box:after{
	background-color: #d7f4ff;
}
#onlin_chat .msg_box .content .chat_box .items .status div{
	display: inline-block;
	vertical-align: top;
	font-size: 10px;
	font-family: iransans;
}
#onlin_chat .msg_box .content .chat_box .items .status .time{
	color: #333;
}
#onlin_chat .msg_box .content .chat_box .items .status{
	direction: rtl;
}
#onlin_chat .msg_box .content .chat_box .items .status .tik{
	color: #999;
	letter-spacing: -3px;
	font-weight: bold;
	margin-left: 2px;
}
#onlin_chat .msg_box .content .chat_box .items .status .tik.seen{
	color: #0bc1b2;
}
#onlin_chat .msg_box .send_me{
	color: #fff;
    padding: 5px;
    display: block;
	cursor: pointer;
}
#onlin_chat .msg_box .send_me input{
display: inline-block;
    vertical-align: middle;
}
#onlin_chat .msg_box .tools{
	width: 280px;
	height: 40px;
	background-color: #fff;
	margin: 0 auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
}
#onlin_chat .msg_box .tools:after{
	content: '';
	display: block;
	position: absolute;
	height: 40px;
	top: 0;
	width: 1px;
	background-color:#0f4267;
	z-index: 3;
}
.body_rtl #onlin_chat .msg_box .tools:after{
	left: 40px;
}
.body_ltr #onlin_chat .msg_box .tools:after{
	right: 40px;
}
#onlin_chat .msg_box .tools .msg_submit,
#onlin_chat .msg_box .tools label[for="msg_file"]{
	position: absolute;
	height: 40px;
	width: 40px;
	top: 0;
	cursor: pointer;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
}
.body_rtl #onlin_chat .msg_box .tools .msg_submit,
.body_rtl #onlin_chat .msg_box .tools label[for="msg_file"]{
	left: 0;
}
.body_ltr #onlin_chat .msg_box .tools .msg_submit,
.body_ltr #onlin_chat .msg_box .tools label[for="msg_file"]{
	right: 0;
}
#onlin_chat .msg_box .tools label[for="msg_file"]{
	z-index: 1;
}
#onlin_chat .msg_box .tools .msg_submit,
#onlin_chat .msg_box .tools.no_file label[for="msg_file"]{
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
}
#onlin_chat .msg_box .tools.no_file .msg_submit,
#onlin_chat .msg_box .tools label[for="msg_file"]{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}
#onlin_chat .msg_box .tools #msg_txt_inp{
	width: 240px;
	height: 100%;
	padding: 8px;
	max-width: 240px;
	min-width: 240px;
	max-height: 100%;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 14px;
	margin: 0;
	cursor: text;
	z-index: 2;
	position: relative;
	box-sizing: border-box;
}
#onlin_chat .msg_box .tools #msg_txt_inp:focus{
    border-radius:10px;
}
#onlin_chat .msg_box .tools .msg_txt_inp_plac{
	position: absolute;
	top: 10px;
	color: #aaa;
	cursor: text;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	z-index: 1;
	opacity: 1;
}
#onlin_chat .msg_box .tools .msg_txt_inp_plac.hidden{
	opacity: 0;
}
.body_rtl #onlin_chat .msg_box .tools .msg_txt_inp_plac{
	right: 10px;
}
.body_ltr #onlin_chat .msg_box .tools .msg_txt_inp_plac{
	left: 10px;
}
#onlin_chat .msg_box .tools .ic{
	text-align: center;
	padding-top: 9px;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
}
#onlin_chat .msg_box .tools  label[for="msg_file"] .ic{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='23px' height='23px' viewBox='-41 164.9 512 512' style='enable-background:new -41 164.9 512 512;' xml:space='preserve' %3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230F4267;%7D %3C/style%3E%3Cg%3E%3Cg id='Clip'%3E%3Cg%3E%3Cpath class='st0' d='M432.1,227.3l-2.4-2.4c-53-51.3-138-50.8-190.3,1.6L-3.1,469C-21.3,487.3-41,520.6-41,550.3 c0,27.9,10.9,54.2,30.7,74C9.4,644.1,35.7,655,63.7,655h0c28,0,54.3-10.9,74-30.7L347.1,415c14.4-14.4,22.3-34.3,21.5-54.7 c-0.7-18.7-8.3-36.3-21.5-49.5c-13.9-13.9-32.4-21.6-52.1-21.6c-19.7,0-38.2,7.7-52.1,21.6L82.6,471.1c-4,4-6.6,9.5-6.6,15.6 c0,12.1,9.8,21.9,21.9,21.9c6.1,0,11.5-2.5,15.5-6.4l0,0l160.4-160.5c5.7-5.7,13.6-8.5,21.5-8.4c7.6,0.1,15.1,2.9,20.6,8.4 c5.3,5.3,8.4,12.4,8.7,20c0.3,8.4-2.8,16.3-8.7,22.2L106.8,593.2c-11.5,11.5-26.8,17.8-43,17.8h0c-16.3,0-31.5-6.3-43-17.8 C9.2,581.7,2.9,566.5,2.9,550.3c0-13.6,11.5-36.6,25.1-50.2l242.4-242.5c35.5-35.5,93.2-35.8,129-0.9l2.3,2.3 c34.4,35.9,33.9,93.1-1.4,128.5L199.6,588.1c-4,4-6.5,9.5-6.5,15.6c0,12.1,9.8,21.9,21.9,21.9c6.1,0,11.5-2.5,15.5-6.4l0,0 l200.8-200.8C484,365.8,484.2,280.3,432.1,227.3z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#onlin_chat .msg_box .tools .msg_submit .ic{
	padding-top: 7px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='25px' height='25px' viewBox='-41 164.9 512 512' style='enable-background:new -41 164.9 512 512;' xml:space='preserve' %3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230F4267;%7D %3C/style%3E%3Cg%3E%3Cg id='share'%3E%3Cpath class='st0' d='M471,406.7L271.9,207.6v113.8C72.8,349.8-12.6,492-41,634.2c71.1-99.6,170.7-145.1,312.9-145.1v116.6 L471,406.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#onlin_chat .msg_box .tools .emojis{
	position: absolute;
	height: 40px;
	width: 40px;
	top: 0;
	cursor: pointer;
}

#onlin_chat .msg_box .tools .emojis .ic{
	background-size: 25px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230F4267;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M25,0C11.2,0,0,11.2,0,25s11.2,25,25,25s25-11.2,25-25S38.8,0,25,0z M25,45.8C13.5,45.8,4.2,36.5,4.2,25 S13.5,4.2,25,4.2S45.8,13.5,45.8,25S36.5,45.8,25,45.8z'/%3E%3Cg%3E%3Cpath class='st0' d='M25,39.6c-5.4-0.2-9.6-2.5-12.4-7.1c-0.7-1.1-0.4-2.4,0.6-3c1.1-0.6,2.2-0.3,3,0.9c2.1,3.3,5.2,5.1,9.1,5.1 c3.8-0.1,6.7-1.8,8.7-5c0.6-1,1.5-1.4,2.5-1.1c1.3,0.4,1.9,1.9,1.2,3.1C36,35,33.8,36.9,31,38.2C29.1,39.1,27.1,39.5,25,39.6z'/%3E%3Cpath class='st0' d='M17.7,16.7c1.7,0,3.1,1.4,3.1,3.1c0,1.7-1.4,3.1-3.1,3.1c-1.7,0-3.1-1.4-3.1-3.1C14.6,18.1,16,16.7,17.7,16.7 z'/%3E%3Cpath class='st0' d='M29.2,19.8c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1c0,1.7-1.4,3.1-3.1,3.1 C30.5,22.9,29.2,21.5,29.2,19.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.body_rtl #onlin_chat .msg_box .tools .emojis{
	left: 40px;
	border-right: 1px solid #0f4267;
}
.body_ltr #onlin_chat .msg_box .tools .emojis{
	right: 40px;
	border-left: 1px solid #0f4267;
}
#onlin_chat .msg_box .tools .emojis .emojis_box{
	box-sizing: content-box;
    position: absolute;
    background-color:#D7F4FF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 150px;
    bottom: 50px;
    text-align: center;
    font-size: 0;
	z-index: 222;

	height: 0;
	overflow: hidden;
    padding:0 5px;
	direction: ltr;
}
.body_rtl #onlin_chat .msg_box .tools .emojis .emojis_box{
    left: -40px;
}
.body_ltr #onlin_chat .msg_box .tools .emojis .emojis_box{
    right: -40px;
}
#onlin_chat .msg_box .tools .emojis.open .emojis_box{
    height: 235px;
	padding:5px;
    border: 1px solid #0f4267;
	box-shadow: 0 0 5px 5px rgba(34, 34, 34, 0.2);
	-webkit-box-shadow: 0 0 5px 5px rgba(34, 34, 34, 0.2);
	-moz-box-shadow: 0 0 5px 5px rgba(34, 34, 34, 0.2);
}

.emoji{
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	overflow: hidden;
	object-fit: cover;
}

.emojis_box .emoji{
	vertical-align: top;
	cursor: pointer;
	margin: 5px;
}
.emojis_box .emoji:hover{
	opacity: .8;
}

.emoji_1{ object-position: center 1px;}
.emoji_2{object-position: center -20px;}
.emoji_3{object-position: center -40.5px;}
.emoji_4{object-position: center -61px;}
.emoji_5{object-position: center -81.5px;}
	
.emoji_6{object-position: center -102px;}
.emoji_7{object-position: center -122.5px;}
.emoji_8{object-position: center -142.8px;}
.emoji_9{object-position: center -164px;}
.emoji_10{object-position: center -184px;}
	
.emoji_11{object-position: center -204px;}
.emoji_12{object-position: center -224.5px;}
.emoji_13{object-position: center -245px;}
.emoji_14{object-position: center -265px;}
.emoji_15{object-position: center -389px;}
	
.emoji_16{object-position: center -306.5px;}	
.emoji_17{object-position: center -327px;}	
.emoji_18{object-position: center -348px;}	
.emoji_19{object-position: center -368px;}	
.emoji_20{object-position: center -388.5px;}	
	
.emoji_21{object-position: center -409px;}	
.emoji_22{object-position: center -429.5px;}	
.emoji_23{object-position: center -450.5px;}	
.emoji_24{object-position: center -471px;}	
.emoji_25{object-position: center -490.5px;}	
	
.emoji_26{object-position: center -511.5px;}	
.emoji_27{object-position: center -531.5px;}
.emoji_28{object-position: center -552px;}	
.emoji_29{object-position: center -573.5px;}
.emoji_30{object-position: center -593px;}	
	
.emoji_31{object-position: center -613.7px;}	
.emoji_32{object-position: center -634px;}	
.emoji_33{object-position: center -655px;}	
.emoji_34{object-position: center -675.5px;}	
.emoji_35{object-position: center -695.5px;}	
	
.emoji_36{object-position: center -716.5px;}	
.emoji_37{object-position: center -736.5px;}	
.emoji_38{object-position: center -757px;}	
.emoji_39{object-position: center -777.5px;}	
.emoji_40{object-position: center -798px;}