.ti_p-page-centered.refdesigntool {
	margin: auto;
	width: 1184px;
}
.ti_alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    min-height: 7em;
    margin: 2rem 0;
    padding: 1rem 1.5rem;
    border-left: 4px solid #118899;
    background-color: #f9f9f9;
    position: relative;
 }

 .ti_alert.mod-warning {
    border-color: #ff9933;
 }

 .ti_alert.mod-warning>.ti_icon {
    fill: #ff9933;
 }

 .ti_alert:before {
    display: none;
 }

 .ti_alert p,
 .ti_alert ul,
 .ti_alert ol {
    margin: 0 0 .8rem 0;
 }

 .ti_alert ul,
 .ti_alert ol {
    list-style-position: inside;
 }

 .ti_alert :last-child {
    margin: 0.6rem 0 0;
 }

 .ti_alert .ti_alert-close {
    position: absolute;
    display: block;
    top: 0.5rem;
    right: 0.5rem;
    color: #555555;
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-size: 1em;
    text-align: center;
    border-radius: 50%;
 }

 .ti_alert .ti_alert-close:hover {
    text-decoration: none;
    cursor: pointer;
 }

 .ti_alert>.ti_icon {
    margin-right: 1rem;
    margin-top: .1rem;
 }

.language-selector-container {
	position: absolute;
	right:25px;
	top: 155px;
	z-index: 500;
}

.overviewHeader-subHeading {
	margin-bottom: 20px;
}

.tid .btn-backToTop, .tid .btn-backToTop:visited,
.btn-backToTop, .btn-backToTop:visited {
	position: fixed;
	z-index: 100;
	right: 0;
	bottom: 50%;
	display: inline-block;
	padding: .5em 0;
	cursor: pointer;
	text-align: center;
	opacity: 0.4;
	color: #fff;
	background-color: #999;
	font-size: 1.8em;
	transition-timing-function: ease;
	transition-duration: 200ms;
}

input[type="text"]::-ms-clear {
	display: none;
}

.tid .btn-backToTop, .tid .btn-backToTop:visited {
	opacity: 0;
}

.tid .btn-backToTop.show {
	opacity: 0.4;
}

.btn-backToTop .ti_icon {
	display: block
}

.btn-backToTop span {
	position: relative;
	bottom: 0;
	left: 0;
	display: block;
	padding: 0;
	font-size: 12px;
	font-weight: bold
}

.btn-backToTop:hover {
	opacity: 1;
	background-color: #c00
}

.alert-message p, .alert-message ul, .alert-message ol {
	margin: 1.6em 0 0 0;
}

.results-target {
	position: relative;
}


bottom .loadmore {
	width: 100%;
	background: none;
	border: none;
	border-radius: 0.2em;
	color: #189;
	cursor: pointer;
	font-weight: 400;
	padding: .5em .8em;
	margin: 5px;

}

bottom .loadmore:hover {
	background: #f0f0f0;
}

bottom .load-more {
	border-bottom: 1px solid #e0e0e0;
}

bottom .load-more-button {
	width: 100%;
	background: #f9f9f9;
	display: block;
	padding: 0.7em;
	text-align: center;
	border: none;
	font-size: 1.1em;
	font-weight: 400;
	color: #189;
	position: relative;
	cursor: pointer;
}

bottom .load-more-button:before {
	content: "\e5cf";
	margin: 0.2em 0 0 0.2em;
	position: absolute;
	left: 50%;
	top: .7em;
	margin-left: 2.8em;
}

bottom .bottom {
	width: 100%;
}

bottom .hidefilters {
	display: none;
}

bottom {
	display: block;
	border-top: 1px solid #189;
}

bottom .filters {
	width: 20%;
	min-width: 320px;
	padding: 0 35px 0 0;
}

bottom .results {
	width: 80%;
	position: relative;
}

breadcrumb select {
	float: right;
	margin-right: 150px;
}

breadcrumb .breadcrumbs {
	padding: 0 0 15px 0;
	color: #555;
}

breadcrumb .breadcrumbs a {
	color: #555;
}

carousel .recommended-designs-container {
	position: relative;
	padding-left: 2px;
	width: 1184px;
	margin: auto;
}

carousel [id*="evergage-tooltip"] {
	z-index: 1 !important;
}

carousel [id*="evergage-tooltip"] h2 {
	background: #fff;
}

carousel [evergage-item-block] {
	background: #fff;
}

carousel .carousel-placeholder-container {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 0;
}

carousel .carousel-placeholder-thumbnails {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	max-width: 80%;
}

carousel .carousel-placeholder-title {
	background: #f5f5f5;
	color: transparent;
	width: 360px;
}

