.body-mask {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.5);
}
.body-mask.mask-on {
	display: block !important;
}
.body-scroll-lock {
	overflow: hidden;
}
.popup-box {
     background-color: #ffffff;
     border: none;
     bottom: 0;
     display: none;
     height: 392px;
     position: fixed;
     right: 30px;
     width: 278px;
     z-index: 99999;
}
 .popup-box-on {
     display: block !important;
}
 .popup-box .popup-head {
    background-color: #152b73;
    clear: both;
    color: #dedede;
    display: inline-table;
    font-size: 16px;
    padding: 5px 10px;
    width: 100%;
    border-radius: 0px 0px 0 0;
}.popup-box .popup-head.sub {
    background-color: #dfece7;
    padding: 2px 10px !important;
}
 .popup-box .popup-head .popup-sub-head {
     margin: 0 0px 0;
     width: 100%;
     font-size: 14px;
     font-weight: 600;
     color: #111;
}
 .popup-head-title {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
 .popup-messages-footer > textarea {
     border: 1px solid #b2b2b2 !important;
     min-height: 35px !important;
     max-height: 65px !important;
     margin: 7px;
     padding: 5px !important;
     border: medium none;
     width: 95% !important;
     font-style: italic;
}
 .popup-messages-footer {
     background: #fff none repeat scroll 0 0;
     bottom: 0;
     position: absolute;
     width: 100%;
}
 .popup-box .popup-messages {
     background: #ffffff none repeat scroll 0 0;
     height: 275px;
     overflow: auto;
}
 .direct-chat-messages {
     overflow: auto;
     padding: 10px;
     transform: translate(0px, 0px);
}
 .popup-messages .chat-box-single-line {
     border-bottom: 1px solid #a4c6b5;
     height: 12px;
     margin: 7px 0 20px;
     position: relative;
     text-align: center;
}
 .popup-messages abbr.timestamp {
     background: #ffffff none repeat scroll 0 0;
     color: #3F51B5;
     padding: 0 11px;
     font-weight: 700;
}
 .popup-messages abbr.timestamp {
     background: #fff none repeat scroll 0 0;
     color: #3F51B5;
     padding: 0 11px;
     font-weight: 700;
}
 .popup-messages .chat-box-single-line {
     border-bottom: 1px solid #3F51B5;
     height: 12px;
     margin: 7px 0 20px;
     position: relative;
     text-align: center;
}
 .popup-messages .direct-chat-messages {
     height: auto;
}
 .popup-messages .support .direct-chat-text {
     background: #dfece7 none repeat scroll 0 0;
     border: 1px solid #dfece7;
     border-radius: 2px;
     color: #1f2121;
     margin: 0 30px 0 5px !important;
}
 .popup-messages .customer .direct-chat-text {
     background: #ececec none repeat scroll 0 0;
     border: 1px solid #ececec;
     border-radius: 2px;
     color: #1f2121;
     margin: 0 5px 0 30px !important;
}
 .popup-messages .direct-chat-timestamp {
     color: #111111;
     font-weight: 600;
     opacity: 0.6;
     margin-top: 2px;
}
 .popup-messages .support .direct-chat-name {
     font-size: 15px;
     font-weight: 600;
     margin: 0 30px 0 5px !important;
     color: #000000;
     opacity: 0.9;
}
 .popup-messages .customer .direct-chat-name {
     font-size: 15px;
     font-weight: 600;
     margin: 0 5px 0 30px !important;
     color: #000000;
     opacity: 0.9;
}
 .popup-messages .support .direct-chat-info {
     display: block;
     font-size: 12px;
     margin-bottom: 0;
     margin: 0 30px 0 5px !important;
}
 .popup-messages .customer .direct-chat-info {
     display: block;
     font-size: 12px;
     margin-bottom: 0;
     margin: 0 5px 0 30px !important;
}
 .popup-messages .direct-chat-msg {
     margin-bottom: 10px;
     position: relative;
}
 .support .direct-chat-text::after, .support .direct-chat-text::before {
     border-color: transparent #dfece7 transparent transparent;
}
 .support .direct-chat-text::after, .support .direct-chat-text::before {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: transparent #d2d6de transparent transparent;
     border-image: none;
     border-style: solid;
     border-width: 5px;
     content: " ";
     height: 0;
     pointer-events: none;
     position: absolute;
     right: 100%;
     top: 5px;
     width: 0;
}
 .customer .direct-chat-text::after, .customer .direct-chat-text::before {
     border-color: transparent transparent transparent #dfece7;
}
 .customer .direct-chat-text::after, .customer .direct-chat-text::before {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: transparent transparent transparent #d2d6de;
     border-image: none;
     border-style: solid;
     border-width: 5px;
     content: " ";
     height: 0;
     pointer-events: none;
     position: absolute;
     left: 100%;
     top: 5px;
     width: 0;
}
 .direct-chat-text::after {
     border-width: 5px;
     margin-top: 0px;
}
 .popup-messages .direct-chat-text {
     background: #dfece7 none repeat scroll 0 0;
     border: 1px solid #dfece7;
     border-radius: 2px;
     color: #1f2121;
}
 .direct-chat-text {
     background: #d2d6de none repeat scroll 0 0;
     border: 1px solid #d2d6de;
     border-radius: 5px;
     color: #444;
     margin: 5px 0 0 50px;
     padding: 5px 10px;
     position: relative;
}