.th-serial {
  width: 40px !important;
  text-align: center;
  vertical-align: middle !important;
}
.th-center {
  text-align: center;
}
.body-center {
  text-align: center;
}
.body-right {
  text-align: right;
}
.dataTables_length {
  font-size: 9px;
}
.dataTables_info {
  font-size: 9px;
}
.dataTables_paginate {
  font-size: 9px;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 2px 8px;
}
table thead tr {
  background-color: #9d9fa3;
  font-size: 12px;
  color: #393a3a;
  border: unset;
}
/* table.dataTable {
  border-collapse: unset;
  border-color: unset;
} */
table.dataTable.no-footer {
  border-bottom: unset;
}
table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 1px solid #a6a9b1;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 2px 6px;
}
.odd {
  background-color: #e3e5e9;
  color: #393a3a;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #e3e5e9 !important;
}
table.dataTable tbody tr {
  background-color: #eef1f1;
  color: #393a3a;
  font-size: 12px;
}
.th-primary {
  color: #9b3030;
}
.th-required {
  color: #4520eb;
}
.tr-revoke {
  color: #eb2020 !important;
  /*display: none;*/
}
.tr-revoke-x {
  color: #eb2020 !important;
}
.dataTables_disabledrevoke {
  cursor: pointer;
  padding-left: 10px;
  font-size: 9px;
  float: left;
  margin-top: 2px;
}
.modifytable-area {
  border-top: 1px solid #e5f8f8;
  margin-top: 4px;
  padding-top: 4px;
}
.modifytable-area .checkbox {
  padding-left: 6px;
  font-size: 9px;
  margin-top: 8px;
  color: #484252;
}
.modifytable-helptext {
  padding-left: 6px;
  font-size: 9px;
  color: #5c3bf3 !important;
  margin-top: 7px;
}
.btn-datatable {
  width: 60px;
  height: 28px;
}
.empty-row {
  display: none;
}

td{
    vertical-align:middle !important;
}

.dataTables_displayrevoke{
    float:left;
    padding-left:8px;
}

.modify-dataTable{
    /*width:3000px !important;*/
    overflow:auto;
}

.dataTables_wrapper{
    width:100%;
    overflow:auto;
}

/*#dataTable_Items{
    width:100%;
}

#dataTable_Items > thead > tr {
    display: table;
    width:100%;
    table-layout: fixed;
}

    #dataTable_Items > thead > tr > th {
        width: 100%;
    }

#dataTable_Items > tbody {
    display: block;
    height: 420px;
    overflow-y: scroll;
}

    #dataTable_Items > tbody > tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }*/

.span-appendix{
    color:#5c3bf3;
    cursor:pointer;
    text-decoration:underline;
}
.span-appendix-view {
    margin-left:8px;
    color: #5c3bf3;
    cursor: pointer;
    text-decoration: underline;
}