/* Custom Webchat */

.bg {
	height: 0;
}

/* Posisi chat floating button */
.chat-icon {
	position: fixed;
	bottom: 19px;
	right: 88px;
	background-color: #459DDA;
}

/** 
* Window login 
*/

/* Ukuran layar tablet hingga desktop */
.login {
	top: 65%;
	left: 84%;
	position: fixed;
	z-index: 99999;
	background: #fff;}

/* Ukuran layar mobile */
@media ( max-width : 765px) {
	.login {
		top: 0%;
		left: 0%;
	}
}

.connect-message {
	color: #8c8d91;
}

.name-input {
	width: 80%;
	border-bottom: 1px solid rgb(69, 158, 218);
	color: #61656E;
}

.name-input::placeholder {
	color: #c8c8c8;
}

.warning-name {
	color: #c4405d;
}

.email-input {
	width: 80%;
	border-bottom: 1px solid rgb(69, 158, 218);
	color: #61656E;
}

.email-input::placeholder {
	color: #c8c8c8;
}

.warning-email {
	color: #c4405d;
}

.phone-input {
	width: 80%;
	border-bottom: 1px solid rgb(69, 158, 218);
	color: #61656E;
}

.phone-input::placeholder {
	color: #c8c8c8;
}

.warning-phone {
	color: #c4405d;
}

.category-input {
	width: 80%;
	color: #bcbec3;
	margin-top: 2%;
	height: 4.6%;
	font-size: 11px;
}

.question-input {
	width: 80%;
	resize: none;
	color:#61656E;
	height: 14%;
	margin-top: 2%;
}

.warning-question {
	color: #c4405d;
}

.warning-category {
	color: #c4405d;
}

.login-connect {
	background: #2469A5;
	border-radius: 4px;
}

/* Posisi window loading */
.loader {
	top: 65%;
	left: 80%;
	position: fixed;
	z-index: 99999;
	background: #f8f6f7;
}

.loader-message {
	color: #8c8d91;
}

@media ( max-width : 765px) {
	.loader {
		top: 0%;
		left: 0%;
	}
}

/* Posisi window chat */
.chat {
	top: 65%;
	left: 80%;
	position: fixed;
	z-index: 99999;
}

@media ( max-width : 765px) {
	.chat {
		top: 0%;
		left: 0%;
	}
}

/**
* Chat headers
*/
.chat-title {
	background: #2469a5;
}

.chat-title h1 {
	color: #ffff;
	font-size: 14px;
	margin-top: 3.8px;
	margin-left: 55px;
}

.chat-title h2 {
	color: #ffff;
	opacity: 0.9;
}

.message-close {
	background: url(../images/ic_close.png);
	background-size: cover;
	height: 20px;
	border-radius: 0;
}

.message-close:hover {
	background: url(../images/ic_close.png);
	background-size: cover;
	height: 20px;
	border-radius: 0;
}

/**
* Chat body
*/
.messages .messages-content {
	background: #f8f6f7;
}

.messages .message.message-personal {
	background: #459DDA;
}

.messages .message.message-personal::before {
	border-top: 4px solid #459DDA
}

.messages .message.message-image-personal {
	background: #459DDA;
}

.messages .message.message-image-personal::before {
	border-top: 4px solid #459DDA
}

.messages .message {
	background: #ffffff;
	color: #333333;
	text-shadow: none;
}

.messages .message::before {
	border-top: 6px solid #ffffff
}

.messages .message .timestamp {
	color: #333333;
	opacity: 0.5;
}

.messages .message.loading::before {
	background: #333333;
}

.messages .message.loading span::after {
	background: #333333;
}

.messages .message.loading span::before {
	background: #333333;
}

/**
* Input Box
*/
.message-box {
	background: #ffffff
}

.message-box .message-input {
	color: #333333;
}

.message-box .message-input::placeholder {
	color: #333333;
	opacity: 0.4;
}

/**
* Attachment
*/
.inputfile+label {
	top: -9px;
}

.attachment-figure {
	background: #459edb;
	border-radius: 5px;
	padding: 5px 5px 5px 8px;
}

.inputfile+label svg {
	color: #ffffff;
}

.message-box .message-submit {
	border-radius: 5px;
	top: 7px;
	padding: 8px 10px;
	background: #2469A5;
}

.q-reply-text {
	background: #459DDA;
}

.terms-cons {
	color:#369ff9;
	text-align: center;
	font-size: 10px;
	display: inline-block;
}

.p-terms {
	margin-top: 0 0 7px !important;
}