﻿h2.pageSubtitle { font-size: 1rem; }
.bglightblue { background-color: #f2f7fc !important; }
.fadeMe { opacity: 0.32; filter: alpha(opacity=32); }

/* model count */
#modelCount {
	border: 1px solid #666;
	width: 130px;
	height: auto;
	margin: 0 0 30px 20px;
	font-size: 48px;
	text-shadow: 1px 1px 3px rgba(150, 150, 150, 1);
	line-height: 44px;
	display: block;
	font-weight: 500;
	color: #888;
	text-align: center;
	cursor: default;
	background-color: #f7f7f7;
	border-radius: 15%;
	padding-bottom: 10px;
}
#modelCount h5 {
	margin: 0;
	margin-top: 8px;
	display: block;
	font-size: 14px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	text-transform: uppercase;
	font-weight: 500;
	color: #888;
}
#modelCount .h5 {
	margin: 0;
	margin-top: 8px;
	display: block;
	font-size: 14px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	text-transform: uppercase;
	font-weight: 500;
	color: #888;
}

/* sidebar */
#sidebar .table td { font-size: 12px; line-height: 15px; padding: 14px 8px; }
#sidebar tr:first-child td { border-top: none; padding-bottom: 21px; }
#sidebar tr:last-child td { border-bottom: 1px solid #ddd; }
#sidebar tr.attrGroup td { background-color: #fff; text-align: right; border-right: none; border-bottom: 2px solid #bbb; height: 40px !important; }
#sidebar tr.attrGroup h4 { margin: 0; font-weight: 500 !important; font-size: 14px; color: #666; margin-top: 8px; }

/* productList */
#productList { min-height: 800px; }
#productList .item h4 { font-weight: 500 !important; margin-top: 0; }
#productList .item .h4 { font-weight: 500 !important; margin-top: 0; }
#productList button.close { border: 1px solid #000; color: #000; height: 18px; font-size: 16px; margin-top: 3px; }
#productList .modeldesc { margin: 15px 0 5px 0; padding-bottom: 10px; font-size: 12px; line-height: 18px; }
#productList .miniMenu a { padding-top: 2px; padding-bottom: 2px; }
#productList .table td {
	border: 0;
	font-size: 13px;
	line-height: 18px;
	padding: 14px 8px;
	text-align: left;
}
#productList .table td.col-xs-4 {
	padding-top: 0;
}
#productList .table td p {
	line-height: 15px;
	font-size: 12px;
	text-align: left;
}
#productList tr.attrGroup td { background-color: #fff; font-size: 16px; border-bottom: 2px solid #bbb; height: 40px !important; padding-top: 10px; }
#productList td.attrId_ProductDetail { text-align: center; }
#productList td.attrId_ProductImage div { min-height: 100px; }

#productList .table tr.attrName td { border: 1px solid #fff; padding-bottom: 20px; }

#productList .groupTypeCell { border-bottom: 1px solid #ddd !important; }
#productList h6.groupTypeTitle { color: #000; font-size: 24px; font-weight: 700 !important; visibility: hidden; }
#productList .colCount0 h6.groupTypeTitle { visibility: visible; }

/* revised .item per SR96080 */
.attrId_ProductDetail:first-of-type { border-top: 0; }

.bottomBoxCompare table.table tr.attrValue:nth-of-type(odd) {
	background-color: #f7f7f7;
}

