body,a,h2,h3 {
	font-family: "Droid Sans Mono", "Courier New", monospace;
	color: #aaa;
}

.wrapper {
	background-color:black;
}

.cmd_wrapper {
	background-color:white;
}

.cmd_title_bar {
	background-color:black;
	height: 120px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 10px;
}

.cmd_title {
	padding-top:15px;
	padding-left: 30px;
	padding-right: 10px;
}
.cmd_title i {
	padding-right: 10px;
}
.cmd_title h3 {
	font-weight:bold;
	color: #2ef738;
}

.cmd_wrapper {
	background-color:black;
	margin: 10px 20px;
	border-radius: 10px;
}

.cmd_title_bar>.nav-tabs-custom {
	height: 40px;
	background : none;
	padding-right: 20px;
	padding-bottom: 42px;
	border-radius: 10px;
}

.nav-tabs-custom>.cmd_nav.pull-right>li {
    float: right;
}

.nav-tabs-custom>.cmd_nav.pull-right>.active>a {
	font-style: italic;
	text-decoration: underline;
}

.cmd_nav {
	border-bottom:none;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
}

.sdk-border-style {
	border-width: 1px;
    border-style: solid;
    border-color: #aaa;
    border-radius : 10px;
}

/* 侧边栏样式 */
.sdk-sider-bar {
	top : 80px;
	position: absolute;
    z-index: 1010;
    right: -180px;
    /*font-size: 15;*/
    transition: right .3s ease-in-out;
    webkit-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out;
}

.sdk-sider-bar-open {
	text-color: red;
	right : 0px;
	/*font-size: 14;*/
}

.sdk-sider-bar-btn {
	float: left;
	background-color: black;
	padding: 2px;
	border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #aaa;
    border-radius : 5px 0 0 5px;
}

.sdk-sider-bar-content {
	float:left;
	width:180px;
	/*height:300px;*/
	background-color:black;
	border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #aaa;
    border-radius : 0 0 0 5px;
}

.sdk-sider-bar-content ul {
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}

.sdk-sider-bar-content li {
	height: 40px;
	margin-left: 25px;
	padding: 10 0;
	text-align: left;
}

.sdk-sider-bar-content li.active {
	font-style: italic;
	text-decoration: underline;
}

.sdk-sider-bar a:focus, .sdk-sider-bar a:hover {
	color : #aaa;
}

/* 指标数据 */
#sdk-global-chart .global-chart-pannel {
	height: 350px;
	width: 100%;
	padding: 10px;
}

#sdk-global-chart .global-chart-content {
	width: 50%;
	height: 100%;
	padding: 10px;
	float: left;
}

#sdk-global-chart .sub-chart-pannel {
	margin-top: 15px;
	height: 50%;
}


/* 日志页面相关样式 */
#logs-chart textarea {
	width: 100%;
	color: #2ef738;
	font-weight: bold;
    background-color: black;
    border-color: #aaa;
    border-radius : 10px;
    resize: none;
}

#logs-chart .log-button-pannel {
    padding: 0 15 15 15;
}

#logs-chart .log-button-pannel button {
	width: 100%;
	margin-top: 15px;
}

/* 配置工具页面相关样式 */
#setting-tools-chart .setting-button-pannel {
	height: 50%;
	padding: 7px;
}

#setting-tools-chart textarea {
	width: 100%;
	height: 88%;
	/*color: #2ef738;*/
	font-weight: bold;
    background-color: white;
    border: none;
    border-radius : 10px 10px 0 0 ;
    resize: none;
}


/* 测试工具页面相关样式 */
#test-tools-chart .sdk-video-wrapper {
	width: 100%;
	height: 350px;
}

#test-tools-chart-playcmp video {
	width: 50%;
	height: 100%;
    resize: none;
    padding: 10px;
    float: left;
}

#test-tools-chart .test-result-table {
	height: 715px;
}

#test-tools-chart .test-result-table-chart, .test-result-table-table {
	height: 50%;
	padding: 10px;
}

#test-tools-chart .test-result-table-table {
	overflow-y: auto;
}

