body {
	border:  0;
	margin:  0 0 100px 0;
	padding: 0;
	background-color: white;
	color: black;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 14px;
	overflow-x: hidden;
}

body > div {
	width: 100%;
	max-width: 1060px; /* 1160px; */
	margin: 0 auto;
}

h1 {
	font-size: 32px;
    line-height: 1.1;
    letter-spacing: -.04em;
}

a {
	color: #e91e63;
	text-decoration: none;
}

a:hover {
	background-color: #E91E63;
	color: white;
}
a:visited {
	text-decoration: none;
}
p {
	border: 1px solid #dedede;
	border-width: 0 0 1px 0;
	font-size: 32px;
	line-height: 1.1;
	letter-spacing: -.04em;
	margin: 0;
	padding: 32px 0;
}

.label {
	color: #888888;
}

.light {
	border: 0;
	padding-bottom: 4px;
}

ul {
	padding-left: 20px;
}
li {
	line-height: 1.28em;
	margin: 0 0 12px 0;
}

@media all and (max-width: 30em) {
	body {
		margin: 0.2em 1.8em 100px 1.8em;
	}
	p {
		font-size: 20px;
		line-height: 1.23em;
	}
	p:first-child {
		font-size: 24px;
		line-height: 1.32em;
	}
}

h3 {
	font-size: 1.8em;
	margin: 0.4em 0;
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

li {
	line-height: 1.5em;
}

/* Updated */

#header {
	position: relative;
}

#updated {
	display: inline-block;
    font-size: 12px;
    color: #ccc;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
    position: absolute;
    text-decoration: none;
    border: 0;
    letter-spacing: normal;
}

#battery-prices-body.loading {
	visibility: hidden;
}

/* Filters */

.ui-group {
    display: inline-block;
}

.ui-group__title {
    display: inline-block;
    vertical-align: top;
    font-size: 1.2rem;
    line-height: 40px;
    margin: 0 10px 0 0;
    font-weight: bold;
}

.ui-group .button-group {
    display: inline-block;
    margin-right: 20px;
}

.button-group button:first-child {
    border-radius: 5px 0 0 5px;
}
.button-group button {
    float: left;
    border-radius: 0;
    margin-left: -1px;
}
button.is-checked, button.is-selected {
    background-color: #19F;
    color: white;
}
button:enabled {
    cursor: pointer;
}

button:enabled:hover {
    background-color: #8CF;
}

button:active {
    color: white;
    background-color: #59F;
    box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

button {
    border-color: #222;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 10px;
    background-color: #F8F8F8;
    /* background-image: linear-gradient( hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.1) ); */
    border: 1px solid #CCC;
    border-radius: 5px;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

button, select {
    text-transform: none;
}
button, input {
    overflow: visible;
}

.button-group button:last-child {
    border-radius: 0 5px 5px 0;
}

/* Filters: Extras */

#filters-extras {
    margin-right: 20px;
	margin-bottom: 15px;
}

#filters-extras > div {
	display: inline-block;
}

#filters-extras label {
	line-height: 16px;
}


/* Logos */

/*
prime yellow: ff9300
prime blue:   029eff
*/

/* Table & Grid */

/* Table Basics */

table {
	width: 100%;
	border-collapse: collapse;
    /* max-width: 1160px; */
    margin: 0 auto;

	/* border-spacing: 0;
	border-collapse: separate;
	border-radius: 10px;
	border: 1px solid black; */
}

/* Rounded-corners */
th {
	padding: 8px;
	border: 0px solid #fff;
}
tr:first-child th:first-child {
	border-top-left-radius: 10px;
}
tr:first-child th:last-child {
	border-top-right-radius: 10px;
}

/* Sticky Top Row */
thead {
	position: sticky;
    top: 0;
	background-color: #38304d;
	color: white;
	z-index: 100;
}

th {
	text-align: left;
	padding: 0.62em 0.4em;
	padding-left: 0.2em;
	font-size: 13px;
}

tr {
	line-height: 1.2em;
}

td {
	vertical-align: top;
	padding: 0.2em;
	/* white-space: nowrap; */
}

/* Decorative */

/* Alternate row colors */

tr.odd { 
	background-color:#eee;
}

/* Pre-defined width groups */

.w0 { width:  9px; }
.w1 { width: 44px; }
.w2 { width: 58px; }
.w3 { width: 88px; }
.w4 { width: 98px; }
.w5 { width: 128px; }
.w6 { width: 428px; }

/* .price-per-unit {
	width: 68px;
}

.price {
	width: 48px;
} */

td.name {
	white-space: normal;
}

th.right,
td.right {
	text-align: right;
}

th.center,
td.center {
	text-align: center;
}

td.fd {
	padding-right: 0.1em; 
}

td.prime {
    padding-left: 0.1em; 
}

td.rechargable span,
td.coupon span,
td.rec span,
td.fd span,
td.prime span {
	position: relative;
	cursor: default;
	color: #029eff;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	padding: 0;
}

td.rec span {
	color: red;
	font-size: 14px;
}

td.rechargable {
	background-image: url(assets/battery-rechargable.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
}

td img {
	height: 16px;
}

td.title a {
	max-width: 490px;
}

tr.recommended { 
	border: 1px solid red; /* wirecutter pick. NYT logo on left side, or column to left of free delivery ? */
};

tr.recommended::before {
	content: '🔗';
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

td.coupon span {
	background-color: red;
	color: white;
    font-weight: 500;
	padding: 0 1px;
}

/* Highlight coupon items */

#battery-prices-body.view-coupons tr[data-coupon] {
	color: green;
}

#battery-prices-body.view-coupons tr[data-coupon] td.price-per-unit,
#battery-prices-body.view-coupons tr[data-coupon] td.price {
	font-weight: bold;
}

#battery-prices-body.view-coupons td.coupon span {
    background-color: green;
}

/* Line Clamp */

.title > a,
.brand,
.line-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

/* Hide Row */

tr.hide {
	display: none;
}

.battery-type {
	min-width: 82px;
}

/* Hide Size Column if not showing All sizes */

#battery-prices .battery-size {
	display: none;
}

#battery-prices.size-all .battery-size {
	display: table-cell;
}