@charset "utf-8";
/* CSS Document */

/* ---------- GENERAL ---------- */

hr {
	background: rgba(106, 117, 154, 0.39);
    border: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 1px;
    margin: 0;
    min-height: 1px;
    z-index:999;
}

/* ---------- LIVE-CHAT ---------- */

#live-chat {
	bottom: 0;
	font-size: 12px;
	right: 1px;
	position: fixed;
	width: 351px;
	z-index:999;
	border:#234588;
	border-style: solid;
	border-radius: 10px 10px 0 0;
	border: 1px solid;
    padding: 10px;
    box-shadow: 2px 2px 2px 2px #888888;
}

#live-chat header {
	background: linear-gradient(to right, #234588, #376cd0);
	border-radius: 5px 5px 0 0;
	color: #fff;
	cursor: pointer;
	padding: 16px 24px;
	z-index:999;
}

#live-chat h4 {
	font-size: 12px;
	z-index:999;
}

#live-chat h5 {
	font-size: 10px;
	z-index:999;
}

#live-chat img {
    display: block! important;
    margin: -15px 0px 0px 0px;
    max-height: 15px;
    position: relative;
    left: 90%;
    transition: 0.2s linear all;
}

.chat {
	background: #fff0;
	box-shadow: 0px 0px rgba(0, 0, 0, 10);
	border-radius:0px;
	display: none;

}

.chat-history {
	height: 350px;
	padding: 0px 0px 0px 0px;
    overflow-y:scroll;
	z-index:999;
	text-align: left;
	display:inline-block;
	width:349px;
	border: 1px solid;
	border-color:rgba(0, 183, 255, 0.3);
}

.chat-message {
	margin: 16px 0;
	z-index:999;
	display:flex;
	-moz-box-sizing: content-box;
    box-sizing: content-box;
}

.active_arrow {
	transform: rotate(180deg);
}