/* ------------------*/
/* previously in style tag on breakdown page */
/* ------------------*/
[id^=breakdown_page_] area.trigger {
	cursor: pointer;
}
.tbl-title-div {
	position: relative;
	overflow: hidden;
	margin-bottom: .6em;
	clear:left;
}
.tbl-title-div > div {
	position: static;
	min-height: 100px;
}
#editcell {
	text-align: right;
}
div.title_div {
	min-height: 0;
}

div.littlelogo {
	position: relative;
}
div.title_div p {
	margin: 0 5px;
}

.littlelogo img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.product_list_add_button{
	cursor: pointer;
}
.search_price{
	text-align: center;
	margin-left: auto;
}
.add-to-cart-new{
	cursor: pointer;
	margin-right: 5px;
}
.well-title{
	font-size: 25px;
}
.close_model_search{
	cursor: pointer;
}
.close_button{
	width: 14px;
	height: 14px;
}
.show-link {
	color: blue;
	float: right;
}
.collapsed {
	display: none;
}
.progress {
	position: relative;
	margin-bottom: 0px;
}
.progress-bar {
	background-color: #A8B3B8;
}
.progress span {
	color: black;
	font-weight: bold;
	position: absolute;
	display: block;
	width: 100%;
	font-size: 14px;
	top: 0;
}
.symptom-link {
	color: blue;
	text-decoration: underline;
}
.symptom-link:hover{
	color: blue;
}
.close-symptom-parts {
	cursor: pointer;
}
.hide-part {
	display: none;
}
.show-all-parts {
	font-size: 14px;
	float: right;
	color: #337ab7;
	cursor: pointer;
	text-decoration: underline;
}
#parts-fix-symptom .parts-table{
	width: 610px;
}
.hover {
	background: #f7f7f7;
	border-radius: 5px;
	cursor: pointer;
}
.symptom-table > tbody > tr > td {
    vertical-align:middle;
    font-size: 14px;
    cursor: pointer;
    border-top: none !important;
}
.symptom-side {
	padding: 0 0 0 0px;
	clear: right;
}
.highlighted {
	border-radius: 5px;
	background: #C4DDEF;
	padding: 20px;
	cursor: pointer;
}
hr {
	width: 100%;
	border-top: 2px solid #000000;
}
#close-part-add {
	background-color: #f69404;
	color: #ffffff;
}
.modal-header {
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
	background-color: #0480be;
	color: #ffffff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.breakdown-search-inner {
	margin: 0;
	padding: 10px;
	padding-bottom: 15px;
	background-color: #E8E6E7;
	border-radius: 6px;
}
.breakdown-search-header {
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.breakdown-search-inner .input-group {
	width: 240px;
	margin: 0 auto;
}
.breakdown-search-inner .input-group button {
	font-weight: bold;
}

.breakdown-search-outer {
	position: relative;
	margin: 0 0 20px 0;
	color: #333;
	background: white;
	border-radius: 6px;
	webkit-box-shadow: 2px 2px 13px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 13px -4px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 13px -4px rgba(0,0,0,0.75);
}

.sc-search .breakdown-search-outer {
	border: 0;
	position: static;
}

.sc-search .breakdown-search-inner {
	margin: 0;
}

.category_desc_table {
	border:0px solid #808080;
	border-collapse:collapse;
}
#tabs_list_type_search {
	width: 45px;
}
.tabs_list_type_search_go {
	padding: 0;
}
.loading_text {
	font-size: 12px;
	font-weight:bold;
}
@media(max-width: 33.9em) {
	#tool_title {
		position: relative;
		top: auto;
		-webkit-transform: none;
		        transform: none;
		margin-top: 0.5em;
		font-size: 17px;
	}

	div.title_div {
		padding-left: 0;
		padding-right: 0;
	}
	.no_little #tool_title {
		margin-left: .4em;
	}
	.well-title {
		clear: right;
	}
}
@media(min-width: 62em) {
	#tool_title {
		padding: 0;
		margin: 0;
	}
}
@media(min-width: 34em) {
	#tool_title {
		font-size: 1.7em;
	}
}
@media(max-width: 61.9em) {
	.breakdown-search-header {
		font-size: 1.2em;
		line-height: normal;
	}
}


h1#tool_title {
	margin-bottom: 1em;
}
#anchors-control {
	display: none;
}
.breakdown-search-header {
	text-transform: capitalize;
	font-weight: normal;
	font-size: 1.6em;
}
select.form-control:not([size]):not([multiple]) {
	height: 2.2rem;
}
.oddrow {
	background: white;
}
.part-cost-mobile-new {
	display: none;
}
.list-part-avail-small {
	display: none;
}
#partPopup .list-part-name {
	font-weight: bold;
}
@media(max-width: 61.9em) {
	.fw-hidden-md-down {
		display: none;
	}
	.breakdown-search-header {
		font-size: 1.2em;
	}
	.breakdown-search-inner,
	.breakdown-search-inner .input-group {
		width: 100%;
	}
	.sc-search .breakdown-search-outer {
		float: right;
	}
}
@media(max-width: 33.9em) {
	.breakdown-search-outer {
		width: 100% !important;
	}
}



