.tree-table {
    text-align: left;
    color: rgb(0, 121, 191);
}

.no-padding {
    padding: 0 !important;
}

.treetable_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tree-table .number_cell {
  text-align: right;
}

.tree-table .right_alignment {
  text-align: right;
}

.tree-table .table_pagination div:first-child {
    text-align: left;
}

.tree-table .table_pagination div:last-child {
    text-align: right;
}

.tree-table .table_pagination i.disabled {
    opacity: .4;
}
.tree-table .table_cell {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 0 .5rem;
  text-align: left;
}
.tree-table table, .tree-table table tr {
    width: 100%;
    min-width: 100%;
}
.tree-table .table_pagination {
    height: 1.7rem;
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}






.tree-table .columnSorter {
  min-height: 1.5rem;
  padding: 0rem .5rem;
}
.tree-table .columnSorter li {
  display: inline-block;
  border-radius: .2rem;
  border: 1px solid black;
  margin: .3rem .2rem;
  padding: .5rem;
}
.tree-table .columnSorter li.fake {
  border-color: transparent;
}













.tree-table #note {
  position: fixed;
  top: -4rem;
  right: 1rem;
  background: rgba(30,30,30,.8);
  color: rgb(0, 121, 191);
  padding: .8rem;
  border-radius: .4rem;
  max-width: calc( 100% - 3.6rem );
  opacity: 0;
  transition: top 1s cubic-bezier(0,2,1,0.5), opacity .6s linear;
}

.tree-table #note.open {
  top: 1rem;
  opacity: 1;
}










.tree-table .tableRow {
  
}

.tree-table .tableRow > div {
  display: inline-block;
  width: 12%;
}

.tree-table .tableRow > div,
.tree-table .groupName {
  height: 2.5em;
  line-height: 2.5em;
}

.tree-table .tree-table .resumeRow,
.tree-table .tree-table .table_pagination {
  border-top: 1px solid #ddd;
}

.tree-table .table_pagination,
.tree-table .groupName,
.tree-table .tableRow > div {
  box-sizing: border-box;
  padding: .1rem .8rem;
  overflow-y: hidden;
}

.tree-table .dataRow:nth-child(2n) {
  background: rgba(0, 121, 191, 0.1);
}

.tree-table .dataRow:hover {
  background: rgba(0, 121, 191, 0.16);
  /*border: 1px solid black;
  box-shadow: 0 1rem 1rem -0.5rem rgba(0, 0, 0, 0.9);*/
}

.tree-table .tableHeader > div {
  font-weight: bold;
  border-bottom: 2px solid rgb(0, 121, 191);
}

.tree-table .groupName {
  /*border-top: 1px solid gray;*/
}

.tree-table .tableHeader > div.draggable {
  cursor: move;
}


.tree-table .tableHeader > div {
  position: relative;
  /*background: rgb(241, 196, 15);*/
}

.tree-table .tableHeader > div::after {
  top: 0;
  right: 5px;
  width: auto;
  padding: 12px 5px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  position: absolute;
  color: #2d2d2d;
  background: rgba(255,255,255, 0.8);
}

.tree-table .header_column_sorted_desc::after {
  content: "\f161";
}

.tree-table .header_column_sorted_asc::after {
  content: "\f160";
}


.tree-table .header_column_not_sorted:hover::after {
  color: #2d2d2d;
  opacity: 0.8;
  content: "\f160";
}


.tree-table .table_pagination div {
    width: 50%;
    box-sizing: border-box;
    float: left;
}

.tree-table .table_pagination input {
    display: inline;
    width: 3.5rem;
    height: 1.4rem;
    text-align: center;
    border: 1px solid #eee;
    border-bottom-color: #999;
}

.tree-table input[type=number]::-webkit-inner-spin-button, 
.tree-table input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}