.dashboard-table {
  
  .dataTable {
    border-collapse: separate;
    border-spacing: 0 0.2em;
    font-size: 14px;
    color: #6F6F6F;
    
  }

  .table 
  {
    border:none;
    width: 100%;
    max-width: 100%;
    margin-bottom: .5rem;

    th, td {
     padding: 0.40rem;
      vertical-align: top;
      &:not(:last-child)
      {
        border-right: none;
      }
    }
   

  tbody {
      display:block;
      overflow-y:hidden;
      overflow-x: hidden;
      background-color: #fff;
  }
  thead, tbody tr {
      display:table;
      width:100%;
      table-layout:fixed;
  }
  thead {
      width:100%; 
  }
  
      thead th {
      vertical-align: bottom;
      }

    tbody td {
      max-width: 0;
     // padding: 0.20rem 0;
     padding: 6px 0px 2px 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

      &.no-records {
        text-align: center;
      }

    }
  }

  .table-sm {
    th, td {
      padding: 0.3rem;
    }
  }

  .table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
  }

  .table-active {
    background-color: rgba(0, 0, 0, 0.075);

    > {
      th, td {
        background-color: rgba(0, 0, 0, 0.075);
      }
    }
  }

  .table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);

    > {
      td, th {
        background-color: rgba(0, 0, 0, 0.075);
      }
    }
  }

  .table-success {
    background-color: #dff0d8;

    > {
      th, td {
        background-color: #dff0d8;
      }
    }
  }

  .table-hover .table-success:hover {
    background-color: #d0e9c6;

    > {
      td, th {
        background-color: #d0e9c6;
      }
    }
  }

  .table-info {
    background-color: #d9edf7;

    > {
      th, td {
        background-color: #d9edf7;
      }
    }
  }

  .table-hover .table-info:hover {
    background-color: #c4e3f3;

    > {
      td, th {
        background-color: #c4e3f3;
      }
    }
  }

  .table-warning {
    background-color: #fcf8e3;

    > {
      th, td {
        background-color: #fcf8e3;
      }
    }
  }

  .table-hover .table-warning:hover {
    background-color: #faf2cc;

    > {
      td, th {
        background-color: #faf2cc;
      }
    }
  }

  .table-danger {
    background-color: #f2dede;

    > {
      th, td {
        background-color: #f2dede;
      }
    }
  }

  .table-hover .table-danger:hover {
    background-color: #ebcccc;

    > {
      td, th {
        background-color: #ebcccc;
      }
    }
  }

  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .th_hed {
    border:1px solid #ccc;

    td {
      background: #eee;
    }

    .fa {
      float: right;
      cursor: pointer;
    }
  }

  .blue-text {
    color: #0fb3f0;
  }

  
    tbody > tr > td {
      border: 1px solid #F5F5F5;
    }

    thead > tr > td {
      border: 1px solid #DFDFDF;
    }

  .selected-row {
    background-color: #e5f6fd;
   // border: 1px solid #90d6f1;
  }

  tr:hover {
    background-color: #e5f6fd;
    //border: 1px solid #90d6f1;
  // border-right: 3px;
    //border-left: 3px;

  }
  .w16
  {
    width:16%;
  }
.w40{
width:40%;
}

.w35{
width:35%;
}
.w38{
  width:38%;
  }

.w25{
width:25%;
}
.w26{
  width:25%;
  }
  .w24{
    width:25%;
    }
.w22{
  width:20%;
  }
  .w11{
    width:11%;
    }
  
.w18{
width:18%;
}
.w17{
width:17%;
}
.w14{
width: 14%;}
.w10{
width:11%
} 
.w12{
  width:12%
  } 
.w8{
  width:8%
  } 
.w2{
  width:2%
} 
.w3{
  width:3%
} 
.w4{
  width:4%
} 
.w5{
  width:5%
}
.w6{
  width:6%
} 
.w7{
  width:7%
} 
.w10{
  width:10%
  } 
  .w9{
    width:9%
    } 
.table-scroll-container {
  flex: 1 1 auto;
   box-sizing: border-box;
 // margin-bottom: 10%!important;
  max-height: 400px;
  }
  .table-scrollable-content {
      padding-right: 0px;
      margin: 0;
  }

  .edit-column {
    cursor: pointer;
    text-decoration: none;
    color: #00ADEF;
  }
  .mainURLColumn {
    cursor: pointer;
    text-decoration: none;
    color: #00ADEF;
  }
  
}