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


table.dataTable tbody td.green-bg{
padding:0;
/*background:#bee7cf;*/	
position:relative;
z-index:1;	
}
.green-bg > div {
    display: block;
    float: right;
    padding:2px 5px;
    position: relative;
    width: 100%;
	text-align:center;
}

.green-bg > div > span{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
/*background:#4ebb7e;*/	
z-index:-1;
}
.red-bg > div{
display:block;
padding:2px 5px;	
float:left;
width:100%;
text-align:center;
}



.red-bg > div > span{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
/*background:#ed7569;*/	
z-index:-1;
}
table.dataTable tbody td.green-bg:first-child > div > span{
left:auto;
right:0;
}
table.CustomeGride.display tbody tr.odd > .sorting_1.green-bg,
 table.CustomeGride.order-column.stripe tbody tr.odd > .sorting_1.green-bg{
background:#f1f1f1; 
 }
 table.CustomeGride.stripe tbody tr.odd td.green-bg,
  table.CustomeGride.display tbody tr.odd td.green-bg{
	background:#f1f1f1;  
  }/*
  table.CustomeGride.display tbody tr.even > .sorting_1.green-bg,
   table.CustomeGride.order-column.stripe tbody tr.even > .sorting_1.green-bg{
	  background:#aad7c3; 
   }*/
 
 
 table.dataTable tbody td.red-bg{
padding:0;
/*background:#fadbd8;*/
position:relative;
z-index:1;		
}

table.dataTable tbody td.red-bg:first-child > div > span{
left:auto;
right:0;
}
table.CustomeGride.display tbody tr.odd > .sorting_1.red-bg,
table.CustomeGride.order-column.stripe tbody tr.odd > .sorting_1.red-bg{
background:#f1f1f1;  
}
table.CustomeGride.stripe tbody tr.odd td.red-bg,
table.CustomeGride.display tbody tr.odd td.red-bg{
background:#f1f1f1;   
}/*
table.CustomeGride.display tbody tr.even > .sorting_1.red-bg,
table.CustomeGride.order-column.stripe tbody tr.even > .sorting_1.red-bg{
background:#e5cfd0; 
}*/
table.CustomeGride.stripe.price-spectrum tbody tr.odd,
table.CustomeGride.display.price-spectrum tbody tr.odd {
    background-color: #f5fafc;
}
table.CustomeGride.cell-border.price-spectrum tbody td {
    border-bottom-color: transparent;
    border-bottom-width: 1px;
}
.symbol-grid-info{
display:block;

margin-bottom:0;	
}
.symbol-grid-info > li{
color: #3f9dd1;
    font-size: 11px;
    line-height: 20px;	
	background: none repeat scroll 0 0 #f0f0f0;
	text-align:center;

}
.info-up > li{
background:none;
text-align:left;	
}

.symbol-grid-info > li > p{
display:inline-block;
min-width:102px;	
}
.symbol-grid-info > li > span{
 
    border: 1px solid #ececec;
    border-radius: 4px;
    color: #1b3564;
    display: inline-block;
    padding: 0 ;	
	
}
.info-up > li > span{
background: none repeat scroll 0 0 #f0f0f0;	
}
.symbol-grid-info > li > span.green{
  color: #27ae60;
}
.symbol-grid-info > li > span.red{
color: #e74c3c;	
}
.symbol-grid-info > li > a.btn{
    width: 100%;	
}
.info-up{
margin-top:0;	
}
.symbol-grid table.CustomeGride.cell-border.Performance thead tr th:first-child,
.symbol-grid table.CustomeGride.cell-border.Performance tbody tr td:first-child{
text-align:left;
}
.symbol-grid table.CustomeGride.cell-border.Performance thead tr th.dataTables_empty,
.symbol-grid table.CustomeGride.cell-border.Performance tbody tr td.dataTables_empty{
text-align:center;
}
.select-Period{
display:block;
margin:0 0 10px;	
text-align:right;
}

.select-Period .btn{
float:none;	
}
.select-Period label{
	color:#3fa9e5;
}
/*.PortfoliosOrders .symbol-grid-info > li{
margin-bottom:10px;		
}*/
.currency-type {
    background: #e9f7ef none repeat scroll 0 0;
    color: #044065;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 0;
    padding: 0 10px;
    text-align: center;
}
/*.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .symbol-grid-info > li{
margin-bottom:7px;	
}*/


.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .symbol-grid-info > li:last-child{
margin-bottom:0;	
}


.symbol-grid .tab-pane ul.symbol-grid-info:first-child{
margin-top:0;
margin-bottom:10px;
}
.Performance td > i.green-arrow-sm,
.Performance td > i.red-arrow-sm,
.Performance td > i.blue-arrow-sm{
margin:0 5px;	
}
.size-span{
display:none;	
}

.symbol-search > .form-group label.radio-inline{
margin-top:0;	
}


.form-dropdown label.radio-inline{
margin-top:0	
}
.price-spectrum tbody tr,
.bid-table tbody tr,
.offer-table tbody tr{
cursor:pointer	
}

.symbol-grid-info.sec-4 > li{
margin-bottom:7px;	
}
.symbol-grid-info.sec-4 > li > p{
margin-bottom:0;	
}
.index-performance tr td > a{
display:block;
color:#1b3564;	
}
table.CustomeGride.cell-border.price-spectrum thead th,
table.CustomeGride.cell-border.price-spectrum tbody td:nth-child(2){
text-align:center !important;
}

