arangodb/js/apps/system/aardvark/frontend/scss/_modals.scss

.modal-body {
  color: $c-btn-inverse;
  font-size: 14px;

  //TODO Check if this might be removed
  th {
    %cell-centered {
      text-align: center;
    }

    &.actionCell {
      @extend %cell-centered;
      width: 30px;
    }

    &.keyCell {
      @extend %cell-centered;
      width: 170px;

      input {
        width: 150px;
      }
    }

    .valueCell {
      @extend %cell-centered;
      width: 300px;

      input {
        width: 290px;
      }
    }
  }
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: .4;
}

.modalChartDetail {
  height: 70%;
  margin-left: 0;
  width: 70%;
}

.waitModal {
  @include box-shadow(none);
  background: $c-transp;
  border: 0;
  color: $c-white;
}

.collectionTh {
  font-size: 14px;
}

.waitModalBackdrop {
  opacity: .7 !important;
}

.addCollection {
  $inputwidth: 320px;

  table tr {
    border-bottom: 0 !important;
    height: 53px;
  }

  .icon_arangodb_info {
    margin-left: 20px !important;
    position: relative;
    top: 2px !important;
  }

  .accordion {
    margin-top: 10px;
  }

  .collectionThSec {
    width: $inputwidth !important;
  }

  .collectionTh {
    width: 96px;
  }

  .modalInput {
    width: $inputwidth;
  }

  .modalSelect {
    width: $inputwidth + 14px;
  }

  .accordion-toggle {
    width: $inputwidth + 137px !important;
  }
}

.modalTooltips span {
  color: $c-btn-inverse;
  font-size: 20px;

  &:hover {
    color: $c-black;
  }
}

.change-collection {
  //TODO Check if could be removed
  .tab-content {
    min-height: 230px;
  }
}

.show-collection {
  //TODO Check if could be removed
  .tab-content {
    min-height: 200px;
  }
}