#divChatExpressProactive
{
    font-size:18px;
    color:white;
    display:none;
    position:fixed;
    top:150px;
    right:0px;
    z-index:1000;
    background-color:#151515
}

#ChatExpressProactiveTable td
{
    padding:8px;
}

#ProactiveChatQuestionspan{
    color:white;
}

#YesProactiveButton
{
    color:white;
    background-color:#C52D2F;
    border:1px solid #C52D2F;
    border-radius:3px;
}
#NoProactiveButton {
    color:white;
    background-color:#C52D2F;
    border:1px solid #C52D2F;
    border-radius:3px;
}
#divChatContainer
{
   /* border:0px solid white; */
   /* z-index:200; */
   /* position:fixed; */
   /* bottom:0; */
   /* right:0; */
   /* display:none; */
   /* width:180px; */
   /* visibility:hidden; */
   /* padding-right: 30px; */
   /* padding-bottom: 30px; */
   /* border-radius: 10px; */
    z-index: 200;
    position: fixed;
    display: none;
    visibility: hidden;
    border-radius: 10px;
    bottom: 20px;
    right: 20px;
    height: calc(100% - 20px) !important;
    max-height: 620px !important;
    width: 100% !important;
    max-width: 380px !important;
}
.tpChatExpressContainerContent iframe{
	width:100% !important;
	height:100% !important; 
}

@supports (-webkit-touch-callout: none) { 
	.tpChatExpressContainerContent iframe {
		min-height: -webkit-fill-available;
	}
}

.tpChatExpressContainerContent {
/* height: -webkit-fill-available;	 */
	height:100% ;
}
.tpChatExpressContainerHeader {
    background-color: #99CC00;
    padding:10px;
    bottom: 55px;
    right: 25px;
    z-index: 999;
    position: fixed;
    /* min-height: 32px !important; */
    cursor: pointer;
}
.tpChatExpressContainerHeaderC{
   background-color:#99CC00;
   padding:14px 20px 0px 10px;
   
   bottom: 55px;
    right: 25px;
    z-index: 999;
    position: fixed;
	min-height: 32px !important;
}
.tpChatExpressContainerHeaderLabel {
    font-size: 16px;
    color: #000000;
    font-family: arial;
    font-weight: bold;
    padding-left: 5px;
    position: relative;
    top: 3px;
}
.tpChatExpressContainerHeaderLabelC{
     /*font-size:18px;
    color:white;*/
	
	font-size: 16px;
	color: #000000;
	font-family: arial;
	font-weight: bold;
	padding-left: 10px;
}
.tpChatExpressContainerHeaderImagediv
{
    /*display:block;
    float:left;
     width:21px;
    height:19px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC45bDN+TgAAAOJJREFUOE9jSNPI/98c2fX/4LHj/89evPj/5NlzZGGQ3lkLFv9PNyr4zwAy8OvXr/+pBRYsW/mfAWQDNcHHT5/+Mzx89ATKpQ4A+Zrhzv37UC51ANilo4ZCudQBo4bSyFBQXv316xdUiDLw5+/f/3sPHP7PACpVVi7a8P/prWcYGJSF3757D9UCASCNb5+9w6p+1+YDkFIKqA4njtRJ+T+tZR6KwSB2R1I/iIlVDwhjFUTHoOLxyvXrQCbE0Ak500FMrGpBGKsgNpzvWvF/36Ej4FKIaoaCcJpdAbgQxm/ofwYAc86+cVUfNzAAAAAASUVORK5CYII=');
	*/
	
	display: block;
    float: left;
    width: 32px;
    height: 32px;
    background-image: url('../../TPCHATEXPRESS/img/chat-icon.png');
    position: relative;
    /* margin-top: -7px; */
}
.tpChatExpressContainerHeaderImagedivC
{
    /*display:block;
    float:left;
     width:21px;
    height:19px;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC45bDN+TgAAAOJJREFUOE9jSNPI/98c2fX/4LHj/89evPj/5NlzZGGQ3lkLFv9PNyr4zwAy8OvXr/+pBRYsW/mfAWQDNcHHT5/+Mzx89ATKpQ4A+Zrhzv37UC51ANilo4ZCudQBo4bSyFBQXv316xdUiDLw5+/f/3sPHP7PACpVVi7a8P/prWcYGJSF3757D9UCASCNb5+9w6p+1+YDkFIKqA4njtRJ+T+tZR6KwSB2R1I/iIlVDwhjFUTHoOLxyvXrQCbE0Ak500FMrGpBGKsgNpzvWvF/36Ej4FKIaoaCcJpdAbgQxm/ofwYAc86+cVUfNzAAAAAASUVORK5CYII=');
	*/
	display:block;
    float:left;
     width:35px;
    height:34px;
	background-image:url('../../TPCHATEXPRESS/img/chat-icon.png');
	position:relative;
	margin-top:-7px;
}
.tpChatExpressContainerHeaderTextButton{
    color:white;
    background-color:#99CC00;
    border:1px solid #99CC00;
    border-radius:3px;
    margin-left:20px;
}

.tpChatExpressContainerHeaderVideoButton{
    color:white;
    background-color:#C52D2F;
    border:1px solid #C52D2F;
    border-radius:3px;
    margin-left: 5px;
}

.chat-icons {
    padding: 0 20px;
    background-color: #99CC00;
    font-weight: bold;
    border: none;
    min-height: 60px !important;
    font-family: arial;
    font-size: 16px;
}

#openChatBot {
    bottom: 55px;
    right: 25px;
    z-index: 999;
    position: fixed;
}

/* Rohit */
@media screen and (max-width:620px) {
	#divChatContainer{
	bottom: 0;
    right: 0;
    height: calc(100% - 0px) !important;
    max-height: 100% !important;
    max-width: 100% !important;
	z-index: 10000000000;
	}
	.tpChatExpressContainerHeader{
		padding:10px;
		padding-right: 4px;
	}
	.tpChatExpressContainerHeaderLabel{
	display:none;
	}
	.tpChatExpressContainerHeaderImagediv{
		margin:0;
	}
}