carousel .carousel-placeholder-thumb {
	align-self: flex-start;
	border: 1px solid #f5f5f5;
	width: 20%;
	margin: 5px;
	height: auto;
	padding: 10px 15px;
}

carousel .carousel-placeholder-container.v2 .carousel-placeholder-thumb {
	align-self: flex-start;
	background: #f5f5f5;
	width: 20%;
	margin: 5px;
	height: auto;
	padding: 10px 15px;
}

carousel .content-placeholder {
	display: flex;
	padding: 10px;
}

carousel .content-placeholder .placeholder-row.title {
	display: flex;
	flex-direction: column;
	align-self: center;
	width: 50%;
}

carousel .content-placeholder .placeholder-row.desc {
	display: flex;
	flex-direction: column;
}

carousel .carousel-placeholder-thumbnails .img-placeholder {
	background: #f5f5f5;
	height: 95px;
	width: 90%;
	align-self: center;
}

carousel .content-placeholder.img {
	flex-direction: column;
}

carousel .content-placeholder.desc {
	flex-direction: column;
}

carousel .content-placeholder .placeholder-thumb-title {
	background: #f5f5f5;
	color: transparent;
}

carousel .content-placeholder .placeholder-content-p {
	background: #f5f5f5;
	color: transparent;
	height: 40px;
}

bottom .loadmore:hover {
	background: #f0f0f0;
}

bottom .load-more {
	border-bottom: 1px solid #e0e0e0;
}

bottom .load-more-button {
	width: 100%;
	background: #f9f9f9;
	display: block;
	padding: 0.7em;
	text-align: center;
	border: none;
	font-size: 1.1em;
	font-weight: 400;
	color: #189;
	position: relative;
	cursor: pointer;
}

bottom .load-more-button:before {
	content: "\e5cf";
	margin: .2em 0 0 .2em;
	position: absolute;
	left: 50%;
	top: .7em;
	margin-left: 2.8em;
}

bottom .bottom {
	width: 100%;
}

bottom .hidefilters {
	display: none;
}

bottom {
	display: block;
	border-top: 1px solid #189;
}

bottom .filters {
	width: 20%;
	min-width: 320px;
	padding: 0 35px 0 0;
}

bottom .results {
	width: 80%;
	position: relative;
}

bottom td {
	vertical-align: top;
}

breadcrumb select {
	float: right;
	margin-right: 150px;
}

checkbox span.cbx {
	width: 20px;
	height: 20px;
	letter-spacing: normal;
	text-transform: none;
	word-wrap: normal;
	font-family: 'Material Icons', sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	font-size: 21px;
	cursor: pointer;
}

checkbox .cbx.checked::before {
	content: "\e834";
	color: #666;
}

checkbox .cbx::before {
	position: relative;
	content: "\e835";
	color: #ccc;
	top: 4px;
	left: 4px;
}

container {
	background: white;
	margin: 2em;
	display: block;
}

container input {
	font-size: 1em;
}

container h1,
container h2,
container h3,
container h4,
container h5,
container h6 {
	margin: 0 0 .75em 0;
	color: #333;
	font-weight: 300;
}

container h5,
container h6 {
	font-weight: 400;
}

container .error-message {
    width: 70%;
}

container ::placeholder {
	color: rgb(117, 117, 117);
}

container button:focus,
container input:focus {
	outline: 0;
}

container input:focus,
container select:focus,
container textarea:focus {
	animation: none;
}

filter .row {
	margin: 1.2em 0 .6em 2em;
}

filter .tlogy.row {
	margin: 1.2em 0 2em 0;
}

filter .row label {
	padding: 7px 8px;
}

filter .indented {
	margin: 0 0 6px 27px;
}

filter .indented .indented {
	display: flex;
}

filter .indented .indented checkbox,
filter .indented .indented span {
	flex-direction: row;
}

filter .indented .indented checkbox {
	align-self: flex-start;
}

filter .indented .indented span {
	align-self: flex-end;
	margin: 0 0 0 6px;
}

filter .indented .indented:first-of-type {
	margin: 12px 0 6px 27px;
}

filter .indented .indented:last-of-type {
	margin: 0 0 16px 27px;
}

filter .indented .indented:only-child {
	margin: 12px 0 16px 27px;
}

filter .text {
	margin: 10px;
}

filter .search {
	margin: 15px;
}

filter .ranges {
	margin: 15px 0px 10px 14px;
	display: flex;
	width: 80%;
}

filter .range1,
filter .range2 {
	flex-direction: row;
}

filter div.noUi-base {
	width: 95%
}

filter .range2 {
	position: relative;
	margin-left: auto;
}

