/*
body{font-family: "Open Sans", Helvetica, Arial, sans-serif;font-weight: 300;font-size: 12px;line-height: 30px;color: #777;}
*{margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;font-smoothing: antialiased;text-rendering: optimizeLegibility;}
*/

.NeedHelpDiv{position: fixed;bottom: 0px;right: 5px; z-index:99; background-color: #ed1f24;color: #fff;width: auto;height: 40px;line-height: 40px;text-align: center;cursor: pointer;font-size: 20px;font-weight: 500;padding: 0 15px;}
#more {display: none;}
.select_option_chat{position:relative;}
.more_button {display:none;}
.more_button{position:absolute;top: 80px;left: 0; z-index:9; padding:0 3% 10px 3%; background:#f3f3f3}
.select_option_chat button.BtnNew {border: 0;cursor: pointer;font-size: 10px;text-transform: uppercase;font-weight: bold;text-decoration: none;display: inline-block;color: #0e4e89;float: left;width: 100%;background: none;}

.NeedHelp_formBox{background: #f3f3f3;padding: 0;margin: 0;box-shadow: 0 0 17px #dedcdc;width: 565px;position: fixed;bottom: 0px;right: 5px;display: none;z-index:99999999999;}
.NeedHelp_formBox h3{color: #F96;display: block;font-size: 30px;font-weight: 400;}
.NeedHelp_formBox h4{margin: 5px 0 15px;display: block;font-size: 13px;line-height: 20px;}
.NeedHelp_closeBtn{border: 0;padding: 0;margin: 0;width: 22px;height: 22px;line-height: 22px;text-align: center;border-radius: 100px;background-color: #000;color: #fff;font-size: 14px;cursor: pointer;font-weight: 600;/*position: absolute;top: 10px;right: 10px;*/
outline: none;vertical-align: middle;}
.NeedHelp_form_t{display: inline-block;width: 100%;padding: 0;box-sizing: border-box;overflow-y: auto;min-height:510px;position: relative;}
.select_option_chat{width: 100%;display: inline-block;float: left;padding: 0 3%;}
.select_option_chat a{border:0; cursor:pointer; font-size:12px; text-transform: uppercase;font-weight:bold; text-decoration:none; display:inline-block; color:#ff0000;float: left;width: 100%;}

.queryButton{border-radius: 4px;background-color: #fff;width: unset;padding: 0px 10px 0;margin-right: 4px;margin-bottom: 7px;height: 32px;color: #0e4e89;border-style: none;outline: 0;font-size: 12px;border: solid 1px #a1bad0;cursor: pointer;}
.queryButton:hover{color: #ff3b00;border: solid 1px #ff3b00;}
.show_selected_div{display: none;float: left;width: 100%;margin-top: 25px;}
.show_selected_div strong{text-align: right;color: #fff;background: #f00;font-size: 15px;display: inherit;margin-bottom: 15px;float: right;font-weight: normal;padding: 2px 15px;border-radius: 15px;}
.Show_selected_buttonDiv{float: left;width: 100%;}
.Show_selected_queryButton{border-radius: 4px;background-color: #fff;width: unset;padding: 0px 10px 0;margin-right: 4px;margin-bottom: 7px;height: 32px;color: #0e4e89;border-style: none;outline: 0;font-size: 12px;border: solid 1px #a1bad0;cursor: pointer;}
.welcometemplatewrapper{width: 100%;float: left;position: relative;margin: 20px 0;}
.keya-img{bottom: 0;width: 80px;margin-left: 3%;position: absolute;z-index: 1;}
.border-wrapper{width: 100%;margin: 20px 0 0;display: block;padding-top: 7px;padding-left: 3%;padding-right: 5px;padding-bottom: 8px;border-radius: 0;height: auto;background: white;box-shadow: 0 2px 3px 0 rgba(189, 189, 189, 0.5);line-height: 20px;}
.keya-header{width: 100%;font-weight: normal;}
.keya-subtitle1{width: 90%;}
.row.keya-feature-listing{margin: 5px 0;font-size:13px;}
.col-md-6.col-xs-6{display: inline-block;align-items: center;width: 47%;}
/*.col-md-6.col-xs-6 b:before{content: "\f111";font-family: FontAwesome;color: #ED1C24;text-transform: uppercase;text-align: center;cursor: pointer;font-size: 8px;vertical-align: middle;line-height: 9px;margin-right: 6px;}*/
.col-md-6.col-xs-6 b:before{content: "";display:inline-block; background: #ED1C24;cursor: pointer;vertical-align: middle;height: 6px;width: 6px; border-radius:100px;margin:-4px 5px 0 0;}
.dividerWrapper{width: 100%;margin-left: 0;}
.redDivider{margin-left: 0;}
.keya-subtitle2{margin-top: 8px;width: auto;line-height: 20px;}
.redDivider{position: inherit;width: 93%;border-bottom: 3px solid #ec1e30;}
.flex-design{width: 100%;float: left;}
.bot-messagefull{border-radius: 10px !important;border: none;box-shadow: 0 2px 2px 0 rgba(189, 189, 189, 0.5);max-width: 90% !important;background: #fff;padding: 5px 15px;box-sizing: border-box;margin: 10px 0 0;}
.bot-messagefull.messageContent{float: right;}
.chatbox-popup__footer{border-top: 1px solid #ccc;background: #fff;padding: 15px 15px 10px;float: left;width: 100%;box-sizing: border-box;}
.chatbox-popup__footer textarea{box-sizing: border-box;width: 100%;margin: 0;height: calc(16px + 16px / 2);padding: 0 calc(16px / 2);font-family: inherit;font-size: 16px;line-height: calc(16px + 16px / 2);color: #888;background-color: none;border: 0;outline: 0 !important;resize: none;overflow: hidden;}
.chatbox-popup__footer i{display: inline-flex;font-size: 24px;cursor: pointer;}

/*.wc-message-from-me .wc-message-content{background-color: #fff !important;color: #000 !important;}
.wc-message-from-me svg.wc-message-callout path{fill: #fff !important;}*/
.wc-console{background-color: #fff !important;}
.format-markdown > p{margin-bottom: 0px;font-family: arial;font-size: 14px;line-height: 20px;}
/*===== Responsive Css =====*/


#webchat{float: left;position: relative;width: 100%;min-height: 210px;}
.webchat__basic-transcript{max-height: 100px !important;overflow: auto !important;}
.webchat__stacked-layout__message-row{border-radius: 10px !important;border: none;box-shadow: 0 2px 2px 0 rgb(189 189 189 / 50%);max-width: 90% !important;background: #fff;padding: 5px 15px;box-sizing: border-box;margin: 10px 0 0;}
.wc-header{display: none;}
.wc-message-groups{top: 10px !important;max-height: 160px !important;}
.select_option_chat{margin-bottom: 0;}
.wc-chatview-panel{position: initial;}
.wc-message-from-bot .wc-message-content{background-color: #fff !important;display:block;float:left;}
.wc-message-from-bot svg.wc-message-callout path{fill: #ffffff !important;}

/*#content{display: table;}*/
.clickT{font-size: 0;float: left;margin: -37px 0 0 5px;position: relative; padding: 5px 0 5px 0; width:35px;cursor:pointer;
background:url(/images/icon-chat/chat-hello.png) no-repeat 6px 2px;; background-size:25px;}
.clickT.open{background:url(/images/icon-chat/chat-down.png) no-repeat 4px -2px; background-size:30px;}

/*.clickT::after{content: "\f009";font-family: FontAwesome;color: #000;text-transform: uppercase;text-align: center;cursor: pointer;font-size: 28px;background: #fff;}
.clickT.open::after{content: "\f0ab";font-family: FontAwesome;color: #000;text-transform: uppercase;text-align: center;cursor: pointer;font-size: 30px;}
*/
.offerOpen{display: none;clear: left;}
.offerOpen.open{display: block;position: relative;}
.chat_offerBox{display: inline-block;float: left;padding: 0 3%;}
.offerBox_item{display: inline-block;background: #191919;color: #fff;padding: 8px;box-sizing: border-box;font-size: 14px;cursor: pointer;}
.showofferBox_popup{display: none;width: 100%;padding: 0 2%;position: absolute;top: -8px;/*background: #fff;*/}
.showofferBox_popup.open{display: block;padding: 0;float: left;clear: left;/*background-color: #fff;*/}
.showofferBox_backicon{font-size: 0; cursor:pointer;}
.showofferBox_backicon img{display:inline-block; width: 30px;margin: -31px 0 0 9px;float:left;}
/*.showofferBox_backicon::after{content: "\f0a8";font-family: FontAwesome;color: #000;text-transform: uppercase;text-align: left;float: left;cursor: pointer;font-size: 30px;background-color: #fff;margin: -25px 0 0 10px;padding: 2px 5px;}*/
.showofferBox_title{font-size: 18px;font-weight: 600;background: #e1e1e1;padding: 5px 15px; margin-top:7px;}
.showofferBox_popup ul{margin: 0 3%;padding: 0 3%;background: #fff;width: 94%;display: table;}
.showofferBox_popup ul li{margin: 0;padding: 3px 0;float: left;width: 100%;cursor: pointer;list-style: none;color: #333333;border-top: 1px solid #f1f1f1;}
.showofferBox_popup ul li:first-child{border-top: 0;}
.showofferBox_popup ul li img{display:inline-block; width: 30px;margin:0;float:right;transition-duration:3s;transition-duration:500ms;transition-duration:500ms, 500ms;}
.showofferBox_popup ul li:hover img{margin:0 10px 0 0;}
/*
.showofferBox_popup ul li:hover,
.showofferBox_popup ul li:hover::after{color: #ff3b00;font-weight: 600;}
.showofferBox_popup ul li::after{content: "\f105";font-family: FontAwesome;color: #000;text-transform: uppercase;text-align: center;cursor: pointer;font-size: 20px;float: right;}
*/

/*chat Top Offer*/
.chat_topOffer {float: left;margin: 0;padding: 10px;clear: left;width: 100%;text-align: right;background-color: #fff;position: absolute;right: 0;z-index: 9999;box-shadow: 0px 2px 7px -5px #000;box-sizing: border-box;}
.offer_iconDiv{font-size: 0;}
.offer_iconDiv::after{content: "\f06b";font-family: FontAwesome;color: #000;text-transform: uppercase;text-align: center;cursor: pointer;font-size: 26px;vertical-align: middle;}
.showofferDiv{float: left;width: 100%;display: none;background: #fff;padding: 6% 2% 2%;height: 90vh;/*overflow-y: scroll;*/
position: relative;}
.showofferDiv.active{display: block;}
.showofferDiv span,
.chat_feedback_form span{float: left;font-size: 20px;font-weight: 600;color: #000;margin-bottom: 10px;}
.showofferDiv_Box{float: left;width: 100%;background: #fff;box-shadow: 0 0 2px #ccc;padding: 10px;margin: 5px 0;text-align: left;}
.showofferDiv_Box_left{float: left;width: 100px;}
.showofferDiv_Box_left img{width: 80%;}
.showofferDiv_Box_right{float: left;width: 245px;font-size: 14px;color: #3e3e3e;}
.showofferDiv_Box_right p{margin: 0;color: #737373;line-height: 18px;}
.showofferDiv_Box_right a{text-decoration: none;color: #3e83ff; display: inline-block; margin-top: 5px;}
.offer_conditions{width: 100%; float: left; padding-top: 5px; line-height: 20px;}
.offer_conditions span{font-size: 11px;text-align: right;color: #888888; float: right; margin: 0;}
.offer_conditions a{text-decoration: none;color: #3e83ff; display: inline-block; margin: 0px;}

/*Chat Feedback*/
.offer_iconDiv,
.chat_fdbk_iconDiv{display: inline-block;vertical-align: middle;padding-right: 10px;}
.chat_feedback{float: left;width: 100%;}
.chat_fdbk_iconDiv{font-size: 0;}
.chat_fdbk_iconDiv::after{content: "\f0e6";font-family: FontAwesome;color: #000;text-transform: uppercase;text-align: center;cursor: pointer;font-size: 26px;vertical-align: middle;}
.chat_feedback_form{float: left;width: 100%;display: none;clear: left;padding: 6% 2% 2%;background: #fff;text-align: left;height: 90vh;position: relative;}
.chat_feedback_form.active{display: block;}
.chat_fdbk_formInput{width: 100%;float: left;}
.chat_fdbk_formInput .chat_fdbk_textBox{display: block;width: 100%;padding: 10px;margin: 0 0 10px;box-sizing: border-box;border-radius: 0;border: 1px solid #e5e5e5;outline: none;font-family: arial;}
.chat_fdbk_textareabox{height: 150px;resize: none;}
.chat_fdbk_submitBtn{width: 100px;height: 30px;line-height: 30px;padding: 0;margin: 5px 0 0;color: #ffffff;font-weight: 600;font-size: 14px;background: #f15050;text-align: center;border: 0;border-radius: 3px;cursor: pointer;outline: none;text-transform: uppercase;display: inline-block;}
.chat_fdbk_formrating{float: left;width: 100%;margin: 10px 0;}
.chat_fdbk_formrating label{display: inline-block;vertical-align: middle;font-weight: 500;padding-right: 5px;}
.rate{display: inline-block;padding: 0;margin-top: -2px;vertical-align: middle;}
.rate:not(:checked) > input{position: absolute;top: -9999px;}
.rate input [type=image]{position: inherit;}
.rate:not(:checked) > label{float: right;width: 26px;overflow: hidden;white-space: nowrap;cursor: pointer;font-size: 30px;color: #ccc;line-height: 20px;padding-right: 0;}
.rate:not(:checked) > label:before{content: "\2605";}
.rate > input:checked ~ label{color: #ffc700;}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label{color: #deb217;}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label{color: #c59b08;}
.wc-console .wc-textbox input{background-color: transparent;margin-left: 35px !important;}
.wc-console .wc-mic, .wc-console .wc-send{right: 10px !important;}
.wc-console .wc-send img{display:block; width:27px; float:none;height:auto; margin:0 auto;}

.wc-console .wc-send svg{display:none;}
.wc-console svg{fill: #000000 !important;stroke-width: 2em;}
.backto_chatBtn{font-size: 14px;position: absolute;top: -20px;background: #00abec;color: #fff;outline: none;border: none;left: 0;margin: 0;padding: 2px 10px;border-radius: 5px;cursor: pointer;/*box-shadow: 0 4px 5px #afafaf;*/}
.backto_chatBtn::after{content: "\f0a8";font-family: FontAwesome;text-transform: uppercase;text-align: left;float: left;cursor: pointer;font-size: 22px;margin-right: 6px;padding: 0;}

.typing_ico_holder{width:100%; padding:0 20px; float:left; position:absolute; bottom:63px;}
.typing_right, .typing_left{width:38px; /*position:fixed; bottom:55px;*/}
.typing_right{float:left; right:30px;}
.typing_left{float:right; left:30px;}
.Chat-Queries-Products{width:100%; float:left; padding:0; /*border:1px soft #ccc; background:#9de0f8;*/ position:relative;}
.Chat-Queries-Products ul{width:100%; float:left; list-style:none;}
.Chat-Queries-Products ul li{width:24%; margin:0 0.5% 5px 0.5%; padding:0px; position:relative; float:left; display:block; border:1px solid #ccc; overflow:hidden;}
.Chat-Queries-Products .prd_img{width:100%; float:left;}
.Chat-Queries-Products .prd_img img{width:95px; margin:0 auto; display:block;}
.Chat-Queries-Products ul li:hover .prd_text{opacity:10;}
.Chat-Queries-Products .prd_text{width:100%; float:left; position:absolute; height:100%; padding:5px; background:#fff; font-size:12px; line-height: 13px;text-align: center; font-weight:bold; opacity:0;transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}
.Chat-Queries-Products .prd_text span{color:#ff0000; display:inline-block; width:100%; float:left; padding-top:8px; font-size:14px;}

.SelectOptionTick{width: 50%;display: inline-block;float: left;padding: 10px 3%; text-align: left;}
.SelectOptionTick .queryButton{margin-bottom: 5px; display: inline-block; float: left; width: 100%; text-align: left; padding: 0 0 0 30px;background: url(/images/check-3.png) no-repeat 5px 5px; background-size: 20px;color:#0e4e89;font-size:14px;}
.SelectOptionTick .queryButton.selected,
.SelectOptionTick .queryButton.selected:hover{color: #ff3b00;border: solid 1px #ff3b00 !important;background: url(/images/check-3-s.png) no-repeat 5px 5px; background-size: 20px;}



@media only screen and (max-width:720px),(max-width:760px), (max-width:960px){
.NeedHelpDiv{display: none;}
.NeedHelp_formBox{width: 100%; left: 0; right: 0; margin: 0; padding: 10px; border: 1px solid #ccc;}
.NeedHelp_formBox  div{box-sizing: border-box;}
.wc-console .wc-textbox{position: relative; z-index: 30;}
.wc-console .wc-mic, .wc-console .wc-send{z-index: 50;}
.wc-console .wc-textbox input{width: 65%; height: 35px;}
.wc-console .wc-textbox{left: 0; right: 0;}
.wc-console .wc-textbox input{margin-left: 45px !important;}
.clickT {font-size: 0;float: left;margin: -55px 0 0 0;padding: 0 0 0 15px;width: 30px;}
.chat_offerBox{padding: 0; width: 100%;}
.chat_offerBox .offerBox_item{display: inline-block;background: #191919;color: #fff;padding: 9px;box-sizing: border-box;font-size: 14px;cursor: pointer; width: auto; margin: 0 5px 0 0;}


}


@media only screen and (max-width:600px), (max-width:650px),(max-width:680px){
}

@media only screen and (max-width:500px),(max-width:580px){
}

@media only screen and (max-width:400px), (max-width:450px),(max-width:480px) {
}

@media only screen and (max-width:375px), (max-width:384px){
}

@media only screen and (max-width:360px){
}

@media only screen and (max-width:300px), (max-width:320px){
}