.contentButtons {
  clear: both;
  margin-bottom: 10px;
  width: 100%;

  #createDatabase,
  #createUser {
    margin-left: 0;
  }
}

.contentTables {
  margin-bottom: 10px;
  width: 100%;

  thead {
    text-align: left;

    tr {
      background-color: $c-white;
      border-bottom: 1px solid $c-c2grey;
    }
  }

  tbody {

    tr {

      &:nth-child(odd) {
        background-color: $c-odd;
      };

      &:nth-child(even) {
        background-color: $c-even;
      };

    }
  }

  tr {

    &.contentRowActive {
      background-color: $c-content-row-active !important;
      font-weight: 400;

      a {
        color: $c-black !important;
      }

      span {
        display: none;
      }
    }

    &.contentRowInactive {
      a {
        @extend %clickable;
        color: $c-black !important;
      }
    }

  }

  .dbThFirst {
    width: 90%;
  }

  .dbThSecond {
    width: 10%;
  }

  td {
    padding: 12px 18px;

    span {
      @extend %icon-negative;
      float: right;
      font-size: 22px;
    }

    &.dbThSecond {
      span {
        @extend %icon-positive;
      }
    }
  }

  .collectionThSec {
    margin-right: 0;
    width: 80%;
  }

  .collectionTh {
    margin-right: 0;
    width: 5%;
  }
}