.bottomBoxCompare .item {
	display: block;
	min-height: 100px;
	padding: 4px 4px 0 5px;
	box-sizing: border-box;
	vertical-align: top;
}
.bottomBoxCompare .item .itemImage {
	display: block;
	vertical-align: top;
	padding-right: 20px;
}
.bottomBoxCompare .item .itemImage a {
	position: relative;
}
.bottomBoxCompare .item .itemImage a .fav {
	position: absolute;
	top: -36px;
	right: -6px;
	cursor: pointer;
	font-size: 0.8rem;
	color: #ccc !important;
}
.bottomBoxCompare .item .itemImage a .fav.selected { color: #e75f41!important }

.bottomBoxCompare .item .itemDetails {
	background-color: #fff;
	display: block;
	margin-bottom: 0;
	margin-left: -5px;
	text-align: left;
	vertical-align: top;
	width: 385px;
}

.bottomBoxCompare .item .itemDetails.affix {
	height: 110px;
	padding-top: 8px;
	padding-right: 15px;
	top: 60px;
	width: 410px;
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 1040;
}

.bottomBoxCompare .item .itemDetails .tag {
	margin-right: 5px;
	padding: 2px 7px 1px 7px;
	vertical-align: 2px;
	color: #fff !important;
	font-size: 10px;
	font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.bottomBoxCompare .item .itemDetails .tag-blue { background-color: #005eb8; color: #fff !important; }
.bottomBoxCompare .item .itemDetails .tag-red { background-color: #fff6f4; box-shadow: inset 0 0 2px #d3242b; color: #d3242b !important; }
.bottomBoxCompare .item .itemDetails .itemNumber {
	color: #005eb8;
	font: 1rem/1.67 'Barlow Condensed', 'Arial Narrow', sans-serif;
	font-weight: bold !important;
	font-stretch: condensed;
	white-space: nowrap;
	margin: 0 10px 0 0;
}
.bottomBoxCompare .item .itemDetails .itemName {
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 0.8rem;
	line-height: 1.35;
}
.bottomBoxCompare .item .itemCta .btn {
	margin: 0 5px 5px 0;
}
.bottomBoxCompare .item .itemCta .btn.btn-blue {
	color: #fff !important;
}
.bottomBoxCompare .item .itemCta .btn.btn-blue:hover {
	color: #005eb8 !important;
}
.bottomBoxCompare .item .itemCta .wishlist { display: none; }

/* checkbox styles */
.cbWrapper {
	/* display: block; */
	position: relative;
	padding-left: 35px;
	margin-bottom: 22px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cbWrapper input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 25px;
	width: 25px;
	background-color: #eee;
	border: 1px solid #ccc;
}

.cbWrapper:hover input ~ .checkmark {
	background-color: #ccc;
}

.cbWrapper input:checked ~ .checkmark {
	background-color: #fff;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.cbWrapper input:checked ~ .checkmark:after {
	display: block;
}

.cbWrapper .checkmark:after {
	left: 8px;
	top: 4px;
	width: 8px;
	height: 13px;
	border: solid #2196F3;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* tools and icons */
.icons {
	color: #656d73;
	display: inline-block;
	vertical-align: -1px;
	white-space: nowrap;
}
.icons a {
	font-size: 20px !important;
	height: 40px;
	width: 40px;
	padding: 6px;
	margin-right: 2px;
	border: 1px solid #ccc;
}
.icons a svg {
	font-size: inherit;
	color: #656d73;
}
.icons a:hover svg {
	color: #fff;
}
#toolbar { margin-top: -20px; }
#toolbar #comparing-text { font-size: 16px; }
#toolbar #tools {
	white-space: nowrap;
}
#toolbar .icons {
	text-align: right;
}
#toolbar .icons a:last-child {
	margin-right: 0;
}
#toolbar .icons.icons-add a { margin-top: -3px; border: 1px solid #005eb8; }
#toolbar .icons.icons-add a svg { color: #005eb8; }
#toolbar .icons.icons-add a:hover svg { color: #fff; }

#toolbar .icons.icons-add a.not-active {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: #656d73 !important;
	border: 1px solid #ccc;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#toolbar .icons.icons-add a.not-active svg { color: #656d73; }

/* product number selects */
#toolbar .filter-select {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 40px;
	white-space: nowrap;
	border: 1px solid #ccc;
}
#toolbar .filter-select select {
	display: inline-block;
	width: 100%;
	height: 37px;
	cursor: pointer;
	outline: 0;
	border: 0;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: #475866;
	background: #fff !important;
}
#toolbar .filter-select option {
	font-size: 16px !important;
}
#toolbar .filter-select select::-ms-expand { display: none; }
#toolbar .filter-select select:hover,
#toolbar .filter-select select:focus {
	color: #000;
	background: #eee;
}
#toolbar .filter-select select:disabled { opacity: 0.5; pointer-events: none; }
#toolbar .filter-select-arrow {
	position: absolute;
	top: 20px;
	right: 14px;
	width: 0;
	height: 0;
	pointer-events: none;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #7b7b7b transparent transparent transparent;
}
#toolbar .filter-select select:hover ~ .filter-select-arrow,
#toolbar .filter-select select:focus ~ .filter-select-arrow { border-top-color: #000; }
#toolbar .filter-select select:disabled ~ .filter-select-arrow { border-top-color: #ccc; }
#toolbar .label {
	margin: 5px 0 0;
	padding: 0;
	line-height: 24px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: bold !important;
	color: #555;
	font-size: 15px;
	letter-spacing: normal;
}

