.row-switcher {
    padding: 0px !important;
    clear: both;
}

.row-switcher td {
    color: #cdcdcd;
}

.row-switcher li:before {
    display: none;
}

.row-switcher li {
    padding: 0px !important;
    list-style: none;
}

.row-switcher button {
  display: none;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding: 5px 15px;
  margin-bottom: 10px;
  position: relative;
  padding-right: 55px;
  text-align: left;
  height: 55px;
  font-size: 0.8em;
  cursor: pointer;
}

.row-switcher button.active, .row-switcher button:active, .row-switcher button:focus {
    background-color: #5b5b5b !important;
}

.row-switcher button.active:after, .row-switcher button:active:after, .row-switcher button:focus:after {
    background-color: #3e3e3e;
}

.row-switcher button:after {
    content: '';
    text-align: right;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px;
    height: 100%;
    background-color: #a23b18;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 18 18" fill="white"><path d="m4.29 1.71a1 1 0 1 1 1.42-1.41l8 8a1 1 0 0 1 0 1.41l-8 8a1 1 0 1 1 -1.42-1.41l7.29-7.29z" fill-rule="evenodd"></path></svg>');
}

.row-switcher button:hover, .row-switcher button:active, .row-switcher button:focus {
    border: none;
    outline: none;
    background-color: #a23b18;
}

@media (max-width:991px) {
  .row-switcher button {
    display: block;
  }
  .js-is-hidden {
    display: none;
  }
  th:not(.js-is-hidden), td:not(.js-is-hidden) {
      border-right: 1px solid #ccc;
  }
}