:root {
    --text-white: #ffff;
    --text-gray: rgb(102, 102, 102);

    --thead:rgb(68, 68, 68);
    --tbody: #eee;
    --table-height:100%;

    --border-light:1px solid rgba(0, 0, 0,0.2);
    --nav-header-banner: rgba(0, 0, 0,0);
    --nav-header-banner-btn:rgba(0, 0, 0,0);
    --nav-header-banner-btn-border: rgb(95, 95, 95);
    --nav-header-banner-btn-hover-focus-active:rgba(0, 0, 0, 0.7);
    --filter-group-gap: 2rem;
    --container-table-p-lr:15px;

    --switch-color-success:rgb(75, 68, 193);;
    --switch-color-success-focus:rgb(75, 68, 193);;
    --switch-color-fail:#d4d4d4;
    --switch-color-slider:#ffffff;
    --input-border-color:rgb(0,0,0,0.14);

    --table-header-bg: #ffffff;

    --table-first-column-width:42px;

    --tr-background-color-odd:rgba(255, 255, 255,1);
    --tr-background-color-even:rgba(247, 247, 247,1);

    --table-border-nmf-color: rgb(0, 0, 0, 0.1);
}
/* .entitylist table>tbody>tr>td:nth-child(11), .entitylist table>tbody>tr>td:nth-child(19) {
    border-right-color: black;
} */
.table-responsive {
    width:calc(100vw - 80px);
   /*  height:calc(100vh - 50px); */
    overflow:scroll !important;
}
.table-responsive>table{
    border-collapse: separate; /* Don't collapse */
}
table>thead {
    position:sticky;
    top:0;
    background-color:var(--table-header-bg);
    color: var(--thead);
    z-index: 2;
}
.table-responsive>table>thead>tr {
    background-color: inherit;
}
.container-table {
     padding-left: var(--container-table-p-lr);
     padding-right: var(--container-table-p-lr);
     width: 100%;
     overflow-x:auto;
     padding-bottom: 40px
 }
 .notextwrap{
    text-wrap: nowrap;
 }
 .entitylist table>thead>tr>th,
 .entitylist table>thead>tr>td,
 .entitylist table>tbody>tr>th,
 .entitylist table>tbody>tr>td,
 .entitylist table>tfoot>tr>th,
 .entitylist table>tfoot>tr>td {
     padding: 8px;
     z-index: 0;
     line-height: 1.42857;
     border-bottom: 1px solid #ddd;
     border-top:none;
 }
 .entitylist table>thead>tr>th {
    z-index: 1;
 }
.entitylist>.entity-grid>.view-grid>table>thead>tr>th>a {
    font-weight: bolder;
    text-decoration: none;
    display: inline-block;

    min-width: 25px;
    max-width: 200px;
}
.entitylist>.entity-grid>.view-grid>table>thead>tr>th>a:first-child {
    width: 100px;    
}
/*  .table>thead>tr>th,
 .table>tbody>tr>td {
    min-width: 10rem;
    text-wrap: nowrap;
} */
.entitylist>.entity-grid> table>tbody>tr>td {
    border-right: 1px solid #ddd
}
.entitylist table>thead>tr>th{
    border-right: #ddd
}
.entitylist table>tbody>tr>td:last-child {
    border-right: none;
}
.view-grid table>thead>tr>th:first-child,
.view-grid table>tbody>tr>td:first-child {
    min-width: 4.3rem;
}
.view-grid table>thead>tr>th:nth-child(1),.view-grid th:nth-child(2),
.view-grid table>tbody>tr>td:nth-child(1),.view-grid td:nth-child(2),
.view-grid table>tbody>tr>th:nth-child(1),.view-grid th:nth-child(2){
    left: 0;
    background: inherit;
    z-index: 0;
  
}

.entitylist table>thead>tr>th:nth-child(2),
.entitylist table>tbody>tr>td:nth-child(2){
    left: var(--table-first-column-width)
}
.table-container {
    min-height: 100px;
    width: fit-content;
    max-width: 100%;
    overflow-y: auto;
    border: 1px solid var(--table-border-nmf-color);
}

.entitylist table>tbody>tr>td>input {
    width: 100%;
    border: 1px solid;
}
.entitylist table>tbody>tr>td>input:disabled {
    background: none;
    border: none;
}
input.form-control {
    border-color:#ccc;
}
.middle-cell {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-color: var(--input-border-color);
    border-radius: 3px;
}

.entitylist table>thead>tr>th > a:focus{
   outline: none;
}
.entitylist table>tbody>tr{
    background-color: var(--tr-background-color-odd) !important;
}
.entitylist table>tbody>tr:nth-of-type(even){
    background-color: var(--tr-background-color-even) !important;
}
.inputtable>tbody>tr>td {
    border-bottom: none !important;
}
@media (max-width: 768px) {
    
    .container-table {
        width: 750px;
    }
}

@media (max-width: 992px) {
    .container-table {
        width: 970px;
    }
}
@media (max-width: 1200px) {
    .container-table {
        width: 1170px;
    }
}