.chatfloat {	margin: auto auto;	background: #EEE;	float: none;	position: fixed;	top: 0;	left: 0;	height: 100%;	padding: 0;}.scroll-area {	width: 100%;	height: 100%;	background-color: #FFF;	float: left;	overflow-y: scroll;}@media (max-width: 767px) {	.main-header>.navbar {		min-height: auto !important;	}}/* Chat Popup */.chat-popup .collapse.in {	/* padding: 0 0 93px; */}.chat-popup .collapse {	padding: 0px;}.popup-box {	background-color: #fff;	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	border-radius: 10px 10px 0 0;	bottom: 0px;	overflow: hidden;	position: fixed;	right: 70px;	width: 400px;	height: 70%;	z-index: 999999;	-webkit-box-shadow: 0px 0px 6px 0px rgba(115, 109, 115, 1);	-moz-box-shadow: 0px 0px 6px 0px rgba(115, 109, 115, 1);	box-shadow: 0px 0px 6px 0px rgba(115, 109, 115, 1);}/*.direct-chat-text::after,.direct-chat-text::before {	border-color: transparent #0487dd transparent transparent;}*/.round.hollow {	margin: 40px 0 0;}.round.hollow a {	border: 2px solid #ff6701;	border-radius: 35px;	color: #fff;	font-size: 23px;	padding: 10px 21px;	text-decoration: none;}.round.hollow a:hover {	border: 2px solid #000;	border-radius: 35px;	color: #fff;	font-size: 18px;	font-weight: 400;	padding: 10px 21px;	text-decoration: none;}.popup-box .popup-head {	/*background-color: #1dbfff;*/	clear: both;	color: #000;	display: inline-table;	font-size: 17px;	padding: 7px 10px;	width: 100%;	border-bottom: 1px solid #dddddd !important;}.popup-box .popup-head a {	color: #000;}.bg_none i {	background: #1f1f1f none repeat scroll 0 0;	border-radius: 25px;	color: #000;	font-size: 17px;	height: 33px;	line-height: 32px;	width: 33px;}.bg_none:hover i {	background: #4611a7 none repeat scroll 0 0;	color: #ffffff;}.bg_none {	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;	border: medium none;	padding: 0px;}.popup-box .popup-head .popup-head-right {	margin: 9px 0px 0;}.popup-box .popup-messages {}.popup-head-left img {	/* border: 2px solid #7b7b7b; */	border-radius: 50%;	float: left;	margin: 0px 10px 0 0;	width: 30px;}.popup-messages-footer>textarea {	-moz-border-bottom-colors: none;	-moz-border-left-colors: none;	-moz-border-right-colors: none;	-moz-border-top-colors: none;	border-bottom: 1px solid #dddddd !important;	border-image: none;	border-left: medium none;	border-right: medium none;	border-top: 1px solid #dddddd !important;	box-shadow: none;	height: 42px !important;	margin: 0;	padding: 7px 10px !important;	width: 100% !important;}.popup-messages-footer {	/*border-top:1px solid #ccc;*/	/*background: #fff none repeat scroll 0 0;*/	bottom: 0;	position: absolute;	width: 100%;	display: none;	padding-top: 5px;	/*padding-bottom:22px;*/	text-align: center;}.popup-messages-footer .btn-footer {	overflow: hidden;	padding: 7px 10px;	width: 100%;}.simple_round {	background: #d1d1d1 none repeat scroll 0 0;	border-radius: 50%;	color: #4b4b4b !important;	height: 21px;	padding: 0 0 0 1px;	width: 21px;}.popup-box .popup-messages {	height: 80vh;	overflow: auto;}.direct-chat-messages {	overflow: auto;	padding: 7px 10px;	transform: translate(0px, 0px);}.popup-messages .chat-box-single-line {	border-bottom: 1px solid #a4c6b5;	height: 12px;	margin: 7px 0 20px;	position: relative;	text-align: center;}.popup-messages abbr.timestamp {	color: #7e7e7e;	padding: 0 11px;}.popup-head-right .btn-group {	display: inline-flex;	margin: 0 3px 0 0;	vertical-align: top !important;}.chat-header-button {	background: transparent none repeat scroll 0 0;	border: 1px solid #636364;	border-radius: 50%;	font-size: 14px;	height: 20px;	width: 20px;	padding: 0px;	line-height: 20px;}.popup-head-right .btn-group .dropdown-menu {	border: medium none;	min-width: 122px;	padding: 0;}.popup-head-right .btn-group .dropdown-menu li a {	color: #303030;	font-size: 12px;	padding: 3px 10px;}.popup-messages abbr.timestamp {	background: #fff none repeat scroll 0 0;	color: #7e7e7e;	padding: 0 11px;}.popup-messages .chat-box-single-line {	border-bottom: 1px solid #e4e4e4;	height: 12px;	margin: 7px 0 20px;	position: relative;	text-align: center;}.popup-messages .direct-chat-messages {	height: auto;	animation: slideTop 0.15s ease;	animation: bounceIn 0.2s ease;	transform-origin: 0 0 0;}@keyframes slideTop {	0% {		margin-bottom: -25px;	}	100% {		margin-bottom: 0;	}}@keyframes bounceIn {	0% {		transform: scale(0.75, 0.75);	}	100% {		transform: scale(1.0, 1.0);	}}.popup-messages .direct-chat-text {	/*background: #0487dd none repeat scroll 0 0;*/	background: #fff;	border-radius: 20px;	color: #3c3c3c;	border: 0px;	border: 1px solid #ddd;	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px;	font-size: 12px;	float: left;}.yelbg {	background: #fcb900 !important;}.popup-messages .direct-chat-text {}/*.right .direct-chat-text::after,.right .direct-chat-text::before {	border-left-color: #fcb900;}*/.popup-messages .direct-chat-msg {	margin-bottom: 10px;	position: relative;}.popup-messages .doted-border::after {	background: transparent none repeat scroll 0 0 !important;	border-right: 1px dotted #4611a7 !important;	bottom: 0;	content: "";	display: inline;	left: 17px;	margin: 0;	position: absolute;	top: 0;	width: 2px;	z-index: -2;}.popup-head-left small {	display: list-item;	font-size: 13px;	line-height: 17px;	font-weight: 600;	color: #fff;	list-style: outside none none;}/* Extra small devices (phones, 600px and down) */@media only screen and (max-width: 600px) {	.popup-box {		right: 0px;		width: 100%;		top: 0px;		border-radius: 0px;		height: 100%;	}	.main-header {		display: none !important;	}	.popup-head {		/*display: none !important;*/	}	.popup-box .popup-messages {		min-height: 561px;		/*height:calc(100vh +50px);*/		height: calc(100vh +5vh);		overflow: auto;	}	.chat-header-button {		display: none;	}}/* Small devices (portrait tablets and large phones, 600px and up) */@media only screen and (min-width: 600px) {	/* .popup-box {		right:0px;		width:100%;		top:50px;		border-radius:0px;	}	.popup-head{		display:none !important;	} */}/* Medium devices (landscape tablets, 768px and up) */@media only screen and (min-width: 768px) {}/* Large devices (laptops/desktops, 992px and up) */@media only screen and (min-width: 992px) {}/* Extra large devices (large laptops and desktops, 1200px and up) */@media only screen and (min-width: 1200px) {}.direct-chat-text::after,.direct-chat-text::before {	border: 0px !important;}.direct-chat-img {	width: 30px;	height: 30px;}.direct-chat-text {	/*margin: 5px 0 0 35px;*/	margin: 0px;}.right .direct-chat-text {	margin-right: 35px;	float: right;}.direct-chat-info {	font-size: 11px;	color: #ee0f7d;}.direct-chat-info small {	color: #000;	font-weight: 200;}.main-load {	display: block;	margin-left: auto;	margin-right: auto;	width: 100%;	height: 100%;	/* background:url('../img/200w.gif') center center no-repeat; */}@-webkit-keyframes fadeIn {	from {		opacity: 0;	}	to {		opacity: 1;	}}@keyframes fadeIn {	from {		opacity: 0;	}	to {		opacity: 1;	}}.mainlogo {	display: block;	-webkit-animation: fadeIn 1s;	animation: fadeIn 1s;	margin: auto auto;	width: 100%;	height: 50%;	background-size: 35% !important;	background: url('../img/200w.gif') center center no-repeat;}.chatimg {	width: 30px;	height: 20px;}.hellow_icon {	background: url('../img/smil/hi.jpg') center center no-repeat;	width: 30px;	height: 20px;	background-size: 100% !important;	border-radius: 50%;	/*	*/	margin-left: 5px;	margin-right: 5px;}.loadsam {	width: 100%;	height: 30px;}.ansbtn {	background-color: #4CAF50;	border: none;	color: white;	padding: 5px 10px;	text-align: center;	text-decoration: none;	display: inline-block;	font-size: 14px;	margin: auto auto;	width: 80%;	border-radius: 15px;	float: none !important;	margin: 7px 10px;	-webkit-animation: fadeIn 1s;	animation: fadeIn 1s;}