.courses-table-wrap{
  overflow:scroll;
  overflow-y:auto;
  padding-right:30px;
  margin-right:-30px;
}
.courses-table{
  width:100%;
  border-collapse:collapse;
  border:1px solid #e0e0e0;
  min-width:700px;
  line-height:1.4;
}

.courses-table td,.courses-table th{
  padding:3px 10px;
  text-align:center;
  color:#747474;
  border:1px solid #e0e0e0;
}

.courses-table thead th{
  padding:9px 10px;
  background:#363839;
  font-weight:700;
  color:#fff;
}

.courses-table tr:nth-child(2n - 1) td{
  background:#f5f5f5;
}

.courses-table tr:hover td,.courses-table tr:nth-child(2n - 1):hover td{
  background:#e8e8e8;
}

.courses-table td span{
  display:inline-block;
  padding:4px 10px;
  font-size:11px;
  letter-spacing:.3px;
  font-weight:700;
  color:#fff;
  background:#4caf50;
  border-radius:4px;
}

.courses-table td span.orange{
  background:#ff9800;
}

.courses-table td span.red{
  background:#f44336;
}

.courses-table td span.gray{
  background:#9e9e9e;
}

.courses-table td .btn{
  display:inline-block;
  background:0 0;
  color:#747474;
  font-size:14px;
  padding:5px 15px;
  cursor:pointer;
  border:1px solid transparent;
  border-radius:3px;
}

.courses-table tr:hover td .btn{
  background:#363839;
  color:#fff;
}

.courses-table td .btn:hover,.courses-table tr:hover td .btn:hover{
  background:#fed100;
  color:#222;
  border-color:#444;
}


#show-hdn-button{
  display:inline-block;
  background:0 0;
  text-transform:uppercase;
  background:#363839;
  color:#fff;
  font-size:18px;
  font-weight:700;
  padding:10px 30px;
  cursor:pointer;
  border:1px solid transparent;
  border-radius:5px;
}
#show-hdn-button:hover{
  background:#FED100;
  color:#222;
}

.courses-table .hdn-row{
  display:none;
}