filter .range1::before,
filter .range2::before {
	color: #b4b4b4;
	font: 1.3em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: bold;
	margin: .1em .2em 0 0;
}

filter .range1::before {
	content: "≥";
}

filter .range2::before {
	content: "≤";
}

filter .slider {
	margin: 10px
}

filter .noUi-horizontal .noUi-handle {
	right: -12px !important;
}

filter .noUi-connect {
	background: #189;
}

filter .noUi-target {
	border: none;
}

filter .noUi-horizontal {
	height: 2px;
	width: 86%;
}

filter .noUi-active {
	box-shadow: 0px 0px 0px 5px rgba(17, 136, 153, 0.2);
}

filter .noUi-handle {
	border-radius: 50%;
	background: #189;
	cursor: default;
	box-shadow: 0px 0px 0px 0px;
	border: none;
}

filter .noUi-handle::before,
filter .noUi-handle::after {
	height: 0px;
}

filter .noUi-horizontal .noUi-handle {
	width: 12px;
	height: 12px;
	left: -10px;
	top: -5px;
}

filter .label {
	color: #333;
	font-size: .95em;
	font-weight: 400;
	line-height: 120%;
	position: relative;
	top: 0;
	left: -10px;
}

filter .collapsed {
	display: none;
}

filter .header {
	background: #f9f9f9;
	height: 32px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	align-content: stretch;
}

filter .header.inactive {
    background: #FFF;
}


filter .header checkbox,
filter .header div.filterheader {
	*flex-direction: row;
}

filter .filter-item {
	display: flex;
}

filter .filter-item label,
filter .filter-item input[type="checkbox"],
filter .filter-item input[type="radio"],
filter .filter-item checkbox {
	flex-direction: row;
	align-self: flex-start;
}

filter .filterheader {
	cursor: pointer;
    width: 100%;
}

filter .filterheader::before {
	content: "\E316";
	color: #333;
	font-size: 1.4em;
	position: relative;
	left: 90%;
	top: 7px;
}

filter .filterheader[collapsed="true"]::before {
	content: "\E313"
}

filter {
	display: block;
	border-bottom: 1px solid #e0e0e0;
}

filter .check-uncheck {
	font-size: .8em;
	cursor: pointer;
}

filters h2 {
	margin-top: 15px;
}

filter h4 {
	margin: 15px 0 10px;
}

filters .tidesigns-filter-menu-subtitle-header {
	padding: 60px 7px 15px 7px;
	border-bottom: 3px solid #118899;
	margin-bottom: 0;
}

filters .tidesigns-filter-menu-subtitle {
	font-weight: 400;
}

.ti_results-filters-top,
.ti_results-top {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 60px;
	border-bottom: 3px solid #189;
}

filters .top {
	border-bottom: 3px solid #189;
	display: flex;
	padding: 0.42em 0.2em;
}

filters .top button {
	flex-direction: row;
}

filters .top button:last-child {
	margin-left: auto;
}

filters button {
	background: none;
	border: none;
	border-radius: 0.2em;
	color: #189;
	cursor: pointer;
	font-weight: 400;
	margin: 5px;
}

filters button:hover {
	background: #f0f0f0;
}

loading .loader {
	color: #189;
	font-size: 40px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 72px auto;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
	0% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}

@keyframes load6 {
	0% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}

@-webkit-keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

market-filter .nested {
	position: relative;
	left: 30px;
}

market-filter .again::before {
	content: "\231E";
	position: absolute;
	top: -34px;
	left: -17px;
	font-size: 45px;
	display: inline;
	color: #555;
}

market-filter .nestedbutton {
	max-width: 83%;
	border-radius: 3px;
	display: inline-block;
	background-color: #f9f9f9;
	border: 1px solid silver;
	color: #189;
	margin-bottom: 5px;
}

market-filter .filter-path {
	display: inline-block;
	width: 100%;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 6px;
	margin: 5px 0 18px 0;
}

market-filter .filter-path > ul > li {
	list-style-type: none;
	background: none;
	margin: 0 0 0 -15px;
	float: left;
}

market-filter .filter-path ul li ul {
	margin-top: 0;
}

