@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300);

div.canli-destek * {
	margin: 0;
	padding: 0;
    font-family: "Open Sans";
}

div.canli-destek .hidden {
	display:none;
}

div.canli-destek .eacd-createuser {
	width: 240px;
	min-height: 150px;
	border: 1px solid #c50d0d;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom: none;
	background-color: #DFDFFF;
	overflow: hidden;
}

div.canli-destek {
	position: fixed;
	right: 100px;
	bottom: 0;
	z-index: 500;
}

div.canli-destek .eacd-start {
	
width: 220px;
	
height: 30px;
	
text-align: center;
	
background-color: rgba(70,128,25,0.99);
	
border-top-left-radius: 10px;
	
border-top-right-radius: 10px;
	
border: 1px solid #4e9619;
	
box-shadow: 0px 0px 10px #af6b6b;
	
cursor:pointer;
}

div.canli-destek .call-center-logo {
	
position: relative;
	
width: 96px;
	
height: 96px;
	
left: 15px;
	
top: -20px;
}

div.canli-destek .h4-head {
	font-size: 15px;
	color: #3c3c3c;
	margin-top: 6px;
	font-weight: bold;
	/* text-shadow: 1px 1px 0px #3c3c3c; */
}

div.canli-destek .aciklama {
	float:right;
	width:106px;
	font-size: 9px;
	position: absolute;
	top: 30px;
	margin-left: 7px;
	color: #fff;
	/* text-shadow: 1px 1px 0px #A29E9E; */
}

div.canli-destek .create-user-header {
	    height: 20px;
	    background-color: rgba(70,128,25,0.99);
	    border-bottom: 1px solid #D4D4EC;
	    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.19);
}

div.canli-destek .rooms-header {
	    height: 20px;
	    background-color: rgba(70,128,25,0.99);
	    border-bottom: 1px solid #D4D4EC;
	    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.19);
}

div.canli-destek .head {
	
font-size: 12px;
	
font-weight: 600;
	
color: #3c3c3c;
	
margin-left: 8px;
	
position: relative;
	
top: -5px;
	
/* text-shadow: 1px 1px 0px #EAE8E8; */
}

div.canli-destek .close-header {
	float:right;
	width: 15px;
	height: 15px;
	margin: 3px;
	background: url('../img/minimize.png') center center no-repeat;
	background-size: 100%;
	cursor: pointer;
}

div.canli-destek .minimize-header {
	float:right;
	width: 15px;
	height: 15px;
	margin: 3px;
	background: url('../img/close.png') center center no-repeat;
	background-size: 100%;
	cursor: pointer;
}

div.canli-destek .create-user-content {
	
min-height: 150px;
	
padding: 10px;
}

div.canli-destek .eacd-field {
	
padding: 6px 0px;
	
border-bottom: 1px solid #D6D6FF;
}

div.canli-destek .eacd-field > span {

display: block;

font-size: 12px;

font-weight: 500;

color: #707B7B;
}

div.canli-destek .eacd-field input[type="text"],
div.canli-destek .eacd-field input[type="password"],
div.canli-destek .eacd-field select {

padding: 5px;

display: block;

font-size: 12px;

width: 210px;

border: 1px solid #C0C0EA;

margin: 5px 0px;

border-radius: 3px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-o-border-radius: 3px;

box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
}

div.canli-destek .big-reg-button:hover {
	box-shadow: 2px 2px 3px #868181 inset;
}

div.canli-destek .big-reg-button {
	
width: 100%;
	
padding: 12px;
	
background-color: rgba(70,128,25,0.99);
	
border-radius: 6px;
	
-moz-border-radius: 6px;
	
-o-border-radius: 6px;
	
-webkit-border-radius: 6px;
	
border: 2px solid #EAEAEA;
	
color: #3c3c3c;
	
font-weight: bold;
	
box-shadow: -2px -2px 3px #868181 inset;
	
transition: box-shadow .3s ease-in-out;
	
cursor:pointer;
}

div.canli-destek .eacd-rooms {width: 240px;min-height: 150px;border: 1px solid #c50d0d;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom: none;background-color: #DFDFFF;overflow: hidden;}

div.canli-destek .create-room > h5 {
	text-align: center;
	color: #7B7B84;
	padding: 15px 0px;
}

div.canli-destek .create-room {
	padding: 10px;
}

div.canli-destek .roomSubject {
	
float: left;
}

div.canli-destek .roomHeader {

background-color: #F0F0F3;

border-bottom: 1px solid #ccc;

padding: 4px;

font-size: 12px;
}

div.canli-destek .roomTools {
	float:right;
}

div.canli-destek .roomTools > span {
	cursor:pointer;
}

div.canli-destek .roomTools .close-room {
	background: url('../img/close-room.png');
	background-size: 100%;
	width:16px;
	height:16px;
	display: inline-block;
	float: right;
}

div.canli-destek .room-messages .roomMessages {
	
display: block;
	
min-height: 85px;
	
max-height: 260px;
	
overflow-x: hidden;
	
overflow-y: auto;
}

div.canli-destek .eacdClearfix {
	clear:both;
}

div.canli-destek .roomInput {
	
padding: 0;
}

div.canli-destek .roomInput > input {

width: 100%;

display: block;

height: 100%;

border: none;

border-top: 1px solid #C2C2DE;

padding: 7px;

box-sizing: border-box;

font-size: 12px;
}

div.canli-destek .roomMessages > .message {
	
font-size: 12px;
	
margin: 6px;
	
padding: 6px;
	
border-radius: 5px;
	
-webkit-border-radius: 5px;
	
-moz-border-radius: 5px;
	
-o-border-radius: 5px;
}

div.canli-destek .roomMessages > .message .messageSender {
	
display: block;
	
font-weight: 500;
}

div.canli-destek .roomMessages > .sendMessage .messageSender {
	text-align:right;
}

div.canli-destek .roomMessages > .receiveMessage .messageSender {

text-align: left;
}

div.canli-destek .roomMessages > .message .messageData {
	
font-size: 11px;
}

div.canli-destek .roomMessages > .message .messageDate {
	
display: block;
	
font-size: 9px;
	
text-align: right;
}

div.canli-destek .roomMessages > .sendMessage {

background-color: #FBFBFB;
}

div.canli-destek .roomMessages > .receiveMessage {

background-color: #FFF;
}

div.canli-destek .roomMessages::-webkit-scrollbar {
    width: 8px;
}

div.canli-destek .roomMessages::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); 
    border-radius: 10px;
    border-left:1px solid rgba(0,0,0,0.1);*/
}

div.canli-destek .roomMessages::-webkit-scrollbar-thumb {
    background-color: #e40808;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}