.gridGadgetWrapper {
    padding: 10px 10px 10px 10px;
}

/* DataTables overrides */
.gridGadgetWrapper table.dataTable {
    border: none;
}

.gridGadgetWrapper .dataTable tr.even:hover, .gridGadgetWrapper .dataTable tr.odd:hover {
    background-color: white;
}

.gridGadgetWrapper table.dataTable thead th {
    padding: 2px 0px 2px 4px;
    outline: none;
}
 
/* Override the table width, as it is set absolutely. */
.gridGadgetWrapper .dataTables_wrapper .dataTable {
    width: 100% !important;
}

/* Position the scroll body, so we respect the column width */
.gridGadgetWrapper .dataTables_scroll {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width:100%;
    width: 100%;
}

.gridGadgetWrapper .DTFC_LeftBodyLiner{
    overflow-x: hidden;
}

.gridGadgetWrapper table.dataTable tbody tr td:last-child {
    border-right: 1px solid #CBCBCB;
}

/* header row */
.gridGadgetWrapper table.dataTable thead th {
    border-top:1px solid #CBCBCB;
    border-right: 1px solid transparent;
    background-color: #E6E6E6;
}


.gridGadgetWrapper .dataTable th .ggHeaderCell {
    width: 100%;
    float: right;
    text-align: right;
    padding-right: 24px;
    font-weight:bold;
    height: 30px;
    line-height: 30px;
    border-right: solid 1px #CBCBCB;
}

.gridGadgetWrapper .dataTables_scrollHead .dataTable th:last-of-type .ggHeaderCell {
    border-right: none;
}

/* Very top left cell.  Blank (titles) */
.DTFC_LeftHeadWrapper table.dataTable thead th {
    border-left: 1px solid #CBCBCB;
}

/* First column (titles) */
.gridGadgetWrapper .DTFC_LeftBodyWrapper table tr>td:first-of-type {
    border-left: 1px solid #CBCBCB;
}

.gridGadgetWrapper .dataTables_scrollHead .dataTable tr>th:last-of-type {
    border-right: 1px solid #CBCBCB;
}

.gridGadgetWrapper .dataTable td .ggFirstColumnCell {
    padding: 0px 24px 0px 5px;
    font-weight:bold;
    text-align: right;
    float: right;
}


/* Actual Cell values */
.gridGadgetWrapper .dataTable td {
    padding: 0px;
    height: 36px;
    border-bottom: 1px solid #CBCBCB;
}

.gridGadgetWrapper .dataTable td .ggIcon {
    width: 24px;
    height: 24px;
    float: right;
    margin: 6px 0px 0px 0px;
}

.gridGadgetWrapper .dataTable td .ggValue {
    margin: 0px;
    display: inline-block;
}

/* Standard Cell Rendering */
.gridGadgetWrapper .dataTable td .ggCell, .gridGadgetWrapper .simpleDataTable td {
    text-align: right;
    color: #000000;
    font-size: 12px;    
}

.gridGadgetWrapper .simpleDataTable td {
    padding-right: 5px;
}

.gridGadgetWrapper .dataTable td .ggCell {
    
    height: 36px;
    line-height: 36px;    
}

/* Special case, as Dates can be long */
.gridGadgetWrapper .dataTable td .ggCellDate {
    font-size: 11px;
}


.gridGadgetWrapper .dataTable td .ggCellInvalid {
    color: #9fa0a4;
}

.gridGadgetWrapper .dataTable td .ggCellWarningValue {
    color: #9fa0a4;
}

/* Error state*/
.gridGadgetWrapper .dataTable td.networkIssues, .gridGadgetWrapper .dataTable td.networkIssues div {
    background-color:#EFD5DB;
}