market-filter .filter-path ul li ul li {
	background: transparent url(https://www.ti.com/assets/images/hierarchy-indicator.png) no-repeat scroll .5em -.25em;
	padding-left: 1.5em;
	margin-top: -0.25em;
	list-style-type: none;
	padding-top: 0;
}

market-filter .filter-path button {
	margin: 5px 5px 5px 0;
	padding: 5px 10px 5px 7px;
	font-weight: 400;
	font-size: 0.9em;
	min-width: 50%;
	overflow: visible;
	white-space: normal;
	text-align: left;
}

market-filter .filter-path button:before {
	content: "\00d7";
	color: #555;
	font-size: 1.2em;
	margin: -0.5em -0.1em -.5em 0;
	padding: .3em 0 0 .75em;
	float: right;
	*line-height: normal;
}

market-filter .filter-item label {
	padding: 2px 8px;
}

market-filter .filter-path .nestedbutton {
	padding: 2px 5px 2px 10px;
}

market-filter .filter-input-fields .filter-item {
	margin-bottom: 1em;
}

market-filter .filter-path .nested .nestedbutton {
	padding: 10px 5px 2px 10px;
}

market-filter .nestedbutton > button {
	color: #555;
}

market-filter .button {
	background-color: #ffffff;
	border: 1px solid silver;
	color: #118899;
	height: auto;
}

market-filter .button:hover {
	background-color: #f0f0f0;
	color: #118899;
	border: 1px solid silver;
}

market-filter .button,
product-filter .button {
	line-height: normal;
}

market-filter ul,
product-filter ul {
	margin: 0 0 0 1em;
}

product-filter .nested {
	position: relative;
	left: 30px;
}

product-filter .again::before {
	content: "\231E";
	position: absolute;
	top: -37px;
	left: -16px;
	font-size: 45px;
	display: inline;
	color: #555;
}

product-filter .filter-item {
	margin-bottom: 1em;
}

product-filter .filter-item label {
	padding: 2px 8px;
}

product-filter .filter-input-fields {
	overflow-x: visible;
	overflow-y: scroll;
	max-height: 12.5em;
}

product-filter .filter-input-fields .field-item {
	margin-bottom: 1em;
}

product-filter .nestedbutton {
	max-width: 250px;
	border-radius: 3px;
	display: inline-block;
	background-color: #f9f9f9;
	border: 1px solid silver;
	color: #189;
	margin-bottom: 5px;
	padding-left: 10px;
}

product-filter .nestedbutton > button {
	color: #555;
}

product-filter .filter-path {
	display: inline-block;
	width: 100%;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 6px;
	margin: 5px 0 18px 0;

}

product-filter .filter-path > ul > li {
	list-style-type: none;
	background: none;
	margin: 0px;
	float: left;
}

product-filter .filter-path > ul > li:first-child {
	margin: 0 0 0 -15px;
}

product-filter .filter-path ul li ul {
	margin-top: 0;
}

product-filter .filter-path ul li ul li {
	background: transparent url(https://www.ti.com/assets/images/hierarchy-indicator.png) no-repeat scroll .5em -.25em;
	padding-left: 1.5em;
	margin-top: -0.25em;
	padding-top: 0;
}

product-filter .filter-path button {
	margin: 5px 5px 5px 0;
	padding: 5px 10px 5px 7px;
	font-weight: 400;
	font-size: 0.9em;
	min-width: 50%;
	overflow: visible;
	white-space: normal;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid silver;
	color: #118899;
	line-height: 2;
	height: auto;
}

product-filter .filter-path .button:hover {
	background-color: #f0f0f0;
	color: #118899;
	border: 1px solid silver;
}

product-filter .filter-path .button:before {
	content: "\00d7";
	color: #555;
	font-size: 1.2em;
	margin: -0.5em -0.1em -.5em 0;
	padding: .3em 0 0 .75em;
	*line-height: normal;
	float: right;
}

quicksearch #quicksearchright .row {
	display: flex;
	flex-direction: row;
	margin: 0;
}

quicksearch fieldset {
	border-radius: 5px;
	border: 1px dotted #ccc;
	margin: 10px 0 0 10px;
	padding: 15px;
	position: relative;
}

quicksearch fieldset legend {
	position: absolute;
	top: -15px;
	left: 10px;
	padding: 2px 5px;
	background: #f9f9f9;
}

quicksearch fieldset checkbox {
	margin: 0 1px 0 0;
}

quicksearch .search-field-container.row {
	margin: 0 0 6px;
}

quicksearch .quick-search-input-box {
	display: flex;
	flex-direction: row;
}

quicksearch .quick-search-input-box > span,
quicksearch .quick-search-input-box > checkbox {
	align-self: baseline;
}

quicksearch .quick-search-input-box > checkbox {
	margin: 4px 0 0;
}

quicksearch .quick-search-input-box > span {
	align-self: flex-end;
	margin: 0 8px;
}

quicksearch .quick-search-input-box > div {
	display: flex;
	flex-direction: row;
	margin: 10px 0
}

quicksearch .quick-search-input-box > div > span,
quicksearch .quick-search-input-box > div > checkbox {
	align-self: baseline;
}

quicksearch .quick-search-input-box div > span {
	margin: 0 6px;
	align-self: flex-end;
}

quicksearch .quick-search-right div > span {
	margin: 6px 6px 0;
}

quicksearch .row.quick-search-divider {
	margin: 0;
}

quicksearch .quick-search-sectors select {
	width: 100%;
}

quicksearch .quick-search-products select {
	width: 100%;
}

quicksearch .row.quick-search-divider hr {
	width: 99%;
	margin: auto;
	border-bottom: 1px dotted #e0e0e0;
}

quicksearch #main {
	padding: 15px 0 0;
	width: 100%;
	display: flex;
}

