a.notifier-name { color: #0b3194; font-family: Georgia, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 14px!important; font-weight: bold; text-decoration: none; } a.notifier-name:hover { text-decoration: underline; } .chat-popup-container{ background-color: #D4EEF4; border: 1px solid #09A0C4; bottom: 10px; display: block; overflow: hidden; padding: 3px; position: fixed; right: 3px; *position: absolute; *bottom:auto; *top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); width: 255px; z-index: 8000; box-shadow: 0 0 10px #AAAAAA; -moz-box-shadow: 0 0 10px #AAAAAA; -webkit-box-shadow: 0 0 10px #AAAAAA; contain: layout paint; } .--hide-chat-inv .chat-popup-container { opacity: 0!important; z-index: 1!important; } #chat_main_container img { border: 0; padding: 0; margin: 0; max-height: 100%; } #chat_main_container img.sticker { max-height: 50px!important; } .chat-popup-container-title{ color: #393939; float: left; font-family: Georgia; font-size: 14px!important; margin-bottom: 4px; cursor: pointer; } .minimizer { background: transparent; float: right; height: 15px; width: 16px; cursor: pointer; } .notifier { padding: 10px 5px; overflow: hidden; position: relative; zoom: 1; width: 100% !important; box-sizing: border-box; } .notifier-bottom{ border-bottom: 1px solid #AAA; clear: both; height: 50px; margin-top: 5px; overflow: hidden; } .notifier-close{ cursor: pointer; float: left; height: 50px; text-align: center; width: 100px; } .notifier-info { color: #777; font-family: Verdana; font-size: 12px!important; word-wrap: break-word; overflow: hidden; } .notifier-message{ color: #1B1B1B; float: right; font-family: Verdana; font-size: 12px; height: 71px; margin-right: 7px; margin-top: 5px; overflow: hidden; padding-top: 16px; position: relative; width: 124px; word-wrap: break-word; z-index: 10001; } .notifier-message-cloud { float: right; height: 69px; left: 0px; position: absolute; top: 9px; width: 120px; z-index: 10002; border: 1px solid #CCC; border-radius: 10px; border-top: none; background: #FFFFFF; } .notifier-message-cloud::after { display: block; content: ""; position: absolute; top: -8px; left: 0px; width: 100%; background: url(new_popups/message-cloud-top-1.svg) no-repeat; height: 10px; background-size: 120px auto; } .notifier-message-text { height: 56px; width: 100px; font-size: 12px; line-height: 1.25em; margin-left: 10px; margin-right: 5px; overflow: hidden; position: relative; z-index: 10003; } .notifier-message-text-content { position: relative; } .notifier-photo-container { float: left; height: 133px; position: relative; width: 100px; border: 1px solid #BBB; margin-right: 10px; } .notifier-start-chat{ float: right; height: 50px; overflow: hidden; position: relative; text-align: center; width: 133px; } .notifier-startchat-button-underlay { background-color: #FF9999; height: 20px; left: 10px; position: absolute; top: 10px; width: 110px; z-index: 10001; } .notifier-timeleft-bar{ background: url(new_popups/timeleft-bar-cyan.png) no-repeat; height: 5px; } .notifier-timer { background-color: #FFF; border: 1px solid #09a0c4; height: 5px; margin-top: 9px; margin-bottom: 5px; overflow: hidden; width: 100%; box-shadow: 0 3px 5px #AAAAAA; -moz-box-shadow: 0 3px 5px #AAAAAA; -webkit-box-shadow: 0 3px 5px #AAAAAA; } .notifier-top{ clear: both; height: 133px; } .notifiers-wrapper{ background-color: #fff; clear: both; zoom: 1; } #chat_main_container img { border: 0; } input.notifier-startchat-button { background: url(new_popups/start-chat.png) no-repeat transparent center 3px; border: 0; color: #FFF; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 12px; font-weight: bold; height: 38px; line-height: 38px; display: block; left: 0; position: absolute; width: 132px; z-index: 10002; } .notifiers-wrapper input.notifier-startchat-button { font-size: 14px; } .notifier-bonus input.notifier-startchat-button { background: url(new_popups/start-chat-blue.png) no-repeat transparent center 2px; font-size: 14px!important; } input.notifier-startchat-button:active { color: #6633FF!important; } span.notifier-close-action { color: #969aa5!important; font-family: Verdana; font-size: 12px; text-decoration: none; } span.notifier-close-action:hover { text-decoration: underline; } span.notifier-webcam { background: url(new_popups/webcam.png) no-repeat transparent; width: 26px; height: 17px; position: absolute; top: 2px; left: 2px; } span.notifier-online { position: absolute; left:2px; bottom:4px; background: url(new_popups/online.png) transparent no-repeat; width: 35px; height: 17px; } .chat-popup-container--in_chat { right: 20px; } .chat-popup-container--in_chat .chat-popup-container-title { font-family: Helvetica, sans-serif; } .chat-popup-container--in_chat .notifier { margin-top: 5px; width: 255px!important; display: inline-block; vertical-align: top; white-space: normal; padding: 0 5px; box-sizing: border-box; line-height: 1.2; } .chat-popup-container--in_chat .notifiers-wrapper { width: auto; white-space: nowrap; padding: 0; display: inline-block; transition: transform 0.5s ease-out; line-height: 0; font-size: 0; } .chat-popup-container--in_chat .notifier-timer { display: none; } .chat-popup-container--in_chat .notifiers-navigation { font-size: 0 } .chat-popup-container--in_chat .notifiers-navigation button { width: 50%; border: none; background: none; text-align: center; height: 20px; } .chat-popup-container--in_chat .notifiers-navigation button svg { fill: #533e68; width: 20px; } .chat-popup-container--in_chat .notifier-bottom { border-bottom: none; } .chat-popup-container--in_chat .notifier-close { position: absolute; top: 145px; } .notifiers-viewport { clear: both; overflow: hidden; } .chat-popup-container--in_chat .notifiers-viewport { line-height: 0; font-size: 0; } .notifier-caption-watching { overflow: hidden; margin-top: 10px; color: brown; font-size: 14px; }