/*.container-fluid{

    height: -webkit-fill-available;
    }*/
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">   
    body{

      overflow: scroll;
      min-height: 100%;
      display: block;
      font-family: "Encode Sans", sans-serif !important;
    }
    .mdapp_Mainheading{
      color: #000000;
      font-weight: 400;
    }
    .mdapp_Subhead{
      color: #6f6f75;
      font-weight: 400;
    }
    .mdapp_Maincontent_div{

    background-color: #e7e7ec;
    height: 234vh !important; 
  }
  .mdapp_trheight{
    
    height: 110px !important;
  }
.mdapp_trheight1{
    
    height: 50px !important;
  }

    .mdapp_tab1panel1,.mdapp_tab1panel2 {
   /* background-color: #f9f9f9; */
    padding: 3px 5px;
   margin-right: 0px;
   border-radius: 4px;
 /*   webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);*/
    margin-top: 16px;
    margin-bottom: 20px;
  }
  .mdapp_tab1panel1 tbody tr {
    padding: 3px 2px;
    border-top: 1px solid #ddd;
}
.mdapp_tab1panel2 tbody tr {
    padding: 3px 2px;
    
}
  
  .mdapp_tab1panel1 tbody tr td,.mdapp_tab1panel2 tbody tr td{
    padding: 10px 18px;
    font-size: 14px;
    color: #333;
   }
  .mdapp_tab1panel1 table,.mdapp_tab1panel2 table {

    width: 100%;

  }


 .mdapp_tab1panel1 table tr td{

    padding: 10px 8px;
    
  }
  
  .mdapp_bgcolor{

    background-color: #fff;
    margin-top: 25px;
   border-radius: 4px;
  }
  .mdapp_dotcircle {
    height: 8px;
    width: 8px;
    background-color: #16af3a;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0px 1px 10px 5px rgba(23, 146, 52, 0.3);
    margin-right: 4px;
  }
.mdapp_line
{
  margin-bottom: 20px !important;
    margin-top: 20px;
    border-top: 1px solid #000 !important;
    top: 0%;
    display: block;
}
.mdapp_statustab td{


padding: 0px 13px;
}
.mdapp_info_table{

  border: 1px solid #e1e1e5;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);

}

  #mdapp_table1 table,#mdapp_table2 table{
    padding: 7px 7px;
    border-radius: 4px;
    /* color: #fff; */
    background-color: #fff;
    margin-top: 0px;
    border-radius: 4px;
    vertical-align: top;
    height: 100%;
    width: 100%;
  }
  .mdapp_height{
    min-height: 300px;
  }
  #mdapp_table2 table tbody,#mdapp_table2 table tbody{
    vertical-align: top;
  }
  #mdapp_table1 table thead,#mdapp_table2 table thead{
    padding: 0px 7px;
    border-radius: 4px;
    color: #fff;
  }
  #mdapp_table1 table thead h4,#mdapp_table2 table thead h4 {

    background-color: #e11e23;
    padding: 7px 7px 7px 15px;
    border-radius: 3px;
    color: #fff;
    margin-bottom: 0px;
    margin: 2px;  
    font-size: 14px;
    font-weight: 700;
    font-family: Oxygen, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
  }
  #mdapp_table1 table thead tr.tablerow,#mdapp_table2 table thead tr.tablerow{

    background-color: #e7e7ec;
    padding: 6px 7px;
    /* border-radius: 1px; */
    color: #000029;
  }
  #mdapp_table1 table thead tr.tablerow th,#mdapp_table2 table thead tr.tablerow th{

    padding: 6px 7px;
  }
  
  #mdapp_table1 table tbody tr td,#mdapp_table2 table tbody tr td {

    padding: 20px 17px;
    /*border-bottom: 1px solid gainsboro;*/
  }
  .tab-content {
    padding: 10px 0px 30px;
}
 .tab-content.mdapp_bgcolor{
   margin-top: 25px;
   border-radius: 4px;
 }
 #vehicleinfo>.col-md-12{

  background-color: #fff;
}
#errorcodes>.col-md-12,#cureentvalue>.col-md-12,#systemmonitor>.col-md-12,#livemonitoting>.col-md-12{

  background-color: #fff;
}
g.c3-chart{

  fill: transparent !important;
}