.actv{
  background-color: #17c265 !important;
  color:white !important;
}
/*
.flt:hover {
  background-color: #ddd !important;
}
*/

@media screen and (min-width: 576px) {
  div.scrollable{
     height:60vh;
     overflow-y:auto;
  }
}
.rtable {
  vertical-align: top;
  width: 100%;

  border-collapse: collapse;
  border-spacing: 0;
  overflow-x: auto;
}


.rtable th {
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  background: #17c265;
  font-family: 'Open Sans';
  border-style: none;
  cursor: pointer;
}

.rtable th, .rtable td {
  padding: 6px 6px;
}


@media screen and (max-width: 576px) {
  .rtable--flip {
    display: flex;
    overflow: hidden;
    background: none;
  }
}

@media screen and (max-width: 576px) {
  .rtable--flip thead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
  }
}

@media screen and (max-width: 576px) {
  .rtable--flip tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media screen and (max-width: 576px) {
  .rtable--flip tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

@media screen and (max-width: 576px) {
  .rtable--flip td, .rtable--flip th {
    display: block;
  }
}

@media screen and (max-width: 576px) {
  .rtable--flip td {
    background-image: none !important;
    border-left: 0;
  }
}

@media screen and (max-width: 576px) {
  .rtable--flip th:not(:last-child), .rtable--flip td:not(:last-child) {
    border-bottom: 0;
  }
}

.pagination {
  margin: 0;
}

.pagination li:hover {
  cursor: pointer;
}

.pagination-container {
  width: 70%;
  float: left;
}

#nv {
  color: green;
  border-style: solid;
  border-color: green;
  margin-left: 2px;
  margin-right: 2px;
}

.nv-active {
  background-color: green;
}

.arrowflip {
  transform: rotate(-180deg);
}

i {
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s;
  transition: transform 1s;
  cursor: pointer;
}