/* 

.option_writer_chart_and_table_cont{
    width: 40%;
    border: 1px solid #d7d7d7;
    padding-bottom: 10px;
}

.option_writer_chart {
    width: 95%;
    height: 65vh;
    box-shadow: rgba(9, 7, 7, 0.24) 0px 0px 10px 3px;
} */


.hompage_table{

    width: 20%;
}







.straddle_and_strangle_table tbody tr td{
    font-size: 13px;
    text-align: center;
}
.straddle_and_strangle_table thead tr th{
    font-size: 13px;
    text-align: center;
    background: black;
    color: white;
}

.super_tab_div{
    width: 33.33%;
}


.single_chart_single_table{
    width: 70%; height:70vh; box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 10px 3px;
   }

.table_div_straddle_strangle{
    white-space: nowrap;
    width: 28%;
}

@media screen and (max-width: 1300px) {
    .single_chart_single_table{
     width: 100%;
     height:50vh;
    }
    .table_div_straddle_strangle{
        margin-top: 1em;
        width: 100%;
 }
 .super_tab_div{
    width: 100%;
 }
   }


@media screen and (max-width: 420px) {
    .straddle_and_strangle_table tbody tr td{
        font-size: 11px;
        text-align: center;
    }
    .straddle_and_strangle_table thead tr th{
        font-size: 11px;
        text-align: center;
    }
}




.option_writer_chart_and_table_cont{
    width: 40%;
    border: 1px solid #d7d7d7;
    padding-bottom: 10px;
}

.option_strike_table{
    font-size: 13px;
    text-align: center;
}

.option_writer_chart{
    width: 95%;
     height:65vh;
      box-shadow: rgba(9, 7, 7, 0.24) 0px 0px 10px 3px;
}

.option_writer_table{
    white-space: nowrap;
    width: 20%
}

@media only screen and (min-width: 0px) and (max-width: 800px) {
    .option_writer_chart_and_table_cont{
        width: 100%;
        align-items: center;
        margin-bottom: 1em;
        padding: 5px;
    }
    .option_strike_table{
        font-size: 10px;
        text-align: center;
    }

    .option_writer_chart{
        width: 100%;
        height: 50vh;
    }
    .option_writer_table{
        white-space: nowrap;
        width: 100%;
        margin-top: 1em;
    }
    .nifty_algo_chart{
        width: 100%;
        height:50vh;
        box-shadow: rgba(9, 7, 7, 0.24) 0px 0px 10px 3px;
    }

   }


@media screen and (min-width: 801px) and (max-width: 1270px) {
    .option_writer_chart_and_table_cont{
        width: 100%;
        align-items: center;
        margin-bottom: 1em;
    }
    .option_writer_table{
        white-space: nowrap;
        width: 100%;
        margin-top: 1em;
    }
   }

  .table_label{
    width: 100%;
   text-align: center;
   background: #4b4b4b;
   color: white;
   margin-bottom: 25px;
   height: fit-content;

  } 

  @media screen and (min-width: 1301px) and (max-width: 1720px){
    .option_strike_table{
        font-size: 11px;
        text-align: center;
    }

  }



  /* historiacl intrangle */


  .form-element_container{
    width: 20%;
    text-align: center;
}

#datepicker,#timepicker{
width: 100%;
padding: 4px 11px 4px 11px;
border-radius: 6px;
border: 1px solid #00000040;
}
.flatpickr-mobile{
    width: 100%;
    padding: 4px 11px 4px 11px;
    border-radius: 6px;
    border: 1px solid #00000040;
}
.bg_color_form{
    background: lightgrey;
}
.exp_date{
    font-style: italic;
    letter-spacing: 1px;
}
/* end historical intrangle  */



/* for tick data */
.single_chart{
    width: 99%; height:70vh; box-shadow: rgba(0, 0, 0, 0.25) 10px 10px 17px 11px;
   }


/* rolling straddle */
.info_labels{
    font-size: 15px;
    letter-spacing: 1px;
    font-family: sans-serif;
}

.label_bg_clr{
    background: lightgrey;
}

td{
    align-content: center;
}



@media (min-width: 576px) {
    button{
        font-size: 10px;
    }
}




.strangle_table tr td,th{
    font-size: 14px;
    text-align: center;
}
.strangle_table tr th{
    font-size: 14px;
    text-align: center;
}

@media (max-width: 576px) {
    .strangle_table tr td,th{
        font-size: 2.5vw;
        text-align: center;
        /* white-space: nowrap; */
    }
    .strangle_table tr th{
        font-size: 2.5vw;
        text-align: center;
    }
    .strangle_table{
        width: -webkit-fill-available !important;
    }

}





@media (max-width: 1200px) {
    .tab_res td {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .tab_res td {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .tab_res td {
        font-size: 10px;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    .tab_res td {
        font-size: 8px;
        white-space: nowrap;
    }
}


/* @media (max-width: 1200px) {
    #tstcp_table td {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    #tstcp_table td {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    #tstcp_table td {
        font-size: 10px;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    #tstcp_table td {
        font-size: 8px;
        white-space: nowrap;
    }
} */