/* html,body{height:100%;width:100%;}  */

.BwWidget *{border:0;/* padding:0;margin:0;  */box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.BwWidget {font-family:Verdana, Geneva, sans-serif;font-size:12px; bottom: 0;
    height: 293px;
    position: fixed;
    right: 0;
    width: 30px;
    z-index: 9999;}
.BwWidget textarea {font-family:Verdana, Geneva, sans-serif;font-size:12px;}
.BwWidget :lang(ja) ::-webkit-input-placeholder {font-style:normal !important;}
.BwWidget :lang(ja) ::-moz-placeholder {font-style:normal !important;}
.BwWidget :lang(ja) :-ms-input-placeholder {font-style:normal !important;}
.BwWidget :lang(ko) ::-webkit-input-placeholder {font-style:normal !important;}
.BwWidget :lang(ko) ::-moz-placeholder {font-style:normal !important;}
.BwWidget :lang(ko) :-ms-input-placeholder {font-style:normal !important;}
.BwWidget :lang(zh_CN) ::-webkit-input-placeholder {font-style:normal !important;}
.BwWidget :lang(zh_CN) ::-moz-placeholder {font-style:normal !important;}
.BwWidget :lang(zh_CN) :-ms-input-placeholder {font-style:normal !important;}
.BwWidget :lang(zh_TW) ::-webkit-input-placeholder {font-style:normal !important;}
.BwWidget :lang(zh_TW) ::-moz-placeholder {font-style:normal !important;}
.BwWidget :lang(zh_TW) :-ms-input-placeholder {font-style:normal !important;}
/* .BwWidget * {-webkit-tap-highlight-color:transparent;} */
.BwWidget textarea:focus {outline:none;}
.BwWidget img {-ms-interpolation-mode:bicubic;}
.BwWidget input::-moz-placeholder {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;}
.BwWidget textarea:-moz-placeholder {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;}
.BwWidget textarea::-moz-placeholder {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;-o-opacity:1;}
.BwWidget table {font-size:100%;color:inherit;border-collapse:collapse;border-spacing:0;}
.bwChatLog{font-size:11px; color:#AAA;border-width:0; border-style:solid; border-color:#DDD; text-align:center;}
.bwChatBlock {position:relative;clear:both;width:100%;}
.bwChatBlockScroll {position:relative;margin:10px; padding-bottom: 10px}
.bwChatBlockScroll .visitor .chat_bubble .arrow_border {border-color:#EEE;}
.bwChatBlockScroll .visitor .chat_bubble .arrow_background {border-color:#FBFBFB;}
.bwChatBlockScroll .visitor .chat_bubble {background:#FBFBFB;border-width:1px;border-style:solid;border-color:#EEE;}
.bwChatBlockScroll .agent .chat_bubble .arrow_border {border-color:#c7c7c7;}
.bwChatBlockScroll .agent .chat_bubble .arrow_background {border-color:#ececec;}
.bwChatBlockScroll .agent .chat_bubble {background:#ececec;border-width:1px;border-style:solid;border-color:#c7c7c7;}
.bwChatBlockScroll .log_avatar {border-width:1px;border-style:chatLogAvatarBorderStyle;border-color:chatLogAvatarBorderColor;-moz-border-radius-topleft:chatLogAvatarRadius;-moz-border-radius-topright:chatLogAvatarRadius;-moz-border-radius-bottomleft:chatLogAvatarRadius;-moz-border-radius-bottomright:chatLogAvatarRadius;border-top-left-radius:chatLogAvatarRadius;border-top-right-radius:chatLogAvatarRadius;border-bottom-left-radius:chatLogAvatarRadius;border-bottom-right-radius:chatLogAvatarRadius;-webkit-border-top-left-radius:chatLogAvatarRadius;-webkit-border-top-right-radius:chatLogAvatarRadius;-webkit-border-bottom-left-radius:chatLogAvatarRadius;-webkit-border-bottom-right-radius:chatLogAvatarRadius;-moz-box-shadow:chatLogAvatarShadow;-webkit-box-shadow:chatLogAvatarShadow;box-shadow:chatLogAvatarShadow;}
.bwChatBlockScroll .group_head {margin-top:10px;}
.bwChatBlockHead .profile_table {width:100%;}
.bwChatBlockHead .card .avatar_cell .profile_avatar {position:absolute;bottom:0;width:50px; height:50px;border-width:chatPanelProfileCardAvatarBorderWidth;border-style:chatPanelProfileCardAvatarBorderStyle;border-color:chatPanelProfileCardAvatarBorderColor;-moz-border-radius-topleft:chatPanelProfileCardAvatarRadius;-moz-border-radius-topright:chatPanelProfileCardAvatarRadius;-moz-border-radius-bottomleft:chatPanelProfileCardAvatarRadius;-moz-border-radius-bottomright:chatPanelProfileCardAvatarRadius;border-top-left-radius:chatPanelProfileCardAvatarRadius;border-top-right-radius:chatPanelProfileCardAvatarRadius;border-bottom-left-radius:chatPanelProfileCardAvatarRadius;border-bottom-right-radius:chatPanelProfileCardAvatarRadius;-webkit-border-top-left-radius:chatPanelProfileCardAvatarRadius;-webkit-border-top-right-radius:chatPanelProfileCardAvatarRadius;-webkit-border-bottom-left-radius:chatPanelProfileCardAvatarRadius;-webkit-border-bottom-right-radius:chatPanelProfileCardAvatarRadius;-moz-box-shadow:chatPanelProfileCardAvatarShadow;-webkit-box-shadow:chatPanelProfileCardAvatarShadow;box-shadow:chatPanelProfileCardAvatarShadow;}
.bwChatBlockHead .card .avatar_cell {width:50px;vertical-align:bottom;}
.bwChatBlockHead .card .content_cell .profile_name {overflow:hidden;width:100%;white-space:nowrap;}
.bwChatBlockHead .card .content_cell .profile_title {overflow:hidden;width:100%;white-space:nowrap;}
.bwChatBlockHead .card .content_cell {padding:0 10px;vertical-align:bottom;width:100%;}
.bwChatBlockHead .rating_cell {width:52px;vertical-align:middle;}
.bwChatBlockHead .display_none {display:none;}
.bwChatBlockHead {height:100%;}
.bwChatAgentProf .profile_table td {padding:0px;}
.bwChatAgentProf .profile_table {width:100%;table-layout:fixed;font-size:100%;border-spacing:0px;border-collapse:collapse;}
.bwChatAgentProf .profile_avatar {width:32px;height:32px;border-width:0;border-style:profileCardAvatarBorderStyle;border-color:profileCardAvatarBorderColor;-moz-border-radius-topleft:profileCardAvatarRadius;-moz-border-radius-topright:profileCardAvatarRadius;-moz-border-radius-bottomleft:profileCardAvatarRadius;-moz-border-radius-bottomright:profileCardAvatarRadius;border-top-left-radius:profileCardAvatarRadius;border-top-right-radius:profileCardAvatarRadius;border-bottom-left-radius:profileCardAvatarRadius;border-bottom-right-radius:profileCardAvatarRadius;-webkit-border-top-left-radius:profileCardAvatarRadius;-webkit-border-top-right-radius:profileCardAvatarRadius;-webkit-border-bottom-left-radius:profileCardAvatarRadius;-webkit-border-bottom-right-radius:profileCardAvatarRadius;-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);box-shadow:0px 1px 2px rgba(0,0,0,0.2);}
.bwChatAgentProf .profile_name {font-weight:bold;color:#555555;}
.bwChatAgentProf .profile_title {color:#AAA;}
.bwChatAgentProf .profile_name {line-height:1.2;}
.bwChatAgentProf .profile_title {line-height:1.2;}
.bwChatAgentProf {width:100%;position:relative;}
.bwChatGrAv .avatar {background:#FFF;}
.bwChatGrAv {width:60px;height:60px;position:relative;overflow:hidden;border-width:0;border-style:solid;border-color:#DDD;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-box-shadow:avatarShadow;-webkit-box-shadow:avatarShadow;box-shadow:avatarShadow;}
.bwChatAvatOne .avatar {width:100%;height:100%;border:0px none;}
.bwChatAvatOne {position:relative;width:100%;height:100%;}
.bwChatImg {position:relative;}
.bwChatImg .img {width:100%; height:100%;}
.bwChatWindow .container {width:100%; height:100%;background:#FFF;border-width:0 1px;border-style:solid;border-color:#DDD;}
.bwChatWindow {position:relative;overflow:hidden;padding-top:24px;padding-bottom:0px;margin:chatWindowPanelMargin;}
.bwChatWindow.cwp_medium {width:290px;height:400px;}
.bwChatWindow .chat_panel_container .served_by_container {position:absolute;top:0; left:0;width:100%;padding:10px;height:50px;background:chatPanelProfileCardContainerBackground;border-width:0 0 1px;border-style:solid;border-color:#EEE;}
.bwChatWindow .chat_panel_container .chat_text_area {position:absolute;bottom:0;left:0;width:100%; background-color: #FFF;}
.bwChatWindow .chat_panel_container .chat_log .scrollable_inner {padding:0;}
.bwChatWindow .chat_panel_container {position:relative;width:100%; height:100%;z-index:20;-webkit-transition:padding 0.1s ease-in-out;-moz-transition:padding 0.1s ease-in-out;-o-transition:padding 0.1s ease-in-out; /* transition:padding 0.1s ease-in-out;* */overflow:visible !important; padding-top: 50px; padding-bottom: 65px;}
.ChatWindow {position:relative;color:#666; position: absolute; bottom: 0px; right: 0px; z-index: 16000004; display: inline-block; }
.BwMainBlock {overflow:hidden;-moz-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.1);-webkit-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.1);box-shadow:0px 0px 3px 2px rgba(0,0,0,0.1); width:100%; height:100% ;}
.ChatTextTitle {position:absolute;top:0; left:0;width:100%;overflow:hidden;z-index:10;height:24px;color:#bababa;background:#7DB04F;}
.ChatTextTitle .title {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;cursor:inherit;text-align:center;font-size:11px;line-height:24px;font-weight:bold;}
.ChatTextTitle.ltr .title {padding-left:60px;padding-right:60px;}
.ChatTextTitle .icons .ChatIcon:hover {color:black; cursor:pointer;}
.ChatTextTitle .icons .ChatIcon {display:inline-block;cursor:pointer;text-align:center;padding-right:6px; padding-left:6px;padding-top:0px;vertical-align:middle;line-height:24px; color: #FFF;}
.ChatTextTitle .icons {position:absolute;cursor:default;color:titleBarIconsColor;font-size:10px;}
.ChatTextTitle.ltr .icons .ChatIcon.last_child {padding-right:9px;}
.ChatTextTitle.ltr .icons {top:0; right:0;}
.BwChatTextArea {position:relative;width:100%;padding:10px 10px 10px !important; height:auto;*zoom:1;border-width:1px 0 0;border-style:solid;border-color:#EEE;}
.BwChatTextArea .fake_input {position:relative;overflow:visible;*zoom:1;padding:0;color:chatTextAreaInputColor;background:chatTextAreaInputBg;border-width:chatTextAreaInputBorderWidth;border-style:chatTextAreaInputBorderStyle;border-color:chatTextAreaInputBorderColor;-moz-border-radius-topleft:chatTextAreaInputRadius;-moz-border-radius-topright:chatTextAreaInputRadius;-moz-border-radius-bottomleft:chatTextAreaInputRadius;-moz-border-radius-bottomright:chatTextAreaInputRadius;border-top-left-radius:chatTextAreaInputRadius;border-top-right-radius:chatTextAreaInputRadius;border-bottom-left-radius:chatTextAreaInputRadius;border-bottom-right-radius:chatTextAreaInputRadius;-webkit-border-top-left-radius:chatTextAreaInputRadius;-webkit-border-top-right-radius:chatTextAreaInputRadius;-webkit-border-bottom-left-radius:chatTextAreaInputRadius;-webkit-border-bottom-right-radius:chatTextAreaInputRadius;-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.1);box-shadow:inset 0px 1px 3px rgba(0,0,0,0.1);}
.BwChatTextArea .textarea {display:block;width:100%; height:100%;resize:none;-webkit-transition:height 0.1s ease-in-out;-moz-transition:height 0.1s ease-in-out;-o-transition:height 0.1s ease-in-out;transition:height 0.1s ease-in-out;font-size:chatTextAreaInputFontSize;min-height:42px;max-height:64px;padding:chatTextAreaInputPadding;line-height:chatTextAreaInputLineHeight;}
.BwChatTextArea .float_wrapper {overflow:hidden;}
.BwChatTextArea .textarea_wrapper {display:block;overflow:hidden;}
.ChatIcon {font-family:zopim, "Segoe UI Symbol", "Arial Unicode MS", "Lucida Sans Unicode", sans-serif;speak:none;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}
.ChatIcon:focus {outline:none;}
.ChatFakeInput {display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;*overflow:visible;width:100%;color:#666;background:#FFF;padding:6px;border-width:1px;border-style:solid;border-color:#DDD;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-box-shadow:inputShadow;-webkit-box-shadow:inputShadow;box-shadow:inputShadow;}
.ChatFakeInput:focus {color:inputFocusColor;background:inputFocusBg;border-color:#6d6d6d;-moz-box-shadow:inputFocusShadow;-webkit-box-shadow:inputFocusShadow;box-shadow:inputFocusShadow;outline:none;}
.ChatFakeInput::-webkit-input-placeholder {color:#AAA;font-style:italic;}
.ChatFakeInput::-moz-placeholder {color:#AAA;font-style:italic;}
.ChatFakeInput:-ms-input-placeholder {color:#AAA;font-style:italic;}
.ChatNameCard {white-space:inherit;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;font-weight:bold;height:15px;line-height:12px;}
.ChatNameCardTitle {white-space:inherit;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.ChatLogContainerNoScroll {position:relative;width:100%; height:100%;}
.ChatLogContainerNoScroll .scrollable_inner {position:relative;width:100%; height:100%;}
.ChatLogContainerNoScroll .scrollable_inner {overflow-x:hidden;overflow-y:auto;padding-bottom:0 !important;direction:ltr;}
.ChatLogContainerNoScroll.sf_medium .scrollable_inner {padding:20px;}
.ChatLogContainerNoScroll.sf_medium {padding:scrollableFramePaddingMedium; }
.ChatLogBubbleAvatar td {vertical-align:bottom;padding:0px;}
.ChatLogBubbleAvatar .chat_bubble {display:inline;margin:0 8px;}
.ChatLogBubbleAvatar .log_avatar {width:32px;height:32px;}
.ChatLogBubbleAvatar .avatar_cell {width:32px;}
.ChatLogBubbleAvatar {position:relative;width:100%;font-size:100%;table-layout:fixed;border-spacing:0px;border-collapse:collapse;}
.ChatLogBubble .arrow {position:absolute;border:0px solid transparent;height:0;width:0;font-size:0;line-height:0;pointer-events:none;}
.ChatLogBubble .arrow_border {border-width:8px;margin-top:8px;}
.ChatLogBubble .arrow_background {border-width:7px;margin-top:9px;}
.ChatLogBubble.ltr.left .arrow {right:100%;top:0;border-left-color:transparent !important;border-top-color:transparent !important;border-bottom-color:transparent !important;}
.ChatLogBubble.ltr.right .arrow {left:100%;top:0;border-right-color:transparent !important;border-top-color:transparent !important;border-bottom-color:transparent !important;}
.ChatLogBubble {position:relative;border:1px solid #000000;background:#ffffff;}
.ChatLogBubble .arrow_border {top:auto !important;bottom:5px;margin-top:0px;border-width:6px;}
.ChatLogBubble .arrow_background {top:auto !important;bottom:6px;margin-top:0px;border-width:5px;}
.ChatLogBubble .content {margin-top:0px;}
.ChatLogBubble {max-width:90%;clear:both;padding:5px 10px;margin:0px 5px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;}
.ChatLogMessage {/* display:inline; */ text-overflow: ellipsis; overflow: hidden}
.ChatLogMessageAvatar .avatar {background:#FFF;}
.ChatLogMessageAvatar {width:60px;height:60px;position:relative;overflow:hidden;border-width:0;border-style:solid;border-color:#DDD;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-box-shadow:avatarShadow;-webkit-box-shadow:avatarShadow;box-shadow:avatarShadow;}
.ChatLogMessageName .text_name {*display:inline;word-wrap:break-word; padding-bottom: 10px;}
.ChatLogMessageBasic {}
.ChatLogMessageBasic .chat_name {font-weight:bold;chatLogName;}
.ChatLogMessageBasic .chat_msg {/* white-space:pre-wrap;  */word-wrap:break-word;chatLogMsg;}
.ChatLogMessageBasic {margin-top:10px;}
.ChatLogMessageTyping {font-size:11px;color:#AAA;background:chatLogSystemMsgBg;border-width:0;border-style:solid;border-color:#DDD;padding:chatLogSystemMsgPadding;text-align:center; }
.ChatLogMessageTyping {width:100%;}
.ChatResizeArea {display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;*overflow:visible;width:100%;color:#666;background:#FFF;padding:6px;border-width:1px;border-style:solid;border-color:#DDD;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-box-shadow:inputShadow;-webkit-box-shadow:inputShadow;box-shadow:inputShadow;}
.ChatResizeArea:focus {color:inputFocusColor;background:inputFocusBg;border-color:#6d6d6d;-moz-box-shadow:inputFocusShadow;-webkit-box-shadow:inputFocusShadow;box-shadow:inputFocusShadow;outline:none;}
.ChatResizeArea::-webkit-input-placeholder {color:#AAA;font-style:italic;}
.ChatResizeArea:-moz-placeholder {color:#AAA;font-style:italic;}
.ChatResizeArea::-moz-placeholder {color:#AAA;font-style:italic;}
.ChatResizeArea:-ms-input-placeholder {color:#AAA;font-style:italic;}
.ChatResizeArea.placeholder {color:#AAA;font-style:italic;}
.ChatResizeArea.unstyled {border:none;background:transparent;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.ChatStartButton .button {border-top-left-radius:5px;}
.ChatStartButton { cursor: pointer;}
.ChatStart {margin:0 auto;position:absolute;bottom:0; right:0;overflow:hidden;min-width:145px;; *width:180px;;max-width:300px;;height:30px;;color:#ffffff;;background:#D620BD;-moz-box-shadow:chatButtonShadow;-webkit-box-shadow:chatButtonShadow;box-shadow:chatButtonShadow;;}
.ChatStart {cursor:pointer;}
.ChatStart .blinds {width:100%; height:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;}
.ChatStart .button_text {position:relative;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;vertical-align:text-top;white-space:nowrap;width:100%;-webkit-transition:bottom 0.3s ease-in-out;-moz-transition:bottom 0.3s ease-in-out;-o-transition:bottom 0.3s ease-in-out;transition:bottom 0.3s ease-in-out;font-weight:bold;;line-height:30px;;padding-left:10px;;padding-right:10px;;}
.ChatStart * {cursor:pointer;}