#exampleModal.modal{ margin-top:200px;}
.balance-box .boxcontainer {display: table;padding: 30px; width: 100%;}
.content-box .boxcontainer {display: table;padding: 30px 0; width: 100%;}
.design-popup .modal-header button.close{ opacity:0.5;}
p.no-records{ padding:30px 0; color:#231f20; font-size:16px;}
.btn.btn-small{ padding:4px 35px; border-radius:0; font-size:16px; text-decoration:none;}
.topfilterbar{ padding:0; display:inline-block; width:100%; margin-bottom:50px;}
.topfilterbar .filderdiv{ float:left; width:auto; position:relative; padding:0 50px 0 0;margin-right:20px;}
.topfilterbar .filderdiv.last{ margin-right:0;}
.topfilterbar .filderdiv label{ float:left; margin-right:10px; margin-bottom:0; margin-top:4px;}
.topfilterbar .filderdiv input.inputforms{ border:1px solid #f1eeee; padding:4px; background:#fff; width:109px;}
.topfilterbar .filderdiv a.datepick{ position:absolute; right:15px; top:4px; background:url(../img/caln.png) no-repeat 0 0; width:20px; height:20px;}
.form-control-select {
	display: inline-block;
	padding: 4px 15px 4px 4px;
	font-size: 14px;
	min-width:40px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.padr0{ padding-right:0 !important;}
.relative{ position:relative;}
#LiveChatDiv{
	background: rgb(25,94,187);
	background: -moz-linear-gradient(top, rgba(25,94,187,1) 0%, rgba(23,65,155,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,94,187,1)), color-stop(100%,rgba(23,65,155,1)));
	background: -webkit-linear-gradient(top, rgba(25,94,187,1) 0%,rgba(23,65,155,1) 100%);
	background: -o-linear-gradient(top, rgba(25,94,187,1) 0%,rgba(23,65,155,1) 100%);
	background: -ms-linear-gradient(top, rgba(25,94,187,1) 0%,rgba(23,65,155,1) 100%);
	background: linear-gradient(to bottom, rgba(25,94,187,1) 0%,rgba(23,65,155,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195ebb', endColorstr='#17419b',GradientType=0 );
	color:#fff;
    position:fixed; bottom:0; 
	width:230px; height:41px; 
	border-radius:3px 3px 0 0; 
	padding:8px 15px;
	margin-left:15px;
	
	animation-duration: 100ms;
	-webkit-animation-duration: 100ms;
	animation-fill-mode: backwards;
	-webkit-animation-fill-mode: backwards;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-name: chat-grow;
	-webkit-animation-name: chat-grow;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
}

#LiveChatDiv .chatUser{ background: url(../img/chatuser.png) no-repeat 0 0; width:22px; height:24px; vertical-align:middle; float:left;}
#LiveChatDiv a{ color:#f6f7fc; font-size:16px; text-decoration:none; margin-left:15px; line-height:25px;}
#LiveChatDiv a:hover{ color:#f6f7fc; font-size:16px; text-decoration:none;}

/* Media Query Responsive */
@media (max-width:992px) {
#LiveChatDiv{ right:0;}
}

@media (max-width:767px) {
#exampleModal.modal{ margin-top:20px;}
.topfilterbar .filderdiv{ width:100%; margin-bottom:15px;}
.balance-box .boxcontainer{ display:block;}
#LiveChatDiv{ right:0;}
}

/* Animations */
@-webkit-keyframes chat-grow {
0% {-webkit-transform: scale(0);}
50% {-webkit-transform: scale(.5);}
100% {-webkit-transform: scale(1);}
}
@-moz-keyframes chat-grow {
0% {transform: scale(0);}
50% {transform: scale(.5);}
100% {transform: scale(1);}
}
@keyframes chat-grow {
0% {transform: scale(0);}
50% {transform: scale(.5);}
100% {transform: scale(1);}
}