/*------------------ ROTATE DEVICE --------------------*/
  @media only screen and (orientation:landscape)
  {
    #turn{ display:none; }
    #container{ display:block; }
  }
          @media only screen and (orientation:portrait)
          {
            #turn{ display:block; }
            #container{ display:none; }
          }
#turn {
     text-align: center;     
}
 .viewbody h4{
   color: grey;
   margin-top: 10px;
 }
.viewbody h5{
  color: blue;
  margin-left: 42%;
  margin-top: 10px;
}
.viewbody table{
  width: 100%;
  margin: 20px auto 0px auto;
}
.viewbody th{
  font-size: 14px;
}
.viewbody a{
  text-decoration: none;
  margin-right: 0px;
  font-size: 15px;
  font-weight: bold;
  color: black;
}
.viewbody button{
  width: 80px;
  height: 40px;
  background-color: rgb(255, 65, 65);
    border: 2px solid grey;
border-radius: 8px 8px;
}
.searchbtn, #searchbtn{
      background-color: rgb(255, 65, 65);
      width: 60px;
      height: 30px;
       border: 2px solid grey;
       border-radius: 8px 8px;
        }
  #searchname, #searchdate{
      font-size:20px;
      color: rgb(14, 13, 14);
      text-align: right;
  }

 .viewtabletext td{
     padding: 0px 5px 0px 5px;
 }