.info-table-wrapper {
  font-weight: 500;
  display: flex;
  width: 100%;
}

table {
  width: 100%;
  font-family: 'A1Sans', Verdana, sans-serif;
  font-weight: 400;
}

th, td, thead {
    border: none;
}

table thead tr {
background: #f5f6fa;
}

table .plate {
  min-width: 110px;
  text-align: center;
}

table tr {
  z-index: -1;
  border-top: solid 1px #bcbcbc;
}

table th {
  position: sticky;
  top: 0px;
  z-index: 0;
}

table th,
table td {
  line-height: 1.5rem;
  padding: 1rem 1.25rem;
}

table th:first-child,
table td:first-child {
  line-height: 1.5rem;
  padding: 1rem 1.25rem;
}

table tr.even:hover,
table tr.odd:hover {
  background: #EEEEEE;
}

table .separator {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  width: 1em;
  padding: 0 !important;
}

table th {
  white-space: nowrap;
  text-transform: capitalize;
  font-family: 'A1Sans', sans-serif;
  font-weight: bold;
}
table td {
  text-align:center;
}

table th.centered {
  text-align: center;
}

table th.centered .sort-icons {
  margin-right: -1em;
}

table th .col-title {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5rem;
  white-space: normal;
}

table .odd {
  background: #F7F7F7;
}

table .even {
  background: white;
}

table .bg-white {
  background: #fff;
}

table .red {
  color: #E51A49;
}

table .green {
  color: #00875A;
}

table .table-item,
table .table-item-with-icon {
  width: 100%;
}

table .table-item span,
table .table-item-with-icon span {
  display: inline-block;
}

table .table-item-notification {
  text-align: left;
  padding: 5px;
}

table .table-item-notification .notify-status-icon {
  display: inline-block;
  margin-right: 10px;
}

table .table-item-with-icon .col-item-status-icon {
  display: inline-block;
  margin-right: 5px;
}

table .col-title {
  display: inline-block;
  line-height: 28px;
  vertical-align: middle;
  padding-right: 5px;
}

table .sort-icons {
  display: inline-block;
  line-height: 28px;
  vertical-align: middle;
}

table .sort-icons .fa {
  display: block;
  color: #bfbfbf;
  cursor: pointer;
}

table .sort-icons .fa:hover {
  color: #000;
}

table .ng-select .ng-value .active,
table .ng-select .ng-value .inactive {
  font-size: 24px;
  width: auto !important;
  height: auto !important;
  font: normal normal normal 14px/1 FontAwesome;
}

table .ng-select .ng-value .active {
  color: green;
}

table .ng-select .ng-value .active:after {
  content: "\F00C";
}

table .ng-select .ng-value .inactive {
  color: lightgray;
}

table .ng-select .ng-value .inactive:after {
  content: "\F05E";
}
