p{margin: 0px;}
ul, li{list-style-type: none;margin: 0px}
.mCSB_inside > .mCSB_container {
    margin-right: 0px !important;
}
.pointer:hover{
	cursor: pointer;
}
/* ChatBot Style */
.chatbot_div{
    width: 350px;
    position: fixed;
    bottom: 0;
    right: 0;
	z-index:9;
}
.deactive .active{display: none;}
.deactive .deactive{display: default;}
/*
.section2,.section3,.section4,.section5,.section6,.sortable1{
    display: none;
}
*/
.errmsg{
	
	clear:both;
}
.url-list-block{
	text-align: left
}
.url-list{    display: block !important;
    width: 80%;}
.url-list li{
	display: block;
    margin-bottom: 7px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: left;
}
 .url-list li a{
	 display: block;
	padding: 5px 15px;
 }
 .url-list li a:hover{
	text-decoration: none;
 }

.chatbot_div .sortable2 li{
    vertical-align: top;
}
.chatbot_div .sortable2,.chatbot_div .sortable1{
    padding: 10px 20px;
}
.chat_header {
    padding: 8px 20px;
    background-color: #2878FB;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.chat_title{
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
.chat_title img{
    margin-right: 12px;
}
.close_btn {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 0;
    float: right;
    margin-top: 5px;
}
.chatbot_div #userForm{
    background-color: #fff;
    overflow: auto;
    height: 400px;
	margin-bottom: 0px;
}
.chat_icon{
    padding-right: 10px;
    display: table-cell;
    vertical-align: top;
}
.qus_div{
    padding: 25px 15px !important;
    background: url(https://www.online.citibank.co.in/citihelp/img/Chatbox.png);
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background-size: cover;
    background-position: center;
    display: table-cell;
}
.blk_div.chat-ans a{color: #333;}
.blk_div.chat-ans a:hover{text-decoration: none;}
.blk_div.chat-ans a:active {text-decoration: none;}

.qus_div.deactive{ background: url(https://www.online.citibank.co.in/citihelp/img/deactive-comment.png) no-repeat;
background-size: cover;
    background-position: center;}
.qus_div.deactive p{ color: #999;}
.qus_div.deactive .radioButnBox{ color: #999;}
.chat_title.openchat{display: none;}


.qus_div p{
    color: #fff;
    font-size: 16px;
	padding-right:5px;
}
.check_radio label{
    width: 60px;
    margin-top: 10px;
}
.check_radio label:nth-child(1){
    margin-right: 10px;
}
.check_radio input[type="radio"] {
    width: 1px !important;
    height: 1px !important;
}
.check_radio input.radiobttn {
    margin-right: 8px;
    position: relative;
    top: 0px;
    left: 1px;
    margin-left: 12px;
    float: none;
    vertical-align: middle;
}
.check_radio input[type="radio"] {
    opacity: 0;
    left: 50% !important;
}
.chat-ans label:hover{cursor: pointer;}
.chatbot_div .radioButnBox {
    background-color: #fff;
    padding: 4px 20px;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
    color: #2877FB;
    border-radius: 30px;
    margin-top: 10px;
}
.result li {
    width: 80px;
    padding: 15px !important;
    display: block;
    background: url(https://www.online.citibank.co.in/citihelp/img/Chatbox.png);
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background-size: cover;
    background-position: center;
    float: right;
    color: #fff;
    text-align: center;
    margin-right: 20px;
}
.result li.deactive {background: url(https://www.online.citibank.co.in/citihelp/img/deactive-reply.png) no-repeat; 
	background-size: cover;
    background-position: center; }
.result .deactive p{ color: #999; }
.chatbot_div .radio {
    width: 18%;
	height: 31px;
    display: inline-block !important;
    vertical-align: top;
}
.chatbot_div .radio input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
	left: 0%;
    top: 0%;
    width: 31px;
    height: 31px;
    opacity: 0;
    z-index: 99999;
    cursor: pointer;
}
.rating_clss{
    margin-left: 45px;
}
.worst1{background-image:url("/images/1.png") !important;opacity: .6;}
.bad1{background-image:url("/images/2.png") !important;opacity: .6;}
.neutral1{background-image:url("/images/3.png") !important;opacity: .6;}
.good1{background-image:url("/images/4.png") !important;opacity: .6;}
.best1{background-image:url("/images/5.png") !important;opacity: .6;}

.radio .hover-none:hover +.worst1{background-image:url("/images/1.png") !important;opacity: 1;}
.radio .hover-none:hover +.bad1{background-image:url("/images/2.png") !important;opacity: 1;}
.radio .hover-none:hover +.neutral1{background-image:url("/images/3.png") !important;opacity: 1;}
.radio .hover-none:hover +.good1{background-image:url("/images/4.png") !important;opacity: 1;}
.radio .hover-none:hover +.best1{background-image:url("/images/5.png") !important;opacity: 1;}


.radio:hover{cursor: pointer;}
.radio input:hover +.worst1{background-image:url("/images/1.png") !important;background-repeat: no-repeat;height: 31px;background-size: 100%;opacity: 1;}
.radio input:hover +.bad1{background-image:url("/images/2.png") !important;background-repeat: no-repeat;height: 31px;background-size: 100%;opacity: 1;}
.radio input:hover +.neutral1{background-image:url("/images/3.png") !important;background-repeat: no-repeat;height: 31px;background-size: 100%;opacity: 1;}
.radio input:hover +.good1{background-image:url("/images/4.png") !important;background-repeat: no-repeat;height: 31px;background-size: 100%;opacity: 1;}
.radio input:hover +.best1{background-image:url("/images/5.png") !important;background-repeat: no-repeat;height: 31x;background-size: 100%;opacity: 1;}

.radio input:checked +.worst1{background-image:url("/images/1.png") !important;background-repeat: no-repeat;height: 31px;background-size: 100%;opacity: 1;}
.radio input:checked +.bad1{background-image:url("/images/2.png") !important;background-repeat: no-repeat;height: 31px;background-size: 100%;opacity: 1;}
.radio input:checked +.neutral1{background-image:url("/images/3.png") !important;background-repeat: no-repeat;height: 31px;background-size: 100%;opacity: 1;}
.radio input:checked +.good1{background-image:url("/images/4.png") !important;background-repeat: no-repeat;height: 31px;background-size: 100%;opacity: 1;}
.radio input:checked +.best1{background-image:url("/images/5.png") !important;background-repeat: no-repeat;height: 31px;background-size: 100%;opacity: 1;}

.blk_div{
    margin-top: 10px;
    padding-left: 50px;
}

.blk_div span input{
    margin-right: 10px;
	cursor:pointer;
}
.chatbot_div .label:empty{
    display: inline-block !important;
}
.chatbot_div .chat-cta{
	display: none;
	text-align: center;
	padding-bottom: 20px;
}
.submitBtn{
	border: 0px;
	padding: 0px;
	background: #fff;
}
.textbox1 input, .textbox2 input, .textbox3 input, .textbox4 input{
	border: 0px;
	outline: none;
	border-bottom: 1px solid #ccc;
}
.textbox1 p, .textbox2 p, .textbox3 p,  .textbox4 p{
	transform: translate3d(6px, 25px, 10px);
    font-size: 16px;
	color: #ccc;
}
.textbox1.focused p, .textbox2.focused p, .textbox3.focused p,  .textbox4.focused p{
	transform: translate3d(0px,0px,0) scale(1);
	color: #333;
	font-size: 16px;
}
.textbox1, .textbox2, .textbox3, .textbox4, .textbox5{padding-left: 60px !important;}
.textbox1 input, .textbox2 input, .textbox3 input, .textbox4 input, .textbox5 input{width: 100%;}
.textbox1, .textbox2, .textbox3, .textbox4, .textbox5,
.result,
.section2, 
.section3,
.section4,
.section5,
.section6,
.section7,
.section8,
.section9,
.section10{
	display: none;
}
.blk_div{
	display: block;
	width: 100%;
    box-sizing: border-box;

}
.blk_div .chat-radio{
	display: table;
}
.blk_div label{
	display: table-row;
	
}
.blk_div input{
	display: table-cell;
	vertical-align: top;
	cursor: pointer;
}
.blk_div span:hover,.blk_div input:hover{cursor: pointer;}
.blk_div.chat-ans span:hover,.blk_div.chat-ans input:hover{cursor: default;}
.blk_div.chat-ans a:hover,.blk_div.chat-ans a:hover{cursor: pointer;}
 
.blk_div span{
	display: table-cell;
	width: auto;
	vertical-align: top;
	font-weight: 100;
	font-size: 14px;
	padding-bottom: 5px;
}
@media (max-width: 767px){
	.chatbot_div{z-index:999999; width: 100% !important;}
	.chatbot_div .container-fluid{padding: 0px;}
	.chatbot_div .chat_title{display: none;}
	.chat_title.openchat{display: inline-block;}
	.chatbot_div #userForm{display: none;width: 100%; height: 90vh !important;}
}
  
  #submitcallclk{margin-top:10px;}
	.chatbot_div{z-index:9999999;}
	.checkbox label, .radio label {
		min-height: 20px;
		padding-left: 20px;
		margin-bottom: 0;
		font-weight: 400;
		cursor: pointer;
	}
	.label {
		cursor: pointer;
		background-size: contain;
		background-repeat: no-repeat;
		display: inline-block;
		height: 30px;
	}
	.label {
		display: inline;
		padding: .2em .6em .3em;
		font-size: 75%;
		font-weight: 700;
		line-height: 1;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
		border-radius: .25em;
	}
	.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
		position: absolute;
		margin-top: 4px\9;
	}
	.chatbot_div .radio input{width:30px;}
	.checkbox, .radio {
		position: relative;
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.sumitclk{cursor:pointer;outline: none;}
	.chat_icon {
		display: inline-block;
	}
	input[type=checkbox], input[type=radio] {
		margin: 4px 0 0;
		margin-top: 1px\9;
		line-height: normal;
	}
	.chat-radio span{line-height: 1.42857143;}
	.chatbot_div{
		width: 310px;
		position: fixed;
		bottom: 0;
		right: 20px;
		
	}
	.chatbot_div .sortable2,.chatbot_div .sortable1{
		padding: 0 20px;
	}
	.chatbot_div .sortable2 ul{
		padding: 0;
		display: inline-block;
	}
	.chat_header {
		padding: 12px 20px;
		background-color: #2878FB;
	}
	.chat_title{
		display: inline-block;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
	}
	.chat_title img{
		margin-right: 12px;
	}
	.close_btn {
		display: inline-block;
		cursor: pointer;
		vertical-align: middle;
		margin-right: 0;
		float: right;
		margin-top: 5px;
	}
	
	.chat_icon{
		display: inline-block;
	}
	.chatbot_div .container-fluid {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	.chat_title{padding-bottom:0px;}
	.chatbot_div *{line-height: 1.42857143;}
	label {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 5px;
		font-weight: 700;
	}
	.result li.deactive{margin-top:10px;}
	.deactive p, .qus_div p{padding-bottom:0px;}
	@media (max-width: 767px){
.chatbot_div .container-fluid {
    padding: 0px !important;
}
.chatbot_div{right:0;}
.footerMenu {
       padding: 7px 0 25px;
}
<!-- #searchenable{bottom:44%;} -->
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.chatbot_div, .chatbot_div #userForm{height: 100vh !important;}
.sectionfrm5{margin-bottom:30px;}
#userForm{padding-bottom:40px;}
}
.productsList {width:230px !important;}
.CustomerIcon {width:35px !important;}

#body .topHead, #body .header, .sidehover .sideimg {z-index: 999 !important;}


/* Updated Css */

.blk_div.chat-ans {
    position: relative;
}
span.chat-radio {
    border: 1px solid #3983FF;
    border-radius: 50px;
    padding: 5px;
    margin: 5px;
    border-top-left-radius: 0px;
    color: #116AFF;
    width: 100% !important;
    height: auto;
    margin-left: -17px;
    text-align: center;
    cursor: pointer;
}
input#Q2_3_improve {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
}
input#Q4_issuefaced {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
}
.chat-max {
    background: url(https://www.online.citibank.co.in/citi-nri/banking/images/close_button-new.png) no-repeat -57px -3px;
    width: 15px;
    height: 15px;
    margin-right: 11px;
    cursor: pointer;
}
.chat-min {
    background: url(https://www.online.citibank.co.in/citi-nri/banking/images/close_button-new.png) no-repeat -6px -3px;
    width: 13px;
    height: 11px;
    margin-right: 6px;
    cursor: pointer;
}
@media screen and (max-width: 499px){
	 span.chat-radio {
		border: 1px solid #3983FF;
		border-radius: 50px;
		padding: 5px;
		margin: 5px;
		border-top-left-radius: 0px;
		color: #116AFF;
		width: 100%;
		height: auto;
		margin-left: -17px;
		text-align: center;
		cursor: pointer;
	}
	 input#Q2_3_improve {
		opacity: 0;
		position: absolute;
		left: 0;
		width: 100%;
		/* height: 100%; */
		z-index: 2;
	}

	 input#Q4_issuefaced {
		opacity: 0;
		position: absolute;
		left: 0;
		width: 100%;
		/* height: 100%; */
		z-index: 2;
	}
.chatbot_div .radio input{
		margin:0;
		padding:0;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		left: 0%;
		top: 0%;
		width: 31px !important;
		height: 31px !important;
		opacity: 0;
		z-index: 99999;
		cursor: pointer;
	}
	.chatbot_div .radio {
		width: 18%;
		height: 31px !important;
		display: inline-block !important;
		vertical-align: top;
	}
	 ul.sortable3.chat-cta li {
		text-align: center;
	}
	.chat_header {
		padding: 5px 21px;
		background-color: #2878FB;
	}
	.chatbot_div .wraper #userForm {
		display: none;
		width: 100%;
		height: 93vh !important;
	}
}
@media screen and (max-width: 767px) and (min-width: 500px){
span.chat-radio {
		border: 1px solid #3983FF;
		border-radius: 50px;
		padding: 5px;
		margin: 5px;
		border-top-left-radius: 0px;
		color: #116AFF;
		width: 100%;
		height: auto;
		margin-left: -17px;
		text-align: center;
		cursor: pointer;
	}
input#Q2_3_improve {
		opacity: 0;
		position: absolute;
		left: 0;
		width: 100%;
		/* height: 100%; */
		z-index: 2;
	}

input#Q4_issuefaced {
		opacity: 0;
		position: absolute;
		left: 0;
		width: 100%;
		/* height: 100%; */
		z-index: 2;
	}
.chatbot_div .radio input{
		margin:0;
		padding:0;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		left: 0%;
		top: 0%;
		width: 31px !important;
		height: 31px !important;
		opacity: 0;
		z-index: 99999;
		cursor: pointer;
	}
	.chatbot_div .radio {
		width: 18%;
		height: 31px !important;
		display: inline-block !important;
		vertical-align: top;
	}
ul.sortable3.chat-cta li {
		text-align: center;
	}
	.chatbot_div .wraper #userForm {
		display: none;
		width: 100%;
		height: 87vh !important;
	}
}
@media screen and (max-width: 1200px) and (min-width: 768px){
	.qus_div p{
		color: #fff;
		font-size: 16px;
		padding-right: 5px;
		text-align: left;
	}
	.chatbot_div .radio input{
		margin:0;
		padding:0;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		left: 0%;
		top: 0%;
		width: 31px !important;
		height: 31px !important;
		opacity: 0;
		z-index: 99999;
		cursor: pointer;
	}
	.chatbot_div .radio {
		width: 18%;
		height: 31px !important;
		display: inline-block !important;
		vertical-align: top;
	}
	ul.sortable3.chat-cta li {
		text-align: center;
	}
}


/* Chatbot css */

#other-device .chatbot_div .radio {
    width: 18%;
	height: 31px;
    display: inline-block !important;
    vertical-align: top;
}
#other-device .qus_div p{
    color: #fff;
    font-size: 16px;
	padding-right: 5px;
	text-align: left;
}
#other-device .chatbot_div {
    width: 310px;
    position: fixed;
    bottom: 0;
    right: 0;
}

#other-device .chatbot_div .radio input{
    margin:0;
    padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    left: 0%;
    top: 0%;
    width: 31px;
    height: 31px;
    opacity: 0;
    z-index: 99999;
    cursor: pointer;
}

#other-device .chatbot_div .chat-cta{
	display: none;
	text-align: center;
	padding-bottom: 20px;
}
#other-device .sortable3.chat-cta li{
	text-align: center;
}

/* END */