@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,400italic);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css);

table {
  width: 100%;
  table-layout: fixed !important;
  margin-left: 5px !important;
  font-family: "Open Sans", arial, sans-serif;
}

.tbl-header {
  background-color: #fff;
}

.tbl-content {
  max-height: 600px;
  overflow: scroll;
  overflow-x: hidden;
  margin-top: 0px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding-bottom: 20px;
  text-transform: none;
}

th {
  padding: 20px 0px 20px 15px;
  text-align: left;
  font-size: 16px;
  color: #000;
  border: solid 1px rgba(0, 0, 0, 0.6);

}

td {
  padding: 15px 5px;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.6);
  line-height: 20px;

}

tbody tr:nth-child(2n-1) {
  background-color: #131216;
  transition: all .125s ease-in-out;
}

button {
  background-color: #25c3ee;
  border: none;
  color: #fff;
  padding: 5px 10px;
}

button:hover {
  background-color: #e92c8f;
}

.adminbutton {
  background-color: #e92c8f;
  border: none;
  color: #fff;
  padding: 5px 10px;
}

.adminbutton:hover {
  background-color: #25c3ee;
}

/* for custom scrollbar for webkit browser*/

.tbl-content ::-webkit-scrollbar {
  width: 10px;
}

.tbl-content ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 1);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 1);
}

.tbl-content ::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 1);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 1);
}

div#pagination_controls {
  font-size: 14px;
  margin-top: 40px;
  text-align: right;
  padding: 20px 40px;
}

div#pagination_controls>a {
  color: #fff;
  background-color: #e92c8f;
  padding: 1px 7px;
  margin: 0px 2px;
}

div#pagination_controls>a:active {
  color: #fff;
}

div#pagination_controls>a:hover {
  color: #fff;
  background-color: #25c3ee;
}