.afmTable { position:relative; height:100%; width:100%;padding-top:0.2em; }
.afmTableToolBar {
  display:block;
  float:left;
  width: calc(100% - 1em);
  overflow: hidden;
  height: 1em;
  margin-bottom: 0.25em;
}

.afmTableToolElement { cursor:default;margin-left: 1em;vertical-align: top; }
img.afmTableToolElement { height: 100%; }
.afmTableToolElement img { height: 100%; }
.afmTableToolElement.clickable:hover { cursor:pointer; background-color: #0095ff52; }
input.afmTableToolElement.clickable:hover { cursor:text; }
input.afmTableToolElement { font-size:65%; width:4em; }
.afmTableToolElement.nbElements { font-size:80%; }

.afmTableToolElement.noMargin { margin-left: 0; }
.afmTableToolElement.smallMargin { margin-left: 0.2em; }
.afmTableToolElement.printHeadersTitle {color: blue;}

.afmTableColumnsContainer {
  display:block;
  float:left;
  max-width: calc(100% - 1em);
  overflow: hidden;
  height: calc(2em + 1px);
  clear:both;
}
.afmTableColumns { display:block; height: 100%; }
.afmTableTitle {
  display:block;
  float:left;
  font-weight:bold;
  width: 6em;
  height: 2em;
  text-align:center;
  border-bottom: 1px solid black;
  position:relative;
}
.afmTableTitle .afmTableValue:hover { color: red; cursor: grab; }
.afmTableTitle img:hover { color: red; cursor: pointer; }
.afmTableTitle.sorted { color:blue; }
.afmTableTitle.sorted span { font-size: 70%; color: #47bf47; }

.afmTableDataContainer {
  display:block;
  float:left;
  height: calc(100% - 3em - 1px);
  overflow-x:scroll;
  overflow-y:hidden;
  width: calc(100% - 1em);
}
.afmTableContent { display:block; cursor: pointer; }
.afmTableLine.elmtSelected { background-color:yellow; margin: 0; font-weight: bold; }
.removeFilter { margin: 0; }

.afmTableField {
  display:block;
  float:left;
  white-space: nowrap;
  overflow:hidden;
  height:1.5em;
  width: 6em;
  border-top: 1px solid black;
}

.afmTableField.currentSearch { background-color:#3dd93d; }
.afmTableTitle, .afmTableField {margin:0;border-right: 1px solid black;}
.afmTableValue { display:block; margin-left:5%; width:90%; overflow:hidden; }
.afmTableResize { position:absolute;top:0;right:0;width:0.5em;height:100%;cursor:w-resize; }
.afmTableResize:active { cursor:w-resize; }

.afmTableScrollBar {
  position:relative;
  display:block;
  float:left;
  width: 1em;
  height: calc(100% - 3em - 1px);
  background-color:#dddddd;
  
  overflow-x:hidden;
  overflow-y:scroll;
}
.afmTableScrollBarInside { display:block; width:1em; height: 1000em; }

.afmTable .newLine { clear:both; }

/*########## column menu ###########*/
#afmPopup.afmTableColMenu { width:15em; }
.afmTableColField { font-size:100%; }
.afmTableColField input { margin-right: 1em; }
/*--- /column menu ---*/

/*########## sort menu ###########*/
.afmTableSortMenu .afmPopupContent{ overflow:hidden; }
.afmTableSortFields { float:left; width:50%; overflow-y:scroll; height: 100%; }
.afmTableSortFields li { margin-left: 1em; }
.afmTableSortFields>div:hover { color:blue; cursor: pointer; }
.afmTableSortFields>li:hover { color:blue; cursor: grab; }
.afmTableSortFields img { height:1em; cursor: pointer; }
.afmTableSortFields .divOrderIcon { width:1.6em; display:inline-block; }
/*--- /sort menu ---*/

/*########## filter menu ###########*/
.filterErrors { color: red; margin-top: 1em; }

.afmTableFilterMenu textarea { width: 30em; height: 5em; }
.afmTableFilterMenu img { cursor: pointer; margin-left:0.5em;height:1em;vertical-align:middle; }
.scrollMenu .afmTableFilterAutoCompValue:hover { cursor: pointer; background-color:#6285b9; }
.filterSelection { position: relative; }
.filterSelection .list { position: absolute;top: 0.3em;left: 2em;background-color:#ffffff;width: 20em;border: 1px solid black; }
.filterSelection .filterOption:hover { cursor: pointer;background-color:yellow; }

/*--- /filter menu ---*/

/*########## find menu ###########*/
.afmTableFindMenu .error { color: red; }
.afmTableFindMenu .searchParameters { margin-left: 4em; margin-top: 1.3em; }


/*--- /find menu ---*/

/*---- /column selector ----*/

/* slist for list sortable*/
.slist {
  list-style: none;
  margin:0;
  padding:0;
}
.slist li.hint { background: #fea; }
.slist li.active { background: #ffd4d4; }

/*All sizes available for tables (multiple of 0.5*/
.sizeEM5   {width: 0.5em;}
.sizeEM10  {width: 1em;}
.sizeEM15  {width: 1.5em;}
.sizeEM20  {width: 2em;}
.sizeEM25  {width: 2.5em;}
.sizeEM30  {width: 3em;}
.sizeEM35  {width: 3.5em;}
.sizeEM40  {width: 4em;}
.sizeEM45  {width: 4.5em;}
.sizeEM50  {width: 5em;}
.sizeEM55  {width: 5.5em;}
.sizeEM60  {width: 6em;}
.sizeEM65  {width: 6.5em;}
.sizeEM70  {width: 7em;}
.sizeEM75  {width: 7.5em;}
.sizeEM80  {width: 8em;}
.sizeEM85  {width: 8.5em;}
.sizeEM90  {width: 9em;}
.sizeEM95  {width: 9.5em;}
.sizeEM100 {width: 10em;}
.sizeEM105 {width: 10.5em;}
.sizeEM110 {width: 11em;}
.sizeEM115 {width: 11.5em;}
.sizeEM120 {width: 12em;}
.sizeEM125 {width: 12.5em;}
.sizeEM130 {width: 13em;}
.sizeEM135 {width: 13.5em;}
.sizeEM140 {width: 14em;}
.sizeEM145 {width: 14.5em;}
.sizeEM150 {width: 15em;}
.sizeEM155 {width: 15.5em;}
.sizeEM160 {width: 16em;}
.sizeEM165 {width: 16.5em;}
.sizeEM170 {width: 17em;}
.sizeEM175 {width: 17.5em;}
.sizeEM180 {width: 18em;}
.sizeEM185 {width: 18.5em;}
.sizeEM190 {width: 19em;}
.sizeEM195 {width: 19.5em;}
.sizeEM200 {width: 20em;}
.sizeEM300 {width: 30em;}



/*########## afm Popup ###########*/
.afmPopupBack {
  position:absolute;
  top: 0;
  left: 0;
  width:100vw;
  height:100vh;
  background-color: #000000;
  opacity: 0.8;
  overflow:hidden;
  z-index:1000;
}
.afmPopup {
  position:absolute;
  top: 10em;
  left: 10%;
  width:30em;
  background-color: #dddddd;
  z-index:1000;
}
.afmPopupTitle {
  font-weight:bold;
  font-size:120%;
  text-align:center;
  cursor: move;
  background-color: #6285b9;
  padding: 0.3em;
  margin-bottom: 1em;
}

.afmPopupContent {
  display:block;
  overflow-y: auto;
  overflow-x: hidden;
  height: 17em;
  margin-left:1em;
}
.afmPopupBottom {
  display:block;
  text-align:center;
  width: 100%;
  height: 2em;
  margin-top: 0.5em;
}
button.afmPopupButton {
  margin-left:1em;
}

#afmLoading {
  position:absolute;
  top: 0;
  left: 0;
  width:100vw;
  height:100vh;
  background-color: #000000;
  opacity: 0.8;
  overflow:hidden;
  text-align:center;
  z-index:1000;
  color: #ffffff;
  font-size:120%;
  font-weight:bold;
}