.stock-main{
    margin:0;
    min-width:800px;
    overflow:hidden;
    padding:0;
    min-height:800px;
    position:relative;
}


/*========== Stock Header ==========*/

.stock-main .stock-header{
    margin:0;
    padding:0;
    width:100%;
    height:50px;
    position:fixed;
    top:30px;
    left:0;
    overflow:hidden;
    background:rgba(0,0,0,0.25);
    z-index:1;
}
.stock-main .stock-form-wrap{
    margin:0;
    padding:10px;
    width:auto;
    height:30px;
    overflow:hidden;
    background:rgba(0,0,0,0.5);
    position:absolute;
    top:0;
    left:0;
}
#pull-gex{
    float:left;
}
.popular-tickers{
    margin:0;
    padding:0;
    width:800px;
    height:30px;
    line-height:30px;
    text-align:center;
    background:rgba(0,0,0,0.5);
    color:#fff;
    float:left;
}
.popular-tickers a{
    color:#fff;
    padding-left:3px;
    padding-right:3px;
}
#timer{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    padding:10px;
    width:50px;
    height:30px;
    line-height:30px;
    text-align:right;
    background:rgba(0,0,0,0.5);
    color:#fff;
    font-weight:bold;
}
.stock-main .stock-form-table{
    width:100%;
    background:#ffffff;
}
.stock-main .stock-form-table,
.stock-main .stock-form-table th,
.stock-main .stock-form-table td{
    border:1px solid #000000;
    border-collapse: collapse;
    font-size:12px;
    height:28px;
}
.stock-main .stock-form-table th,
.stock-main .stock-form-table td{
    margin:0;
    padding:0;
    height:30px;
}
.stock-main .stock-form-table th{
    width:70px;
}
.stock-main .stock-form-table td{
    width:100px;
}
.stock-main .stock-form-table th{
    color:#000000;
    background:#cccccc;
    font-weight:bold;
}
.stock-main .stock-form-table td{
}
.stock-main .stock-form-table .stock-text-box{
    margin:0;
    padding:0;
    height:30px;
    width:100%;
    border:none;
    text-align:center;
}
.stock-main .stock-form-table .stock-form-submit{
    margin:0;
    padding:0;
    height:30px;
    width:100%;
    border:none;
    font-weight:bold;
    cursor:pointer;
}
#stock_info{
    margin:0 auto;
    padding:2%;
    overflow:hidden;
    background:rgba(0,0,0,0.5);
    width:96%;
    height:40px;
}
#stock_info div{
    height:20px;
    line-height:20px;
    color:#fff;
}



/*========== Stock Data ==========*/

.stock-main .stock-data-wrap{
    margin:50px auto 0px;
    padding:0;
    width:100%;
    min-height:800px;
    background:rgba(255,255,255,0.25);
    color:#ffffff;
    overflow:hidden;
}
.data-left,
.data-right,
.data-center{
    margin:0;
    padding:0;
    overflow:hidden;
    float:left;
    position:relative;
}
.data-left{
    width:550px;
    min-height:800px;
}
.data-right{
    width:150px;
    min-height:800px;
}
.data-center{
    width:calc(100% - 700px);
    height:calc(100vh - 120px);
    min-height:800px;
}
.data-center-top{
    width:100%;
    height:70%;
    overflow:hidden;
}
.data-center-bottom{
    width:100%;
    height:30%;
    overflow:hidden;
}
.mainInfo{
    font-weight:bold;
    text-align:center;
}
.subInfo{
    font-size:.75em;
    text-align:center;
}
.data-stock-info,
.data-stock-ta,
.data-stock-profile,
.data-stock-fundamental{
    padding:0;
    margin:5px;
    height:calc(100% - 10px);
    float:left;
}
.data-stock-info{
    width:calc(25% - 10px);
}
.data-stock-ta{
    width:calc(25% - 10px);
}
.data-stock-profile{
    width:calc(25% - 10px);
}
.data-stock-fundamental{
    width:calc(25% - 10px);
}


#info-box {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.25);
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: none;
    z-index:10;
}



#stock_data,
#option_info,
#option_data{
    margin:5px;
    padding:10px;
    width:calc(100% - 30px);
    overflow:hidden;
    background:rgba(0,0,0,0.5);
}
#stock_data{
    height:125px;
}
#option_info{
    height:210px;
}
#option_data{
    height: calc(100vh - 530px);
    overflow-y: auto;
}
#option_info div{
    height:20px;
    line-height:20px;
}
#stock_data_table,
#total_gex_table,
#option_info_table,
#option_data_table{
    margin:0;
    padding:0;
    width:100%;
}
#total_gex_data{
    height:calc(100vh - 120px);
    overflow-y: auto;
}
#stock_data_table td,
#option_info_table td{
    width:25%;
}
#stock_data_table td:first-child,
#stock_data_table td:nth-child(3),
#option_info_table td:first-child,
#option_info_table td:nth-child(3),
#option_data_table td:first-child,
#option_data_table td:last-child,
#total_gex_table td:first-child{
    font-weight:bold;
}
#stock_data_table td:first-child,
#stock_data_table td:nth-child(3),
#option_info_table td:first-child,
#option_info_table td:nth-child(3){
    background:#cccccc;
}

#option_data_table thead th,
#total_gex_table thead th{
    background:#000;
    color:#fff;
    font-weight:bold;
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0;
    z-index: 2;
}
#option_data_table thead tr:first-child th,
#total_gex_table thead tr:first-child th{
    top: 0;
}

#option_data_table thead tr:nth-child(2) th {
    top: 24px; /* Adjust based on the height of your header rows */
}
#option_data_table td,
#option_data_table th,
#total_gex_table td,
#total_gex_table th{
    height:20px;
    padding:2px;
}
#option_data_table td{
    width:15%;
}
#option_data_table td:nth-child(3),
#option_data_table td:nth-child(4){
    width:20%;
}
#total_gex_table td{
    width:35%;
}
#total_gex_table td:nth-child(2){
    width:65%;
}
.itmStrike{
    background:rgba(0,0,0,.3);
    color:#666;
}
.otmPutStrike,
.negGex{
    background:rgba(255,0,0,0.35);
}
.otmCallStrike,
.posGex{
    background:rgba(0,255,0,0.35);
}
.gexCharts,
.gexTables{
    margin:5px;
    padding:0;
    float:left;
    background:rgba(255,255,255,0.15);
}
.gexCharts{
    width:calc(50% - 10px);
    height:360px;
    overflow:hidden;
}
.gexTables{
    width:calc(100% - 10px);
    height:600px;
    overflow:scroll;
}
.gexTables th{
    height:16px;
    background:#000;
    color:#ccc;
    font-weight:bold;
    position:sticky;
}
.gexTables thead th{
    top:0;
}
.gexTables tbody th{
    left:0;
}