.tableModal table {
  width: 100%;
  min-width: 400px;
  margin-bottom: 20px;
}

.tableModal th {
  writing-mode: vertical-lr;
  background-color:blue;
  color:white;
  border-top: 1px solid white;
  border-right: 1px solid white;
  padding: 8px;
}

.tableModal thead td {
  background-color:black;
  border-left:none;
  border-right:1 px solid white;
  border-top:none;
  border-bottom:none;
}

.tableModal tbody td {
  color:black;
  border: 1px solid lightblue;
  font-size: 13px;
  line-height: 29px;
}

.tableModal td.datepicker {
  background-color:red;
  cursor:pointer;
}

.tableModal .modal-dialog {
  max-width:700px;
}

.tableModal .modal-dialog {
  min-width: 500px;
  overflow-x: auto;
}

.tableModal tr {
  background-color:white;
}
.tableModal td.disabled {
  background-color:grey;
  cursor:default;
}
.tableModal td.noData {
  padding: 10px;
}

.tableModal td.delTableRow {
  color: red;
  background-color:black;
  border:0;
  text-align:center;
  width:20px;
  font-size: 17px;
}

.tableModal tr td.delTableRow i {
  cursor:pointer;
}

.tableModal td.delTableRow i:hover {
  color:darkred;
}