/**
 * Description: CSS for report of fld_dump, fld_chat.
 *
 * CSS version 3
 *
 * @category   dump.css
 * @package    WP-WebRTC2
 * @author     Oleg Klenitskiy <klenitskiy.oleg@mail.ru>
 * @version    1.0.2
 * @license    GPLv2 or later
 */

/* text chat window */
#fld_dump_copy, #fld_chat_copy, .info {
	float:left;
	background-color: #333333;
	color: white;
	font-size: 14pt;
	margin: 0;
	padding: 0;
	width: 99%;
	height: inherit;
}
/* collapse and expand text in the message box */
/* hide checkboxes and content blocks */
.hide {
	display: none;
}
.hide + label + #sdp, .hide + label + #ice, .hide + label + #con_stats{
	display: none;
	width:inherit;
}
/* make label text */
#fld_dump_copy span, #fld_chat_copy span {
	color: blue;
	float: left;
	margin-right: 5px;
}
.hide + label {
	border-bottom: 1px dotted green;
	padding: 0;
	color: green;
	cursor: pointer;
	display: inline-block;
	width: 90%;
}
.msg {
	border-bottom: 1px dotted green;
	padding: 0;
	color: green;
	cursor: pointer;
	display: inline-block;
	width: 100%;
}
.autoresponder {
	border-bottom: 1px dotted green;
	padding: 0;
	color: yellow;
	cursor: pointer;
	display: inline-block;
	width: 100%;
}
.err {
	border-bottom: 1px dotted green;
	padding: 0;
	color: brown;
	cursor: pointer;
	display: inline-block;
	width: 100%;
}
/* table of ice candidates */
#ice th, #ice td, #con_stats th, #con_stats td {
	text-align: left;
}
/* label text view when radio button is active */
.hide:checked + label {
	color: red;
	border-bottom: 0;
}
/* when the checkbox is active, we show the blocks with the content */
.hide:checked + label + #sdp, .hide:checked + label + #ice, .hide:checked + label + #con_stats {
	font-size: 14pt;
	color: white;
	display: inline-table;
	background: #333333;
	-webkit-box-shadow: inset 3px 3px 10px #000000;
	box-shadow: inset 3px 3px 10px #000000;
	padding-left: 10px;
	/* a little animation when */
	 -webkit-animation:fade ease-in 0.5s;
	 -moz-animation:fade ease-in 0.5s;
	 animation:fade ease-in 0.5s;
}
/* animation when hidden blocks appear */
@-moz-keyframes fade {
	from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fade {
	from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fade {
	from { opacity: 0; }
to { opacity: 1 }
}
.hide + label:before {
	background-color: #1e90ff;
	color: #fff;
	content: "\002B";
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 14px;
	line-height: 14px;
	margin: 3px 5px 3px 0;
	text-align: center;
	width: 14px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.hide:checked + label:before {
	content: "\2212";
}