/* Allesomhullende div */
.lc
{
	padding: 14px;
	padding-top: 0px;
}

/* Info hok met chat/consultant informatie */
.lc_info
{
	display: table-cell;
	vertical-align: top;
	
	min-width: 120px;
	
	padding-right: 14px;
	
	font-size: 12px;
}

.lc_info_avatar
{
	display: block;

	width: 120px;
	height: auto;
	
	margin-bottom: 14px;
	
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 2px 4px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 2px 4px 0px rgba(0, 0, 0, 0.75);
	
}

.lc_info_avatar_small
{
	display: block;

	width: 60px;
	height: auto;
	
	margin-bottom: 14px;
	
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 2px 4px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 2px 4px 0px rgba(0, 0, 0, 0.75);
	
}

.lc_info_avatar_smart
{
	display: none;
}

/* De chat zelf */
.lc_chat
{
	display: table-cell;
	vertical-align: top;
	
	width: 100%;
	
}

.lc_chat_box
{
	overflow: auto;

	height: calc(100vh - 400px);
	min-height: 250px;
		
	border: 1px solid #0d7882;

	margin-bottom: 6px;
	padding: 8px;
	
	
}

/* Chat berichten */
.lc_message_system, .lc_message_me, .lc_message_other
{
	padding-bottom: 2px;
	margin-bottom: 2px;
}

.lc_message_system
{
	color: #ff5400;
	font-style: italic;
}

