.padding-o {
	padding:0!important;
}
.padding-xs {
	padding: .25em;
}
.padding-sm {
	padding: .5em;
}
.padding-md {
	padding: 1em;
}
.padding-lg {
	padding: 1.5em;
}
.padding-xl {
	padding: 3em;
}
.padding-x-xs {
	padding: .25em 0;
}
.padding-x-sm {
	padding: .5em 0;
}
.padding-x-md {
	padding: 1em 0;
}
.padding-x-lg {
	padding: 1.5em 0;
}
.padding-x-xl {
	padding: 3em 0;
}
.padding-y-xs {
	padding: 0 .25em;
}
.padding-y-sm {
	padding: 0 .5em;
}
.padding-y-md {
	padding: 0 1em;
}
.padding-y-lg {
	padding: 0 1.5em;
}
.padding-y-xl {
	padding: 0 3em;
}
.padding-top-xs {
	padding-top: .25em;
}
.padding-top-sm {
	padding-top: .5em;
}
.padding-top-md {
	padding-top: 1em;
}
.padding-top-lg {
	padding-top: 1.5em;
}
.padding-top-xl {
	padding-top: 3em;
}
.padding-right-xs {
	padding-right: .25em;
}
.padding-right-sm {
	padding-right: .5em;
}
.padding-right-md {
	padding-right: 1em;
}
.padding-right-lg {
	padding-right: 1.5em;
}
.padding-right-xl {
	padding-right: 3em;
}
.padding-bottom-xs {
	padding-bottom: .25em;
}
.padding-bottom-sm {
	padding-bottom: .5em;
}
.padding-bottom-md {
	padding-bottom: 1em;
}
.padding-bottom-lg {
	padding-bottom: 1.5em;
}
.padding-bottom-xl {
	padding-bottom: 3em;
}
.padding-left-xs {
	padding-left: .25em;
}
.padding-left-sm {
	padding-left: .5em;
}
.padding-left-md {
	padding-left: 1em;
}
.padding-left-lg {
	padding-left: 1.5em;
}
.padding-left-xl {
	padding-left: 3em;
}
.margin-xs {
	margin: .25em;
}
.margin-sm {
	margin: .5em;
}
.margin-md {
	margin: 1em;
}
.margin-lg {
	margin: 1.5em;
}
.margin-xl {
	margin: 3em;
}
.margin-x-xs {
	margin: .25em 0;
}
.margin-x-sm {
	margin: .5em 0;
}
.margin-x-md {
	margin: 1em 0;
}
.margin-x-lg {
	margin: 1.5em 0;
}
.margin-x-xl {
	margin: 3em 0;
}
.margin-y-xs {
	margin: 0 .25em;
}
.margin-y-sm {
	margin: 0 .5em;
}
.margin-y-md {
	margin: 0 1em;
}
.margin-y-lg {
	margin: 0 1.5em;
}
.margin-y-xl {
	margin: 0 3em;
}
.margin-top-xs {
	margin-top: .25em;
}
.margin-top-sm {
	margin-top: .5em;
}
.margin-top-md {
	margin-top: 1em;
}
.margin-top-lg {
	margin-top: 1.5em;
}
.margin-top-xl {
	margin-top: 3em;
}
.margin-right-xs {
	margin-right: .25em;
}
.margin-right-sm {
	margin-right: .5em;
}
.margin-right-md {
	margin-right: 1em;
}
.margin-right-lg {
	margin-right: 1.5em;
}
.margin-right-xl {
	margin-right: 3em;
}
.margin-bottom-xs {
	margin-bottom: .25em;
}
.margin-bottom-sm {
	margin-bottom: .5em;
}
.margin-bottom-md {
	margin-bottom: 1em;
}
.margin-bottom-lg {
	margin-bottom: 1.5em;
}
.margin-bottom-xl {
	margin-bottom: 3em;
}
.margin-left-xs {
	margin-left: .25em;
}
.margin-left-sm {
	margin-left: .5em;
}
.margin-left-md {
	margin-left: 1em;
}
.margin-left-lg {
	margin-left: 1.5em;
}
.margin-left-xl {
	margin-left: 3em;
}
.pr-2 {
	padding-right: 5px;
}
.plsp-1 {
	padding-left: 5px;
}
.chatinp {
	margin-bottom: 0;
	padding-top: 10px;
	width: 75%;
}
.marlf6 {
	margin-left:6%;
}
.clkfs {
	font-size:15px;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.isize {
	font-size: 20px;
	padding: 5px 0px 0px 20px;
}
.lh {
	line-height: 14px;
	font-size: 14px;
}
.fsize {
	font-size: 11px;
}
.crosssize {
	font-size: 20px;
}
.ppclp {
	padding-left: 15px;
	font-size: 20px;
}
.bord {
	border-right: 1px solid gray;
}
.sndic {
	font-size: 25px;
	padding: 6px;
}
.htz {
	height: 250px;
}
.wafs {
	font-size: 30px;
}
.grad {
	background: #c40601;
	background: -moz-linear-gradient(top, #c40601 0%, #840602 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c40601), color-stop(100%, #840602));
	background: -webkit-linear-gradient(top, #c40601 0%, #840602 100%);
	background: -o-linear-gradient(top, #c40601 0%, #840602 100%);
	background: -ms-linear-gradient(top, #c40601 0%, #840602 100%);
	background: linear-gradient(to bottom, #c40601 0%, #840602 100%);
	background-color: rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40601', endColorstr='#840602', GradientType=0 );
}
.grad2 {	background:#fff;
	
}
.no-outline {
	border: 0;
}
.no-outline:focus {
	outline:none!important;
}
.card {
	position: relative;
	word-wrap: break-word;
	background-clip: border-box;	
    border-radius: 4px;
}

.card.grad .mftyhd{color: #fff;padding: 10px 15px !important; margin:0;font-size: 16px;font-weight: bold;line-height: 18px;font-family: 'Source Sans Pro';}

.pl10 {
	padding-left:10px;
}
.card-body {
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem;
}
.p6p {
	padding:6px;
}
 @media only screen and (max-width: 600px) {
 .mobset {
padding: 0px 0px 0px 20px!important;
 overflow-x: hidden;
}
 .mobpad {
padding:15px;
}
}
.overfl {
	overflow-y: scroll;
	overflow-x:hidden;
}
.bgclr {
	background-color: lightgreen;
	border-bottom: 1px solid black;
	margin-bottom: 5px;/*padding: 3px;*/



    }
.fs {
	background-color:white;
	font-size:18px;
	color: #90ee90;
	margin-right: 5px;
	padding: 1px;
}
.mrl {
	margin-left: 25%;
}
.internalchat .htz.overfl.chatDiv {
	background:#e5ddd5 url(mainbgs.png) no-repeat center center;
	background-size:cover;
	padding:15px;
	font-family: 'Source Sans Pro';
	scrollbar-width: none;
}

.talk-bubble {
	border:1px #eee solid;
	border-radius:8px;
	box-shadow: 0 1px .5px rgba(0, 0, 0, .1);
	margin-bottom: 30px;
	display: inline-block;
	position: relative;
	width: 80%;
	height: auto;
	background-color: #fff;
	z-index:9;
}
.talk-bubble:after {
	position:absolute;
	top:10px;
	width:8px;
	height:8px;
	transform:rotate(-45deg);
	content:"";
	background-color:#fff;
	z-index:-1;
}
.talk-bubble.fr:after {
	right:-4px;
}
.talk-bubble.fl:after {
	left:-4px;
	background-color: #fef4f4;
}
.talk-bubble.fl {
	background-color: #fef4f4;
}
.talk-bubble .talktext {
	padding:0.5em;
	min-height: 32px;
}
.talk-bubble .talktext small.fr {
	position:absolute;
	left:6px;
	bottom:-15px;
	line-height:10px;
	font-size:11px;
	color:#000;
}
.talk-bubble .talktext .col-md-12 {
	position:static !important;
}
.comdatawraper {
	position: relative;
	padding:10px 30px 10px 10px;
}
.comdatawraper .chatclose {
	position:absolute;
	top:5px;
	right:5px;
}
.comdatawraper .compdata { color:#fff;
	font-family: 'Source Sans Pro';
	line-height:18px;
	font-size:15px;
	position: relative;
	padding:0 0 0 32px;
}
.comdatawraper .compdata .fa-user {
	position:absolute;
	top:5px;
	left:5px; color:#fff;
}
.talk-bubble2 {
	/*margin: 40px;*/

bottom: 87%;
	left: 67%;
	margin-bottom: 25px;
	display: inline-block;
	position: absolute;
	width: 150px;
	height: auto; z-index:99;
	background-color: #fff;
}
.border {
	border: 1px solid #666;
}
.round {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
/* Right triangle placed top left flush. */

.tri-right.border.left-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -40px;
	right: auto;
	top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #666 transparent transparent transparent;
}
.tri-right.left-top:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -20px;
	right: auto;
	top: 0px;
	bottom: auto;
	border: 22px solid;
	border-color: lightyellow transparent transparent transparent;
}
/* Right triangle, left side slightly down */

.tri-right.border.left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -40px;
	right: auto;
	top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.left-in:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -20px;
	right: auto;
	top: 38px;
	bottom: auto;
	border: 12px solid;
	border-color: lightyellow lightyellow transparent transparent;
}
/*Right triangle, placed bottom left side slightly in*/

.tri-right.border.btm-left:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -8px;
	right: auto;
	top: auto;
	bottom: -40px;
	border: 32px solid;
	border-color: transparent transparent transparent #666;
}
.tri-right.btm-left:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	right: auto;
	top: auto;
	bottom: -20px;
	border: 22px solid;
	border-color: transparent transparent transparent lightyellow;
}
/*Right triangle, placed bottom left side slightly in*/

.tri-right.border.btm-left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
	right: auto;
	top: auto;
	bottom: -33px;
	border: 16px solid;
	border-color: #666 transparent transparent #666;
}
.tri-right.btm-left-in:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 32px;
	right: auto;
	top: auto;
	bottom: -28px;
	border: 18px solid;
	border-color: #fff transparent transparent #fff;
}
/*

	left: -8px;

  right: auto;

  top: auto;

	bottom: -40px;

	border: 32px solid;

	border-color: transparent transparent transparent #666;

	left: 0px;

  right: auto;

  top: auto;

	bottom: -20px;

	border: 22px solid;

	border-color: transparent transparent transparent lightyellow;



/*Right triangle, placed bottom right side slightly in*/

.tri-right.border.btm-right:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: auto;
	right: -8px;
	bottom: -40px;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.btm-right:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: auto;
	right: 0px;
	bottom: -20px;
	border: 12px solid;
	border-color: lightyellow lightyellow transparent transparent;
}
/* Right triangle, right side slightly down*/

.tri-right.border.right-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: auto;
	right: -40px;
	top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #666 transparent transparent #666;
}
.tri-right.right-in:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: auto;
	right: -20px;
	top: 38px;
	bottom: auto;
	border: 12px solid;
	border-color: lightyellow transparent transparent lightyellow;
}
/* Right triangle placed top right flush. */

.tri-right.border.right-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: auto;
	right: -40px;
	top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #666 transparent transparent transparent;
}
.tri-right.right-top:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: auto;
	right: -20px;
	top: 0px;
	bottom: auto;
	border: 20px solid;
	border-color: lightyellow transparent transparent transparent;
}
/* talk bubble contents */

.talktext {
	padding: 0.5em;
	text-align: left;
	line-height: 1.5em;
}
.talktext p {
	font-size:13px;
	line-height:15px;
}
.card-bodys {
	flex: 1 1 auto;
	min-height: 1px;
 padding: .30rem;
}
.l3h {
	line-height: 14px;
	font-size: 13px;
}
.talktext p {
	/* remove webkit p margins */

  -webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}