.data-table-container {
    width: 100%;
    display: flex;
    position: relative;
    overflow-x: auto;
    transition: all 1s;
}

.data-table-container .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th, table-bordered>tbody>tr>td, table-bordered>tbody>tr>th, table-bordered>tfoot>tr>td, table-bordered>tfoot>tr>th, table-bordered>thead>tr>td, table-bordered>thead>tr>th {
    border: 1px solid #252525;
}

.data-table-container table {
    border: 1px solid #252525;
}
  
.data-table-container.td-shadow .data-table td:nth-child(2):after {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -3px;
    width: 3px;
    background: rgba(0, 0, 0);
    filter: blur(2px);
}
  
  .data-table tr:first-child .data-table th:first-child {
    z-index: 2;
  }
  
  .data-table th:first-child, .data-table td:first-child {
    position:sticky;
    left:0;
  }
  
  .data-table tr:nth-child(2) .data-table th:nth-child(2) {
    z-index: 2;
  }
  
  .data-table th:nth-child(2), .data-table td:nth-child(2) {
    position:sticky;
    left:36px;
    z-index:2;
  }
  
  .data-table th:nth-child(2) {
    background: #3d3d3d;
    color: #FFFFFF;
  }
  
  .data-table td:nth-child(2) {
    overflow: visible;
  }
  .data-table td:nth-child(2) .logl_label_container{
      overflow: hidden;
  }
  
  .data-table-header {
    background: #3d3d3d !important;
    color: #FFFFFF;
  }
  
  .data-table-sticky-col {
    background: #3d3d3d;
    color: #FFFFFF;
    z-index: 2;
  }
  
  .hover-scroll-left {
    border-left: 16px solid #ffffff;
    width: 16px;
    position: absolute;
    top: 48px;
    bottom: 0;
    left: -4px;
    background-color: #F3A424;
    align-self: stretch;
  
    -webkit-transition: width 0.2s; /* Safari */
    transition: width 0.2s;
  }
  
  .hover-scroll-left:hover {
    z-index: 1;
    width: 20px;
    background-color: #B67B1B;
  }
  
  .hover-scroll-right {
    border-right: 16px solid #ffffff;
    width: 16px;
    position: absolute;
    top: 48px;
    bottom: 0;
    right: -4px;
    background-color: #F3A424;
    align-self: stretch;
  
    -webkit-transition: width 0.2s; /* Safari */
    transition: width 0.2s;
  }
  
  .hover-scroll-right:hover {
    width: 20px;
    background-color: #B67B1B;
  }
  
  .logo_label_container {
    display: flex;
  }
  .logo_label {
    display: flex;
    align-items: center;
  }
  
  .logo_label .text_container {
    margin-right:20px;
  }
  
  .logo_label .text_container p {
    margin-bottom:0;
  }
  
  .nologo.logo_label {
    min-width:150px;
    margin-right:20px;
    min-height:28px;
  }
  
  .nologo.logo_label p {
    margin-bottom:0;
  }
  
  .menu_bar, .menu_bar_short {
    display: flex;
    margin-left:auto;
    width:105px;
  }
  
  .menu_bar_short {
    width:30px;
    flex-shrink: 0;
  }
  
  .menuItem:not(.last) {
    margin-right:25px;
  }
  
  .table-row-select {
    background: #F3A424 !important;
  }
  
  .first-td:nth-child(odd){
    background-color: #ffffff;
  }
  
  .first-td:nth-child(even){
    background-color: #f9f9f9;
  }
  
  .second-td:nth-child(even){
    background-color: #ffffff;
    z-index: 1;
  }
  
  .second-td:nth-child(odd){
    background-color: #f9f9f9;
  }
  
  
  th.dragCol {
    position:relative;
  }
  
  th.dragCol .dragHandle {
    position:absolute;
    width:6px;
    cursor: col-resize;
    right:-3px;
    top:0;
    bottom:0;
    opacity: 0;
  }
  
  th.draggableCol {
    position: relative;
  }
  
  th.draggableCol .drag-handle {
    position: absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    background: red;
    cursor: move;
  }
  
  /* move column */
  th.movable-header {
    position: relative;
    white-space: nowrap;
  }
  
  th.movable-header .movable-handle {
    position: absolute;
    top:0;
    left:0;
    width:12px;
    height: 100%;
    background-image: repeating-linear-gradient(136deg, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9) 1px, #170d0d00 2px, transparent 2px, rgba(255,255,255, 0.9) 3px);
    cursor: grab;
  }
  
  /* resize column */
  th.resizable-header {
    position:relative;
    white-space: nowrap;
  }
  
  th.resizable-header .resizable-handle {
    position:absolute;
    width:12px;
    top:0;
    bottom:0;
    right:0;
    background-color: #F3A424;
    opacity: 0;
    cursor: ew-resize !important;
  
  }
  
  th.resizable-header .resize-indicator {
    position:absolute;
    width:12px;
    top:0;
    bottom:0;
    right:0;
    background-color: #F3A424;
  }
  
  /* sort column */
  th.resizable-header .sortable-handle {
    position:absolute;
    top: 0;
    bottom: 0;
    right:0;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  
  /* ellipsis column */
  .ellipsis-column {
    white-space: nowrap; 
    max-width: 100px; 
    overflow: hidden;
    text-overflow: ellipsis; 
  }
  
  .ellipsis-column.noMaxWidth {
    max-width: none !important;
  }
  
  .tr-resize-container {
    z-index:1;
  }
  .tr-resize-container .tr-resize-handle {
    position: absolute;
    bottom: 0;
  }
  /* .tr-resize-container .tr-resize-handle:after {
    content: '';
    position: absolute;
    bottom: -5px;
    cursor: row-resize;
    width: 5000px;
    height: 10px;
    left: -36px;
    z-index: 999;
    background-color: red;
  } */
  
  /* .tr-resize-container .tr-resize-indicator{
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    background-color: #F3A424;
  }
  
  .tr-resize-container .tr-resize-handle {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 5px;
    background-color: #F3A424;
    opacity: 0;
    cursor: row-resize;
  } */
  
  .tr-resize-container .tr-resize-handle {
    position:absolute;
    height: 8px;
    bottom:0;
    right:0;
    left: 0;
    background-color: #F3A424;
    opacity: 0;
    cursor: row-resize !important;
  }
  
  .tr-resize-container .tr-resize-indicator {
    position:absolute;
    height:8px;
    bottom:0;
    left: 0;
    right:0;
    background-color: #F3A424;
  }
  
  .no-drop {cursor: no-drop;}
  .row-resize {cursor: row-resize;}
  
  .header-text {
    max-width: 90%;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  .td-div {
    height: 28px;
  }
  
  .array-in-td {
    position: relative;
  }
  
  .td-resizable-handle {
    position: absolute;
    top: 0;
    right: 0;
    color: #F3A424;
  }
  
  .data-table-tr-resize-line {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 10px;
    background-color: #F3A424;
  }
  
  .white-space {
    white-space: nowrap;
  }
  
  .right-shadow::before{
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -3px;
    width: 3px;
    background: rgba(0, 0, 0);
    filter: blur(2px);
  }
  
  .td_bg {
    background: #ffffff;
  }