#test-tools-chart .play-url-input {
	/*display : block;*/
}

#test-tools-chart .btn-group button {
	height: 34px;
}

#test-tools-chart-filecmp .status_pannel {
	width: 100%;
	/*height: 100%;*/
	height: 400px;
    margin-top: 15px;
    padding: 10px;
    resize: none;
}

#test-tools-chart-filecmp textarea {
	width: 100%;
	height: 100%;
    resize: none;
	color: #2ef738;
	font-weight: bold;
    background-color: black;
    border-style: none;
}

#test-tools-chart-filecmp .sdk-filecmp-block-container {
	display: table-cell;
}

#test-tools-chart-filecmp .sdk-filecmp-block-res {
	height: 15px;
	width: 15px;
	float: left;
	margin: 1px;
	background-color: grey;
	transition : background-color 0.5s;
}

#test-tools-chart-filecmp .unmatch {
	background-color: red;
}

#test-tools-chart-filecmp .match {
	background-color: #2ef738;
}

#test-tools-chart-seektest video {
	height: 100%;
	width: 100%;
	padding: 10px;
}

#test-tools-chart-playtest video {
	width: 50%;
	height: 100%;
    resize: none;
    padding: 10px;
    float: left;
}

/* 调试工具页面相关样式 */
#debug-tools-chart video,
#analyze-tools-chart video {
	width: 100%;
	/*height: 100%;*/
	height: 500px;
    resize: none;
    padding: 10px;
}

#debug-tools-chart .control_pannel,
#analyze-tools-chart .control_pannel {
	width: 100%;
	/*height: 100%;*/
    resize: none;
}

#debug-tools-chart .play-url-input,
#analyze-tools-chart .play-url-input {
	margin: 10px;
    /*padding-top: 10px;*/
    /*display : block;*/
}

#debug-tools-chart .status_pannel,
#analyze-tools-chart .status_pannel {
	width: 100%;
	/*height: 100%;*/
	height: 300px;
    margin-top: 15px;
    padding: 10px;
    resize: none;
}

#debug-tools-chart .sdk-task-select-box,
#analyze-tools-chart .sdk-url-select-box {
	height: 34px;
	border-radius: 0;
}

#debug-tools-chart .log_pannel,
#analyze-tools-chart .log_pannel {
	width: 100%;
    resize: none;
    padding: 10px;
}

#debug-tools-chart textarea,
#analyze-tools-chart textarea {
	width: 100%;
	height: 100%;
    resize: none;
	color: #2ef738;
	font-weight: bold;
    background-color: black;
    border-style: none;
}

#debug-tools-file-md5 .status_pannel {
	margin-top: 0px;
}

/* 分析工具页面相关配置 */
.status-sider-bar {
	top : 270px;
	position: absolute;
    z-index: 1010;
    right: -750px;
    /*font-size: 15;*/
    transition: right .3s ease-in-out;
    webkit-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out;
}

.status-sider-bar-btn {
	float: left;
	background-color: black;
	padding: 2px;
	border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #aaa;
    border-radius : 5px 0 0 5px;
}

.status-sider-bar-open {
	text-color: red;
	right : 0px;
	/*font-size: 14;*/
}

.status-sider-bar-btn {
	float: left;
	background-color: black;
	padding: 2px;
	border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #aaa;
    border-radius : 5px 0 0 5px;
}

.status-sider-bar-content {
	float:left;
	width:700px;
	height:300px;
	background-color:black;
	border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #aaa;
    border-radius : 0 0 0 5px;
}

.status-sider-bar a:focus, .status-sider-bar a:hover {
	color : #aaa;
}

#analyze-tools-chart .analyze-table-chart {
	height: 100%;
	padding: 10px;
}

/* 滚动条样式 */
textarea::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
  border-radius : 0 10px 10px 0px;
}

textarea::-webkit-scrollbar-thumb {
  border-radius : 0 10px 10px 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #c3c3c3;
}

input:focus, textarea:focus, video:focus {
	outline: none;
}

button {
	outline: none;
}