/* Overrides for bad Material behaviour */
.mdl-layout__content { overflow-x: auto; }
.mdl-checkbox { height: auto; }
a { color: #428bca; }

/* Page width stuff */
.narrow-only, .wide-only { display: none; }
@media (max-width: 400px) { .narrow-only { display: block; } }
@media (min-width: 401px) { .wide-only { display: block; } }

/* Keep google happy on mobiles */
@media (max-width: 600px) { .mdl-checkbox { margin-top: 6px; margin-bottom: 6px; min-height: 25px; } }

/* Standard page stuff */
.page-content { margin: 0 30px 30px; }
.page-content .mdl-grid { margin-left: -16px; }
.page-content.landing { margin: 30px 30px 30px 80px; }
.landing .mdl-card { float: left; margin: 0 20px 20px 0; }
.landing .mdl-card__media { height: 200px; background-color: white; overflow: hidden; position: relative; }
.landing .mdl-card__media img { max-width: 310px; position: absolute; margin-left: 10px; }

table.table { min-width: 100%; }
.table th, .text-nowrap { white-space: nowrap; }
.table a { color: #428bca; text-decoration: none; }
.table .optional-col { display: none; }
.table.show-all .optional-col { display: table-cell; }
.table .hide { display: none; }
.table .name .material-icons { float: left; margin-top: -3px; }

/* Selected row (link to specific item) */
tr.selected { background-color: #9999cc; color: white; }
tr.selected a { color: white; }
tr.selected:hover td { background-color: #9999cc !important; }

/* Spec suffixes/prefixes */
.hrs:after { content: 'hrs'; }
.gb:after { content: 'GB'; }
.inch:after { content: '"'; }
.px:after { content: 'px'; }
.kg:after { content: 'kg'; }
.g:after { content: 'g'; }
.v:before { content: 'v'; }
.v2:before { content: '2.0'; }
.v3:before { content: '3.0'; }
.vc:before { content: 'C'; }
.mp:after { content: 'MP'; }
.front:before { content: 'f'; }
.rear:before { content: 'r'; }
.hrs:after, .gb:after, .inch:after, .px:after, .kg:after, .g:after, .v:before, .v2:before, .v3:before, .vc:before, .mp:after, .front:before, .rear:before { color: #dddddd; margin: 0 4px; }
.y, .y\/n, .n { display: inline-block; padding: 0 10px; border-radius: 6px; color: black; }
.y, .y\/n { background-color: #eeffee; }
.n { background-color: #ffeeee; }

/* Sort stuff */
.tablesorter-header {
	padding-right: 20px !important;
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
.tablesorter-headerAsc { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); background-color: #e9e9e9; }
.tablesorter-headerDesc { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); background-color: #e9e9e9; }
.tablesorter-filter-row { display: none !important; }
.no-sort.tablesorter-header, .no-sort.tablesorter-headerAsc, .no-sort.tablesorter-headerDesc {
	background-image: none;
	cursor: default;
	background-color: white;
}

/* Flags/countries */
.released { position: relative; padding-left: 40px !important; } /* old charts */
img.us { position: absolute; top: 7px; left: 0; }
img.uk { position: absolute; top: 20px; left: 0; }
img.ca { position: absolute; top: 7px; left: 18px; }
.flags img { border: 1px solid transparent; margin: -10px 0px; }
.flags a { display: inline-block; height: 27px; margin: -10px 0px; }
.flags a img { border-color: #eeeeee; }
.flags a:hover { background-color: white; }
.flags a:hover img { border-color: black; }