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

.wrap #kdmdks-panes {
	background:#FFF;
	overflow:hidden;	
}
.wrap #kdmdks-nav {
	border-bottom:1px solid #999;	
	margin:30px 0 0 0;
}
.wrap #kdmdks-nav li {
	display:inline-block;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:0 0 0 5px;
	background:#e5e5e5;
	transition:background .3s;
	position:relative;
}
.wrap #kdmdks-nav li.active {
	margin-bottom:-1px;
	border-bottom:1px solid #fff;
	background:#FFF;	
}
.wrap #kdmdks-nav li:hover {
	background:#FFF;	
}
.wrap #kdmdks-nav li a {
	display:block;
	line-height:30px;
	padding:0 20px;
	text-decoration:none;
	font-weight:bold;
	color:#999;
	padding:0 20px 0 45px;
}
.wrap #kdmdks-nav li.active a {
	color:#666;	
}
.wrap #kdmdks-nav li a span {
	position:absolute;
	top:0px;
	left:20px;
	line-height:30px;
}
.wrap h3 {
	line-height:40px;
	border-bottom:2px solid #999;
}
.wrap .kdmdks-field {
	overflow:hidden;
	margin:0 0 20px 0;	
}
	.wrap label {
		font-weight:bold;
		display:block;
		margin: 0 0 5px 0;	
	}
	.wrap textarea {
		width:100%;
		height:200px;
		max-width:800px;
		box-sizing:border-box;	
	}
	.wrap input[type=text] {
		width:100%;
		line-height:30px;
		max-width:800px;
		padding:0 5px;
		box-sizing:border-box;
	}
	.wrap .kdmdks-info {
		color:#999;
		font-size:12px;
		margin:0 0 20px 0;	
	}
.wrap .kdmdks-logs li,
.wrap .kdmdks-lockouts li {
	line-height:40px;
	padding:0 10px;
	overflow:hidden;
}
.wrap .kdmdks-logs li:nth-of-type(even),
.wrap .kdmdks-lockouts li:nth-of-type(even) {
	background:#efefef;
}
.wrap .kdmdks-logs li:first-of-type,
.wrap .kdmdks-lockouts li:first-of-type {
	font-weight:bold;	
}
.wrap .kdmdks-logs .ip,
.wrap .kdmdks-lockouts .ip {
	float:left;
	width:200px;	
}
.wrap .kdmdks-logs .username {
	float:left;
	width:calc(100% - 400px);
	font-weight:bold;	
}
.wrap .kdmdks-logs .date,
.wrap .kdmdks-lockouts .time {
	float:right;
	width:200px;	
}
.wrap .kdmdks-logs .username a,
.wrap .kdmdks-lockouts .ip a {
	line-height:40px;
	color:#900;	
}
.wrap .code {
	background:#efefef;
	padding:20px;
	font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	width:100%;
	max-width:800px;
	word-break: break-all;
}
@media screen and (max-width: 480px) {
	.wrap #kdmdks-nav li a {
		padding:0 10px;	
	}
	.wrap #kdmdks-nav li a span {
		display:none;
	}
	.wrap .kdmdks-logs li {
		line-height: 30px;
	}
	.wrap .kdmdks-logs li > div {
		width:100% !important;
		float:none !important;	
	}
	.wrap .code {
		word-wrap: break-word;
		box-sizing:border-box;
	}
}