table{border:2px solid #42b983;border-radius:3px;background-color:#fff}th{background-color:#42b983;color:#ffffffa8;cursor:pointer;-webkit-user-select:none;user-select:none}td{background-color:#f9f9f9}th,td{min-width:120px;padding:10px 20px}th.active{color:#fff}th.active .arrow{opacity:1}.arrow{display:inline-block;vertical-align:middle;width:0;height:0;margin-left:5px;opacity:.66}.arrow.asc{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #fff}.arrow.dsc{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff}