.table-wrap {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  overflow: scroll;
}
.user-table {
  position: relative;
  display: table;
  font-size: 13px;
  border-bottom: 1px solid #EEEEEE;
  color: var(--tertiary-20);
}

.table-head, .table-row, .table-calc {
  position: relative;
  display: table-row;
  box-sizing: border-box;
  
}
.table-head {
  z-index:600;
  .table-cell {
    background-color:#FEFEFEFE;
    color:var(--tertiary-20);
    height: 74px;
    border-bottom: 1px solid #EEEEEE;
    box-sizing: border-box;
  }
}
.table-row {
  z-index:400;
  &.eve {
    /*background-color: var(--tertiary-99);*/
  }
  &.odd {
    background-color: var(--primary-99);
  }
  &.hid {
    display: none;
  }
  &.hlt {
    background-color: var(--tertiary-30);
    color: #FFFFFF;
  }
  .table-cell {
    text-overflow: ellipsis;
    overflow:hidden;
    height: 37px;
    box-sizing: border-box;
    white-space: nowrap;
    &[data-type= "VAR_STRING"] {
      max-width: 80px;
    }
  }
}
.table-calc {
  z-index:600;
  min-height: 25px;
  height: 74px;
  box-sizing: border-box;
  .table-cell {
    min-height:25px;
  }
}
.table-cell {
  position: relative;
  display: table-cell;
  padding: 8px;
}

/*
.t_head > .t_cell {border-top: 1px solid var(--tertiary-20);border-bottom: 1px solid var(--tertiary-20);}
.t_head > .t_cell:first-child {border-left: 1px solid var(--tertiary-20);}
.t_head > .t_cell:last-child {border-right: 1px solid var(--tertiary-20);}
*/

.calc.hid div {
  display: none;
}

li.comp {width:20px; max-width: 21px; overflow: hidden; padding:0;}
li.comp .sortTab, li.comp .filtTab, li.comp .hidTab, li.comp .colExp, li.comp .col_h {display:none;}

li .vis-tab {display: none;}
li.comp .vis-tab {display: block;}

.table-tabs {
  display: flex;
  flex-flow: row nowrap;
}

.table-tab {
  width:20px; height:20px; background-position: center; background-repeat: no-repeat; background-size: contain;
}

.sort-asc {
  margin-left: auto;
}
.hide-tab, .vis-tab {
  margin-right: auto;
}
.filter-tab {
 opacity:0.4;
   &.on {
     opacity:1;
   }
}


.sort-asc {background-image: url('../../flit-admin/icons/tab-asc.svg');}
.sort-desc {background-image: url('../../flit-admin/icons/tab-desc.svg');}
.filter-tab {background-image: url('../../flit-admin/icons/filter.svg');}
.filter-tab.on {background-image: url('../../flit-admin/icons/filter-on.svg');}
.hide-tab {background-image: url('../../flit-admin/icons/hide.svg');}
.vis-tab {background-image: url('../../flit-admin/icons/vis.svg');}
.exp-tab {background-image: url('../../flit-admin/icons/exp.svg');}
.close-filter {background-image: url('../../flit-admin/icons/close.svg');}

.sort-asc {background-image: url('../../locimoi-admin/icons/tab-asc.svg');}
.sort-desc {background-image: url('../../locimoi-admin/icons/tab-desc.svg');}
.filter-tab {background-image: url('../../locimoi-admin/icons/filter.svg');}
.filter-tab.on {background-image: url('../../locomoi-admin/icons/filter-on.svg');}
.hide-tab {background-image: url('../../locimoi-admin/icons/hide.svg');}
.vis-tab {background-image: url('../../locimoi-admin/icons/vis.svg');}
.exp-tab {background-image: url('../../locimoi-admin/icons/exp.svg');}
.close-filter {background-image: url('../../locimoi-admin/icons/close.svg');}

.table-row.asc .sort-asc {display: none;}
.table-row.dsc .sort-desc  {display: none;}

.col-exp {
  width:100%;
  min-width:60px;
  padding-bottom:2px;
  margin-bottom:2px;
  position: relative;
}
.col-head {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  padding:0; 
  margin:0; 
  padding-right:26px; 
  min-width:60px; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap;
  font-weight: 600 !important;
}
.exp-cont {
  position:absolute;
  /*right:8px;*/
  right:0px;
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
  width:20px;
}
.table-cell.calc[data-calctype|="int"] {
  background-color:#333333; color:#FFFFFF;
}
.table-cell.calc[data-calctype|="varchar"] {
}
.table-cell[data-type|="varchar"] {
	word-wrap: break-word;
	word-break: break-word;
	word-break: break-all;
   -webkit-hyphens: auto;
	  -moz-hyphens: auto;
	   -ms-hyphens: auto;
		   hyphens: auto;
	}