.lc_message_me, .lc_message_other
{
	background-color: #fec773;
	color: #111111;
	display: inline-block;
	border-radius: 16px;
	
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.lc_message_me
{
	background-color: #d5eef9;
	color: #2c5292;	
}

.lc_message_other
{

}

.lc_message_name
{
	font-weight: bold;
}

.lc_smiley
{
	height: 20px;
}

/* status bericht van chat */
.lc_chat_status
{
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 17px;
	height: 17px;
}

.lc_chat_status_typing, .lc_chat_status_error
{
	background-repeat: no-repeat; background-position: left top;
	padding-left: 20px;
}

.lc_chat_status_typing
{
	background-image: url('../images/icons/status_typing.png'); 
	opacity: 0.6;
}

.lc_chat_status_error
{
	background-image: url('../images/icons/status_error.png');
	color: #ff5400;
	font-weight: bold;
}

/* controls van chat onder chatvenster, zoals tekstveldje en chat button */
.lc_chat_controls
{
	display: table;
	width: 100%;
	
	min-height: 45px;
}

.lc_chat_input
{
	display: table-cell;
	vertical-align: top;
	width: 100%;
}

.lc_chat_input input
{
	border: 1px solid #0d7882;
	border-radius: 4px;
	
	width: 100%;
	
	margin: 0px;
	padding: 11px;
	padding-left: 0px;
	padding-right: 0px;
	
	font-family: Arial;
	font-size: 14px;
	line-height: 17px;
	text-indent: 8px;
	
	
}

.lc_chat_button_chat, .lc_chat_button_stop
{
	display: table-cell;
	vertical-align: top;
	
	padding-left: 6px;
}

.lc_chat_button_chat a, .lc_chat_button_chat a:visited, .lc_chat_button_chat a:active, .lc_chat_button_chat a:hover,
.lc_chat_button_stop a, .lc_chat_button_stop a:visited, .lc_chat_button_stop a:active, .lc_chat_button_stop a:hover
{
	display: inline-block;
	
	background-color: #ff5400;

	min-width: 87px;
	padding-left: 14px;
	padding-right: 14px;


	font-family: 'Francois One', sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	line-height: 38px;
	text-decoration: none;

	color: #FFFFFF;
		
	border: 1px solid #ff7531;
	border-radius: 4px;
	
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 1px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 1px 4px 0px rgba(0, 0, 0, 0.5);


}

.lc_chat_button_chat a:active, .lc_chat_button_chat a:hover,
.lc_chat_button_stop a:active, .lc_chat_button_stop a:hover
{
	background-color: #ff7531;
}

.lc_chat_button_chat a:active,
.lc_chat_button_stop a:active
{
	margin-top: 1px;
	
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 4px 0px rgba(0, 0, 0, 0.5);
	
}

.lc_chat_button_stop a, .lc_chat_button_stop a:visited, .lc_chat_button_stop a:active, .lc_chat_button_stop a:hover
{
	background-color: #0d7882;
	border: 1px solid #4c8eb7;
}

.lc_chat_button_stop a:active, .lc_chat_button_stop a:hover
{
	background-color: #4c8eb7;
}

/* Sidebar met timer en extra functionaliteiten */
.lc_chat_sidebar
{
	display: table-cell;
	vertical-align: top;
	
	min-width: 135px;
	
	padding-left: 14px;
}

.lc_chat_timer
{
	height: 220px;
}

.lc_chat_clock
{
	background-image: url('../images/clock/bg.png'); background-repeat: no-repeat; background-position: left top;
	
	width: 127px;
	height: 127px;

}

.lc_chat_clock_time
{
	width: 127px;
	
	padding-top: 48px;
	
	color: #022348;
	
	opacity: 0.3;
	
	font-family: 'Francois One', sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
}

.lc_chat_clock_credits
{
	padding-top: 6px;
	font-size: 12px;
	
	opacity: 0.7;
	
	width: 127px;
	text-align: center;

}

.lc_chat_clock_plate
{
	position: absolute;
	
	width: 127px;
	height: 127px;
}

.lc_chat_clock_plate img
{
	position: absolute;
	
	width: 127px;
	height: 127px;
	
	opacity: 0;
}




.lc_chat_print, .lc_chat_print:active, .lc_chat_print:visited, .lc_chat_print:hover, 
.lc_chat_upload, .lc_chat_upload:active, .lc_chat_upload:visited, .lc_chat_upload:hover,
.lc_webcast_status
{
	background-repeat: no-repeat; background-position: left top;

	display: block;

	height: 17px;
	
	margin-bottom: 2px;
	padding-left: 20px;	

	color: #0d7882;
	
	font-size: 12px;
	line-height: 17px;
	
	text-decoration: none;	
}

.lc_webcast_status
{
	background-image: url('../images/icons/webcast.png'); 
}

.lc_chat_print:hover, .lc_chat_upload:hover
{
	color: #022348;
}

.lc_chat_print
{
	background-image: url('../images/icons/print.png'); 
}

.lc_chat_upload
{
	background-image: url('../images/icons/upload.png');
}


	/* *** Tablets in portrait *** */
	@media only screen and (min-width:750px) and (max-width:1000px) 
	{
	
		.lc_chat_button_chat a, .lc_chat_button_chat a:visited, .lc_chat_button_chat a:active, .lc_chat_button_chat a:hover,
		.lc_chat_button_stop a, .lc_chat_button_stop a:visited, .lc_chat_button_stop a:active, .lc_chat_button_stop a:hover
		{
			min-width: 30px;
		}
	
	}
	/* *** /Tablets in portrait *** */
	
	
	
		/* *** Smartphones *** */		
		@media only screen and (max-width:749px)
		{
			.lc_info
			{
				display: none;
			
			}

			.lc_info_avatar_smart
			{
				display: inline-block;
				
				width: 30px;
				height: 30px;

			
				-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.75);
				-moz-box-shadow:    0px 1px 2px 0px rgba(0, 0, 0, 0.75);
				box-shadow:         0px 1px 2px 0px rgba(0, 0, 0, 0.75);				
			}
	
			.lc_chat_controls
			{
				display: block;
			}
			
			.lc_chat_input
			{
				display: block;
				margin-bottom: 6px;
			}
			
			.lc_chat_button_chat
			{
				display: inline-block;
				
				padding-left: 0px;
			}
			
			.lc_chat_button_stop
			{
				display: inline-block;
			}
						
			.lc_chat_sidebar
			{
				display: block;
				
				padding-left: 0px;
			}
			
			.lc_chat_timer, .lc_chat_extras
			{
				display: table-cell;
				vertical-align: top;
				padding-top: 14px;
			}	
			
			.lc_chat_timer
			{
				height: 140px;
			}
			
			.lc_chat_extras
			{
				padding-top: 60px;
				padding-left: 14px;
			}
			
			.lc_chat_clock_plate
			{
				
			}
							
		}
		/* *** /Smartphones *** */