.table-responsive>.table.puget-system-grid-table>thead>tr>th,
.table-responsive>.table.puget-system-grid-table>tbody>tr>th,
.table-responsive>.table.puget-system-grid-table>tfoot>tr>th,
.table-responsive>.table.puget-system-grid-table>thead>tr>td,
.table-responsive>.table.puget-system-grid-table>tbody>tr>td,
.table-responsive>.table.puget-system-grid-table>tfoot>tr>td {
    white-space: normal;
}

.puget-system-grid-table .no-top-border td {
    border-top: none;
}

/* Enforce static column widths in order to override the left-most column */
.system-table table {
  table-layout: fixed; 
  width: 100%;
}

/*Overrides left most column in the system table */
.puget-system-grid-table .left-cell {
  width: 20%;        
  max-width: 50%;

}


/*Set width of the the other table columns to adjust to meet 100% when left-cell is changed */
.puget-system-grid-table .other-cell, .puget-system-grid-table td { width:auto; }


.puget-system-grid-table .puget-take ul { text-align:left; display: table; margin: 0 auto 10px auto; }
.puget-system-grid-table .puget-take ol { text-align:left; display: table; margin: 0 auto 10px auto; }
.puget-system-grid-table .puget-take p { margin-bottom:0; }
.puget-system-grid-table .puget-features ul { text-align:left; display: table; margin: 0 auto 10px auto; }
.puget-system-grid-table .puget-features ol { text-align:left; display: table; margin: 0 auto 10px auto; }
.puget-system-grid-table .puget-features p { margin-bottom:0; }

.puget-system-grid-table .image-row th {
  border-bottom:none;
}
.puget-system-grid-table .image-row th,
.puget-system-grid-table .image-row td{
  border-top: none;
}
.puget-system-grid-table .title-row th,
.puget-system-grid-table .title-row td { border-top:none; border-bottom:none; }
.puget-system-grid-table .title-row h3 { margin:0; }

.puget-system-grid-table .mobile-divider {
    display:none;
    margin:0 auto;
    width:80%;
    height:6px;
    border-radius:3px;
    position:relative;
    top:12px;
}

.puget-system-grid-table .mobile-header {
    display:none;
}

.puget-system-grid-table .mobile-header div.outer {
    height:1.2em;
}

.puget-system-grid-table .mobile-header div.inner {
    position:absolute;
    left:50%;
    transform: translate(-50%);
}

.puget-system-grid-table tr th:nth-of-type(even) .mobile-divider {
    background-color:#130c64;
}

.puget-system-grid-table tr th:nth-of-type(odd) .mobile-divider {
    background-color:#08cc96;
}

/* Tablet responsiveness to fix 4 item tables */
@media (max-width: 1025px) {
    .puget-system-grid-table .left-cell { display:none; }
    .puget-system-grid-table .mobile-divider { display:block; }
    .puget-system-grid-table .mobile-header { display:table-row; }

    /* Responsive table layout dynamic to the number of items added */
    .puget-system-grid-table-container .four-item {min-width: 600px; table-layout: fixed;}

    /*scroll left and right on mobile/tablet*/
    .table-responsive {
        overflow-x: scroll;
        scrollbar-color: #08CC96 #f1f1f1;
        scrollbar-width: thick;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width:767px){
    .puget-system-grid-table .left-cell { display:none; }
    .puget-system-grid-table .mobile-divider { display:block; }
    .puget-system-grid-table .mobile-header { display:table-row; }

    /* Responsive table layout dynamic to the number of items added */
    .puget-system-grid-table .single-item {min-width: 400px; table-layout: fixed;}
    .puget-system-grid-table .two-item {min-width: 300px; table-layout: fixed;}
    .puget-system-grid-table-container .three-item {min-width: 600px; table-layout: fixed;}
    .puget-system-grid-table-container .four-item {min-width: 800px; table-layout: fixed;}

    /*scroll left and right on mobile*/
    .table-responsive {
    overflow-x: scroll;
    scrollbar-color: #08CC96 #f1f1f1;
    scrollbar-width: thick;
    -webkit-overflow-scrolling: touch;
    }
}

/* 
if the field is selected in hidetablerows, the hidden class is added  */ 
.hidden {
    display: none;
}