/*  #Table
------------------------------------- */
.elematic-table {
  width: 100%;
  height: auto;
  border-collapse: separate;
  margin: 0px;
}
.elematic-table thead tr {
  text-align: left;
}
.elematic-table thead tr th,
.elematic-table thead tr th:first-child {
  padding: 20px 15px;
  background-color: #4a4893;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  border-right: 1px solid rgba( 0,0,0,.1 );
}
.elematic-table thead tr th:last-child {
  border: 0px;
}
.elematic-table tbody tr.even {
  transition: background 0.4s ease-in-out;
}
.elematic-table tbody tr.odd {
  background: rgba( 242,242,242,0.5 );
  transition: background 0.2s ease-in-out;
}
.elematic-table tbody tr.even:hover,
.elematic-table tbody tr.odd:hover {
  background: rgba( 242,242,242,0.7 );
}
.elematic-table tbody tr.even:last-child,
.elematic-table tbody tr.odd:last-child {
  border-bottom: 1px solid rgba( 0,0,0,0.09 );
}
.elematic-table tbody tr td,
.elematic-table tbody tr td:first-child {
  padding: 20px 15px;
  font-size: 14px;
  line-height: 1;
  border-right: 1px solid rgba( 0,0,0,0.06 );
}
.elematic-table tbody tr td:last-child {
  border-right: 0px;
}
.elematic-table tbody > tr:nth-child(2n) td {
  background-color: #f2f2f2;
}
table.elematic-table thead .sorting_disabled.sorting:after {
  display: none;
}

.elematic-table-align-left table.elematic-table {
  float: left;
}

.elematic-table-align-center table.elematic-table {
  margin: 0 auto;
}

.elematic-table-align-right table.elematic-table {
  float: right;
}

.elematic-table-dt-th-align-left .elematic-table thead tr th,
.elematic-table-dt-td-align-left .elematic-table tbody tr td {
  text-align: left;
}
.elematic-table-dt-th-align-right .elematic-table thead tr th,
.elematic-table-dt-td-align-right .elematic-table tbody tr td {
  text-align: right;
  padding-right: 30px;
}
.elematic-table-dt-th-align-center .elematic-table thead tr th,
.elematic-table-dt-td-align-center .elematic-table tbody tr td {
  text-align: center;
}
.elematic-table-th-img {
  display: inline-block;
  margin: 0px 15px 0px 0px;
  line-height: 1;
}

.th-mobile-screen {
  display: none;
}

@media (max-width: 767px) {
  .th-mobile-screen {
    display: inline-block;
    padding: 0 .6em;
    margin-right: 10px;
    text-align: center;
  }
  .td-content-wrapper {
    display: flex;
    width: 100%;
  }
  .th-mobile-screen {
    flex-grow: 0;
    flex-shrink: 0;
  }
  .th-mobile-screen .elematic-table-th-img,
  .th-mobile-screen .data-header-icon {
    margin: 0px auto 15px auto;
    display: block;
  }
  .elematic-table thead {
    display: none;
  }
  .elematic-table tbody tr td {
    display: block;
    float: none;
    clear: left;
    width: 100%;
  }
  .elematic-table tbody tr td {
    text-align: left;
    display: flex;
    align-items: center;
  }
  .elematic-table .td-content {
    align-items: center;
    display: flex;
  }
  .td-content, .td-content > p {
    width: 100%;
    justify-content: center;
  }
  .elematic-table tbody > tr:nth-child(2n) td {
    background-color: transparent;
  }


}