body, html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.loading {
    text-align: center;
}

.loading strong {
    color: #ff0000;
}

.wrapper {
    height: 100%;
    width: 100%;
}

.idarts-row, .idarts-col { 
    overflow: hidden; 
    position: absolute; 
}

.idarts-row { 
    left: 0; 
    right: 0; 
    padding: 5px;
}

.idarts-col { 
    top: 0; 
    bottom: 0; 
}

.scroll-x { 
    overflow-x: auto; 
}

.scroll-y { 
    overflow-y: auto; 
}

.header {
    height: 60px;
}

.idarts-panel {
    position: relative;    
    height: 100%;
    width: 100%;
    border: 1px solid #bbb;
}

.idarts-panel-header {
    margin: 0;
    height: 34px;
    padding: 6px;
    background-color: #EEE9B5;
    font-weight: bold;
}

.idarts-panel-body{
    padding: 0;
    top: 34px;
    bottom: 0;
}

.spread-app {
    top: 60px;
    bottom: 0;    
}

.watch-list-row {
    top: 60px;
    bottom: 260px;
}

.watch-list-row td {
    min-width: 75px;
}

.spread-watch-table td {
    min-width: 5px;
}

.watch-list-widget-row {
    display: table;
    table-layout: fixed;
    bottom: 30px;
    height: 230px;
    width: 100%;      
}

.watch-list-widget-row .widget {
    display: table-cell;
    height: 100%;    
    padding: 0 5px 0 0;
}

.disclaimer {
    display: table;
    table-layout: fixed;
    bottom: 0;
    height: 30px;
    width: 100%;           
}

.disclaimer p {
    width: 100%;
    height: 100%;
    overflow: auto;
    text-align: center;
    font-size: 8px;
}

.delayed-data {
    font-size: 8px;
    position: absolute;
    top: 40px;
    right: 10px;
}

.chart-widget {
    width: 44%;    
}

.time-and-sales-widget {
    width: 18%
}

.mbp-widget {
    width: 35%;  
    padding: 0 !important;
}

.watch-list-panel-header {
    padding-top: 3px;
}

.hand {
    cursor: pointer;
}

.navbar-default {
    background-color: #FFF;
    border-width: medium medium 1px;
    border-style: none none solid;
    border-color: -moz-use-text-color -moz-use-text-color #CBB68B;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 0px;
    box-shadow: 1px 1px 1px #CCC;
}

.container-fluid > .navbar-header {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 40px;
}

.table-responsive {
    width: 100%;
}

th {
    
}

th, td {
    white-space: nowrap;
}

table {
    width: 100%;
    margin-bottom: 0 !important;
}

.table-hover > tbody > tr:hover {
    background: #FFF9C4; cursor: pointer
}

tr.selected {
    background: #FFFF8D; cursor: pointer
}

td, th {
    font-size: 90%;
}

td {
    text-align: right;
	min-width: 60px;
}

td.string {
    text-align: left;
}

td.blue {
    color: #1700ff;
}

span.blue-right {
    color: #1700ff;
    float: right;
}

span.right {
    float: right;
}

span.left {
    float: left;
}


span.red-right {
    color: #c00;
    float: right;
}


td.red {
    color: #c00;
}

td.up {
    background-color: #179f17 !important; 
    color: #fff;
}

td.down {
    background-color: #cc0000 !important; 
    color: #fff;
}

.nav-pills {
    margin: 0;
    padding: 0;
}

.nav-pills > li > a {
    background: #429BA1;
    margin-top: 0px;
    padding: 2px;
    margin-left: 15px;
}

.nav-pills > li > a:focus {
    background: #429BA1;
}

 .nav-pills > li > a:hover{
    background: #000;
 }

.panel-default > .panel-heading {
    padding: 2px 10px;
    font-weight: bold; 
    background: #EEE9B5;
    width: 100%;
    height: 34px;
    overflow: auto;
}

.select-mini {
    font-size: 12px;
    height: 30px;
    max-width: 200px;
    margin: 0 5px;
}

.custom {
    width: 50px;
}

.center {
    text-align: center;
}

.strike-price {
    background-color: #F2F1F0;
    text-align: center;
}

.watch-list-body, .time-and-sales, .mbp {
    width: 100%;
    overflow: auto;
}

.time-and-sales .table-responsive, .mbp .table-responsive, .chart .table-responsive {
    height: 100%;
}

.option-chain-body {
    height: 300px;
    overflow: auto;
}

.option-chain-body table {
    table-layout: auto;
    width: 100%;
}

.option-chain-body th {
    padding: 5px;
}

.option-chain-table td{
    min-width: 5px;
}

.option-chain-body col {
    width: 75px;
    padding: 5px;
}

.ui-dialog-content {
    background-color: #fff !important;
}

.spread-watch-dialog {    
    overflow: auto;
}

.spread-watch-dialog .dialog-body, .quote-dialog .dialog-body, .option-chain-dialog .dialog-body {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
}

.quote-dialog table td{
    width: 25%;
}

.ui-widget {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.ui-dialog {
    border: none;
    padding: 0;
}

.ui-widget-content {
    background: none;
    border: 1px solid #bbb;
}

.ui-dialog,.ui-dialog-content {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing:content-box!important;
    box-sizing: content-box!important;
}

.ui-widget-header {
    background-image: none;
    background-color: #EEE9B5;
    color: #000;
    border: none;
}

.select-mini {
    font-size: 12px;
    height: 30px;
    max-width: 200px;
    margin: 0 5px;
}

.center {
  text-align: center;
}

.strike-price {
  background-color: #F2F1F0;
  text-align: center;
}

.option-chain-body {
    height: 300px;
    overflow: auto;
}

.option-chain-body table {
    table-layout: auto;
    width: 100%;
}

.option-chain-body th {
    padding: 5px;
}

.option-chain-body col {
    width: 75px;
    padding: 5px;
}

.option-chain-dialog .select-expiry {
    text-align: center;
}

.ui-dialog-content {
    background-color: #fff !important;
}

.spread-watch-dialog {    
    overflow: auto;
}

.spread-watch-dialog .dialog-body, .quote-dialog .dialog-body, .option-chain-dialog .dialog-body {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
}

.quote-dialog table td{
    width: 25%;
}

.dialog-body th {
    white-space: nowrap;
}

.ui-widget {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.ui-dialog {
    border: none;
    padding: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
}

.ui-widget-content {
    background: none;
    border: 1px solid #bbb;
}

.ui-dialog,.ui-dialog-content {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing:content-box!important;
    box-sizing: content-box!important;
}

.ui-widget-header {
    background-image: none;
    background-color: #EEE9B5;
    color: #000;
    border: none;
}

.app-widget-header {
    background-image: none;
    background-color: #EEE9B5;
    color: #000;
    border: none;
    height: 40px;
}

.offline-status {
    text-align: center;
    background-color: #ff0000;
    color: #fff;
    width: 100px;
    margin: auto;
}

/* mobile css*/
.mobile-view {
    padding-top: 70px;
}

.mobile-view .navbar-brand-image {
    padding-top: 0;    
}

.mobile-view .navbar-brand-image img {
    height: 35px;
}

.mobile-view .market-dropdown {
    margin-bottom: 10px;
}

.mobile-view .market-select {
    margin-right: 5px;
    width: 80px;
}

.mobile-view .watch-list-panel {
    min-height: 100px;
}

.mobile-view .disclaimer {
    font-size: 8px;
}

.not-available {
    text-align: center;
    padding: 20px;
    font-weight: bold;
}