body, html {
  height: 100vh;
  margin: 0;
  padding: 0;
  background-repeat: repeat-x;
  background-image: linear-gradient(rgb(230, 230, 230), rgb(250, 250, 250));
}

table {
  table-layout: fixed;
}
table th {
  border-bottom: white 1px solid!important;
  color: gray;
}
table td {
  border-top: white 1px solid!important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.table-active {
  background-color: #BBB!important;
  color: #FFF;
  font-weight: 500;
}

.centered-bottom {
  margin-top: auto;
  align-self: center;
}

.pagination-items-per-page {
   padding-right: 5px
}

.svg-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    color: inherit;
    vertical-align: middle;
    fill: none;
    stroke: currentColor;
}

.svg-fill {
    fill: currentColor;
    stroke: none;
}

.svg-up {
    /*default*/
    transform: rotate(0deg);
}

.svg-right {
     transform: rotate(90deg);
}

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

.svg-left {
    transform: rotate(-90deg);
}