body{
    margin:0;
}


    
   .container div{
    border:solid;
    border-color: transparent;
    } 



    .bottom{
        grid-column-start: 2;
        grid-column-end: 3;
        border:solid;
        font-size: 16;
        line-height: 1.3;
        background-color: #f1f1f1;
        height: fit-content;
        border-radius: 10px;
        font-family: Helvetica;
        font-weight: 300;
    }

    .bottom{
      padding-right: 20px;
      padding-left: 10px;
      padding-top: 10px;
      text-align:justify;
      line-height: 1.5;
    }


    body{
        line-height: 1.2;
        font-size: 14;
      }
      
    label {
        display: inline-block;
        width: 140px;
        text-align: left;
      }
 
      #gfr_var{
        font-weight: bold;
      }

      #gfr_var1{
        font-size: 10px;
      }
      
     /* table {
        width: 45%;
        /* table-layout: fixed; */
      /*  margin-left: auto;
        margin-right: auto;
        font-size: 14;
      }
      */

 
      .styled_table {
          border-collapse: collapse;
          margin: 25px 0; 
          font-size: 13;
          font-family: sans-serif;
          margin-left: auto;
          margin-right: auto;
          width: 45%;
          min-width: 45%;
      }
      
      
      .styled_table td {
          padding: 10px 12px;
          text-align: left;
      }
      
      .styled_table tr {
          background: white;
          border-style: solid;
          border-width: 1px;
          text-align: left;
      }
      
      .styled_table tr.clicked {
          background: red;
          border-style: solid;
          border-width: 1px;
      }
    
      
      .styled_table tr:hover {
          background-color: pink;
          cursor: pointer;
      }
    
      .wrapper {
        height: 50vh;
         width: 100%; 
        display: table;
          z-index: 0;
          float: left; 
        padding-top: 0%;  /*if didnt have the h2 header, this would take calculator down */
        /* padding-left: 3%; */
        background-color: white;
        flex: align;
        padding-left: 0%;
      }
    
      
      .header, .content, .footer {
        display: table-row;
      }
      
      .header, .footer, .inner{
        text-align: justify;
      }
      
      .header, .footer {
        background: #428bca;
        height: 5%;
        font-family: Helvetica;
        font-size: 16;
        color: white;
        line-height: 1.3;
      }
      
      .content{
        font-family: sans-serif;
        font-size: 12;
        background: white;
        width: 100vw;
        overflow-wrap: break-word;
      }
      
      .inner, .inner_t, .inner_b {
        display: table-cell;
      }
      
      .content, .inner {
        position: relative;
        font-size: 14;
      }
      
      
      .scrollable {
         position: absolute;
        left: 0; 
        right: 0;
        top: 0; 
        bottom: 0; 
       overflow-y: scroll;
       overflow-x: hidden;
        width: 100%;
      }
      
      ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 5px;
        height: 0px; 
      }
      
       ::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
        box-shadow: 0 0 1px rgba(255,255,255,.5);
      } 
      
      
      .inner_t{
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      /* display: table-cell; */ 
      /* padding-left: 2%; */
      }
    
      .inner_b{
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      /* display: table-cell; */ 
      /* padding-left: 2%; */
      }
    
      .inner_t, .inner_b{
        text-align: center;
      }

      #header_title, .inner_b, .inner_t{
        font-size: 16px;
      }
    
       .styled_table_interp{
        border-collapse: collapse;
        margin: 25px 0px;
        font-size: 14;
        font-family: Helvetica;
        margin: 10px auto;
        width: 500px;
        font-size: 14;
        font-weight: 300;
        text-align: center;
        background-color: #f1f1f1;
      }
      .styled_table_interp tr,.styled_table_interp td, .styled_table_interp th {
            background-color: #f1f1f1;
            border-style: solid;
            border-width: 1px;
            font-family: Helvetica;
            padding:5px;
        }

        ul:nth-of-type(1) {
          list-style-type:none;
          /*use padding to move list item from left to right*/
          padding-left: 2em;
        }
        
        ul:nth-of-type(1) li:before {
          content: "\2013";
          position: absolute;
          /*change margin to move dash around*/
          margin-left: -1.5em;
        }

        ul:nth-of-type(2) {
          list-style-type:circle;
          /*use padding to move list item from left to right*/
          padding-left: 3em;
        }
        
        ul:nth-of-type(2) li:before {
          position: absolute;
          /*change margin to move dash around*/
          margin-left: -1.5em;
        }

        ol.ref_list{
          font-size: 11pt;
        }

  .ref_list{
    width: 95%;
    word-wrap: break-word; 
  }

            
 #pdf{
  float: right;
  text-align: right;
    }

    .inner_t{
      text-align: center;
      padding-top: 15px;
    }

    .padding-0{
      padding-top: 0;
      padding-bottom: 0;
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 0;
      padding-right: 0;
    }

    #styled_table_radio{
      border-collapse: collapse;
      font-size: 10;
      font-family: Helvetica;
      margin: 3px auto;
      width: 100%;
      text-align: left;
      background-color:white;
      color: black;
  }
  
  
  #styled_table_radio tr{
    padding-top: 10px;
}


  #styled_table_radio td{
      vertical-align: top;
      padding-top: 10px;
  }