quicksearch .button-container {
	margin: 0 0 6px;
	padding: 0;
	width: 92.5%;
}

quicksearch .button-container .button {
	float: right;
	font-weight: 400;
}

quicksearch form {
	display: table;
}

quicksearch p {
	display: table-row;
	text-align: right;
}

quicksearch label {
	display: table-cell;
	text-align: right;
}

quicksearch input[type=text] {
	margin: 4px 4px 6px 10px;
}

quicksearch input[name="q"] {
	width: 100%;
}

quicksearch .quick-search-bar {
	width: 400px;
	position: relative;
}

quicksearch .quick-search-bar:before {
	content: "\e8b6";
	position: absolute;
	right: -6px;
	top: 11px;
	font-size: 1.4em;
}

quicksearch input {
	display: table-cell;
}

quicksearch button {
	margin: 1em;
}

quicksearch select {
	margin: 10px;
}

quicksearch #quicksearchleft h3,
quicksearch #quicksearchright h3 {
	margin: -6px 10px 10px 10px;
}

quicksearch #quicksearchright {
	margin: 0;
	padding: 0 0 0 16px;
	border-left: 1px dotted #e0e0e0;
}

quicksearch .quick-search-form-container {
	display: flex;
	width: 100%;
}

quicksearch .quick-search-left,
quicksearch .quick-search-right {
	flex-direction: row;
}

quicksearch .quick-search-left .field-row,
quicksearch .quick-search-right .field-row {
	display: flex;
	flex-direction: row;
}

quicksearch .field-row label,
quicksearch .field-row input {
	align-self: flex-start;
	width: 100px;
}

quicksearch .quick-search-right fieldset:first-of-type .field-row label {
	width: 70px;
}

quicksearch .field-row input {
	margin: 0 4px 16px;
}

quicksearch .quick-search-left {
	width: 430px;
	margin: 0 16px 0 0
}

quicksearch .quick-search-right {
	width: 85%;
}

quicksearch .quick-search-right input {
	width: 5em;
}

quicksearch .clear:after {
	clear: both;
	display: table;
	content: "";
}

quicksearch table,
quicksearch th,
quicksearch td {
	border: 1px solid black;
}

quicksearch {
	background: #f9f9f9;
	border-top: 3px solid #999;
	border-bottom: 1px solid #e0e0e0;
	display: block;
	color: #555;
	margin-bottom: 30px;
	padding: 10px 20px 0;
}

quicksearch .hide {
	display: none;
}

quicksearch.collapse {
	padding: 0;
}

quicksearch h2,
quicksearch h3 {
	font-weight: 400;
	line-height: 150%;
	margin: 10px;
}

.ti-quick-searches {
	width: auto;
}

raw .highlight {
	background-color: #ff6;
}

raw {
	font-weight: 400;
}

results .results-main-container {
	position: relative;
}

results th.sortable {
	cursor: pointer;
	position: relative;
}

results th.sortable span::before {
	color: #189;
	font-size: 1.2em;
	font-weight: bold;
	position: absolute;
	left: 1%;
	top: 30%;
}

results th.sortable.asc span::before {
	content: "\e5db";
}

results th.sortable.desc span::before {
	content: "\e5d8";
}

results .market {
	width: 190px;
}

results .numbers {
	width: 57px;
}

results .sticky-results {
	background: #fff;
	position: absolute;
	top: 0;
	z-index: 12;
	width: 100%;
}

results .icon-dash:after {
	content:'\e15b';
}

results .ti-icon-dash {
	font-family: 'Material Icons', sans-serif;
	font-size: 1.5em;
}

results .results-table > tbody:hover {
	cursor: pointer;
}

results .results-table > .expandedColor > tr > td {
	border: none;
}

results p {
	margin: 1px;
}

results .results-table > thead {
	background: #f9f9f9;
	font-weight: 400;
	font-size: 0.85em;
	text-align: left;
}

results .results-table {
	width: 100%;
}

results .results-table .product-header {
	width: 200px;
}

results .results-table .topology-header {
	width: 190px;
}

results .results-table > tbody {
	border-top: 1px solid #ddd;
}

