#showTable-header {
  position:sticky;
  left:0;
  width:100vw;
  text-align:center;
}

tbody tr.odd {
  background:#E7E9EB;
}

tbody tr:not(.show-row) {
  display: none;
} 

#showTable {
  min-height:400px;
}

#showTable:empty {
  min-height:0;
}

@media screen and (max-width:900px) {
  #data-table {
    width:250vw;
    table-layout:fixed;
    margin-left: auto;
    margin-right: auto;
    position:relative;    
  }
  
  #data-table table, 
  #data-table th, 
  #data-table tr, 
  #data-table td {
    font-size:14px;
    border:solid blue;
    word-break:break-all;
  }
  
  #data-table td:nth-child(1) {
   width:5%
  }  
  
  #data-table td:nth-child(2) {
    width:10%
  }  
  
  #data-table td:nth-child(3) {
    width:10%
  }
  
  #data-table td:nth-child(4) {
    width:30%
  }    
  
  #data-table td:nth-child(5) {
    width:20%
  }
  
  #data-table td:nth-child(6) {
    width:12%
  }  
  
  #data-table td:nth-child(7) {
    width:8%
  }   
  
  #data-table td:nth-child(8), #data-table td:nth-child(9) {
    width:5%
  }      
  
  #data-table thead {
    font-weight:bold;
    font-style:italic;
  }  
}

@media screen and (min-width:900px) {  
  #data-table {
    width:90vw;
    table-layout:fixed;
    margin-left: auto;
    margin-right: auto;
    position:relative;    
  }
  
  #data-table table, 
  #data-table th, 
  #data-table tr, 
  #data-table td {
    font-size:16px;
    border:solid blue;
    word-break:break-all;
  }
  
  #data-table thead {
    font-weight:bold;
    font-style:italic;
  }
  
  #data-table td:nth-child(1) {
   width:5%
  }  
  
  #data-table td:nth-child(2) {
    width:10%
  }  
  
  #data-table td:nth-child(3) {
    width:10%
  }
  
  #data-table td:nth-child(4) {
    width:30%
  }   
  
  #data-table td:nth-child(5) {
    width:20%
  }
  
  #data-table td:nth-child(6) {
    width:12%
  }  
  
  #data-table td:nth-child(7) {
    width:8%
  }   
  
  #data-table td:nth-child(9) {
    width:5%
  }   
}

#data-table .import-selected {
  color: white;
  background: rgb(39, 174, 96);  
}

#data-table .modify-selected {
  color: white;
  background: #ff6905;  
}

#data-table .delete-selected {
  color: white;
  background: #ba0707  
}

#page-button {
  width:250px;
  margin:auto;
}

#page-button > button:nth-child(1) {
  width:80px;
  height:35px;  
  float:left;
  visibility:hidden;
}

#specific-table-input {
  width:40px;
  height:25px;
  text-align:center;
  padding:0;
}

#page-button > button:nth-child(3) {
  width:80px;
  height:35px;   
  float:right;
}

#bottom {
  position: sticky;
  left: 0;
  width: 100vw;  
  z-index:1;
}

#button-div {
  display: flex;
  justify-content: space-around;
  width: 100vw;  
}

#select2-filterRest-results, #select2-filterName-results, #select2-filterLunDin-results, #select2-filterDate-results {
  font-weight:normal !important;
  color:black !important;
  font-style:normal !important;
  font-size:14px !important;
}

span.select2-results {
  color:black !important;
}

@media only screen and (min-width: 900px) and (max-height: 650px) {
  #showTable-header {
    transform:translateX(200px);
    width:calc(100vw - 200px);  
  }  
  
  #showTable {
   transform:translateX(200px);
   width:calc(100vw - 200px);  
  }
  
  #data-table {
    width:100%;  
    font-size:10px;
  }
  
  #bottom {
    width: calc(100vw - 200px);  
    transform:translateX(200px);
  }  
  
  #button-div {
    width:100%;
  }
  
  .table-left {
    transform:translateX(30px) !important;
    width:calc(100vw - 30px) !important;  
    transition: all 0.7s ease;	
  }  
  
  .table-right {
    transform:translateX(200px) !important;
    width:calc(100vw - 200px) !important;  
    transition: all 0.7s ease;	
  }  
}

#arrow-scroll {
 position:fixed;
 right:30px;
 bottom:30px;
 background:white;
 border-radius:50%;
 display:none;
 z-index:999;
}