* {
box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 33%;
padding: 10px;
height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
#chart {
max-width: 650px;
margin: 1px auto;
}

.chart-box {
max-width: 100%;
margin: 1px auto;
}

/*#chart-candlestick,
#chart-volume {
max-width: 640px;
margin: 35px auto;
}*/

#loading {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
display: block;
opacity: 0.7;
background-color: #fff;
z-index: 99;
text-align: center;
}

#loading-image {
position: absolute;
margin: -50px 0px 0px -50px;
top: 50%;
left: 50%;
z-index: 100;
}