@CHARSET "ISO-8859-1";

header { margin-bottom: 2px; margin-top: 10px; }
footer { background-color: #333; color: #ddd; padding:0; text-align:center; height: 40px; line-height: 40px; }

.sales-summary { font-size: 20px; font-weight: 600; }
.sales-summary.large { font-size: 30px; }
.sales-summary td.label-medium  { font-size:26px; }
.table-striped { font-size: 18px; }
.current-as-of { font-size: 16px; padding-left: 10px; }
.button-refresh { width: 250px; }
.form-date { display: inline-block; width: auto; }
#this-year.form-date { width: 90%; }
.action-group-table { white-space: nowrap; }
			
@media only screen and (max-width: 568px) {
	header { margin-bottom: 2px; margin-top: 4px; }
	.container-fluid { padding-left: 10px; padding-right: 15px; }
	.sales-summary { font-size: 20px; font-weight: 700; }
	.sales-summary.large { font-size: 30px; font-weight: 700; }
	.sales-summary td.label-medium  { font-size:20px; }

	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 6px; }
	#order-listing.table-striped { font-size: 11px; }
	#order-listing.table-striped>tbody>tr>td, .table>tbody>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		padding :5px;
		margin:0;
	}

	.current-as-of { font-size: 13px; padding-left: 3px; }
	.button-refresh { width: 250px; }
	.form-control { padding: 6px; }
}