/* ------------------*/
/* styles for breakdown figure numbers */
/* ------------------*/
.product-row .breakdown_figure_number{
    overflow: visible;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    position: absolute;
    background: #0078B0;
    color: white;
    line-height: 1.1em;
    height: 1.9em;
    min-width: 1.9em;
    width: auto;
    border-radius: 1em;
    z-index: 99;
    padding: 0.35em 0 0 0;
    min-height: 0;
    top: -0.4em;
    left: 0.5em;
	text-align: center;
	
}
.catfigtxt {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
    line-height: 1.9rem;
    text-align: center;
    margin: 0 0.2rem;
}
.length-3 {
    font-size: 0.7em;
}
.length-4 {
    font-weight: normal;
    font-size: 0.6em;
}
.length-5 {
    font-weight: normal;
    font-size: 0.5em;
}
.product-row {
    padding: 1em 0;
}

.list-part-avail-small {
    line-height: 1.2em;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    position: relative;
    padding-left: 2.2em;
}
.avail-icon {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 2em;
    line-height: 0;
    vertical-align: middle;
}
.avail-icon .icon-cross {
    color: red;
}
.avail-icon .icon-checkmark {
    color: #82b83e;
}


@media(max-width: 575px) {
    .product-row .part-buy b{
        display: none;
    }
    .product-row .product_list_add_button {
        width: 90%;
    }
    .list-part-number {
        display: none;
    }
    .list-part-avail {
        display: none !important;
    }
    .part-txt > div {
        min-height: 116px;
    }
    .part_txt_container br, .part_txt_container font {
        display: none;
    }
    .product-row i, .product-row b  {
        display: none;
    }
    .part-cost-mobile-new {
        display: block;
        margin-top: 0.4em;
    }
	.list-part-name > a{
		display: block;
		font-size: 1.2em !important;
		font-weight: bold;
	}
    .breakdown_thumb .hidden {
        display: block !important;
        text-align: center;
        margin: auto;
    }
    .list-part-avail-small {
    	display: block;
    }
    .part-buy br {
        display: none;
    }
    .not-available {
        display: none;
    }
}

#partPopup .add_product_to_cart_button {
	width: 100%;
	margin: auto;
}

@media(min-width: 768px) {
	#partPopup .add_product_to_cart_button {
		width: unset;
		margin: unset;
	}
}

[id^=popular_part_] {
	border: none;
	padding: 0.5rem;
}
.popular_part_border {
	border: 1px solid #b7b7b7;
	border-radius: 0.5rem;
	height: 100%;
	padding: 1rem;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

#model_header {
	margin-bottom: .5em;
}

#tool_title_div {
	width: 100px;
	height: 100px;
}

#tool_title {
	padding-left: .4em !important;
	margin-bottom: 0 !important;
}

.oemtext {
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: normal;
	font-size: 1em;
}

.breakdown-search-inner .input-group {
	width: 100%;
}

#popularHeader {
	padding: 10px;
	background: #E8E6E7;
	border-radius: 0.5rem;
}

#popularHeader > span {
	background: transparent;
	font-size: 1.6em;
}

#popular-parts-box {
	display: flex;
	flex-wrap: wrap;
}
#popular-parts-box .card {
	width: 50%;
	margin-bottom: 0.5em;
}
#partner-banner {
	display: none !important;
}
#browsetabs {
	display: flex;
	width: 100%;
	border-bottom: 1px solid #CECECE;
	margin-bottom: 4px;
}
#browsetabs > div {
	width: 50%;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	padding: .5em 0 .4em;
}
#browsetabs > div.selected {
	background: #8D8D8D;
	color: white;
	cursor: default;
}

.load-more-button {
	margin: 1em auto;
	display: block;
}
.diagram-page {
	position: relative;
}

#hotspot-toggle {
	position:absolute;
	right: .5rem;
	top: .36rem;
	height: 1.8rem;
	width: 3.24rem;
	border-radius: 1rem;
	border: 1px solid #0073ae;
}
#hotspot-toggle-input {
	display: none;
}
#hotspot-toggle label {
	position: relative;
	height: 100%;
	width: 100%;
}
#hotspot-toggle label .label-text {
	position: absolute;
	right: 105%;
	height: calc(100% - 4px);
	display: flex;
	align-items: center;
	position: absolute;
	justify-content: center;
	color: white;
	top: 1px;
}
.hotspot-switch {
	width: 100%;
	height: 100%;
	position: relative;
	transition: all 0.5s ease;
	padding: 2px;
	border-radius: 1rem;
	background-color: white;
}
.hotspot-switch:before, .hotspot-switch:after {
	border-radius: 1rem;
	height: calc(100% - 4px);
	width: calc(50% - 2px);
	display: flex;
	align-items: center;
	position: absolute;
	justify-content: center;
	transition: all 0.3s ease;
}
.hotspot-switch:before {
	background-color: #bbbbbb;
	left: 2px;
	z-index: 10;
	content: "\0000a0";
}
.hotspot-switch:after {
	font-size: 0.9em;
	right: 2px;
	color: #bbbbbb;
	content: attr(data-off);
}
:checked + .hotspot-switch:before {
	background-color: #0073ae;
	left: 50%;
}
:checked + .hotspot-switch:after {
	left:2px;
	color: #0073ae;
	content: attr(data-on);
}
@media(max-width:991px) {

	#popular-parts-box {
		display: block;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		flex-wrap: nowrap;
		margin-bottom: 0.2em;
		margin-top: 0.5em;
	}
	#popular-parts-box .card {
		display: inline-block;
		width: 126px;
		margin-bottom: 0.2em;
		padding: 0;
		white-space: normal;
		text-align: left;
	}
	#popular-parts-box .card .popular_part_border {
		border-radius: 0;
		padding: 12px;
	}
	.pp-card-body {
		text-align: left;
		padding: 0;
	}
	.pp-card-body .card-title {
		height: 3em;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.popular-parts-add-button {
		width: 100%;
		font-size: 1em;
	}
}