#toolbar .checkbox { display: inline-block; margin-right: 10px; font-size: 14px; }
#toolbar .checkbox input[type="checkbox"] { margin-left: -17px; }
#toolbar .checkbox a { text-decoration: none; color: #005eb8; }

select.part-numbers-dropdown-obj {
	font-size: 16px;
	height: 40px;
}
select.part-numbers-dropdown-obj option:checked {
	color: #005eb8;
	font-weight: 700;
}

/* modelList */
#modelList td { border: none; }
#modelList tr.modelGroup td { padding-left: 0; border-bottom: 1px solid #ccc; }
#modelList tr.modelGroup h3 { font-weight: 500 !important; margin: 15px 0 0; }
#modelList tr.modelGroup .h3 { font-weight: 500 !important; margin: 15px 0 0; }
#modelList tr.model td { padding: 10px 5px 5px 0; }
#modelList tr.model h5 { font-weight: 500 !important; margin: 0; color: #666; }
#modelList tr.model .h5 { font-weight: 500 !important; margin: 0; color: #666; }
#modelList .deleteModel { color: #000; height: 18px; font-size: 16px; border: 1px solid #005eb8; }

/* kill the default bootstrap col paddings */
#sidebar, #productList, #productList .model { padding-left: 0; }
#compareTable { visibility: hidden; }
#productList .model-col { float: left; min-width: 110px; }
#productList .model { margin-left: -2px; padding-left: 0; padding-right: 0; /*border: 1px solid #ddd;*/ }
#productList .model:first-child { margin-left: 0; }
#productList .bottomBoxCompare { /*border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;*/ }
#productList .bottomBoxCompare table { margin-bottom: 0; }

#compareListPanel { display: none !important; }
#nav-desktop-overlay { z-index: 1040; }

/* bug fix */
.attrValue .attrId_OptionalCoverage div { height: auto !important; }

/* -------------------------------------
	ADD TO LISTS DROPDOWN
------------------------------------- */
.itemCta .btn-group .btn-block {
	margin-top: -5px;
}

/* -------------------------------------
	MEDIA QUERIES
------------------------------------- */
/* EXTRA SMALL */
@media screen and (max-width: 599.98px){
	.bottomBoxCompare .item { min-height: 200px; }
	.affix { position: unset !important; }
}

/* SMALL */
@media screen and (min-width: 600px) and (max-width: 959.98px){
	#productList .miniMenu .btn-group { display: block; width: 100%; margin: 0; }
	#productList .miniMenu a { margin-bottom: 5px; }
	.bottomBoxCompare .item { min-height: 130px; }
	.affix { position: unset !important; }
}

/* MEDIUM */
@media screen and (min-width: 960px) and (max-width: 1279.98px){
	#sidebar { min-width: 200px; }
	#productList .miniMenu a { font-size: 10px; }
	#toolbar .filter-select { width: 158px; }
	#toolbar #comparing-text { font-size: 16px; }
	.affix { position: unset !important; }
	.table-responsive { min-height: unset; overflow-x: unset; }
}

/* LARGE */
@media screen and (min-width: 1280px){
	#sidebar .attrName td div { padding-right: 8px; }
	#toolbar #tools a { font-size: 16px; }
	.icons { vertical-align: 3px; }
	.affix { position: unset !important; }
	.table-responsive { min-height: unset; overflow-x: unset; }
}

/* EXTRA LARGE */
@media screen and (min-width: 1600px){
	.container { width: 1600px; }
	.affix { position: fixed !important; }
	.table-responsive { min-height: unset; overflow-x: unset; }
}