OptiTrainer/client/css/optiTrainer.css

body {
	background-color: #cccccc;
}

.nav-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
}
.nav-tabs>li { float: none;	}

#listOrderItems {
    padding-left: 0;
	list-style-type: none;
}

#grpSymbol {
	position:absolute;
	left:300px;
}

.ddMnuBtn {
	width:245px
}

#lbSymbol {
	width: 430px;
}
#lbSymbol>.dropdown-item {
    width: 80px;
    padding: 10px;
    margin: 2px;
}

#grpTime {
	position: absolute;
	left:300px;
	top:40px;
}

#lbTime {
	width:340px;
}
#lbTime>.dropdown-item {
    width: 80px;
    padding: 10px;
    margin: 2px;
}

#tbSymbol {
	position: absolute;
	top: 0;
	left: 550px;
	width: 100px;
	margin-top:0px;
	color: red;
}

#tbUnderlyingPrice {
	position: absolute;
	top: 00;
	left: 660px;
	width: 100px;
	margin-top:3px;
}

#tbSelectedTime {
	position: absolute;
	top: 00;
	left: 550px;
	width: 100px;
	margin-top:43px;
}

#frmMasterFilter {
	position:absolute;
	left:0;
	left:0;
	width:1200px;
	height:100px;
	background-color: #cccccc;
}

#frmChangePrice {
	position: absolute;
	width: 200px;
	background-color: #FF0000;
	border-radius: 4px;
	padding: 10px;
}

#frmOrder { 
	background-color:#ccff00;
	position:fixed;
	left:000;
	top:250;
	width:295px;
	padding-left: 0;
	z-index:1;
	border-radius: 4px;
}

#lbCostAmount {
	position: absolute;
	top:0;
	left:100;
	font-weight: bolder;
	text-align: right;
	color:crimson;
	width: 180px;
	font-size: 25px;
}

#frmOrder ul li {
	border-top:1px solid blue;
	font-family: monospace;
    font-size: 12px;
}

#frmOrder div.orderItemLine2 {
	text-align: right;
}

#frmOrder ul li .totalCost {
	font-weight: bolder;
	color: blue;
}

#frmOrder span.quantity {
	font-weight: bolder;
	color: blue;
}
#frmOrder span.openTypebuy {
	font-weight: bolder;
	color: blue;
}
#frmOrder span.openTypesell {
	font-weight: bolder;
	color: crimson;
}

#frmOrder span.singlePrice {
	color: blue;
}
#datePicker {
	background-color:#ccff00;
	position:fixed;
	left:000;
	top:0;
	width:295px;
	height:245px;
	padding-left: 25;
	z-index:1;
	border-radius: 4px;
}

#frmOptionChainMain {
	background-color: #EEEEFF;
	position:absolute;
	left:300;
	top:80px;
	min-width:800px;
	border-radius: 4px;
}

.btn-myColSelection {
	padding-top: 0;
	padding-bottom: 0;
	font-size: xx-small;
    height: 20px;
}

.ralign { text-align:right;	}
.center { text-align:center; }
.bold {	font-weight:bold;}

.itm { background-color:#ecffb3; }
.otm { background-color:#e0ebeb; }

.danger { 
	background-color:#FF0000;
	color:#0000FF;
	cursor: no-drop;
}
.plusMinus {
	background-color: blue;
	color:#ccff00;
	cursor: pointer;
	padding-bottom: 2px;
	margin-left: 1px;
}
.plusMinusContainer{
	position: absolute;
    margin-top: -17;
    left: 238;
}

.priceClick {
	cursor: copy;
}

.spinner {
	z-index:100; 
	position:absolute;
	display:none
}

#spinner-optionChain {
	color:red;
	top: 65px;
    left: 305px;
}

#spinner-symbol {
	color:red;
	left: 305;
    top: 0;
    margin-top: -20px;
}

#spinner-time {
	color:red;
	left: 305px;
    top: 20px;
}

#spinner-date {
	color:red;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding:0px;
}