body {
    background: #0c0826;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #7a7676;
    line-height: 20px;
    overflow-x: hidden;
}
.main-content {
	margin-left: 0px;
	background: #07031c;
    min-height: 400px;
}
.modal-header {
    background: #414354;
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: none;
}
.custom-footer {
	position: fixed; 
	margin-bottom: 0px;
	background-color: #131232;
}
.tied-loss {
	background-color:#00da3c; 
	margin-left:5px;
	display:inline-block;
	width: 8px;
	height: 8px;
	vertical-align:middle; 
}
.reap-profit {
	background-color:#ec0000;
	display:inline-block;
	width: 8px;
	height: 8px;
	vertical-align:middle; 
}
.average-price {
	background-color: #296ECF; 
	display:inline-block;
	width: 8px;
	height: 8px;
	vertical-align:middle; 
}
.cmjzd {
	width: 100%;
	margin-left: 5px;
	margin-right: 5px;
}
.cmjzd-left {
	width: 50%;
	ppadding-left:5px;
	border: 1px solid;
	border-color:gray;
	display:inline-block;
	text-align: center;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
}
.cmjzd-left:active {
	color:#fff;
	background-color: gray;
}
.cmjzd-left:active {
	color:#fff;
	background-color: gray;
}
.cmjzd-right {
	width: 50%;
	padding-right:5px;
	text-align: center;
	display:inline-block; 
	float: right;
	border-color:gray;
	border: 1px solid;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
}
.cmjzd-right:active {
	color:#fff;
	border-color:gray;
	background-color: gray; 
}

.cmjzd>.active {
	color:#fff;
	border-color: gray;
	background-color: gray;
}