.ui-table {
	margin-left: 0;
	padding-left: 0;
  	width: 98%;
}

/* These apply across all breakpoints because they are outside of a media query */
/* Make the labels light gray all caps across the board */
.mobile thead th,
.mobile tbody td .ui-table-cell-label {
    text-transform: uppercase;
    font-size: .8em;
    color: rgba(0,0,0,0.5);
    font-weight: normal;
}
/* White bg, large blue text for rank and title */
.mobile tbody th,
.mobile tbody td.bib,
.mobile tbody td.club {
    font-size: .7em;
    background-color: #fff;
    color: #77bbff;
    text-align: left;
	font-weight: 700;
	padding: .4em .5em;
  	vertical-align: top;
	font-family: sans-serif;
}

.mobile td.tiempo {
    text-align: right;
}

.mobile td.ranking {
	text-align: right;
	padding-right: 3em;
}
.mobile th.tiempo {
	text-align: right;
}

.mobile th.ranking {
	text-align: right;
	padding-right: 3em;
}

/* White bg, large blue text for rank and title */
.mobile tbody td {
    font-size: .75em;
    background-color: #fff;
    color: #77bbff;
    text-align: left;
}

/* Add strokes */
.mobile thead th {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.mobile tbody td {
    border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
    border-bottom: 1px solid rgba(0,0,0,.05);
}
@media ( min-width: 320px ) {
/* Show the table header rows and set all cells to display: table-cell */ 
.mobile td,
.mobile th,
.mobile tbody th,
.mobile tbody td,
.mobile thead td,
.mobile thead th {
    display: table-cell;
    margin: 0;
}
/* Hide the labels in each cell */ 
.mobile td .ui-table-cell-label,
.mobile th .ui-table-cell-label { 
    display: none;
}
}
/*  Custom stacked styles for mobile sizes */
/*  Use a max-width media query so we don't have to undo these styles */
@media (max-width: 320px) {
    /*  Negate the margin between sections */
    .mobile tbody th {
        margin-top: 0;
        text-align: left;
    	padding-left: 0em;
    }

    /*  Position the title next to the rank, pad to the left */
    .mobile tbody td {
        margin-top: -2.1em;
        padding-left: 0em;
        border-bottom: 1px solid rgba(0,0,0,.15);
    	text-align: left;
    }
}
/* Media query to show as a standard table at wider widths */
@media ( min-width: 40em ) {
    /* Show the table header rows */
    .mobile td,
    .mobile th,
    .mobile tbody th,
    .mobile tbody td,
    .mobile thead td,
    .mobile thead th {
        display: table-cell;
        margin: 0;
    }
    /* Hide the labels in each cell */
    .mobile td .ui-table-cell-label,
    .mobile th .ui-table-cell-label {
        display: none;
    }
}
.ui-header .ui-title {
  	margin-right: 5%;
	margin-left: 5%;
}