table{border:2px solid #42b983;border-radius:3px;background-color:#fff}th{background-color:#42b983;color:hsla(0,0%,100%,.66);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}td{background-color:#f9f9f9}td,th{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-bottom:4px solid #fff}.arrow.asc,.arrow.dsc{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.dsc{border-top:4px solid #fff}