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

Chat disini

Please register before chat

Silahkan tunggu, customer seevice kami akan segera merespon anda

Agent

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

Galeri