.flex-table {
  height: 100%;
  border-top: none;
  position: relative;
  text-align: left;
}

.flex-table-header {
  height: 5vh;
  width: 100%;
  line-height: 3vh; 
  display: flex;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 700;
  padding: 1vh 1vw;
  color: white;
  background: rgb(80,80,80);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
  text-align: left;
}

.flex-table-header-small {
  font-size: 1.2rem;
}

.flex-table-contents {
  overflow-y: auto;
  height: 69vh;
  font-family: Montserrat;
}

.flex-table-contents-small {
  overflow-y: auto;
  height: 22vh;
  font-family: Montserrat;
}

.flex-table-contents-companion {
  overflow-y: auto;
  height: calc(100% - 80px);
  font-family: Montserrat;
}

.flex-table-footer {
  position: relative;
  height:4vh;
  line-height: 3vh;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 0.5vh 1vw;
  /*color: rgba(0,0,0,0.5);
  background: white;*/
  color: white;
  background: rgb(80,80,80);
  box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.1);
}


.flex-table-footer-small {
  font-size: 1.2rem;
}

.flex-table-footer-paginator {
  height: 3vh;  
  position: absolute;
  margin: 0;
  bottom: 0.5vh;
  left: 1vw;
}
.flex-table-footer-paginator-ar {
    height: 3vh;
    position: absolute;
    margin: 0;
    bottom: 0.5vh;
    right: 1vw;
    direction:rtl;
    float:right;
}

.flex-table-col-smaller {
    flex: 0.2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    padding: 0 5px 0 5px;
}

.flex-table-col-small {
    flex: 0.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    padding: 0 5px 0 5px;
}

.flex-table-col {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  padding: 0 5px 0 5px;
}

.flex-table-header .flex-table-col, .flex-table-col-large, .flex-table-col-larger, .flex-table-col-icon{
  cursor: hand;
  cursor: pointer;
}

.flex-table-header .flex-table-col:hover, .flex-table-header .flex-table-col-large:hover, .flex-table-col-larger:hover, .flex-table-header .flex-table-col-icon:hover{
  background: #707070
}
.flex-table-col-large {
  flex: 1.5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  padding: 0 5px 0 5px;
}

.flex-table-col-larger {
  flex: 2.0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  padding: 0 5px 0 5px;
}

.flex-table-col-p {
  flex: 1;
  overflow: hidden;
  white-space: inherit;
  line-height: 2rem;
  margin-top: 10px;
  text-overflow: inherit;
}

.flex-table-col-icon {
  flex: 0.5;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  padding: 0 5px 0 5px;
}

.flex-table-col-img {
  height: 2vh;
  width: 2vh;
}

.flex-threat-level-icon {
  width: 30px;
  height: 30px;
  margin-left: 15px;
  position: relative;
  top: -1px;
}

.flex-table-col-thumbnail {
  width: 100px;
}

.flex-table-col-traveler-mugshot {
  height: 40px;
}

.flex-table-row {
  display: flex;
  padding: 0px 20px;
  height: 4.5vh;
  line-height: 4.5vh;
  cursor: pointer;
  font-size: 1.3rem;
  /*border-bottom: 1px solid rgba(0,0,0,0.05);*/
  background: rgb(80,80,80);
  color: white;
}

.flex-table-row:nth-of-type(odd) {
  background: rgba(0,0,0,0.05);
}

.flex-table-row-small {
  font-size: 1.2rem;
}

.flex-table-row-large {
  height: 100px;
}

.flex-table-row:hover {
  background: rgba(45,156,219, 0.3);
}

.flex-table-row:active {
  background: rgba(45,156,219, 0.5);
}

.flex-table-row-selected, .flex-table-row-selected:hover, .flex-table-header-selected, .flex-table-footer-selected {
  background: rgba(0,0,0,0.06);
}

.flex-table-row-traveler {
  height: 4vh;
  line-height: 4vh;
}


.flex-table-loader {
  width: 100%;
  top: 41px;
  height: calc(100% - 77px);
  position: absolute;
}

.flex-table-loader-interpol {
    width: 100%;
    height: 100%;
    position: relative;
}

.selectableTableIcon {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.caret--float {
    float: left;
    margin-top: 1vh;
}

.caret--inverted {
    border-bottom: 4px dashed;
    border-top: none;
}

.flex-table-text-float{
  float: left;
}