label { margin-top: 5px; margin-bottom: 5px; }
.left { float: left; display: block; }
.right{ float: right; display: block; }
.centered { margin: 0px auto; width: 999px; height: 650px } 
.clear{clear:both;}
#change { color: #74B89F; padding-left: 10px;}
.change { color: rgb(27, 77, 14) ; } 
#change[val^="-"],.change[val^="-"] { color: #D2505A; }
#change[val="0"], .change[val="0%"]{ color: #50434D; }
#placeholder { width:98%; height: 300px;  }
#historical { 
font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
font-size: 12px;
background: none repeat scroll 0% 0% #FFF;
width: 280px;
border-collapse: collapse;
text-align: left;
display: none;
}
#historical th{ font-size: 14px; font-weight: normal; border-bottom: 2px solid #474747; padding: 10px 8px; }
#historical td{ padding: 6px 8px; }
#now { font-size:35px; font-weight:bold; }
#change{ font-size:20px; }
#datacontainer { float: left; }
#price { display: table; }
#price label { display: table-cell; vertical-align: middle; }
.top { width:100%; padding-left:30px; height: 96px;}
#datacontainer input[type='checkbox'] { margin-left: 20px; margin-top: 5px; }
#time { float: right; }
#open, #high, #low { margin-right: 30px; } 
#open { margin-left: 30px; }
#low { margin-right: 0px; }
.htable { max-height: 300px; overflow-y: hidden; }
.mdata { padding-top: 15px; }
.flot-tick-label { max-height: 16px; overflow-y: hidden; } 
#bitTitle { color: rgb(112, 100, 172); float:right; margin-right:10px;}
#bitTitle h1 { font-size: 1.21em; text-transform: uppercase; }
#indexChanger { margin: 10px 10px 0px 0px; }
#variacion { display: inline; color rgb(210, 80, 90);     font-family:'Oswald','Arial Narrow','Nimbus Sans L',sans-serif ; }
.exportrange, .datechanger { text-decoration: underline; color: 5C5C5C; margin: 0px 5px; }
.exportrange, .datechanger:hover {cursor:pointer; opacity: 0.5;}
.datecontainer { display:block; position: absolute; font-size: 11px; z-index: 5; background-color: white; max-width: 90%;}
.datecontainer input { font-size: 11px; max-width:80px;}
#tooltip { background-color: rgb(192, 190, 242) !important; border: none !important;}
#datacontainer > input:first-of-type { margin-left: 0px;  color: rgb(210, 80, 90);}
#data-research-chart { max-height: 382px; }

.mainprice { width: 25%; }
.mdata { width: 74%; padding-top: 0px; }

@media screen and (max-width: 991px){
 .datecontainer { max-width: 60%; }
}
@media screen and (max-width: 735px){
 .datecontainer { max-width: 70%; }
}
@media screen and (max-width: 628px){
 .mdata { width: 100%; padding-top: 0px; }
 #datacontainer input[type="checkbox"] {  margin-left: 10px; }
 #datacontainer > input:first-of-type { margin-left: 0px;  color: red;}
 .datecontainer { max-width: 63%; }
 #open { margin-left: 0px; }
}

.top5table { font-weight:bold; color: #666; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px auto 10px auto;}
.top5table .indexes {min-width:150px;}
.top5table .change {text-align:center;}
.top5table td[winner="0"]{color:#D2505A;}
.top5table td[winner="1"]{color:#74B89F;}