/**
 * This is our custom AWS Console dataGrid style.
 */

@def selectionBorderWidth 2px;
@def headerTextColor #3A3A3A;
@def headerBorderColor #000000;
@def cellBorderWidth 1px;
@def vCellPadding 6px;
@def hCellPadding 10px;

.dataGridWidget {
    border-collapse: separate;
    border-spacing: 0;
    font-family: arial;
    font-size: inherit;
}

.dataGridFirstColumn {

}

.dataGridLastColumn {

}

.dataGridFooter {
    font-weight: bold;
    text-decoration: none;
    vertical-align: bottom;
    color: headerTextColor;
    border-right: cellBorderWidth solid headerBorderColor;
    border-bottom: cellBorderWidth solid headerBorderColor;
    margin: 0;
    padding: vCellPadding hCellPadding;
    text-align: left;
    overflow: hidden;
}

.dataGridHeader {
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
    color: headerTextColor;
    border-right: cellBorderWidth solid headerBorderColor;
    border-bottom: cellBorderWidth solid headerBorderColor;
    margin: 0;
    padding: 0;
    text-align: left;
}

@if user.agent ie6 ie7 ie8 {
    .dataGridCell {

        margin: 0;
        padding: 0 0;
        text-align: left;
        overflow: hidden;
    }

    .dataGridCell > div {
        margin: 0;
        padding: vCellPadding hCellPadding;
    }
} @else {
    .dataGridCell {

        margin: 0;
        padding: vCellPadding hCellPadding;
        text-align: left;
        overflow: hidden;
    }
}

.dataGridFirstColumnFooter {

}

.dataGridFirstColumnHeader {

}

.dataGridLastColumnFooter {

}

.dataGridLastColumnHeader {

}

.dataGridSortableHeader {
    cursor: pointer;
    cursor: hand;
}

.dataGridSortableHeader:hover {
    color: #6c6b6b;
}

.dataGridSortedHeaderAscending {

}

.dataGridSortedHeaderDescending {

}

.dataGridEvenRow {
    background: #ffffff;
}

.dataGridEvenRowCell {

}

.dataGridOddRow {
    background: #ffffff;
}

.dataGridOddRowCell {

}

.dataGridHoveredRow {
    background: #ffffdd;
}

.dataGridHoveredRowCell {

}

.dataGridKeyboardSelectedRow {

}

.dataGridKeyboardSelectedRowCell {

}

.dataGridSelectedRow {
    color: #000000;
    height: auto;
    overflow: auto;
}

.dataGridSelectedRowCell {
    background: #eaf3fe;
}

/**
 * The keyboard selected cell is visible over selection.
 */
.dataGridKeyboardSelectedCell {

}

.dataTableResizeHandle {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 4px;
    cursor: col-resize;
}

.dataGridLastColumnHeader .dataTableResizeHandle {
    width: 0px;
    cursor: default;
}

.dataTableHeader {
    position: relative;
    padding: vCellPadding hCellPadding;
    white-space: nowrap;
}

.scrollableTableBody {
    display: block;
    overflow: auto;
}