table{width:auto;border-collapse:collapse;margin:50px auto}
th{background:#042e6f;color:white;font-weight:bold}
td,th{padding:10px;border:1px solid #afb1b4;text-align:right;font-size:16px}.selectedRow{background-color:#fd9519c9;color:#fff}
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px){table{width:100%}
table,thead,tbody,th,td,tr{display:block}
thead tr{position:absolute;top:-9999px;left:-9999px}
tr{border:1px solid #ccc;margin-bottom:10px}
td{border:none;border-bottom:1px solid #afb1b4;position:relative;padding-top:35px}
td:before{position:absolute;top:3px;right:6px;width:100%!important;white-space:nowrap;content:attr(data-column);color:#042e6f;font-weight:bold}}