/*!
* E-Pracownik CSS
* Definicje nowych klas tylko jako klasy dziedziczone z JQuery Mobile

*/

/* These apply across all breakpoints because they are outside of a media query */
/* Make the labels light gray all caps across the board */

/*.th-header th {*/
.UsersTable thead th {
    background-color: rgba(0,0,0,0.07);
    border-right: 1px solid #fff;
    text-align: center;
}

.UsersTable thead th,
.UsersTable tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.UsersTable tbody th,
.UsersTable tbody td {
    border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
    border-bottom: 1px solid rgba(0,0,0,.05);
}
.UsersTable tbody tr:last-child th,
.UsersTable tbody tr:last-child td {
    border-bottom: 0;
}
.UsersTable tbody tr:nth-child(odd) td,
.UsersTable tbody tr:nth-child(odd) th {
    background-color: #eeeeee; /* non-RGBA fallback  */
    background-color: rgba(0,0,0,.04);
}

@media screen and (max-width: 72em) {
    /* Style the first cell in a row in a dark bar */
    .UsersTable th: first-child {
        color: #fff;
        background-color: #555;
        font-size: 1.2em;
        padding: .3em .6em .3em .6em;
        -webkit-text-shadow: none;
        -moz-text-shadow: none;
        text-shadow: none;
    }
    /* Hide the label in the first cell */
    .UsersTable th: first-child .ui-table-cell-label {
        display: none;
    }
    /* Make the grouped header labels green */
    .UsersTable th .ui-table-cell-label-top,
    .UsersTable td .ui-table-cell-label-top {
        font-weight: bold;
        color: #319B47;
        font-size: 1.1em;
    }
}
/* Media query to show as a standard table at wider widths, must be very wide for this table */
@media screen and (min-width: 72em) {
    /* Show the table header rows */
    .UsersTable td,
    .UsersTable th,
    .UsersTable tbody th,
    .UsersTable tbody td,
    .UsersTable thead td,
    .UsersTable thead th {
        display: table-cell;
        margin: 0;
    }
    /* Hide the labels in each cell */
    .UsersTable td .ui-table-cell-label,
    .UsersTable th .ui-table-cell-label {
        display: none;
    }
}
/* Hack to make IE9 and WP7.5 treat cells like block level elements */
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/
@media (max-width: 72em) {
    .UsersTable td,
    .UsersTable th {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
}