#lcsShell_3_758869, #lcsShell_3_758869 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #lcsShell_3_758869 { width: 400px; border: 2px solid #663366; border-top-right-radius: 5px; border-top-left-radius: 5px; text-align: center; font-size: 14px; background-color: #ffffff; font-weight: normal; } #lcsShell_3_758869 .lcsBar { background-color: #663366; color: #ffffff; position: relative; cursor: pointer; } #lcsShell_3_758869 .lcsChatBlock { padding: 5px; } /*bar btns*/ #lcsShell_3_758869 .lcsBarBtns { position: absolute; top: 0; right: 5px; } #lcsShell_3_758869 .lcsBarBtns a { color: #ffffff; cursor: pointer; text-decoration: none; } #lcsShell_3_758869 .lcsBarBtns a:hover { text-shadow: 1px 1px 1px #333; } /*inputs*/ #lcsShell_3_758869 input[type=text], #lcsShell_3_758869 input[type=email], #lcsShell_3_758869 textarea { width: 100%; border: 1px solid #999; border-radius: 5px; margin: 0 0 10px; padding: 5px; height: 35px; color: #666666; font-size: 14px; } #lcsShell_3_758869 input[type=text]:hover,#lcsShell_3_758869 input[type=text]:focus,#lcsShell_3_758869 input[type=text]:active, #lcsShell_3_758869 input[type=email]:hover,#lcsShell_3_758869 input[type=email]:focus,#lcsShell_3_758869 input[type=email]:active, #lcsShell_3_758869 textarea:hover, #lcsShell_3_758869 textarea:focus, #lcsShell_3_758869 textarea:active { border-color: #663366; box-shadow: 0 0 5px #663366; } #lcsShell_3_758869 input:focus::-webkit-input-placeholder { color: transparent; } #lcsShell_3_758869 input:focus:-moz-placeholder { color: transparent; } #lcsShell_3_758869 input:focus::-moz-placeholder { color: transparent; } #lcsShell_3_758869 input:focus:-ms-input-placeholder { color: transparent; } #lcsShell_3_758869 textarea:focus::-webkit-input-placeholder { color: transparent; } #lcsShell_3_758869 textarea:focus:-moz-placeholder { color: transparent; } #lcsShell_3_758869 textarea:focus::-moz-placeholder { color: transparent; } #lcsShell_3_758869 textarea:focus:-ms-input-placeholder { color: transparent; } #lcsShell_3_758869 textarea { height: auto; } #lcsShell_3_758869 input[type=submit] { border: none; border-radius: 5px; margin: 0 0 10px; padding: 5px; height: 35px; background-color: #663366; color: #ffffff; cursor: pointer; } #lcsShell_3_758869 input[type=submit]:hover { box-shadow: 0 0 5px #663366; } /*registration*/ #lcsShell_3_758869 .lcsRegForm { padding: 5px; } /*chat*/ #lcsShell_3_758869 .lcsChatAgentJoinedMsg { color:#fcfcfc; } #lcsShell_3_758869 .lcsChatMsg, #lcsShell_3_758869 .lcsChatSendBtn { margin: 0; } #lcsShell_3_758869 .lcsChatMsg{ width: 100%; height: 70px; border: none; border-radius: 0; resize: none; } #lcsShell_3_758869 .lcsChatMsg:hover,#lcsShell_3_758869 .lcsChatMsg:focus,#lcsShell_3_758869 .lcsChatMsg:active { box-shadow: none; border: none; } #lcsShell_3_758869 .lcsMainAreaShell { width: 100%; border-top: 1px solid #663366; text-align: left; } #lcsShell_3_758869 .lcsInputShell { margin-top: 10px; } #lcsShell_3_758869 .lcsMainTxtShell,#lcsShell_3_758869 .lcsMainBtnShell { display: inline-block; vertical-align: middle; } #lcsShell_3_758869 .lcsMainBtnShell { } #lcsShell_3_758869 .lcsMainTxtShell { min-width: 80%; } /*messages*/ #lcsShell_3_758869 .lcsMessagesShell { padding: 10px; } #lcsShell_3_758869 .lcsMessages ,#lcsShell_3_758869 .lcsMessagesExShell { width: 100%; } #lcsShell_3_758869 .lcsAgentMsgShell,#lcsShell_3_758869 .lcsUserMsgShell { clear: both; } #lcsShell_3_758869 .lcsAgentNameShell,#lcsShell_3_758869 .lcsUserNameShell { color:#fcfcfc; margin-bottom: 5px; font-size: 13px; } #lcsShell_3_758869 .lcsAgentNameShell { text-align: left; } #lcsShell_3_758869 .lcsUserNameShell { text-align: right; } #lcsShell_3_758869 .lcsAgentMsg,#lcsShell_3_758869 .lcsUserMsg { color: #666666; max-width: 80%; padding: 8px 10px; border: none; border-radius: 5px; position: relative; } #lcsShell_3_758869 .lcsAgentMsg:after,#lcsShell_3_758869 .lcsUserMsg:after { content: ''; position: absolute; border-style: solid; display: block; width: 0; top: 8px; } #lcsShell_3_758869 .lcsAgentMsg:after { left: -8px; border-color: transparentrgba(102,51,102,0.3); border-width: 0 8px 8px 0; } #lcsShell_3_758869 .lcsUserMsg:after { right: -8px; border-color: transparentrgba(102,102,102,0.1); border-width: 0 0 8px 8px; } #lcsShell_3_758869 .lcsAgentMsg { background-color:rgba(102,51,102,0.3); float: left; text-align: left; } #lcsShell_3_758869 .lcsUserMsg { background-color:rgba(102,102,102,0.1); float: right; text-align: right; } /*clear css after all msgs*/ #lcsShell_3_758869 .lcsMsgEnd { clear: both; } #lcsShell_3_758869 { font-family: Raleway; }#lcsShell_3_758869 .lcsMessagesShell { max-height: 300px; overflow: auto; }

Chat With Us

The Recruiting Office has joined the chat

Consultant

Hello Client! Please tell me - how can I help You today?

User

Hello! Really nice support, thank you!

How to Support Workplace Mental Health In Your Team

Categories

Recent Posts