.chat_panel_container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.chat_panel_container *:before, .chat_panel_container *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.chat_panel_container fieldset{padding:0;margin:0;border:0;min-width:0;}
.chat_panel_container select, .chat_panel_container textarea, .chat_panel_container input, .chat_panel_container .inputbox{display:block;width:100%;height:40px;padding:6px 12px;font-size:12px;line-height:1.625;color:#666666;background-color:#ffffff;background-image:none;border:1px solid #dddddd;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.tab_container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.tab_container{position:fixed;bottom:13px;right:17px;min-width:225px;min-height:30px;cursor:pointer;background-color:#233A65;line-height:1.625;border-radius:20px;border:1px solid;border-width:2px;border-color:#fff;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.4);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.4);box-shadow:0px 0px 10px rgba(0,0,0,0.4);overflow:hidden;-webkit-transition:all 500ms cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-webkit-transition-timing-function:cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);z-index:99999999999;}
.webichat_mobile .tab_container{display:none;}
.webichat_mobile .chat_panel_container .showpanel{bottom:20px;}
.tab_container:hover{background-color:#A60910;}
.tab_container_full{visibility:hidden;}
.tab_container .chat_status{float:left;padding:8px 0 8px 40px;font-family:arial;font-weight:bold;font-size:14px;min-height:22px;}
.tab_container .offline{background-image:url('/assets/webchat/images/icon_offline.png');background-repeat:no-repeat;color:#fff;}
.tab_container .online{background-image:url('/assets/webchat/images/icon_online.png');background-repeat:no-repeat;filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);color:#fff}
.chat_panel_container .hide{display:none !important;}
.chat_panel_container .error{color:red;}
.chat_panel_container .response{color:blue;}
.chat_panel_container{z-index:1000;position:relative;}
.chat_panel_container .chat_panel{position:fixed;bottom:70px;right:20px;font-size:12px;padding:0px;min-height:280px;z-index:1000;min-width:320px;max-width:330px;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.4);-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.4);box-shadow:0px 0px 20px rgba(0,0,0,0.4);background:#fff;border-radius:15px 15px 0 0;overflow:hidden;transition:500ms;}
.chat_panel_container .showpanel{bottom:70px;opacity:1;-webkit-transition:all 500ms cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-webkit-transition-timing-function:cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);}
.chat_panel_container .hidepanel{bottom:-1000px;opacity:0;-webkit-transition:all 500ms cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-webkit-transition-timing-function:cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);}
.chat_panel_container .closepanel{opacity:0;transition:1000ms;}
.chat_panel_container .newmessage .toolbar, .newmessage.tab_container{background:#40C2E8 !important;}
.chat_panel_container #welcome_message{margin-bottom:10px;}
.chat_panel_container .welcome_header{color:#666;line-height:22px;font-size:20px;text-align:center;}
.chat_panel_container .welcome_sub_header{color:#666;font-size:14px;line-height:18px;text-align:center;margin-top:10px;}
.chat_panel_container .toolbar{float:left;width:100%;padding:10px;clear:both;border-bottom:none;background:#233A65;color:#fff;font-weight:bold;border-radius:0px;}
.chat_panel_container .closemessagecontainer, .chat_panel_container .screenshotcontainer{clear:both;float:left;width:100%;border-radius:10px;}
.chat_panel_container .closemessagecontainer_hide, .chat_panel_container .screenshotcontainer_hide{height:0;opacity:0;overflow:hidden;-webkit-transition:all 500ms cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-webkit-transition-timing-function:cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);}
.chat_panel_container .closemessagecontainer_show, .chat_panel_container .screenshotcontainer_show{height:73px;background:rgba(0,0,0,0.3);opacity:1;padding:6px 0;margin-bottom:10px;-webkit-transition:all 500ms cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-webkit-transition-timing-function:cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);}
.chat_panel_container .closemessagetitle, .chat_panel_container .screenshottitle{text-align:center;}
.chat_panel_container .closemessagebutton, .chat_panel_container .screenshotmessagebutton{float:left;padding:3px 0px;border:1px solid;cursor:pointer;margin:2px 10px;width:35px;text-align:center;}
.chat_panel_container .closebuttonscont, .chat_panel_container .screenshotbuttonscont{margin:10px auto;width:110px;}
.chat_panel_container .closemessageyes{}
.chat_panel_container .closemessageno{}
.chat_panel_container .chat_panel_full .toolbar{visibility:hidden;}
.chat_panel_container #webihelp_info{height:25px;position:relative;float:left;bottom:0;background-color:#e2e2e2;width:100%;padding:5px;text-align:right;color:#777;}
.chat_panel_container #chat_title{font-size:16px;margin-top:2px;clear:both;}
.chat_panel_container .connectionstatus{max-width:182px;margin-bottom:5px;float:left;}
.chat_panel_container .outer{padding:0 10px 0 20px;}
.chat_panel_container .noadminsavailable{float:left;width:100%;padding:20px;min-height:214px;}
.chat_panel_container .minimise_window, .chat_panel_container .open_window, .close_window{float:right;padding:3px 9px;cursor:pointer;font-weight:bold;margin:0 2px;border-radius:0px;background:rgba(0,0,0,0.3);}
.tab_container .hide_tab_container{float: right;padding: 9px;cursor: pointer;font-weight: bold;position: relative;color: #fff;z-index: 9999999;width: 20px;height: 20px;margin-right: 16px;}
.tab_container .hide_tab_container img{position:absolute;}
.tab_container .hide_tab_container:hover{}
.tab_container.tabchat_closed{right:-188px;-webkit-transition:all 500ms cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);transition:all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-webkit-transition-timing-function:cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);}
.chat_panel_container .close_window{background:#BA2020;}
.chat_panel_container .minimise_window:hover, .chat_panel_container .open_window:hover, .chat_panel_container .close_window:hover{color:#ffffff;background:#A60910}
.chat_panel_container .close_window:hover{background:#520404;}
.chat_panel_container .login_container{float:left;width:100%;padding:20px 20px 0;}
.chat_panel_container .labelform, .chat_panel_container .form_label{padding:5px 3px 0 0;margin-bottom:2px;color:#666;}
.chat_panel_container .loginbutton{margin:10px 0 15px 0;}
.chat_panel_container .inputform{width:100%;}
.chat_panel_container input.textinput{border-radius:0px;}
.chat_panel_container #message_email{width:100%;border-radius:0px;}
.chat_panel_container .textinput{border:1px solid #ddd;padding:3px;}
.chat_panel_container .message_detect{height:14px;background-color:#e2e2e2;margin:5px;color:#777;}
.chat_panel_container fieldset{margin:auto;width:100%;}
.chat_panel_container #output{font-family:monospace;width:80%;margin-left:auto;margin-right:auto;margin-top:1em;background-color:#eeeeee;padding:1em;border:5px groove #cccccc;-moz-border-radius:15px;-webkit-border-radius:15px;-moz-box-shadow:10px 10px 10px #000000;-webkit-box-shadow:10px 10px 10px #000000;}
.chat_panel_container .message_container{display:none;float:left;bottom:0px;padding:15px 15px 0;width:100%;background:#e2e2e2;height:158px;}
.chat_panel_container #msgForm{width:100%;}
.chat_panel_container .chat_panel_full .message_container, .chat_panel_container #message{float:left;margin-bottom:10px;}
.chat_panel_container #message{width:100%;height:100px;resize:none;}
.chat_panel_container span#queueoutput{color:red;font-weight:bold;}
.chat_panel_container .chatline{line-height:132%;padding:2px;clear:both;color:#666;}
.chat_panel_container .hidechat{margin-bottom:0px !important;}
.chat_panel_container .hidechat .chatline{display:none;}
.chat_panel_container .chat_output{height:100%;min-height:170px;max-height:170px;padding:0 10px 0 0;overflow-y:scroll;background-color:#ffffff;float:left;margin:15px 0;width:100%;word-break:break-word;}
.chat_panel_container .chat_panel_full .chat_output{max-height:none;}
.chat_panel_container .messagebox{max-width:225px;width:100%;float:left;resize:none;height:110px;}
.chat_panel_container .error_msg{color:red;}
.chat_panel_container .loginbutton{float:right;cursor:pointer;}
.chat_panel_container .messagesend{float:right;cursor:pointer;margin-top:2px;padding:10px !important;}
.chat_panel_container .messagesend , .chat_panel_container .loginbutton, .chat_panel_container .sendchatemail, .chat_panel_container .sendmessageemail, .closechat{background-color:#233A65;display:inline-block;cursor:pointer;color:#ffffff;font-family:Verdana;font-size:13px;padding:10px 25px;text-decoration:none;border:none;border-radius:0px;transition:200ms;}
.chat_panel_container .closechat{position:relative;width:100%;text-align:center;top:10px;}
.chat_panel_container input#closechat, .chat_panel_container .closechat{margin-top:4px;cursor:pointer;background:#000;color:#fff;border:1px solid #000;transition:200ms}
.chat_panel_container input#closechat:hover, .chat_panel_container .closechat:hover{background:#777;border:1px solid #777;transition:200ms;}
.chat_panel_container .noadmintitle{font-size:12px;top:-20px;position:relative;}
.chat_panel_container button#sendmessageemail{float:right;position:relative;top:60px;}
.chat_panel_container .sendchatemail{margin-top:10px;}
.chat_panel_container .messagesend:hover , .chat_panel_container .loginbutton:hover, .chat_panel_container .sendchatemail:hover{background-color:#A60910;transition:200ms;}
.chat_panel_container .messagesend:active{position:relative;top:1px;}
.chat_panel_container .additional_entry{float:left;}
.chat_panel_container .r{color:red;}
.chat_panel_container .b{color:blue;}
.chat_panel_container .g{color:green;}
.chat_panel_container .y{color:yellow;}
.chat_panel_container .o{color:orange;}
.chat_panel_container .p{color:purple;}
.chat_panel_container .username{font-weight:bold;}
.chat_panel_container .timestamp{float:right;font-size:10px;}
.chat_panel_container .message_box{}
.chat_panel_container .timestamp{opacity:0;float:right;font-size:10px;color:#333;transition:200ms;}
.chat_panel_container .chatline:hover{cursor:pointer;background:#f4f4f4;}
.chat_panel_container .chatline:hover > .timestamp{opacity:1;transition:200ms;}
.chat_panel_container .message_box{transition:200ms;}
.chat_panel_container .chatline:hover > .message_box{transition:200ms;}
.chat_panel_container .sendchatlog{line-height:132%;padding:2px;clear:both;margin-bottom:10px;}
.endofchat #message_container{display:none !important;}
.endofchat #output_div{min-height:350px;max-height:350px;}
@media (max-width:724px){.tab_container{right:-188px;}
}
@media (max-width:610px){.chat_panel_container .showpanel{width:100%;max-width:100% !important;right:0 !important;height:100%;bottom:0px !important;border-radius:0 !important;}
.chat_panel_container .hidepanel{width:100%;max-width:100% !important;right:0 !important;height:93%;}
.chat_panel_container body.webichat_mobile{overflow:hidden;}
.chat_panel_container .labelform{float:none !important;}
.chat_panel_container .tab_container{min-width:20px !important;max-width:42px !important;max-height:42px !important;}
.chat_panel_container .messagesend, .chat_panel_container .loginbutton{width:100%;}
.chat_panel_container .message_container{height:auto;}
.chat_panel_container .inputform, .chat_panel_container .messagebox, label{width:100%;}
.chat_panel_container input.textinput, .chat_panel_container textarea#txtMessage{max-width:100% !important;width:100% !important;}
}