#lcsShell_3_243972, #lcsShell_3_243972 *, #lcsShell_3_243972 *::before, #lcsShell_3_243972 *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #lcsShell_3_243972 { width: 300px; border: 2px solid #319fdb; border-top-right-radius: 5px; border-top-left-radius: 5px; text-align: center; font-size: 14px; background-color: #ffffff; font-weight: normal; } #lcsShell_3_243972 .lcsBar { background-color: #319fdb; color: #ffffff; position: relative; cursor: pointer; } #lcsShell_3_243972 .lcsChatBlock { padding: 5px; } /*bar btns*/ #lcsShell_3_243972 .lcsBarBtns { position: absolute; top: 0; right: 5px; } #lcsShell_3_243972 .lcsBarBtns a { color: #ffffff; cursor: pointer; text-decoration: none; font-size: 60px; font-weight: normal; line-height: 15px; } #lcsShell_3_243972 .lcsBarBtns a:hover { text-shadow: 1px 1px 1px #333; } /*header*/ #lcsShell_3_243972 .lcsChatHeader { position: relative; } #lcsShell_3_243972 .lcsAgentAvatartShell { position: absolute; top: -60px; left: 10px; width: 80px; height: 80px; } #lcsShell_3_243972 img.lcsAgentAvatart { width: 100%; height: auto; border-radius: 50%; border: 2px solid #319fdb; } #lcsShell_3_243972 .lcsAgentName, #lcsShell_3_243972 .lcsHeaderTxt { width: 100%; text-align: left; padding: 0 0 0 85px;} #lcsShell_3_243972 .lcsHeaderTxt { font-size: 12px; } #lcsShell_3_243972 .lcsChatOperJoinedMsg { display: none; /*not for this temlate*/ } /*#lcsShell_3_243972 .lcsRateShell { position: absolute; top: 0; right: 40px; }*/ #lcsShell_3_243972 .lcsRateShell, #lcsShell_3_243972 .lcsOptBtnsShell { display: inline-block; } #lcsShell_3_243972 .lcsRateShell { margin-right: 5px; } #lcsShell_3_243972 .lcsRateShell .lcsRateBtn, #lcsShell_3_243972 .lcsOptBtnsShell .lcsOptBtn, #lcsShell_3_243972 .lcsChatSendBtn { cursor: pointer; font-size: 20px; } #lcsShell_3_243972 .lcsRateShell .lcsRateBtn:hover, #lcsShell_3_243972 .lcsOptBtnsShell .lcsOptBtn:hover, #lcsShell_3_243972 .lcsChatSendBtn:hover { text-shadow: 1px 1px 1px #000; } #lcsShell_3_243972 .lcsRateShell .lcsRateBtn.lcsRatePlusBtn { color: #04a561; /*green*/ margin-right: 5px; } #lcsShell_3_243972 .lcsRateShell .lcsRateBtn.lcsRateMinusBtn { color: #ee1c25; /*red*/ } #lcsShell_3_243972 .lcsHeaderRightSide { position: absolute; top: 0; right: 10px; } #lcsShell_3_243972 .lcsOptBtnsShell .lcsOptBtn { color: #319fdb; } #lcsShell_3_243972 .lcsOptsList { position: absolute; top: 100%; right: 0; min-width: 150px; z-index: 99; background-color: #ffffff; border: 1px solid #319fdb; } #lcsShell_3_243972 .lcsOptsList .lcsOptItem { padding: 10px; text-align: left; cursor: pointer; } #lcsShell_3_243972 .lcsOptsList .lcsOptItem:hover { background-color: #319fdb; } #lcsShell_3_243972 .lcsOptsList .lcsOptItem .fa { padding: 0 10px 0 0; } /*inputs*/ #lcsShell_3_243972 input[type=text], #lcsShell_3_243972 input[type=email], #lcsShell_3_243972 textarea { width: 100%; border: 1px solid #999; border-radius: 5px; margin: 0 0 10px; padding: 5px; height: 35px; color: #020000; font-size: 14px; } #lcsShell_3_243972 input[type=text]:hover,#lcsShell_3_243972 input[type=text]:focus,#lcsShell_3_243972 input[type=text]:active, #lcsShell_3_243972 input[type=email]:hover,#lcsShell_3_243972 input[type=email]:focus,#lcsShell_3_243972 input[type=email]:active, #lcsShell_3_243972 textarea:hover, #lcsShell_3_243972 textarea:focus, #lcsShell_3_243972 textarea:active { border-color: #319fdb; box-shadow: 0 0 5px #319fdb; } #lcsShell_3_243972 input:focus::-webkit-input-placeholder { color: transparent; } #lcsShell_3_243972 input:focus:-moz-placeholder { color: transparent; } #lcsShell_3_243972 input:focus::-moz-placeholder { color: transparent; } #lcsShell_3_243972 input:focus:-ms-input-placeholder { color: transparent; } #lcsShell_3_243972 textarea:focus::-webkit-input-placeholder { color: transparent; } #lcsShell_3_243972 textarea:focus:-moz-placeholder { color: transparent; } #lcsShell_3_243972 textarea:focus::-moz-placeholder { color: transparent; } #lcsShell_3_243972 textarea:focus:-ms-input-placeholder { color: transparent; } #lcsShell_3_243972 textarea { height: auto; } #lcsShell_3_243972 input[type=submit] { border: none; border-radius: 5px; margin: 0 0 10px; padding: 5px; height: 35px; background-color: #319fdb; color: #ffffff; cursor: pointer; } #lcsShell_3_243972 input[type=submit]:hover { box-shadow: 0 0 5px #319fdb; } /*registration*/ #lcsShell_3_243972 .lcsRegForm { padding: 5px; } /*chat*/ #lcsShell_3_243972 .lcsChatAgentJoinedMsg { color: #020000; } #lcsShell_3_243972 .lcsChatMsg, #lcsShell_3_243972 .lcsChatSendBtn { margin: 0 !important; } #lcsShell_3_243972 .lcsChatSendBtn { border: 2px solid #319fdb; border-radius: 50%; background-color: transparent; padding: 4px 5px 4px 3px; line-height: 1; } #lcsShell_3_243972 .lcsChatSendBtn .fa { font-size: 20px; color: #319fdb; } #lcsShell_3_243972 .lcsChatMsg{ width: 100%; height: 45px; border: none; border-radius: 0; resize: none; } #lcsShell_3_243972 .lcsChatMsg:hover,#lcsShell_3_243972 .lcsChatMsg:focus,#lcsShell_3_243972 .lcsChatMsg:active { box-shadow: none; border: none; } #lcsShell_3_243972 .lcsMainAreaShell { display: table; width: 100%; border-top: 1px solid #319fdb; } #lcsShell_3_243972 .lcsInputShell { margin-top: 10px; } #lcsShell_3_243972 .lcsMainTxtShell,#lcsShell_3_243972 .lcsMainBtnShell { display: table-cell; vertical-align: middle; } #lcsShell_3_243972 .lcsMainBtnShell { width: 1%; } /*messages*/ #lcsShell_3_243972 .lcsMessagesShell { padding: 10px 5px; } #lcsShell_3_243972 .lcsMessages ,#lcsShell_3_243972 .lcsMessagesExShell { width: 100%; } #lcsShell_3_243972 .lcsAgentMsgShell,#lcsShell_3_243972 .lcsUserMsgShell { clear: both; } #lcsShell_3_243972 .lcsMsgHead { margin-bottom: 5px; color: #020000; } #lcsShell_3_243972 .lcsAgentMsgShell .lcsMsgHead { text-align: left; padding: 0 0 0 5px; } #lcsShell_3_243972 .lcsUserMsgShell .lcsMsgHead { text-align: right; padding: 0 5px 0 0; } #lcsShell_3_243972 .lcsAgentNameShell,#lcsShell_3_243972 .lcsUserNameShell { display: inline-block; font-size: 15px; font-weight: normal; } #lcsShell_3_243972 .lcsMsgTime { font-size: 12px; font-weight: normal; display: inline-block; } #lcsShell_3_243972 .lcsAgentNameShell { margin: 0 3px 0 0; } #lcsShell_3_243972 .lcsUserNameShell { margin: 0 0 0 3px; } #lcsShell_3_243972 .lcsAgentMsg,#lcsShell_3_243972 .lcsUserMsg { color: #020000; max-width: 90%; padding: 8px 10px; border-radius: 5px; position: relative; } #lcsShell_3_243972 .lcsAgentMsg { background-color:rgba(2,0,0,0.1); float: left; text-align: left; border: 1px solid #020000; } #lcsShell_3_243972 .lcsUserMsg { background-color:rgba(49,159,219,0.3); float: right; text-align: right; border: 1px solid #319fdb; } /*clear css after all msgs*/ #lcsShell_3_243972 .lcsMsgEnd { clear: both; } /*common*/ #lcsShell_3_243972 p { margin: 0; } #lcsShell_3_243972 { font-family: Arapey; }

Let's chat?

Please register before chat

Please wait while our operator will start conversation

Agent

supsystic.com chat engine

Send to email

Switch sound

Consultant

00:00

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

00:00

User

Hello! Really nice support, thank you!

Thank you for using our support! Driven by supsystic.com chat engine

About

=This is a heading text that I am editing