body {
    background-color: #23272B;
    margin: 0px;
    padding: 0px;
}

/* Ensure DataTables cell content starts from the top (some DataTables CSS sets middle/bottom). */
table.dataTable tbody td,
table.dataTable tbody th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th {
  vertical-align: top !important;
}
 .all_content {
     margin-left: 200px;
     height: 500px;
     width: auto;
     position: relative;
 }
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -500px !important;
    margin-left: -15px;
}

.sidenav {
  overflow: auto;
  font-family: verdana;
  font-size: 16px;
  font-weight: 200;
  background-color: white;
  position: fixed;
  top: 40px;
  width: 200px;
  height: 100%;
  color: black;
}

* {
  transition: all 500ms ease-out;
  -webkit-transition: all 500ms ease-out;
}

a {
  text-decoration: none;
  font-family: open sans, sans-serif;
}
ul {
  position: fixed;
  z-index: 1;
  top: auto;
  bottom: auto;
  left: 0;
  /*right: 0;*/
  margin: auto;
  height: 100%;
  width: 100%;
  padding: 50px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
 }

ul li {
  display:block;
  width:auto;
}


ul .icon:hover {
  opacity: 0.3;
}
.icon {
  color: #fff;
  font-size: 32px;
  display: block;
}