table.CustomeGride.cell-border.price-spectrum thead th:nth-child(2){
width:10%	
}
table.CustomeGride.cell-border.price-spectrum thead th:first-child{
width:35%;	
}
table.CustomeGride.cell-border.price-spectrum thead th:last-child{
width:35%;	
}
.info-up > li > span{
padding:0 5px;
}


table.CustomeGride.price-spectrum.cell-border thead tr th:first-child{
	text-align:right;
}
.WidgetHead > div > span{
display:none;	
}
table.bid-table.CustomeGride.cell-border thead th,
table.bid-table.CustomeGride.cell-border tbody td,
table.offer-table.CustomeGride.cell-border thead th,
table.offer-table.CustomeGride.cell-border tbody td,

table.bid-table.CustomeGride.cell-border thead th:first-child,
table.bid-table.CustomeGride.cell-border tbody td:first-child,
table.offer-table.CustomeGride.cell-border thead th:first-child,
table.offer-table.CustomeGride.cell-border tbody td:first-child{
text-align:center !important;	
}
table.bid-table.CustomeGride.cell-border,
table.offer-table.CustomeGride.cell-border{
border-left-width:0;	
}
table.bid-table.CustomeGride.cell-border tbody th:last-child,
table.bid-table.CustomeGride.cell-border tbody td:last-child,
able.offer-table.CustomeGride.cell-border tbody th:last-child,
able.offer-table.CustomeGride.cell-border tbody td:last-child{
    border-right: 1px solid #dddddd;
}
table.CustomeGride.cell-border.price-spectrum tbody td div {
    border-bottom: 0 solid transparent;
}
 table.CustomeGride.cell-border.mbo tbody td{
	padding: 13px 5px 12px !important; 
 }
@media (max-width: 767px) {

.marg-sec-table > div table{
margin-bottom:20px;	
}
.marg-sec-table > div:last-child table{
margin-bottom:0;
}
}
@media (min-width: 768px) {

.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table thead th:nth-child(1),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table tbody td:nth-child(1),

.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table thead th:nth-child(3),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table tbody td:nth-child(3)
{
display:table-cell;	
}
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits  thead th:nth-child(4),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits  tbody td:nth-child(4)
{
display:table-cell;	
}
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table.splits thead th:nth-child(1),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table.splits tbody td:nth-child(1),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits thead th:nth-child(4),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits tbody td:nth-child(4){
display:table-cell;	
}	
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits{
border-right:0 solid #e5e5e5;	
}
}

@media (min-width: 992px) {
	.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .marg-sec-table > div{
margin-bottom:10px;
}
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .marg-sec-table > div:last-child{
margin-bottom:0;
}
.symbol-grid-info.sec-4{
margin-top:0;	
}
.symbol-grid-info.sec-4 > li > p {
margin-bottom:0;
display:block;	
}
.symbol-grid-info.sec-4 > li > span{
margin-left:0;	
display:block;

}
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .currency-type{
margin-top:10px;
margin-bottom:10px;
}



.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table thead th:nth-child(1),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table tbody td:nth-child(1),

.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table thead th:nth-child(3),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table tbody td:nth-child(3)
{
display:none;	
}
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits  thead th:nth-child(3),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits  tbody td:nth-child(3)
{
display:none;	
}

.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits  thead th:nth-child(3),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits  tbody td:nth-child(3)
{
display:table-cell;	
}


.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table.splits thead th:nth-child(1),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table.splits tbody td:nth-child(1),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table.splits thead th:nth-child(2),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table.splits tbody td:nth-child(2),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits thead th:nth-child(3),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits tbody td:nth-child(3),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits thead th:nth-child(4),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits tbody td:nth-child(4){
display:none;	
}

}








@media (min-width: 1200px) {

.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table thead th:nth-child(1),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table tbody td:nth-child(1),

.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table thead th:nth-child(3),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table tbody td:nth-child(3)
{
display:table-cell;	
}

.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits  thead th:nth-child(3),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits  tbody td:nth-child(3),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table.splits thead th:nth-child(2),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table.splits tbody td:nth-child(2)
{
display:table-cell;	
}


.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table.splits thead th:nth-child(1),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .bid-table.splits tbody td:nth-child(1),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits thead th:nth-child(4),
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits tbody td:nth-child(4){
display:none;	
}
.WidgetSection .WidgetsContainer .col-md-4 .WidgetContent.symbol-grid .offer-table.splits{
border-right:1px solid #e5e5e5;	
}
	
}
@media (max-width: 500px){
.offer-table thead th:nth-child(3),
.offer-table tbody td:nth-child(3),
.bid-table thead th:nth-child(1),
.bid-table tbody td:nth-child(1){
display:none;	
}
.offer-table.table.CustomeGride.cell-border{
display:none;	
}
.offer-table thead th .size-span,
.offer-table tbody td .size-span,
.bid-table thead th .size-span,
.bid-table tbody td .size-span{
display:block;
margin-top:2px;	
}	




.bid-table.splits thead th:nth-child(2),
.bid-table.splits tbody td:nth-child(2){
display:table-cell;	
}

.bid-table.splits thead th:nth-child(2),
.bid-table.splits tbody td:nth-child(2),

.bid-table.splits thead th:nth-child(1),
.bid-table.splits tbody td:nth-child(1),

.offer-table.splits thead th:nth-child(4),
.offer-table.splits tbody td:nth-child(4)

{
display:none;	
}

.WidgetHead > div > strong{
display:none;	
}
.WidgetHead > div > span{
display:inline-block;	
}
}