/*** Table Styles **/

@media (max-width: $screen-xs-min) {

.responsive-table {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    border-bottom: 0;
}

}

.table::-webkit-scrollbar {

width: 12px;
background-color: #000;

}

.table::-webkit-scrollbar-track {

background-color: $brand-primary;

}

.table::-webkit-scrollbar-thumb {

background-color: #fff;
-webkit-box-shadow: inset 0 0 1px #000;
border: 1px solid $brand-primary;

}

/* Table Wrapper */ .table-wrapper{

overflow-x: scroll;

}

.table-wrapper::-webkit-scrollbar {

width: 12px;
background-color: #000;

}

.table-wrapper::-webkit-scrollbar-track {

background-color: $brand-primary;

}

.table-wrapper::-webkit-scrollbar-thumb {

background-color: #fff;
-webkit-box-shadow: inset 0 0 1px #000;
border: 1px solid $brand-primary;

}

table {

border-bottom: 0;

}

table {

background: white;
border-radius:0px;
border-collapse: collapse;
// height: 320px;
margin: auto;
padding:5px;
width: 100%;
animation: float 5s infinite;
-webkit-font-smoothing: antialiased;
letter-spacing: 0.5px;
border-bottom: 5px $brand-primary solid;
margin-bottom: 40px;
//overflow-x:scroll;

}

tbody{

border-left: 1px solid #eee;
border-right: 1px solid #eee;

}

th {

color:#FFF;
background-color: $brand-primary;
border-bottom:4px solid #9ea7af;
border-right: 1px solid #343a45;
font-size:12px;
padding:10px;
text-align:left !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
vertical-align:middle;

}

th a {

color: #FFF;

}

th:first-child {

border-top-left-radius:3px;

}

th:last-child {

border-top-right-radius:3px;
border-right:none;

}

tr {

border-top: 1px solid #C1C3D1;
border-bottom: 1px solid #C1C3D1;
color:#000000;
font-size:16px;
text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);

}

tr:first-child {

border-top:none;

}

tr:last-child {

border-bottom:none;

}

tr:nth-child(even) td {

background:#f7f7f7;

}

tr:last-child td:first-child {

border-bottom-left-radius:3px;

}

tr:last-child td:last-child {

border-bottom-right-radius:3px;

}

td {

background:#FFFFFF;
padding: 10px;
text-align:left;
vertical-align:middle;
font-size:14px;
border-right: 1px solid #C1C3D1;

}

td:last-child {

border-right: 0px;

}