/* table {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: stretch;
  height: 500px;
  this can vary
}

table * {
  box-sizing: inherit;
  -moz-box-sizing: inherit;
}

thead {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: stretch;
} */


.st-sort-ascent:before {

    content: '\25B2';

}


.st-sort-descent:before {

    content: '\25BC';

}


.table-container{

    height:500px;

    overflow-y:scroll;

}

.select-page {

  width: 50px;

  text-align: center;

}

/* .pagination li a input {

  padding: 0;

  margin: -5px 0;

} */


.loading-indicator {

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    width: 100%;

    text-align: center;

    padding: 0.7em; }


.loading-indicator:before {

    display: inline-block;

    margin: 0 0.4em;

    min-width: 1em;

    min-height: 1em;

    border-top: 4px solid #646464;

    border-right: 4px solid #e6e6e6;

    border-left: 4px solid #e6e6e6;

    border-bottom: 4px solid #646464;

    content: "";

    -webkit-animation: halfspin 1s ease infinite;

    -moz-animation: halfspin 1s ease infinite;

    -o-animation: halfspin 1s ease infinite;

    animation: halfspin 1s ease infinite;

    border-radius: 100%; }


@-webkit-keyframes halfspin {

    to {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        transform: rotate(180deg); } }


@-moz-keyframes halfspin {

    to {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        transform: rotate(180deg); } }


@keyframes halfspin {

    to {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        transform: rotate(180deg); } }