table#MainTable.dataTable tr:hover {
    background-color: #dfdfdf;
}

div[class^="row"]{
    margin-top: 20px;
    margin-bottom: 10px;
}

/* https://stackoverflow.com/questions/3053205/how-create-table-only-using-div-tag-and-css */
.div-table {
  display: table;
  width: auto;
  background-color: #eee;
  border: 1px solid #666666;
  border-spacing: 5px;
}
.div-table-row {
  display: table-row;
  width: auto;
  clear: both;
}
.div-table-col {
  float: left;
  display: table-column;
  margin: 2px;
  width: 200px;
}

/*
.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 10px; /* 5px rounded corners */
  height: 100px;
}
*/

.order-status-AS {
  color: #239b56;
}

.order-status-ND {
  color: #7dcea0;
}

.order-status-NA {
  color: #edbb99;
}

.order-status-NS {
  color: #a04000;
}

.order-status-NO {
  color: #d5dbdb;
}