.filter-list {
  position:absolute;
  display:none; 
  width:100px; 
  min-width:100px; 
  padding: 10px; 
  z-index:800; 
  /*background-color:#333333; 
  color:#FFFFFF;*/
  background-color:var(--tertiary-10); 
  color:var(--tertiary-99);;
  background-color:var(--tertiary-99); 
  color:var(--tertiary-10);
  border-radius: 4px;
  &.vis {
    display: block;
  }
  form {
    max-height: 300px;
    padding-top: 6px;
    padding-bottom: 6px;
    box-sizing: border-box;
    overflow-x: hidden; 
    overflow-y: scroll;
    margin-bottom: 2px;
  }
  .filter-item {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height:18px;
    margin-bottom:2px;
    width:100%;
    min-width: 100%;
    &.conglom {
      display:none;
    }
    .label {
      width:80%;
      font-size: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    input[type='checkbox'] {
      
    }
  }
  .close-filter {
    width:20px; 
    height: 20px; 
    position: relative;
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: contain;
    margin-left: 1px;
    img {
      display: block; width:100%;
    }
  }
  .clear-filter {
    width:100%;
    margin:auto;
    margin-top:6px;
    padding:2px 2px;
    border:1px solid var(--tertiary-90);
    background-color: var(--tertiary-99);
    border-radius: 13px;
    box-sizing: border-box;
    text-align: center;
    font-size: 11px;
    &::after {
      content: "clear filters";
    }
  }
}
/*.table-row .table-cell, .table-head .table-cell  {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla( 0, 0%, 100%, 0.95 )), to(hsla( 0, 0%, 100%, 0.0 )));
  background-image: -webkit-linear-gradient(top,hsla( 0, 0%, 100%, 0.95 ), hsla( 0, 0%, 100%, 0.0 ));
  background-image: -moz-linear-gradient(top,hsla( 0, 0%, 100%, 0.95 ), hsla( 0, 0%, 100%, 0.0 ));
  background-image: -ms-linear-gradient(top,hsla( 0, 0%, 100%, 0.95 ), hsla( 0, 0%, 100%, 0.0 ));
  background-image: -o-linear-gradient(top, hsla( 0, 0%, 100%, 0.95 ), hsla( 0, 0%, 100%, 0.0 ));
  background-image: linear-gradient(top, hsla( 0, 0%, 100%, 0.95 ), hsla( 0, 0%, 100%, 0.0 ));
}
.table-row.hlt .table-cell {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla( 199, 18%, 33%, 0.95 )), to(hsla( 199, 18%, 33%, 0.0 )));
  background-image: -webkit-linear-gradient(top,hsla( 199, 18%, 33%, 0.95 ), hsla( 199, 18%, 33%, 0.0 ));
  background-image: -moz-linear-gradient(top,hsla( 199, 18%, 33%, 0.95 ), hsla( 199, 18%, 33%, 0.0 ));
  background-image: -ms-linear-gradient(top,hsla( 199, 18%, 33%, 0.95 ), hsla( 199, 18%, 33%, 0.0 ));
  background-image: -o-linear-gradient(top, hsla( 199, 18%, 33%, 0.95 ), hsla( 199, 18%, 33%, 0.0 ));
  background-image: linear-gradient(top, hsla( 199, 18%, 33%, 0.95 ), hsla( 203, 0%, 100%, 0.0 ));
}
.table-cell.calc[data-calctype|="int"] {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla( 0, 0%, 00%, 0.95 )), to(hsla( 0, 0%, 00%, 0.0 )));
  background-image: -webkit-linear-gradient(top,hsla( 0, 0%, 00%, 0.95 ), hsla( 0, 0%, 00%, 0.0 ));
  background-image: -moz-linear-gradient(top,hsla( 0, 0%, 00%, 0.95 ), hsla( 0, 0%, 00%, 0.0 ));
  background-image: -ms-linear-gradient(top,hsla( 0, 0%, 00%, 0.95 ), hsla( 0, 0%, 00%, 0.0 ));
  background-image: -o-linear-gradient(top, hsla( 0, 0%, 00%, 0.95 ), hsla( 0, 0%, 00%, 0.0 ));
  background-image: linear-gradient(top, hsla( 0, 0%, 00%, 0.95 ), hsla( 0, 0%, 00%, 0.0 ));
}
.table-deets {
  background-image: url(IMAGE_URL), -webkit-gradient(linear, left top, left bottom, from(hsla( 215, 58%, 39%, 0.8 )), to(hsla( 215, 58%, 39%, 0.0 )));
  background-image: url(IMAGE_URL), -webkit-linear-gradient(top,hsla( 215, 58%, 39%, 0.8 ), hsla( 215, 58%, 39%, 0.0 ));
  background-image: url(IMAGE_URL), -moz-linear-gradient(top,hsla( 215, 58%, 39%, 0.8 ), hsla( 215, 58%, 39%, 0.0 ));
  background-image: url(IMAGE_URL), -ms-linear-gradient(top,hsla( 215, 58%, 39%, 0.8 ), hsla( 215, 58%, 39%, 0.0 ));
  background-image: url(IMAGE_URL), -o-linear-gradient(top, hsla( 215, 58%, 39%, 0.8 ), hsla( 215, 58%, 39%, 0.0 ));
  background-image: linear-gradient(top, hsla( 215, 58%, 39%, 0.8 ), hsla( 215, 0%, 100%, 0.0 ));
}*/