#mrova-feedback{
background-color: #ffffff;
height: 100% !important;
margin-top: 0 !important;
padding: 8px 20px;
position: fixed;z-index:9;
right: -250px;
top: 0 !important;
width: 250px;
border-left:2px #e8258c solid;
}

.chatbox-none{
	display:none;
}
#mrova-feedback .chatlist{margin: 0;list-style:none;padding: 0; }
#mrova-feedback .chatlist li{border-bottom: 1px solid #c0c0c0;
clear: both;
font-size: 14px;
padding: 6px;}
#mrova-feedback .chatlist figure{float:left; max-width:50px; width:100%; margin-right:10px;}
#mrova-feedback .chatlist figure img{width:100%;}
.iam-bg{border-bottom: 1px solid #eeeeee;
margin-bottom: 10px;
padding-bottom: 10px;}
.iam-bg figure{float:left; max-width:40px; margin-right:15px;}
.iam-bg figure img{width:100%;}
.scrollforchat{height: 100%;
padding: 0 !important;
width: 100% !important;}

#mrova-img-control{
cursor: pointer;
height: 168px;
left: -86px;
position: absolute;
width: 124px;}
#mrova-img-control p{ 
    background: #222 none repeat scroll 0 0;
color: #ffffff;font-size:20px; 
padding: 8px 20PX;

    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    /* Should be unset in IE9+ I think. */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.chat-pepule-bg{
bottom: 0;
height: auto;
position: fixed;
right: 248px;z-index:9;
width: 100%;}

.chat-pepule{margin:0px; list-style:none;}
.chat-pepule li{float:right; margin-left:5px; width:20%;}



  #widnow{
    width:100%;
    
}

#title_bar {
  background: #14A859 none repeat scroll 0 0;
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;color:#fff;
  height: auto;
  padding: 8px;
  width: 100%;
}

.min-button{ 
   cursor: pointer;
float: right;
font-size: 25px;
height: 23px;
line-height: 16px;
text-align: center;
width: 25px;}
.chat-box{
    height: 350px;padding:10px;
    background: #DFDFDF;padding-bottom:58px;
}

.chat-box .chat-left figure img, .chat-box .chat-right figure img {width:100%;}
.chat-box .chat-right, .chat-box .chat-left{clear:both; margin-bottom:10px; }

.chat-box .chat-right figure{float:right; width:100%; max-width:40px; margin-left:10px;}
.chat-box .chat-right .chatContent-rt{float:right; width:100%; max-width:70%; margin-right:2px; padding:5px;}


.chat-box .chat-right .chatContent-rt {
	position: relative;
	background: #ffffbe;
}
.chat-box .chat-right .chatContent-rt:after {
	left: 100%;
	top: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #ffffbe;
	border-width: 7px;
	margin-top: -7px;
}
.chat-box .chat-left figure{float:left; width:100%; max-width:40px; margin-right:10px;}
.chat-box .chat-left .chatContent-lt{float:left; width:100%; max-width:70%; margin-left:2px; padding:5px;}


.chat-box .chat-left .chatContent-lt{
	position: relative;
	background: #fff;
}
.chat-box .chat-left .chatContent-lt:after {
	right: 100%;
	top: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #fff;
	border-width: 7px;
	margin-top: -7px;
}

.chat-box .replayPanel{
	background: #ffffff none repeat scroll 0 0;
margin: 5px -10px -10px;
}
.chat-box textarea{width:100%; padding:5px;
}





.chat-box .chat-left{}