.sq_table {
    position: relative;
    padding:1em;
    width: 100%;
    margin-top:1mm;
    margin-bottom:1mm;
}

.sq_table > thead > tr:first-child{
    background:#696b6e;
    color:#f6f7f8;
    font-size:14px;
    font-weight:700;
}

.sq_table > tbody{
    overflow: auto;
}

.sq_table .sq_row > td {
    padding: .5mm 2mm;
    text-align: center;
}
.sq_table .sq_row{
    background:rgba(221,225,230,.3);
    cursor:pointer;
}

.sq_table .sq_row:nth-child(even){
    background: #d9adf0;
}
/*Hover highlights*/
.sq_row:nth-child(even):hover,
.sq_row:hover{
    background: rgba(26,37,2,0.7);
}

.sq_row td{
    overflow:hidden;
}

.sq_table.sq-sortable thead tr > th:after{
  cursor:pointer;
  float:right;
}
.sq_table.sq-sortable thead tr > th:after{
  content:"\25bc \25b2";
}
.sq_table.sq-sortable thead tr > th.sq-ascending:after{
 content:"\25b2";
}
.sq_table.sq-sortable thead tr > th.sq-descending:after{
   content:"\25bc";
}

/*Basic Table Element*/
.sq_table thead th,
.sq_table tbody td {
    border:.25px solid #dde1e6;
    cursor:default;
}
.sq_table td{
    white-space:nowrap;
    padding:.5mm 1mm;
}

.sq_table tbody tr {
    background:rgba(221,225,230,.3);
    color:#363738;
}

.sq_table tbody tr:nth-of-type(even) {
    /*background: #d9adf0;*/
    background-color:#6C7A89;
}

/*light*/
.sq-light .sq_table thead th,
.sq-light .sq_table tbody td,
.sq_table.sq-light thead th,
.sq_table.sq-light tbody td {
    border:.25px solid #dde1e6;
}
.sq_table.sq-light td,
.sq-light .sq_table td{
    white-space:nowrap;
    padding:.5mm 1mm;
}

.sq-light.sq_table tbody tr,
.sq-light .sq_table tbody tr{
    background:#F6FAFC;
    color:#363738;
}

.sq-light .sq_table tbody tr:nth-of-type(even),
.sq-light.sq_table tbody tr:nth-of-type(even){
    /*background: #d9adf0;*/
    background-color:rgba(197,239,247,.5);
}

.sq_table.sq-light > thead > tr:first-child,
.sq-light .sq_table > thead > tr:first-child{
    background:#336e7b;
    color:#f6f7f8;
}