/* =========================================================
   GENERIC TABLES
========================================================= */

table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    background:#fff;
}

/* =========================================================
   HEADERS
========================================================= */

thead{
    background:#1f1f1f;
}

th{
    padding:12px;
    text-align:left;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    white-space:nowrap;
}

/* =========================================================
   BODY
========================================================= */

td{
    padding:10px;
    vertical-align:middle;
    color:#333;
}

tbody tr:nth-child(even){
    background:#fafafa;
}

tbody tr:hover{
    background:#f2f8ff;
}

/* =========================================================
   COMPACT TABLE
========================================================= */

.table-compact th,
.table-compact td{
    padding:6px;
}

/* =========================================================
   STRIPED
========================================================= */

.table-striped tbody tr:nth-child(odd){
    background:#ffffff;
}

.table-striped tbody tr:nth-child(even){
    background:#f8f8f8;
}

/* =========================================================
   HOVER
========================================================= */

.table-hover tbody tr:hover{
    background:#eef7ff;
}

/* =========================================================
   NUMERIC
========================================================= */

.number{
    text-align:right;
}

.center{
    text-align:center;
}

.left{
    text-align:left;
}

/* =========================================================
   STATUS COLOURS
========================================================= */

.success-row{
    background:#e9f8ec !important;
}

.warning-row{
    background:#fff8dd !important;
}

.error-row{
    background:#fdeaea !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */

.table-responsive{
    width:100%;
    overflow-x:auto;
}

/* =========================================================
   ADMIN TABLES (DEFAULT)
========================================================= */

#mainContent table:not(.promo-table){
    width:100%;
    border-collapse:collapse;
    background:#1f1f1f;
    color:#fff;
}

#mainContent table:not(.promo-table) th{
    background:#111;
    color:#fff;
    padding:12px;
    text-align:left;
}

#mainContent table:not(.promo-table) td{
    background:#1f1f1f;
    color:#fff;
    padding:10px;
}

#mainContent table:not(.promo-table) tr:nth-child(even) td{
    background:#262626;
}

#mainContent table:not(.promo-table) tr:hover td{
    background:#303030;
}

/* =========================================================
   NEW INVOICE TABLE
========================================================= */

#invoiceItemsTable{
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}

/* Qty */
#invoiceItemsTable th:nth-child(1),
#invoiceItemsTable td:nth-child(1){
    width:7%;
}

/* Description */
#invoiceItemsTable th:nth-child(2),
#invoiceItemsTable td:nth-child(2){
    width:63%;
}

/* Unit Price */
#invoiceItemsTable th:nth-child(3),
#invoiceItemsTable td:nth-child(3){
    width:12%;
}

/* Line Total */
#invoiceItemsTable th:nth-child(4),
#invoiceItemsTable td:nth-child(4){
    width:13%;
}

/* Delete Button */
#invoiceItemsTable th:nth-child(5),
#invoiceItemsTable td:nth-child(5){
    width:5%;
    text-align:center;
}

/* Inputs fill the cells */
#invoiceItemsTable input{
    width:100%;
    box-sizing:border-box;
}

p {
    color: white;
}