table{
  width:100%;
  margin:0 0 10px;
}

caption{
  text-align:left;
}

[dir="rtl"] caption{
  text-align:right;
}

th{
  padding:10px 12px;
  text-align:left;
}

[dir="rtl"] th{
  text-align:right;
}

thead th{
  text-transform:uppercase;
  color:#333;
  border:solid #bfbfba;
  border-width:1px 0;
  background:#f5f5f2;
}

tr{
  padding:0.1em 0.6em;
  border-bottom:1px solid #e6e4df;
}

thead > tr{
  border-bottom:1px solid #000;
}

tbody tr:hover,
tbody tr:focus{
  background:#f7fcff;
}
tbody tr.color-warning:hover,
tbody tr.color-warning:focus{
  background:#fdf8ed;
}

tbody tr.color-error:hover,
tbody tr.color-error:focus{
  background:#fcf4f2;
}

table.no-highlight tr.selected td{
  background:transparent;
}

td,
th{
  vertical-align:middle;
}

td{
  padding:10px 12px;
  text-align:left;
}

[dir="rtl"] td{
  text-align:right;
}

th > a{
  position:relative;
  display:block;
}
th > a:after{
  position:absolute;
  top:0;
  right:0;
  bottom:-10px;
  left:0;
  display:block;
  content:"";
  transition:all 0.1s;
  border-bottom:2px solid transparent;
}

th.is-active > a{
  color:#004875;
}

th.is-active img{
  position:absolute;
  top:50%;
  right:0;
}

[dir="rtl"] th.is-active img{
  right:auto;
  left:0;
}

th.is-active > a:after{
  border-bottom-color:#004875;
}

th > a:hover,
th > a:focus,
th.is-active > a:hover,
th.is-active > a:focus{
  text-decoration:none;
  color:#008ee6;
}

th > a:hover:after,
th > a:focus:after,
th.is-active > a:hover:after,
th.is-active > a:focus:after{
  border-bottom-color:#008ee6;
}

td .item-list ul{
  margin:0;
}
[dir="rtl"] td .item-list ul{
  margin:0;
}

td.is-active{
  background:none;
}
th.select-all{
  width:1px;
}
.caption{
  margin-bottom:1.2em;
}
@media screen and (max-width: 37.5em){
  th.priority-low,
  td.priority-low,
  th.priority-medium,
  td.priority-medium{
    display:none;
  }
}

@media screen and (max-width: 60em){
  th.priority-low,
  td.priority-low{
    display:none;
  }
}