/* unvisited link */
a:link {
	font: normal 11px "Segoe UI", Arial, Sans-serif;
    color: 000000;
}

/* visited link */
a:visited {
    color: 000000;
	font: normal 11px "Segoe UI", Arial, Sans-serif;

}

/* mouse over link */
a:hover {
    color: 000000;
	font: normal 11px "Segoe UI", Arial, Sans-serif;
}

/* selected link */
a:active {
    color: 000000;
	font: normal 11px "Segoe UI", Arial, Sans-serif;
}

body {
	font: normal 11px "Segoe UI", Arial, Sans-serif;
}



#request {
    padding: 5px;
	border: #222277;
    width: 45%;
}

#response {
    padding: 5px;
	border: #222244;
    width: 45%;
}

@media screen and (max-width:410px){
	#request {
		width: 90%;
	}

	#response {
		width: 90%;
	}
}
        

#viewmodule {
	width: 90%;
}
#viewhost {
	width: 90%;
}
#viewparam {
	width: 90%;
    height: 140px;
}
#viewdata {
	width: 90%;
    height: 40px;
}

.container:before, .container:after {
    content: "";
    display: table;
 }
 .container:after {
    clear: both;
 }
 .container {
    background: #eaeaed;
    margin-bottom: 24px;
    *zoom: 1;
 }
 .container-75 {
    width: 75%;
 }
 .container-50 {
    margin-bottom: 0;
    width: 50%;
 }
 .container, section, aside {
    border-radius: 6px;
 }
 section, aside {
    background: #dddddd;
    color: #fff;
    margin: 1.858736059%;
    padding: 20px 0;
 }
 section {
    float: left;
//    width: 63.197026%;
 }
 aside {
    float: right;
//    width: 29.3680297%;
 }


.css-treeview ul,

.css-treeview li

{

	padding: 0;

	margin: 0;

	list-style: none;

}



.css-treeview input

{

	position: absolute;

	opacity: 0;

}



.css-treeview

{

	font: normal 11px "Segoe UI", Arial, Sans-serif;

	-moz-user-select: none;

	-webkit-user-select: none;

	user-select: none;

}



.css-treeview a

{

	color: #00f;

	text-decoration: none;

}



.css-treeview a:hover

{

	text-decoration: underline;

}



.css-treeview input + label + ul

{

	margin: 0 0 0 10px;

}



.css-treeview input ~ ul

{

	display: none;

}



.css-treeview label,

.css-treeview label::before

{

	cursor: pointer;

}



.css-treeview input:disabled + label

{

	cursor: default;

	opacity: .6;

}



.css-treeview input:checked:not(:disabled) ~ ul

{

	display: block;

}



.css-treeview label,

.css-treeview label::before

{

	background: url("icons.png") no-repeat;

}



.css-treeview label,

.css-treeview a,

.css-treeview label::before

{

	display: inline-block;

	height: 16px;

	line-height: 16px;,

	vertical-align: middle;

}



.css-treeview label

{

	background-position: 18px 0;

}



.css-treeview label::before

{

	content: "";

	width: 16px;

	margin: 0 22px 0 0;

	vertical-align: middle;

	background-position: 0 -32px;

}



.css-treeview input:checked + label::before

{

	background-position: 0 -16px;

}



/* webkit adjacent element selector bugfix */

@media screen and (-webkit-min-device-pixel-ratio:0)

{

	.css-treeview 

	{

		-webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;

	}

	

	@-webkit-keyframes webkit-adjacent-element-selector-bugfix 

	{

		from 

		{ 

			padding: 0;

		} 

		to 

		{ 

			padding: 0;

		}

	}

}