hr {border-color:#999; margin:5px 0 !important;}
.charting a {cursor:pointer;}
.charting {position:relative;}
.loader {position:absolute; top:0; left:0; width:100%; height:100%; background:white; opacity:0.5; z-index:99;}
.loader:after {content:''; background:url(../Images/bx_loader.gif) no-repeat; background-size:cover;  width:200px; height:200px; position:absolute; top:50%; left:50%; margin-left:-100px; margin-top:-100px;}
.jquery-chart-container, .charting>div {width:100%; float: left;}
.charting>div .form-control {display:inline-block; width:auto; vertical-align: top;}
.chartContainer {padding-top:25px; position:relative;}
.chartContainer .jauerycanvas-chart-tooltip {top:-20px !important;  height:20px; padding-left:60px;}
.chartContainer .jauerycanvas-chart-tooltip>div, #chartContainer2 .jauerycanvas-chart-tooltip>div{border:0 !important; padding:0 !important; border-radius:0 !important; font-style:normal !important; font-weight:bold !important;}
.chartContainer .jauerycanvas-chart-tooltip>div>.headtooltip {position:absolute; height:20px; overflow:hidden; left: 0 !important; bottom:auto !important; top:0 !important;}
.chartContainer .maintooltip, #chartContainer2 .chartContainer2 {position:absolute; font-size:11px;}
.chartContainer .headtooltip {padding-left:60px; font-size:13px;}
.chartContainer .headtooltip,.chartContainer .maintooltip, #chartContainer2 .chartContainer2 {background:white;}
#chartContainer2 .chartContainer2 {border:#666 solid 1px; padding:5px; border-radius:10px; line-height:24px; box-shadow:0 0 10px 0 #999;}


.chartContainer  strong {margin-right:150px; padding-left:5px; font-weight:normal !important;}
.chartContainer .date {display:none}
.chartContainer .date:first-child {display:inline; margin-right:250px;}

.chartContainer .maintooltip, #chartContainer2 .chartContainer2         {font-weight:normal !important;}
.chartContainer .maintooltip strong, #chartContainer2 .chartContainer2 strong  {margin-right:0;  font-weight:bold !important;}


/*.chartContainer .jauerycanvas-chart-tooltip {position:absolute !important; left:40px !important; top:-30px; box-shadow:none !important; display:block !important; height:24px !important; overflow:hidden; z-index:1 !important;}*/
/*.chartContainer .headtooltip {position:absolute; left:40px; top:0; display:block; height:24px; overflow:hidden; background:white;}
.chartContainer .jauerycanvas-chart-tooltip>div { border:0 !important; background:none !important; font-style:normal !important; font-weight:bold !important;}
.chartContainer .jauerycanvas-chart-tooltip>div>.headtooltip>strong {margin-right:150px;  font-weight:normal !important;}
.chartContainer .jauerycanvas-chart-tooltip>div>.headtooltip>.date {display:none}
.chartContainer .jauerycanvas-chart-tooltip>div>.headtooltip>.date:first-child {display:inline; margin-right:250px;}
.chartContainer .maintooltip  {position:absolute; transition: left 0.2s ease-out, bottom 0.2s ease-out; background:white;}*/

.btngroup {text-align:center; float:left; width:100%; clear:both;}
.text-right {text-align:right;}

.btngroup input.btn, .plotEvent input.btn, .comparison input.btn {padding:2px 7px; /*color:black;*/  color:#909090}
.btngroup input.btn:hover, .btngroup input.active, .plotEvent input.btn:hover, .comparison input.btn:hover {border:#000 solid 1px; background:#333; color:white;}
.btngroup input.search, .btngroup input.submit {color:white;}
.form-control{height:26px;padding:3px 5px; min-width:85px;font-size:13px;line-height:1.42857143;color:#555;border:1px solid #ccc;border-radius:4px; vertical-align:bottom;}
.plotEvent, .comparison {display:none;}
.plotEvent h1, .comparison h1 {font-size:20px; margin:0; padding:3px; line-height:24px; background:#f0f0f0; text-align:center; border-radius:5px; text-align:center;}
.plotEvent input.activeP {border:#000 solid 1px; background:#333; color:white;}

.lightbox-wp .plotEvent, .lightbox-wp .comparison {display:block;}
.lightbox-wp .comparison label, .lightbox-wp .plotEvent label{font-weight:normal; margin-bottom:0;}

#chartContainer {height:250px; width:100%; margin-bottom:30px;}
#chartContainer1 {height:200px; width:100%;}
#chartContainer2 {height:500px; width:100%; display:none;}

.periods {float:left; width:300px; padding-top:50px; padding-left:50px; position:relative; z-index:9;}
.periods label {vertical-align:middle; line-height:30px; font-weight:bold; padding-right:10px;}

.charcontainer4wrap {height:320px; width:100%; float:left; overflow:hidden;  display:none;}
#chartContainer4 {height:200px; float:left;}
.charchontainer5wrap {height:300px; margin-bottom:50px; width:100%; display:none;}
#chartContainer5 {height:300px; width:100%;}


.comparison div {float:left; width:500px; border:#f0f0f0 solid 1px; margin:10px 0; padding:0 10px 10px; min-height:280px;}
.comparison div.mejor {width:200px; margin-right:10px;}
.comparison h2 {font-size:15px; color:blue; text-align:center; padding:0; margin:0;}
.comparison div.mejor h2 {color:red;}
.comparison ul {margin:0; padding:0; list-style:none;}
.comparison ul li {float:left; width:235px; line-height:24px; vertical-align:middle;}
.comparison div.mejor ul li {width:180px;}
.comparison ul li input {margin-right:3px;}
.jquerychart {display:none;}



/*---------------------------PriceChart---------------------------*/
#pricechart, #sast_summary,  #GetPledge_pricechart, #GetPledge_Summary {padding-top:0;}
.maintooltip{border-radius:0 !important; border:1px solid #c0c0c0 !important; padding:5px !important}
#pricechart .jauerycanvas-chart-tooltip *, #GetPledge_pricechart .jauerycanvas-chart-tooltip *, .maintooltip * {margin:0; padding:0; font-style:normal;}
#pricechart .jauerycanvas-chart-tooltip h1, #GetPledge_pricechart .jauerycanvas-chart-tooltip h1, .maintooltip h1{font-size:13px; font-weight:bold; line-height:18px; padding:2px 5px; margin-left:-5px; margin-right:-5px; margin-top:-5px; margin-bottom:5px; color:#ed3223; border-bottom:#c0c0c0 solid 1px; text-shadow:0 1px 2px #ffffff; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 47%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 47%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 47%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}




#charting #chartContainer {width:100%; height:130px;}
#charting .btn {padding:2px 8px; border-radius:0; background:#0EB38D; color:white;}
#charting .btn.active {background:#0074bd;}



#GetPledge_pricechart, #GetPledge_Summary, #pricechart, #sast_summary, #chartContainer, #chartContainer1, #chartContainer2, .charchontainer3wrap, .charchontainer5wrap {width:85% !important; margin-left:auto; margin-right:auto; float: none !important; clear:both;}

input[type="checkbox"], input[type="radio"] {margin-right:5px;}

.legend {font-size:11px; }
.legend li {padding-left:12px; position:relative; color:black;}
.legend li:before {content:''; width:10px; height:10px; left:0; top:50%; margin-top:-5px; position:absolute;}
.legend li.buys:before {background:#4e81c2;}
.legend li.sells:before {background:#c24e4d;}
.legend li.bought:before {background:#9cba5c;}
.legend li.sold:before {background:#81649e;}

.legend li.buy:before {background:#b71e1e; border-radius:10px;}
.legend li.sell:before {background:#026486; border-radius:10px;}

.legend li.creation, .legend li.release, .legend li.invoke, .legend li.both {width:100%; text-align:left; margin-left:27%;}
.legend li.creation:before {background:#e89f2c; border-radius:10px;}
.legend li.release:before {background:#000cff; border-radius:10px;}
.legend li.invoke:before {background:#837a3d; border-radius:10px;}
.legend li.both:before {background:#e90136; border-radius:10px;}

.plotlegend li {display:none;}
.plotlegend .legend li:before {border-radius:10px;}
.plotlegend .legend li.bonus:before {background:#b71e1e;}
.plotlegend .legend li.dividend:before {background:#008000;}
.plotlegend .legend li.split:before {background:#026486;}
.plotlegend .legend li.earning:before {background:#0000ff;}
.plotlegend .legend li.insider:before {background:#81783b;}
.plotlegend .legend li.transactions:before {background:#e89f2c;}
.plotlegend .legend li.takeover:before {background:#000000;}

.comparechart {display:none;}
.comparechart .legend li:before {background:#008000; border-radius:10px;}
.comparechart .legend li.list0:before {background:#ff0000;}
.comparechart .legend li.list1:before {background:#0000ff;}
.comparechart .legend li.list2:before {background:#00ff00;}


.charcontainer4wrap {position:relative;}
.charcontainer4wrap .legend {position:absolute; right:350px; top:120px; font-size:18px;}
.charcontainer4wrap li {float:left; clear:both;}
.legend li.promoters:before {background:#81a5bc;}
.legend li.public:before {background:#4682a9; clear:both;}


.pledge_summary  {text-align:left; padding-left:15%;}
.pledge_summary h2 {margin:0; padding:0; display:inline-block; font-size:11px; color:black; width:130px; font-weight:bold; line-height:20px;}
.pledge_summary ul {display:inline;}
.pledge_summary ul li {width:60px;}

.legend li.pledge_trans, .legend li.release_trans, .legend li.invoke_trans, .legend li.pledge_share, .legend li.release_share, .legend li.invoke_share {text-align:left; }

.legend li.pledge_trans:before {background:#4e81c2; }
.legend li.release_trans:before {background:#c24e4d;}
.legend li.invoke_trans:before {background:#9cba5c; }
.legend li.pledge_share:before {background:#81649e; }
.legend li.release_share:before {background:#0000ff; }
.legend li.invoke_share:before {background:#00ffff; }

#chartContainer3 {position:relative; z-index:0;}
.chartContainerYear {float:left; clear:both; width:100%; font-size:12px; color:black; font-family:Arial, Helvetica, sans-serif; position:relative; z-index:10; padding-left:30px; margin-top:-10px;}
.chartContainerYear li {float:left; padding:0; width:99px; text-align:center;}

.chartContainerResultYear {float:left; clear:both; width:100%; font-size:12px; color:black; font-family:Arial, Helvetica, sans-serif; position:relative; z-index:10; padding-left:30px; margin-top:-10px;}
.chartContainerResultYear li {float:left; padding:0; margin-left:27px; width:70px; text-align:center; font-size:11px;}
.chartContainerResultYear li.resultan {margin-left:86px;}
.chartContainerResultYear li.resultan0 {margin-left:30px;}
/*.chartContainerResultYear li:first-child, .chartContainerResultYear li:last-child {width:130px;}*/
.chartContainerResultYear li.result3 {margin-left:65px;}

.btngroup * {margin-bottom:2px;}
.lightbox-innercontent {width:100% !important;}

.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}

@media (max-width:768px) {
.flashchart {display:none;}
.jquerychart {display:block;}	
#GetPledge_pricechart, #GetPledge_Summary, #pricechart, #sast_summary, #chartContainer, #chartContainer1, #chartContainer2, .charchontainer3wrap, .charchontainer5wrap {width:100% !important;}
.btngroupbtm .hasDatepicker {max-width:50px;}

#GetPledge_pricechart, #GetPledge_Summary, #pricechart, #sast_summary {width:100% !important; margin-left:auto; margin-right:auto; float: left !important;}

}
@media (min-width:480px) and (max-width:768px) {
.chartContainerYear li {width:68px; margin-left:70px;}
.chartContainerYear li:first-child {margin-left:10px;}
}

@media (max-width:480px) {
.chartContainerYear li {width:68px; margin-left:22px; font-size:11px;}
.chartContainerYear li:first-child {margin-left:10px;}	
#chartContainer4 {clear:both; height:160px; padding-top:30px;}
#chartContainer4>div {margin-left:-50px;}
.charcontainer4wrap .legend {font-size:12px; top:180px; left:30px; right:auto;}
}
@media (max-width:420px) {
	.chartContainerYear li:last-child {display:none;}
}