results .results-table > tbody > tr > td,
results .results-table > thead > tr > th {
	border: 0;
	padding: 8px 8px 8px 18px;
	border-bottom: 1px solid #e0e0e0;
}

results .results-table > thead > tr > th {
	font-weight: 400;
	border-bottom: 3px solid #e0e0e0;
	text-align: left;
}

results .results-table > tbody > tr > td > div {
	width: 100%;
}

results .results-table > tbody:hover {
	background-color: #edf7f8;
}

results .results-table > tbody td.results-table-row-details {
	padding: 0;
}

results .results-header {
	border-bottom: 3px solid #189;
	display: flex;
	padding: 4px 2px;
}

results .results-header-total {
	padding: 10px 10px 10px 3px;
}

results .results-header-matches-span,
results .results-header-total span {
	font-weight: 400;
}

results .results-header div,
results .results-header button {
	flex-direction: row;
}

results .results-header-email {
	margin-left: auto;
}

results .results-filter-label {
	margin: 0 0 6px;
	display: block;
	text-align: left;
}

results .results-filter-field-container {
	width: auto;
	float: left;
	position: relative;
}

results .results-filter-field-container input {
	width: 14em;
	padding: .25em .3em;
}

results .results-filter-field-container:before {
	position: absolute;
	right: .2em;
	top: .45em;
	font-size: 1.4em;
	content: "\e8b6";
}

results button,
results .button {
	background: none;
	border: none;
	border-radius: 0.2em;
	color: #189;
	cursor: pointer;
	font-weight: 400;
	margin: 5px;
}

results button:hover,
results .button:hover {
	background: #f0f0f0;
}

row-detail .close-btn {
	position: absolute;
	top: 2px;
	right: 24px;
	padding: 10px;
	cursor: pointer;
}

row-detail .viewDesign {
	font-weight: 400;
}

row-detail div a {
	line-height: 1.5;
	font-weight: 400;
}

row-detail .innerDetail {
	border: 1px solid #ddd;
	background-color: white;
	padding: 15px;
}

row-detail .innerTable {
	background-color: white;
}

row-detail .innerTable > thead {
	border-bottom: 3px solid #e0e0e0;
	background-color: #f9f9f9;
}

row-detail .innerTable th,
row-detail .innerTable td {
	border: 1px solid #ddd;
	padding: 8px;
}

