table {
    border-color: #ddd;
    width:  75%;
    font-size:  .64rem;
    margin-left: auto; 
    margin-right: auto;
    box-shadow: 0 0.2rem 0.5rem rgb(0 0 0 / 5%), 0 0 0.05rem rgb(0 0 0 / 10%);
    vertical-align: top;
    }
  
  table.center {
    margin-left: auto; 
    margin-right: auto;
  }
  
  th { 
    background-color: #757575;
    color: white;}
  
  th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
  }
  
  tr:hover {background-color:#f5f5f5;}

  img {
    box-shadow: 0 0.2rem 0.5rem rgb(0 0 0 / 5%), 0 0 0.05rem rgb(0 0 0 / 10%);
  }
  .upload {color: #68bb6b}
  .download {color: #d82e30}
  .play {color: #4eb052}
  
  #div1 {
    display:  inline-block;
    width:  20%;
  }
  
  #div2 {
    display:  inline-block;
    vertical-align: top;
    width:  75%
  }
  
  .x {color: #d82e30 }
  .check{color: #68bb6b }
  .exclamation {color: #ffc68c}
  .timeout {color: #f57c00}
  .share {color: #3e4da9}

  p {text-align: justify}
  li {text-align: justify}

  .md-nav__item {text-align: left}