div#belvg-feedback{
	background:url("../img/bg.png");
	background-size: cover;
	width:310px;
	height:255px;
	position:fixed;
	bottom:0;
	right:0px;
	margin-bottom:-225px;
	z-index:9999!important;
	border-radius: 5px 5px 0px 0px;
}
.status.online{
	color:green;
}
.status.offline{
	color:#942a25;
}
.belvg-livechat-user{
	color:#0BDE2B;
}
.belvg-livechat-admin{
	color:#1ba0e2;
}

select#message-type {
	cursor: pointer;
}

.emoji {
	display:inline-block;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.4em;
	text-align: center;
}
.emoji_block {
	overflow-y: scroll;
	height: 210px;
	width: 310px;
	left: 0px;
	position: absolute;
	top: 32px;
	background-color: #1BA1E2;
	color: white;
	font-size: 1.5em;
}
.emoji_show{
	display: inline-block;
	position: fixed;
	font-size: 25px;
	right: 30px;
	cursor: pointer;
}

div#belvg-feedback .section{
	border-bottom:none;
	border-radius: 5px 5px 0px 0px;
}

div#belvg-feedback .color{
	float:left;
	height:4px;
	width:20%;
	overflow:hidden;
}

div#belvg-feedback h6{
	border-radius: 5px 5px 0px 0px;
	height:33px;
	margin:-3px 0 12px;
	line-height: 30px;
	cursor:pointer;
	color: white;
	font-size: 14px;
}

div#belvg-feedback .textarea, div#belvg-feedback input{
	background-color:#fff;
	border:none;
	padding:5px;
	margin-bottom:10px;
	width:270px;
	resize:none;
	outline:none;
	overflow:auto;
}

div#belvg-feedback .textarea{
	height: 175px;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word;	
	overflow-y:scroll;
	overflow-x:hidden;
	margin-top:0px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: -2px -4px 2px -3px silver;
	color: #666;
}

div#belvg-feedback .textarea hr{
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #E6E3E3;	
	border-bottom:0px;
	border-color: #e8e9ea;
}

div#belvg-feedback .section #belvg_user_info{
	margin: 15px;
}
#belvg_user_info table tr td {
	padding:0px;
}
#belvg_user_info .field{
	width:100%;
}

div#belvg-feedback .section #belvg_chat{
	margin: 25px 15px 15px 15px;
}

div#belvg-feedback input{
	height: 20px;
	width: 190px;
	border-radius: 5px;
	box-shadow: -2px -4px 2px -3px silver;	
	-webkit-box-shadow: -2px -4px 2px -3px silver;
	-moz-box-shadow: -2px -4px 2px -3px silver;
}

div#belvg-feedback a.submit{
	/* background-color: #1ba1e2; */
	border:none;
	display:block;
	height:30px;
	line-height: 30px;	
	margin:20px 78px;
	text-decoration:none;
	width:88px;
	border-radius: 5px;
	box-shadow: -2px -4px 2px -3px silver;	
	-webkit-box-shadow: -2px -4px 2px -3px silver;
	-moz-box-shadow: -2px -4px 2px -3px silver;
	text-align: center;
	color: white;
	font-size: 18px;	
}

div#belvg-feedback a.submit:hover{
	opacity: 0.6;
}

div#belvg-feedback a.submit.working{
	background-position:top right !important;
	cursor:default;
}

div#belvg-feedback .message{
	/* font-family:Corbel,Arial,sans-serif;*/
	/* text-shadow:1px 1px 0 #b3c2b5; */ 
	color:#666666;
	cursor: default;
	margin-bottom:15px;
}

div#belvg-feedback .arrow{
	background:url('../img/arrows.png') no-repeat;
	float:right;
	width:23px;
	height:18px;
	position:relative;
	top:5px;
	margin-right:10px;
}

div#belvg-feedback .arrow.down{ background-position:left top;}
div#belvg-feedback h6:hover .down{ background-position:left bottom;}
div#belvg-feedback .arrow.up{ background-position:right top;}
div#belvg-feedback h6:hover .up{ background-position:right bottom;}

div#belvg-feedback .response{
	font-size:21px;
	margin-top:70px;
	text-align:center;
	text-shadow:2px 2px 0 #889889;
	color:#FCFCFC;
	display:block;
}