row-detail .results-row-details {
	cursor: default;
	position: relative;
	background: #fff;
	padding: 35px;
	border-top: 1px dotted #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

row-detail .results-row-details-info-top {
	display: flex;
	flex-direction: row;
}

row-detail .results-row-details-image,
row-detail .results-row-details-description,
row-detail .results-row-details-action {
	margin: 0 50px 0 0;
}

row-detail .results-row-details-image {
	width: 15%;
}

row-detail .results-row-details-image img {
	max-width: 100%;
	max-height: 300px;
}

row-detail .results-row-details-description {
	width: 45%;
	display: flex;
	flex-direction: column;
}

row-detail .results-row-details-view-design {
	align-self: flex-start;
	padding: 8px 4px 8px 0;
}

row-detail .results-row-details-action {
	width: 40%;
	display: flex;
	flex-direction: row;
}

row-detail .results-row-details-action ul {
	list-style: none;
}

row-detail .results-row-details-action ul > li {
	padding-left: 0;
	background: none;
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

row-detail .lit-overlay {
	position: absolute;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	left: 0;
	font-size: 0.9em;
	z-index: 50;
	width: 300px;
	display: none;
}

row-detail .lit-overlay .overlay-header {
	position: relative;
}

row-detail .lit-overlay-title {
	padding: 15px 20px 0;
}

row-detail .lit-overlay .close-btn {
	position: absolute;
	right: 0;
}

row-detail .lit-overlay ul {
	margin: 10px auto 0;
	padding: 0 20px 10px;
	float: left;
	width: 94%;
}

row-detail .lit-overlay ul li {
	border-bottom: 1px dotted #ccc;
}

row-detail .lit-overlay ul li:last-of-type {
	border-bottom: none;
}

row-detail .lit-overlay ul li a {
	padding: 5px 0;
	display: block;
}

row-detail .lit-overlay.show {
	display: block;
}

row-detail .results-row-details-action ul.docs li {
	background: none no-repeat;
}

row-detail .results-row-details-action > div {
	align-self: flex-start;
}

row-detail .results-row-details-action > div:last-of-type {
	margin-left: auto;
}

row-detail .results-row-details-parameters {
	padding-top: 25px;
	margin-top: 15px;
}

row-detail .results-row-details-parameters table {
	width: 100%;
}

row-detail .sticky-header-container {
	position: relative;
	padding-top: 4em;
	background: #f0f0f0;
	border: 1px solid #e0e0e0;
}

row-detail .sticky-header-container .constraint {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 14.5em;
	min-width: 450px;
}

row-detail .sticky-header-container table {
	background: #fff;
}

row-detail .sticky-header-container table thead th:first-child, .sticky-header-container table tbody td:first-child {
	/*background: #f0f0f0;*/
}

row-detail .sticky-header-container table thead {
	margin-top: -2px;
}

row-detail .sticky-header-container table th div {
	position: absolute;
	border-left: 1px solid #e0e0e0;
	padding: 1em 0.8em 2.5em;
	margin: auto auto auto -0.52em;
	top: 0;
	color: #333;
	line-height: 1.2;
	width: 12%;
	font-weight: 400;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	row-detail .sticky-header-container .constraint {
		margin-left: -0.02em;
	}

	row-detail .sticky-header-container table th div {
		margin: auto auto auto -0.48em;
	}
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	row-detail .sticky-header-container .constraint {
		margin-left: -0.02em;
	}

	row-detail .sticky-header-container table th div {
		margin: auto auto auto -0.4em;
	}
}

row-detail .sticky-header-container table thead tr:first-child th {
	height: 0;
	line-height: 0;
	text-align: left;
	padding: 0 0 0 6px;
	margin: -4px 0;
	color: transparent;
	border: 0;
	font-size: 1em;
}

row-detail .sticky-header-container table tbody tr:first-child {
	line-height: 1;
}

row-detail .sticky-header-container table tbody td {
	padding: 0.8em;
	border: 1px solid #e0e0e0;
}

row-detail .cta-order {
	color: #cc0000;
}

@media only screen and (max-width: 1600px) {
	row-detail .sticky-header-container {
		padding-top: 4.4em;
	}

	row-detail .sticky-header-container table th div {
		width: 10.2%;
		padding: 1.1em 0 4em 0.4em;
		font-size: 0.96em;
	}
}

@media only screen and (max-width: 1588px) {
	row-detail .sticky-header-container table th div {
		width: 10%;
	}
}

value-prop h1 span {
	color: #c00;
}

.showMore button{
	background: #FFFFFF;
	border: none;
	border-radius: 0.2em;
	color: #189;
	cursor: pointer;
	margin: 5px;
}

.showMore button:hover,
.showMore .button:hover {
	background: #f0f0f0;
}

.cnt.lesss {
	display: none !important;
}

div.showMore {
	font-size: .9em;
	border: none;
	text-align: center;
	height: 0px;
	margin: -1.50em 0 0 0;
	position: absolute;
	left: 50%;
	z-index: 101;
}

div.showMore span {
	position: relative;
	font-weight: 400;
	color: #189;
	padding: 0 .5em;
	border-radius: .2em;
	cursor: pointer;
	text-decoration: none;
	z-index: 1;
}

/* Temporary AEM fixes for product portal TID component*/
.ti_left-nav.is-collapsed {
	position: absolute;
}

.ti_left-nav.is-collapsed ~ .portal {
	width: 98%;
	padding-left: 40px;
}

.pageGroup {
	width: 100%;
}

.portal {
	width: calc(100% - 260px);
}

.portal > .content {
	width: auto;
}
container.newrefdesignselectiontool {
	margin: 0;
}
container.newrefdesignselectiontool quicksearch {
	visibility: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}
container.newrefdesignselectiontool ul {
	list-style: none;
}

container.newrefdesignselectiontool bottom .filters {
	width: 22%;
}

container.newrefdesignselectiontool filter .label {
	top: 4px;
}

container.newrefdesignselectiontool filters .top {
	padding: 0.34em 0.2em;
}

container.newrefdesignselectiontool results .results-header {
	padding: 0.38em 0.2em;
}

container.newrefdesignselectiontool filters button,
container.newrefdesignselectiontool .results-header button {
	*font-size: .8em;
}

container.newrefdesignselectiontool *:before {
	float: left;
}

container.newrefdesignselectiontool .filter-path button {
	margin: 5px 5px 5px 0;
	padding: 5px 10px 5px 7px;
	font-weight: 400;
	font-size: 0.9em;
	min-width: 50%;
	overflow: visible;
	white-space: normal;
	text-align: left;
	background-color: #f9f9f9;
	border: 1px solid silver;
}

container.newrefdesignselectiontool .filter-path button[disabled="disabled"] {
	color: #fff;
	cursor: default;
	background-color: #ccc;
	border-color: #ccc;
}

container.newrefdesignselectiontool .filter-path button[disabled="disabled"]:before {
	content: "";
}

.refdesign-all-search-box {
	text-align: right;
	margin-bottom: -25px;
}

container.newrefdesignselectiontool .button.search-refdesign-all {
	border: #b9b9b9;
}

container.newrefdesignselectiontool results .results-filter-field-container:before {
	top: .55em;
}

/** -- Temporary location until clientlib-all.css file is added to reference design selection tool index.html --
* --------------------------------------------------------------------------
* Updated Tooltip hover and toggle with carrot
* --------------------------------------------------------------------------
*/
.ti-refdesign-tooltip-container {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.ti-refdesign-tooltip-container .close {
	float: right;
	margin-top: -18px;
}
.ti-refdesign-tooltip-content {
	position: absolute;
	display: none;
	white-space: pre-wrap;
	padding: 1rem;
	font-size: 0.98em;
	font-weight: 100;
	line-height: 1;
	color: #333333;
	background-color: #ffffff;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.09), 0 3px 4px 0 rgba(0, 0, 0, 0.11), 0 3px 3px -2px rgba(0, 0, 0, 0.09);
	box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.09), 0 3px 4px 0 rgba(0, 0, 0, 0.11), 0 3px 3px -2px rgba(0, 0, 0, 0.09);
	-webkit-transform: translate(-12px, -10px);
	transform: translate(-12px, -10px); /* carrot */ /* carrot shadow */
	left: 10px;
	width: 600px;
	text-align: left;
	top: 10px;
}

.ti-refdesign-tooltip-trigger {
	position: relative;
	z-index: 3;
}

.ti-refdesign-tooltip-trigger.mod-hover,
.ti-refdesign-tooltip-trigger.mod-click {
	cursor: pointer;
}

.ti-refdesign-tooltip-trigger.mod-hover:hover + .ti-refdesign-tooltip-content,
.ti-refdesign-tooltip-trigger.mod-focus:focus + .ti-refdesign-tooltip-content,
.ti-refdesign-tooltip-checkbox:checked + .ti-refdesign-tooltip-content {
	display: inline-block;
	z-index: 2; opacity: 1;
	-webkit-transform: translate(12px, -10px);
	transform: translate(12px, -10px);
	-webkit-animation: tooltip-show 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	animation: tooltip-show 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	padding: 20px 20px 30px 20px;
}

@-webkit-keyframes tooltip-show { from { z-index: -1;
    -webkit-transform: translate(-12px, -10px);
            transform: translate(-12px, -10px);
    opacity: 0; }
  to { z-index: 2;
    -webkit-transform: translate(12px, -10px);
            transform: translate(12px, -10px);
    opacity: 1; } }

@keyframes tooltip-show { from { z-index: -1;
    -webkit-transform: translate(-12px, -10px);
            transform: translate(-12px, -10px);
    opacity: 0; }
  to { z-index: 2;
    -webkit-transform: translate(12px, -10px);
            transform: translate(12px, -10px);
    opacity: 1; } }

/**
* --------------------------------------------------------------------------
* !Legacy tooltip style
* --------------------------------------------------------------------------
*/

.tooltip .tooltip-content { 
	position: absolute; 
	background: #118899; 
	border-radius: .2em; 
	color: #ffffff; 
	font-size: .9em; 
	padding: .5em 1em; 
	opacity: 0; 
	max-width: 500px; 
	max-height: 0; 
	margin: 0; 
	-webkit-transition: opacity .2s, 
	max-height .2s, margin .2s; 
	transition: opacity .2s, 
	max-height .2s, 
	margin .2s; 
}

.tooltip a + .tooltip-content, .tooltip img + .tooltip-content { 
	margin-top: .5em; 
	z-index: -1; 
}

.tooltip input:focus + .tooltip-content, 
.tooltip textarea:focus + .tooltip-content, 
.tooltip a:hover + .tooltip-content, 
.tooltip img:hover + .tooltip-content { 
	opacity: 1; 
	max-height: 200px; 
	margin-left: 1.5em; 
	z-index: 1; 
}

.filters .highlight,
.results-table .highlight {
	background: #edf7f8;
}

.results-table .highlight {
	-webkit-animation: fadeOut 4s 2s forwards;
	-moz-animation: fadeOut 4s 2s forwards;
  	animation: fadeOut 4s 2s forwards;
}

@-webkit-keyframes fadeOut {
	50% {
	  background: #edf7f8;
	}
	100% {
	  background: rgba(237, 247, 248, 0);
	}
}

@-moz-keyframes fadeOut {
	50% {
	  background: #edf7f8;
	}
	100% {
	  background: rgba(237, 247, 248, 0);
	}
}
  
@keyframes fadeOut {
	50% {
	  background: #edf7f8;
	}
	100% {
	  background: rgba(237, 247, 248, 0);
	}
}