html { overflow-y: scroll; }

/* FOR popularStock.jsp */
tbody#content { display: block;
                height: 500px;
                overflow-y: scroll;
                overflow-x: hidden;
      }

thead, tbody#content tr { display: table;
                          width: 100%;
                          table-layout: fixed;
                }
/* end of FOR popularStock.jsp */

.page_div { height: auto;
            overflow: hidden;
          }

.stkOV_div { padding-left: 15px;
             float: left;
             overflow: hidden;
           }

.tview_div { width: 80%;
             float: left;
             overflow: hidden;
           }

.tview_cell { display: table-cell;
              font: bold 14px arial;
            }

/* ==== SIDE PANEL ==== */
.sidepanel  { position: fixed;
              width: 20.6%;
              height: 100%;
              right: 0;
              overflow: hidden;
              background-color: #FFFFFF;
              transition: 0.5s;
              z-index: 2;
            }

/* ==== SIDE BAR NAVIGATION ==== */
.sidenav { position: fixed;
           height: 100%;
           width: 0;
           top: 0;
           right: 0;
           padding-top: 60px;
           background-color: #E4E7E7;
           overflow-x: hidden;
           transition: 0.3s;
           z-index: 99;
         }

.sidenav a { font: normal 18px arial;
             padding: 0 0 16px 25px;
             text-decoration: none;
             color: #000000;
             display: block;
             transition: 0.3s;
           }

.sidenav a:hover { color: #E80BF4; }

.sidenav .closebtn { position: absolute;
                     top: 0;
                     right: 185px;
                     font-size: 36px;
                     margin-left: 50px;
                   }

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}