body{/*background:#16a085;*/margin:0px;height:900px;font-family: sans-serif;}
body.noscroll {overflow: hidden;}
#ms_drop{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.chat_box{position:absolute;right:-97px;top: 35px;/*bottom:0px;*/width:265px;box-shadow: 1px 2px 6px 1px rgba(0,0,0,.15);border: 1px solid #dddfe5;border-width: 1px 1px 0px 1px;z-index: 10;border-radius: 3px;font-size: 13px;border-top: 0 none;}
.chat_body{background:white;height:auto;max-height: 400px;min-height: 65px;/*padding:5px 0px;*/overflow-y: visible;overflow-x: hidden;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: gray azure;}
.chat_body:hover{overflow-y: auto !important;}
.msg_box{position:fixed;bottom:-5px;width:250px;background:white;border-radius:5px 5px 0px 0px;}
.chat_msg_head{background:#3498db;}
.chat_msg_body{background:white;height:200px;font-size:12px;padding:15px;overflow:auto;overflow-x: hidden;}
.chat_msg_input{width:100%;border: 1px solid white;border-top:1px solid #DDDDDD;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box;}
.close{float:right;cursor:pointer;}
.minimize{float:right;cursor:pointer;padding-right:5px;}
.chat_user{position:relative;padding: 0px 0px 0px 5px !important;}
/*.user:hover{background:#f8f8f8;cursor:pointer;}
.user:before{content:'';position:absolute;background:#2ecc71;height:10px;width:10px;left:10px;top:15px;border-radius:6px;}*/

.chat_user_name1{font-size: 13px;line-height: 15px!important;position: relative;/*color: rgba(0, 0, 0, 0.4);*/color: #777777;}
.chat_user_name1:hover{background-color:#f4f4f4;}
/* .chat_user_name1:hover span{display: block;} */
.chat_message-user-name-section{max-height: 75%;margin-bottom: 2px;margin-top: 2px;/*padding: 0px 5px 0px !important;*/text-align: left;list-style: none;float: none !important;}
.chat_contname{max-width: calc(100% - 20px);float: left;width: 100%;}
.chat_user_name1 p:first-child {font-size: 14px;line-height: 16px;font-family: arial;color: #000000;margin: 3px 0px 0px 0px;width:90% }
.chat_wrd_elip{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.chat_message-user-name-section .chat_user_name1{margin: 0px;margin-left: -5px;padding-left: 7px;cursor: pointer;border-bottom: 1px solid #DDDDDD;min-height: 36px; max-height: 100px;float: none !important;width: 102% !important;text-align: left !important;}

.chat_body::-webkit-scrollbar{-webkit-appearance: none;width: 5px;}
.chat_body::-webkit-scrollbar-thumb{border-radius: 4px;background-color: rgba(0,0,0,.5);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}

.chat_dib {display: inline-block!important;font-weight: normal!important;padding-left: 5px;margin-bottom: 1px;}
.chat_c_addr {float: left;width: 100%;/*padding-left: 10px;*/line-height: 15px;margin-top: -6px;}
.chat_last-msg-snippet, .chat_no-prdct-snippet{font-style:italic;word-break: break-all;color: rgba(0, 0, 0, 0.8);max-width:calc(100% - 20px);}
.chat_last-msg-snippet{margin-top: -3px !important;}
.chat_no-prdct-snippet{margin-top: 7px !important;}
.chat_clr{clear:both;}

.chat_view-all-contact-btn{/*margin: 0px 5px 2px 1px;*/color: #2D3192;background: white;/*border: 0px;font-weight: bold;*/font-size: 12px;cursor: pointer;line-height: 16px;}
.chat_view-all-contact-btn:hover{text-decoration: underline;}
.chat_no-prdct-snippetchat_wrd_elip{/*padding-left: 10px;*/font-size: 11px;/*padding-top: 6px;*//*float: left;*/clear: both;line-height: 16px;color: #666666;width: 191px}
.chat_last-msg-snippetchat_wrd_elip{/*padding-bottom: 7px;*/margin-top: -1px !important;font-size: 11px;/*padding-top: 6px;float: left;*/clear: both;line-height: 16px;color: #666666;max-width: 191px;}
.chat_reload{margin: 3px;border-radius: 10px;color: white;background: #4ea798;border: 0px;font-weight: bold;font-size: 15px;padding: 6px;cursor: pointer;}

#contact_count{float: right;font-weight: 100;font-size: 12px;margin: 0px 10px 0px 5px;color:#CCCCCC;}

/*spiner  css for loading*/
.sk-fading-circle{margin: 100px auto; width: 40px; height: 40px; position: relative;}
.sk-fading-circle .sk-circle{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.sk-fading-circle .sk-circle:before{content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;}
.sk-fading-circle .sk-circle2{-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
.sk-fading-circle .sk-circle3{-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg);}
.sk-fading-circle .sk-circle4{-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.sk-fading-circle .sk-circle5{-webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg);}
.sk-fading-circle .sk-circle6{-webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg);}
.sk-fading-circle .sk-circle7{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.sk-fading-circle .sk-circle8{-webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg);}
.sk-fading-circle .sk-circle9{-webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg);}
.sk-fading-circle .sk-circle10{-webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}}
.sk-fading-circle .sk-circle11{-webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg);}
.sk-fading-circle .sk-circle12{-webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg);}
.sk-fading-circle .sk-circle2:before{-webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.sk-fading-circle .sk-circle3:before{-webkit-animation-delay: -1s; animation-delay: -1s;}
.sk-fading-circle .sk-circle4:before{-webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
.sk-fading-circle .sk-circle5:before{-webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
.sk-fading-circle .sk-circle6:before{-webkit-animation-delay: -0.7s; animation-delay: -0.7s;}
.sk-fading-circle .sk-circle7:before{-webkit-animation-delay: -0.6s; animation-delay: -0.6s;}
.sk-fading-circle .sk-circle8:before{-webkit-animation-delay: -0.5s; animation-delay: -0.5s;}
.sk-fading-circle .sk-circle9:before{-webkit-animation-delay: -0.4s; animation-delay: -0.4s;}
.sk-fading-circle .sk-circle10:before{-webkit-animation-delay: -0.3s; animation-delay: -0.3s;}
.sk-fading-circle .sk-circle11:before{-webkit-animation-delay: -0.2s; animation-delay: -0.2s;}
.sk-fading-circle .sk-circle12:before{-webkit-animation-delay: -0.1s; animation-delay: -0.1s;}
@-webkit-keyframes sk-circleFadeDelay{0%, 39%, 100%{opacity: 0;}40%{opacity: 1;}}
@keyframes sk-circleFadeDelay{0%, 39%, 100%{opacity: 0;}40%{opacity: 1;}}

/*up-down arrow css*/
.arr1{height: 15px;width: 20px;}
.chat_prod-p-cls{margin-top: 2px !important;display: inline-block; line-height: 16px; font-size: 11px;clear: both;width: 98%;}
.chat_rep-p-cls{/*margin-top: 5px !important; display: inline-block; */ line-height: 16px; font-size: 11px;clear: both;padding-bottom: 6px;margin-right: 10px; float: right; margin-top: -16px; }
/*.chat_prd_icn_green{width: 16px; height: 16px; float: left; margin: 0px 4px 0 -1px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA/QAAAP0B4nuDkwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAE6SURBVDiNzZC9SsNgFIafkwTRpdDJQXARJ8FFFNwVB6+g7dIsFl28BfEKpEJp4tqm0sVB1+IuiENBRChUQrtJRyNtcxyKPzGJFSff7Xu/8z7nBwDqlSz1SpY/yABAzA5idvAcn3NnaQJ1izScU1SFulug4VRQle+AqOFVT1B5Bu0jcgTSB30BloEu0Ca3t4+IRif4xD0gFBE5ZjzeIgy2gVmUFtZoB1jBO4tMEp2g4eyiXP1i9SGvMxlsO7Aitho+hG3ypdXUaM1dx1AX2w7iK+jQBxZ/7G3qBsLN+zMKKBwMAJNaOZMKUNYIuU0GTNTDmltIDDebJrAJxgfASijzCcN7PCf+MxoowgWPvbt0gMgT6CG5Ujl1ja/lMWdy5UtgPjGRL8UzMXnuNV61NdUj+QaAWiDhdO8/6A283mqmEy5B5AAAAABJRU5ErkJggg==);}*/
.chat_prd_icn_grey{width: 16px; height: 16px; float: left; margin: 2px 2px -2px 0px;background: transparent url('/im_msg/image/shopping-cart.svg') 0% 0% no-repeat padding-box;}
.chat_rep_icn{width: 16px; height: 16px; float: left; margin: 3px 2px -3px 0px;background: transparent url('/im_msg/image/reply.svg') 0% 0% no-repeat padding-box;}
.chat_prdct_dsply{font-style: italic; color: #333333;}
.chat_rep_dsply{color: #068076;font-weight: bold;}
.chat_nm_mob{font-size: 11px;line-height: 16px;color: #666666;}
.no_cntct_post_req{color: #2D3192;background: white; border:1px solid #2D3192; font-size:12px; line-height: 16px;padding: 6px 10px;text-align: center;margin-top: 10px;align-items: center;font-weight: bold;border-radius: 3px;}
.chat_msg_unrd_cnt{position: absolute; left: 235px; color: #fff; top: 25px; border-radius: 11px; width: 16px; height: 16px; background: #2D3192; line-height: 16px; text-align: center; font-size: 11px;}
.chat_box:before{content: ''; position: absolute; border: solid rgba(33, 43, 54, 0.15); border-width: 0 2px 2px 0; padding: 3px; right: 130px; transform: rotate(-135deg); top: -4px; background: #fff;}


/*full login css*/
.msg_one_s1{z-index: 9999;background-color: #fff;padding: 0px 5px;cursor: auto;}
.log_msg_head{display:inline-block;width:100%;margin-left:0;padding: 10px 0px 18px;}
.lh24 {line-height: 20px;}
.otp-mob1 {color: #606060;}
.fs141{font-size: 14px;}
.sms-st1{color: #2c2c2c; text-align: center;}
.fw1{font-weight: 700;}
.msg_vfn-code1{padding-top: 5px; width: 100%;}
.msg_otp-code1{display: table; margin: 0 auto; position: relative; text-align: center;}
.sms-st1{color: #2c2c2c; text-align: center;}
.mob-no1{display: none; padding: 15px 18px 12px 0;}
.border_black1{border: 1px solid #000; border-radius: 3px;}
.mobbox1{height: 38px; line-height: 42px; margin:4px 3px !important; width: 38px; text-align: center; font-size: 17px;}
.f1{float: left !important;}
.verify1{padding: 6px 35px!important; margin: 15px 0 9px!important; background: #2e3192!important; border: 1px solid #2e3192!important; color: #fff; border-radius: 3px!important; cursor: pointer;}
.ast_msg_cnct{background-color: wheat;width: 203px!important;}

/*quick reply css*/

.inst_rep_msg_btn{width:auto;background:#d7d7d7;color:#000;font-size:11px;padding:1px 7px;cursor:pointer;line-height:15px;font-weight:400;border-radius:15px;margin: 0px 3px;}
.inst_rep_msg_btn:hover{background:#ddf2f0;color:#000;}
.inst_rep_msg{font-size:12px;color:#626262;line-height:14px;margin: 3px 0px;display: none;}
.chat_user_name1:hover .inst_rep_msg{display: inline-flex;}
.chat_user_name1:hover .reply_orint_class{margin-top: 5px;}
.reply_orint_class{float: right;}