#hero-devicelookup1,
#hero-devicelookup2 {
	color: #4c4c4c;
}

#hero-devicelookup2 {
	background-color: #f7f7f7;
}

#hero-devicelookup1 .getinfo {
	padding: 25px 10px 10px 20px;
	border-left: 1px solid #a6a6a6;
	min-height: 240px;
}

.getinfo div {
	display: block;
	margin: 0 0 25px 0;
	position: relative;
	height: 40px;
}

.getinfo div>span {
	float: left;
	position: relative;
	clear: both;
}

.getinfo input {
	color: #555;
	height: 40px;
	width: 90%;
	position: relative;
	clear: both;
	float: left;
	line-height: 15px;
	padding: 0 0 0 10px;
	margin-top: 2px;
	border: 1px solid #E5E5E5;
	background: #FBFBFB;
	-webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
	box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
}

.getinfo input:focus {
	border-color: #a0a0a0;
	background: #FFFFFF;
}

.ui-helper-hidden-accessible {
	display: none;
}

.ui-autocomplete {
	position: absolute;
	z-index: 60;
	float: left;
	display: none;
	min-width: 160px;
	_width: 160px;
	max-height: 200px;
	overflow: hidden;
	list-style: none;
	background-color: #f1f1f1;
	border: 1px solid #a0a0a0;
	border-top-width: 0px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	padding: 0;
	margin: 5px 0;
}

.ui-menu-item>a.ui-corner-all {
	display: block;
	padding: 7px 0 0 10px;
	white-space: nowrap;
}

.ui-menu-item:first-child {}

.ui-state-hover,
.ui-state-focus,
.ui-state-active {
	background-color: #cdcdcd;
}

#hero-devicelookup1 .getinfo .helptip {
	width: 34px;
	height: 34px;
	position: relative;
	float: left;
	background: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/primary/icon-questionmark-25x25-v1.png') no-repeat left 6px top 9px;
	opacity: .6;
	-webkit-transition: 300ms ease-in-out;
	-moz-transition: 150ms ease-in-out;
	-o-transition: 150ms ease-in-out;
	-ms-transition: 150ms ease-in-out;
	transition: 150ms ease-in-out;
}

#hero-devicelookup1 .tooltip-tip {
	width: 388px;
	min-height: 100px;
	color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	display: table;
	opacity: 1;
	left: -393px;
}

div.helptip-man div.tooltip-tip {
	top: -60px;
}

div.helptip-mod div.tooltip-tip {
	top: -130px;
}

#hero-devicelookup1 .tooltip-tip img {
	border: 0;
	width: 100%;
	max-width: 368px;
}

#hero-devicelookup1 p.title {
	border-bottom: 1px solid;
	#FFFFFF;
	font-size: 120%;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#hero-devicelookup1 .tooltip-tip:after {
	content: '';
	position: absolute;
	left: 100%;
	margin-top: -8px;
	width: 0;
	height: 0;
	border-left: 8px solid #000000;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

div.helptip-man div.tooltip-tip:after {
	top: 80px;
}

div.helptip-mod div.tooltip-tip:after {
	top: 150px;
}

#hero-devicelookup1 .helptip:hover {
	opacity: 1;
	cursor: hand;
	cursor: ponter;
}

.compatibility {
	padding-top: 40px;
	width: 100%;
	min-height: 300px;
}

#hero-connecteddevices .compatibility {
	background: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/primary/wireframe-connecteddevices-500x300-v1.png') no-repeat right 0px top 10px;
}

.compatibility h2,
.compatibility h3 {
	padding: 0 10px 0 0;
	width: 100%;
	margin: 0 0 20px 0;
}

.compatibility p {
	padding: 0;
	margin: 0 0 10px 0;
}

.compatibility .button {
	margin: 30px 10px 10px 0;
}

#searchbtn.disabled,
#searchbtn.disabled:hover,
#searchbtn.disabled:active {
	opacity: .5;
	cursor: default;
}

.lookupexamples {
	margin: 0 auto !important;
	clear: both;
	display: table;
	width: 100%;
	border-top: 1px solid #a6a6a6;
}

.lookupexamples p.title {
	height: 0px;
	margin: 5px 0 15px 0;
	padding: 0;
}

.lookupexamples ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.lookupexamples li {
	width: 16.66%;
	text-align: center;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	opacity: 0.5;
	-webkit-transition: 300ms ease-in-out;
	-moz-transition: 300ms ease-in-out;
	-o-transition: 300ms ease-in-out;
	-ms-transition: 300ms ease-in-out;
	transition: 300ms ease-in-out;
}

.lookupexamples li.le-double {
	width: 25% !important;
}

.lookupexamples li.le-double:first-child {
	margin-left: 100px;
}

.lookupexamples li:hover {
	opacity: 1;
}

.lookupexamples li img {
	border: 0;
	margin: 0;
	padding: 0;
	width: 70px;
	height: 70px;
}

.lookupexamples li p {
	position: relative;
	top: -10px;
	margin: 0;
	padding: 0;
}

.lookupexamples .fadeout {
	height: 80px;
}

#hero-devicelookup2 .downarrow-blk {
	position: relative;
	top: -80px;
	height: 80px;
}

#hero-connecteddevices .downarrow-wht,
#hero-devicekeyboard .downarrow-blk {
	height: 35px;
}

.results {
	display: none;
}

#lookupresults {
	display: grid;
}
#lookupresults .cellTit {
	position: relative;
}

#lookupresults .deviceFeedback {
	position: absolute;
	top: 1px;
	left: -30px;
	width: 30px;
	padding: 5px 0 0 5px;
	border: 0px;
	border-right: 1px solid #800000;
	background: none !important;
	border-right: 1px solid #BBB;
}

#lookupresults div.cellTit p {
	line-height: 1em;
}

#lookupresults .deviceFeedback .tab {
	width: 14px;
	height: 40px;
	display: table;
	background-color: #E9E9E9;
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-radius: 8px 0px 0px 8px;
	-moz-border-radius: 8px 0px 0px 8px;
	-webkit-border-radius: 8px 0px 0px 8px;
	overflow: hidden;
}

#lookupresults .deviceFeedback .tab img {
	margin: 12px 4px 0 5px;
	opacity: .6;
	-webkit-transition: 300ms ease-in-out;
	-moz-transition: 300ms ease-in-out;
	-o-transition: 300ms ease-in-out;
	-ms-transition: 300ms ease-in-out;
	transition: 300ms ease-in-out;
}

#lookupresults .deviceFeedback:hover {}

#lookupresults .deviceFeedback:hover img {
	opacity: 1;
}

.deviceFeedback .tooltip-tip {
	top: -9px;
	margin-left: 15px;
	padding: 20px;
	background-color: #000000 !important;
	color: #FFFFFF;
	display: block;
	font-size: 120%;
	opacity: .9;
	width: 450px !important;
	height: 112px !important;
}

.deviceFeedback .tooltip-tip:after {
	content: " ";
	right: 100%;
	top: 34px;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #000000;
	opacity: .9;
	border-width: 8px;
	margin-top: -8px;
}

.deviceFeedback .tooltip-tip .answers {
	width: 90%;
	display: table;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 15px 0 5px 0;
	color: #10D1AB;
}

.deviceFeedback .tooltip-tip .answers .yes,
.deviceFeedback .tooltip-tip .answers .no {
	margin: 0 10px;
	padding: 5px;
}

.deviceFeedback .tooltip-tip .answers .yes:hover,
.deviceFeedback .tooltip-tip .answers .no:hover {
	cursor: hand;
	cursor: pointer;
	border-bottom: 2px solid #10D1AB;
}

.lookuptable {
	display: none;
	border-top: 1px solid #a6a6a6;
	width: 100%;
}

.lookuptable h3,
.lookuptable p.intro {
	text-align: center;
	margin: 5px;
}

.lookuptable .chart {
	list-style-type: none;
	width: 100%;
	margin: 20px 0 0px 0;
	padding: 0;
	min-width: 517px;
	position: relative;
}

.lookuptable .chart li {
	clear: both;
}

.lookuptable .chart li div {
	float: left;
	min-height: 55px;
	-webkit-transition: 300ms ease-in-out;
	-moz-transition: 150ms ease-in-out;
	-o-transition: 150ms ease-in-out;
	-ms-transition: 150ms ease-in-out;
	transition: 150ms ease-in-out;
}

.lookuptable .chart li.moreHeight div {
	min-height: 90px;
}

.lookuptable .chart li div p {
	line-height: 1.4em;
}

.lookuptable .chart-tall li div {
	min-height: 90px;
}

.lookuptable .chart li.header>div {
	height: 150px;
	border-left: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	font-size: 140%;
	line-height: 135%;
	text-align: center;
	padding: 5px 5px 0 5px;
	background-repeat: no-repeat;
	background-position: bottom -140px right 15px;
}

.lookuptable .chart-grey li.header>div {
	background-color: #51504d;
	border-bottom-color: #40403d;
}

.lookuptable .chart-white li.header>div {
	background-color: #cdcdcd;
	border-bottom-color: #808080;
}

.lookuptable .chart li.header div.remotes-irremotes {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/products/tile-650-v1.png');
}

.lookuptable .chart li.header div.remotes-livingroom {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/products/tile-livingroom-v1.png');
}

.lookuptable .chart li.header div.remotes-livinghome {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/products/tile-livinghome-v1.png');
}

.lookuptable .chart li.header div.tooltip-tip {
	top: 65px;
	left: 5px;
	min-width: 182px;
}

#hero-devicelookup2 ul.chart li.header div.tooltip-tip {
	color: #FFFFFF;
}

.lookuptable .chart li.header div.tooltip-tip:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #000000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.lookuptable .chart-grey li:nth-child(odd):not(.header)>div {
	background-color: #75736F;
}

.lookuptable .chart-white li:nth-child(odd):not(.header)>div {
	background-color: #ececec;
}

.lookuptable .chart-white li:nth-child(even):not(.header)>div {
	background-color: #f7f7f7;
}

.lookuptable .chart-grey li:hover:not(.header)[loc]>div {
	cursor: pointer;
	cursor: hand;
	background-color: #51504d;
	border-color: #51504d;
}

#hero-devicekeyboard .lookuptable .chart-white li:hover:not(.header)>div {
	cursor: pointer;
	cursor: hand;
	background-color: #cdcdcd;
	border-color: #dbdbdb;
}

.lookuptable .chart-grey li div {
	border-style: solid;
	border-color: #75736F;
	border-width: 0px;
}

.lookuptable .chart-grey li div:not(:nth-child(4)):not(:nth-child(5)) {
	border-right-width: 1px;
}

.lookuptable .chart-white li div {
	border-style: solid;
	border-color: #dbdbdb;
	border-width: 0px;
}

.lookuptable .chart-white li div:not(:nth-child(4)):not(:nth-child(5)) {
	border-right-width: 1px;
}

.lookuptable .chart li div.title p:first-child {
	font-size: 130%;
	margin: 0;
	padding: 10px 5px 5px 10px;
}

.lookuptable .chart-grey li div.title p:first-child {
	color: #FFFFFF;
}

.lookuptable .chart-white li div.title p:first-child {
	color: #3c3c3c;
}

.lookuptable .chart-4wide li div.title p:not(:first-child) {
	font-size: 90%;
	margin: 0;
	padding: 2px 0 0 10px;
	opacity: .8;
}

.lookuptable .chart-3wide li div.title p:not(:first-child) {
	font-size: 90%;
	margin: 0;
	padding: 2px 0 0 10px;
	opacity: .8;
}

#hero-connecteddevices .lookuptable .chart li div {
	min-height: 75px;
}

#hero-connecteddevices .lookuptable .chart-4wide li div.title p:not(:first-child) {
	padding-right: 60px;
}

#hero-connecteddevices .lookuptable .chart-3wide li div.title p:not(:first-child) {
	padding-right: 60px;
}

.lookuptable .chart-4wide li div.title p:only-child,
.lookuptable .chart-3wide li div.title p:only-child {
	padding: 20px 5px 5px 10px;
}

.lookuptable .chart li div {
	background-position: bottom 8px right 10px;
	background-repeat: no-repeat;
}

.lookuptable .chart-grey li.philipshue>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/philips-hue-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.nestthermostat>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/nest-thermostat-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.ecobee>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/nest-thermostat-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.nestprotect>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/nest-protect-40x40-wht-trans-v2.png');
}

.lookuptable .chart-grey li.sonos>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/sonos-play1-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.lutronserena>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/generic-blinds-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.lutroncaseta>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/generic-bulb-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.lifx>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/generic-bulb-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.honeywellthermostat>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/generic-thermostat-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.augustlock>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/generic-lock-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.rheem>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/rheem-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.smartthings>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/smartthings-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.peq>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/peqlogo-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.qivicon>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/quivicon-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.ifttt>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/ifttt-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.hubextender>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/harmonyhubextender-40x40-wht-trans-v1.png');
}

.lookuptable .chart-4wide li div.title,
.lookuptable .chart-3wide li div.title {
	width: 40%;
	min-width: 200px;
}

.lookuptable .chart-4wide li div {
	width: 20%;
}

.lookuptable .chart-3wide li div {
	width: 20%;
}

.lookuptable .chart .moreinfo {
	width: 100%;
	padding: 20px 20px 40px 25px;
	border-top-width: 1px;
	border-color: #d4d4d4;
	border-style: dashed;
	background-position: top -10px left -10px;
	background-repeat: no-repeat;
}

.moreinfo div {
	width: 80% !important;
	border: 0px !important;
}

.moreinfo div img,
.moreinfo img.product {
	float: left;
	max-width: 20%;
	max-height: 200px;
	padding-right: 20px;
}

.moreinfo img.product:not(:first-of-type) {
	display: none;
}

.lookuptable .chart .iconalert {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/primary/icon-exclamation-85x85-blk-trans-v1.png');
}

.lookuptable .chart .iconstar {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/primary/icon-star-85x85-blk-trans-v1.png');
}

.lookuptable .chart .explanation {
	width: 60%;
	margin-left: width: -moz-calc(40% - 1px);
	margin-left: -webkit-calc(40% - 1px);
	margin-left: calc(40% - 1px);
	padding: 7px 5px 20px 7px;
	border-left: 1px solid #dbdbdb;
}

.lookuptable .chart li:note(.header) div:not(.title) {
	text-align: center;
	font-size: 200%;
	padding: 13px;
}

.lookuptable .chart li div.unknown,
.lookuptable .chart li div.notsupported,
.lookuptable .chart li div.check,
.lookuptable .chart li div.checkasterisk,
.lookuptable .chart li div.checknote,
.lookuptable .chart li div.upgrade,
.lookuptable .chart li div.upgradehub,
.lookuptable .chart li div.upgradeinapp {
	background-repeat: no-repeat;
	background-position: center;
}


/* 
                .lookuptable .chart-grey li div.check {
					background-image: url(https://images.logitech.com/smarthome/support/harmony/articles/v4/hero/compatibility/fa-check-v1.png);
                }
                .lookuptable .chart-white li div.check {
					background-image: url(https://images.logitech.com/smarthome/support/harmony/articles/v4/hero/compatibility/fa-check-v1.png);
                } 
                 .lookuptable .chart-white li div.checkasterisk {
					background-image: url(https://images.logitech.com/smarthome/support/harmony/articles/v4/hero/compatibility/fa-check-v1.png);
                } 
                .lookuptable .chart-white li div.checknote {
					background-image: url(https://images.logitech.com/smarthome/support/harmony/articles/v4/hero/compatibility/fa-exlamation-triangle-v1.png);
                } 
               
                .lookuptable .chart-grey li div.upgrade, .lookuptable .chart-grey li div.upgradeinapp, .lookuptable .chart-grey li div.upgradehub {
					background-image: url(https://images.logitech.com/smarthome/support/harmony/articles/v4/hero/compatibility/fa-arrow-up-v1.png);
				}
                
                .lookuptable .chart-white li div.upgrade, .lookuptable .chart-white li div.upgradeinapp, .lookuptable .chart-white li div.upgradehub {
 					background-image: url(https://images.logitech.com/smarthome/support/harmony/articles/v4/hero/compatibility/fa-arrow-up-v1.png);
                }            
                
                
                
                .lookuptable .chart-grey li div.notsupported {
					background-image: url(https://images.logitech.com/smarthome/support/harmony/articles/v4/hero/compatibility/fa-close-v1.png);
					background-size: 18px;
				}
                
                .lookuptable .chart-white li div.notsupported {
					background-image: url(https://images.logitech.com/smarthome/support/harmony/articles/v4/hero/compatibility/fa-close-v1.png);
					background-size: 18px;
				}
                */

div.icon-excl,
div.icon-x,
div.icon-check {
	display: none;
}

.deviceimg {
	display: none;
}

div.lookuptable ul.chart div.irexplanation-tip {
	position: absolute;
	background-color: #51504d;
	font-size: 11px;
	text-align: center;
	margin: 0;
	opacity: 0;
	z-index: 60;
	-webkit-transition: 300ms ease-in-out;
	-moz-transition: 300ms ease-in-out;
	-o-transition: 300ms ease-in-out;
	-ms-transition: 300ms ease-in-out;
	transition: 300ms ease-in-out;
}

div.lookuptable ul.chart-directcontrol div.irexplanation-tip {
	left: 41%;
	top: 165px;
	width: 170px;
	height: 300px;
	padding: 70px 5px 0 5px;
}

div.lookuptable ul.chart-automationplatforms div.irexplanation-tip {
	left: 41%;
	top: 165px;
	width: 170px;
	height: 240px;
	padding: 45px 5px 0 5px;
}

.lookuptable .chart li.more {
	border-top-width: 3px !important;
	border-top-style: solid !important;
	overflow: hidden;
}

.lookuptable .chart-grey li.more {
	background-color: #51504d;
	border-top-color: #40403d;
}

.lookuptable .chart-white li.more {
	background-color: #cdcdcd;
	border-top-color: #808080;
}

.lookuptable .chart li.more p {
	margin: 15px 0 20px 10px;
	float: left;
	font-size: 120%;
	padding: 0 40px 0 0;
}

.lookuptable .chart li.more a.button {
	float: left;
	margin: 20px 0 0 0;
}

#lastresultid,
#lastresultid:hover {
	color: #f7f7f7;
	font-size: 60%;
	cursor: default;
}

#hero-connecteddevices .lookuptable,
#hero-zigbeezwave .lookuptable {
	display: table;
}

#hero-connecteddevices .compatibility {
	background: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/products/section-hub-v1.png') no-repeat right 20px bottom 10px;
}

#hero-zigbeezwave .compatibility {
	background: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/products/section-hubandhubextender-v1.png') no-repeat right 20px bottom 10px;
}

.wireshot {
	float: left;
	height: 50px;
	width: 61px;
	background-color -webkit-transition: 150ms ease-in-out;
	-moz-transition: 150ms ease-in-out;
	-o-transition: 150ms ease-in-out;
	-ms-transition: 150ms ease-in-out;
	transition: 150ms ease-in-out;
}

.wireshot img {
	width: 100%;
	min-height: 100%;
}

.details {
	position: relative;
	float: left;
	width: 90%;
	-webkit-transition: 150ms ease-in-out;
	-moz-transition: 150ms ease-in-out;
	-o-transition: 150ms ease-in-out;
	-ms-transition: 150ms ease-in-out;
	transition: 150ms ease-in-out;
}

li.active .details .title.closeMe {
	background-image: url("https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/primary/icon-close-20x20-blk-trans40-v2.png");
	background-position: right top 10px;
	background-repeat: no-repeat;
}

li.active .details .title.closeMe:hover {
	background-image: url("https://images.logitech.com/smarthome/support/harmony/articles/v4/hero/compatibility/icon-close-20x20-red-v2.png");
}

.details.noWireshot {
	width: 100% !important;
	padding: 0 20px 0 60px;
}

.details .waitMe {
	position: absolute;
	right: 12px;
	top: 27px;
	width: 1px;
	height: 1px;
}

.details .title {
	padding: 16px 0 10px 0;
	font-size: 130%;
	-webkit-transition: 150ms ease-in-out;
	-moz-transition: 150ms ease-in-out;
	-o-transition: 150ms ease-in-out;
	-ms-transition: 150ms ease-in-out;
	transition: 150ms ease-in-out;
}


/* DISABLED - Displays icons next to zigbee/zwave unsupported devices
        ul.zigbeezwave li.false div.details {
            background: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/primary/icon-close-40x40-blk-v1.png') no-repeat right 20px top 8px;
        }
        
        ul.zigbeezwave li.partial div.details {
            background: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/primary/icon-questionmark-40x40-blk-v4.png') no-repeat right 20px top 8px;
        }
        */

ul.zigbeezwave li.active div.title {
	padding: 25px 0 10px 0;
	font-size: 150%;
	font-weight: 400;
}

.lookuptable li.active {
	border-bottom: 1px dashed #d1d1d1;
}

.details .about,
.details .note,
.details .pair,
.details .troubleshoot {
	display: none;
	margin: 10px 0 20px 0;
}

.details .pair .howto,
.details .troubleshoot .howto {
	display: none;
}

.details .showZZPair,
.details .showZZUnpair,
.details .showZZJoin,
span.ZZHideShowPair {
	color: #009CD4;
	cursor: hand;
	cursor: pointer;
}

.howto .title {
	font-weight: 400;
}

.howto .btnname {
	font-weight: bold;
}

li.active .about,
li.active .note,
li.active .pair,
li.active .troubleshoot {
	display: block;
}

.details .about hr {
	border: 0;
	height: 0;
	border-top: 1px solid #4d4d4d;
	margin-bottom: 10px;
}

@media only screen and (max-width: 980px) {
	.lookuptable li.active .wireshot {
		width: 100%;
		height: 232px;
		padding-left: calc(100%/2 - 140px);
	}
	.lookuptable li.active .wireshot img {
		width: 280px;
		height: 232px;
	}
	.lookuptable li.active .details {
		width: 100%;
	}
	.details {
		width: 80%;
	}
}

@media only screen and (min-width: 980px) {
	.lookuptable li.active .wireshot {
		height: 232px;
		width: 280px;
	}
	.lookuptable li.active .details {
		width: 670px;
	}
}

#hero-zigbeezwave .lookuptable {
	border-top: 1px solid #a6a6a6;
}

#hero-zigbeezwave .lookuptable h3 {
	text-transform: uppercase;
	font-size: 260%;
	font-weight: 400;
	text-align: center;
	padding: 50px 0 25px 0;
}

ul.zigbeezwave {
	list-style-type: none;
	width: 100%;
	padding: 0px;
}

ul.zigbeezwave li {
	margin: 0px;
	padding: 0px;
	background-color: #d7d7d7;
	min-height: 55px;
	overflow: hidden;
	-webkit-transition: 150ms ease-in-out;
	-moz-transition: 150ms ease-in-out;
	-o-transition: 150ms ease-in-out;
	-ms-transition: 150ms ease-in-out;
	transition: 150ms ease-in-out;
}

ul.zigbeezwave li:nth-child(even) {
	background-color: #cecece;
}

ul.zigbeezwave li:not(.active):hover {
	cursor: hand;
	cursor: pointer;
	background-color: #f1f1f1;
}

ul.zigbeezwave li .details div.closeMe:hover {
	cursor: hand;
	cursor: pointer;
}

ul.zigbeezwave li div.zzlidiv {
	width: 100%;
	float: left;
}

ul.zigbeezwave li.active {
	background-color: #f1f1f1;
	padding-bottom: 20px;
	border-top: 1px solid #4D4D4D;
	border-bottom: 1px solid #4D4D4D;
}

ul.zigbeezwave li.supported-no {
	display: none;
}

ul.zigbeezwave li.supported-no img {
	opacity: .5;
}

ul.zigbeezwave li.supported-no .title {
	opacity: .6;
}

ul.zigbeezwave li.supported-no .about {
	color: #737373;
}

#hero-devicelookup2 div.moreinfo img.ZZ.product {
	display: none;
}

@media only screen and (max-width: 500px) {
	div#hubextender {
		margin-bottom: 20px !important;
	}
}

a.button.pairBtn {
	margin-bottom: 20px;
}

#lookupoptions+.lookupexamples {
	margin: auto !important;
}

.site-wrapper.mp-pushed~div,
.site-wrapper.mp-pushed~footer {
	display: none;
}

#lookupresults .linkteal {
	min-height: 75px;
}

div#lookupoptions a.button {
	display: none;
}

span.ZZHideShowPair:hover {
	color: #005672;
}

.b-modal.__b-popup1__ {
	pointer-events: none;
}

a.button,
button#searchButton {
	color: #fff;
	background-color: #00B8FC;
	border: solid 2px #00B8FC;
	display: inline-block !important;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	padding: 5px;
}

a.button:hover {
	color: #00B8FC;
	background-color: #fff;
	border: solid 2px #00B8FC;
}

a.button:focus {
	text-decoration: none;
	border: solid 2px #00B8FC !important;
}

button#searchButton {
	margin-top: 10px;
	width: 90px;
	height: 35px;
}

#man,
#mod {
	font-family: Brown, Helvetica, Arial, sans-serif;
}

div#lookupoptions img {
	max-width: 800px;
	margin-top: 10px;
}

div#lookupoptions {
	display: none;
	background-color: #f7f7f7;
	max-width: 1000px;
	padding: 0px 20px 15px 20px;
	z-index: -1;
	overflow-y: scroll;
	margin-top: 25px;
}

.needhelp {
	position: absolute;
	background-color: #c3c6c8;
	width: 100%;
	margin-left: -20px;
	margin-top: 10px;
	padding: 15px;
}


/*
button#searchButton {
    width: 85px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    background-color: #814efa !important;
    opacity: 1 !important;
    margin-top: 0px;
}

button#searchButton:hover {
	cursor: pointer;
}
*/

.searchSection {
	height: 255px;
	width: 50%;
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
}

input:focus {
	outline: none;
	border: 1px solid #c3c6c8;
}

.container.lookupexamples.hide-on-mobile {
	padding-bottom: 20px;
}

::placeholder {
	opacity: .5;
}

:-ms-input-placeholder {
	opacity: .5;
}

::-ms-input-placeholder {
	opacity: .5;
}

.helptip {
	z-index: 0;
}

input {
	z-index: 1;
}

.helptip:hover {
	cursor: pointer;
}

div#hubextender *,
div#homecontrol *,
h2#topArticles+div.compatibility * {
	background-color: rgba(0, 0, 0, 0);
	box-shadow: none;
}

.tooltip-tip {
	opacity: 0 !important;
	background-color: #2f3132;
	display: none !important;
}

#hero-devicelookup1 .tooltip-tip:after {
	border-left: 8px solid #2f3132;
}

.showToolTip {
	opacity: 1 !important;
	display: inline-table !important;
}

body.page.publish.plp-v2.plp-me.nav2,
main,
div#hero-devicelookup1,
.bu-tabs,
div#hero-connecteddevices {
	background-color: #f7f7f7;
}

ul#popularSearches p {
	color: black;
	text-decoration: none;
}

ul#popularSearches a:hover {
	text-decoration: none;
}

.lookupexamples p.title {
	margin: 10px 0 20px 0;
}

#hero-connecteddevices .compatibility {
	background: url(https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/products/section-hub-v1.png) no-repeat right 75px bottom 90px;
}

div#homecontrol {
	margin-bottom: -60px;
}

div#hero-zigbeezwave {
	background-color: #f7f7f7;
}

.lookuptable .chart-grey li.header>div,
.lookuptable .chart-white li.header>div {
	background-color: #585858;
	border-bottom-color: #585858;
}

.lookuptable .chart-grey li:nth-child(even):not(.header)>div {
	background-color: #2f3132;
}

.lookuptable .chart-grey li:nth-child(even):hover:not(.header)[loc]>div {
	background-color: rgba(0, 0, 0, .9) !important;
	/*border-color: #75736F !important;*/
	border-color: rgba(255, 255, 255, .2) !important;
}

.lookuptable .chart-grey li:nth-child(odd):not(.header)>div {
	background-color: #585858;
	border-color: #75736F !important;
}

.lookuptable .chart-grey li:nth-child(odd):hover:not(.header)[loc]>div {
	background-color: rgba(0, 0, 0, .9) !important;
	/*border-color: #75736F !important;*/
	border-color: rgba(255, 255, 255, .2) !important;
}

.container.lookuptable .title p {
	color: white;
}

.lookuptable .chart-grey li):not(.header)>div p {
	color: white;
}

#hubextender h3+p,
#homecontrol h3+p {
	max-width: 800px;
}

ul#lookupresults p:not(.title.cellTit.linkteal) {
	color: #2f3132 !important;
}

.lookuptable .chart li.header div.remotes-livingroom {
	background-image: url(https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/products/tile-elite-v2.png);
}

button#searchButton:focus {
	outline: rgba(0, 0, 0, 0);
}

a:not(.nav-dropdown):hover {
	text-decoration: none;
	cursor: pointer;
}

.nav-dropdown a:hover {
	text-decoration: underline !important;
}

.linkteal:not(.moreinfo):not(#hero-zigbeezwave .linkteal) {
	background-color: #c3c6c8 !important;
}

.upTwoPx {
	margin-top: -2px !important;
}

.lookuptable .chart {
	min-width: 0 !important;
}

.noExtenderNotice {
	display: none;
	background-color: #efe4b0;
	padding: 8px 15px 18px;
	margin-top: 25px;
}

.noExtenderNotice p {
	font-size: larger;
}

.lookuptable .chart-grey li.hunterdouglas>div:first-child {
	background-image: url('https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/generic-blinds-40x40-wht-trans-v1.png');
}

.lookuptable .chart-grey li.amazonalexa>div:first-child {
	background-image: url(https://cdn-cx-images.dynamite.myharmony.com/mh/ssv2/devices/amazon-echo-40x40-wht-trans-v2.png);
}

.lookuptable .chart-grey li.googleassistant>div:first-child {
	background-image: url(https://cx-images.s3.amazonaws.com/mh/ssv2/devices/google-home-40x40-wht-trans.png);
}

ul.chart.chart-3wide.chart-grey.chart-directcontrol {
	background-color: rgba(0, 0, 0, .8);
}

.heroDeviceLegend {
	float: left !important;
	width: 100% !important;
	font-size: 80%;
	border: none;
	color: rgba(255, 255, 255, 0.6);
	background-color: #2f3132 !important;
}


/*i.fa.fa-times:not(.legendIcon), i.fa.fa-check:not(.legendIcon)*/

.chartIcon {
	display: block;
	text-align: center;
	line-height: 75px;
	font-size: 25px;
}

i.fa.fa-times.legendIcon {
	padding-left: 2px;
}

i.fa.fa-times {
	color: rgba(255, 41, 71, .8);
}

.check.asterisk .fa.fa-microphone {
	color: rgba(0, 234, 208, .8);
	font-size: 16px;
}

.moreinfo .fa.fa-microphone {
	font-size: 16px;
	color: rgba(47, 49, 50, .8);
}

.moreinfo span.fp_text {
	font-style: italic;
	font-weight: 600;
	opacity: .8;
}

i.fa.fa-check {
	color: rgba(0, 234, 208, .8);
	margin: 0px 3px;
}

.asterisk {
	color: #c3c6c8;
}

i.fa.fa-arrow-up {
	color: rgba(255, 255, 255, .8);
}

i.fa.fa-exclamation-triangle {
	color: rgba(255, 127, 44, .8);
}

i.fa.fa-question {
	color: rgba(255, 255, 255, .8);
}

#lookupresults [id^='ds']:nth-child(even) div:not(.moreinfo) {
	background-color: #2f3132 !important;
}

#lookupresults [id^='ds']:nth-child(odd) div:not(.moreinfo) {
	background-color: #585858 !important;
}

li .cellTit p {
	color: white !important;
}

.container.lookuptable {
	margin-bottom: 15px;
}

li.active img {
	margin: 15px 0px;
}

div#irToolTip ul,
div#hubToolTip ul,
div#irSearchToolTip ul,
div#hubSearchToolTip ul {
	list-style: none;
	padding: 15px;
}

div#irToolTip,
div#irSearchToolTip {
	width: 200px;
	background-color: rgba(0, 0, 0, .8);
	border: none;
	margin-top: 45px;
	margin-left: -145px;
}

#hero-connecteddevices .lookuptable .chart li div {
	min-height: 75px;
}

div#hubToolTip,
div#hubSearchToolTip {
	width: 215px;
	background-color: rgba(0, 0, 0, .8);
	border: none;
	margin-top: 45px;
	margin-left: -150px;
}

div#irToolTip:after,
div#hubToolTip:after,
div#irSearchToolTip:after,
div#hubSearchToolTip:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-bottom: 8px solid rgba(0, 0, 0, .8);
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

div#lookupoptions.error {
	overflow: hidden;
	color: #2f3132;
}

div#lookupoptions.error a.button {
	display: block;
}

a.button:hover,
a.button:focus,
button#searchButton:hover,
button#searchButton:focus {
	color: #00B8FC;
	background-color: #fff;
	border: solid 2px #00B8FC !important;
	text-decoration: none;
}

a.button.closepop {
	margin-top: 20px;
	margin-bottom: -6px;
}

.b-modal.__b-popup1__ {
	pointer-events: all;
	z-index: 9991 !important;
}

div#lookupoptions.error {
	z-index: 9992 !important;
}

#lookupoptions.similarDevices {
	z-index: 9999 !important;
	overflow: auto;
	min-height: 575px;
	margin: 10px;
}

#lookupoptions.similarDevices .needhelp {
	bottom: 0px;
}

.needhelp p {
	font-size: 12px;
}

li.supported-yes[data-man="PeQ"] {
	display: none;
}

div#lookupoptions.showModelNumber {
	z-index: 9999 !important;
	overflow: hidden;
	margin: 10px;
}

.showModelNumber img {
	max-width: 100% !important;
}

div#lookupoptions.showModelNumber h3 {
	background-color: #814efa;
	color: #fff;
	padding: 20px;
	margin: 0px;
	margin-left: -20px;
	margin-right: -20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
}

div#lookupoptions.similarDevices h3 {
	background-color: #814efa;
	color: #fff;
	padding: 20px;
	margin: 0px;
	margin-left: -20px;
	margin-right: -20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.tooltip *:hover {
	cursor: default;
}

div#lookupoptions.similarDevices .main .icon-disc:nth-child(n+4) {
	display: none;
}

div#lookupoptions.similarDevices .main {
	padding-left: 5px;
}

div#lookupoptions.similarDevices .intro {
	margin-left: 5px;
}

.faClose {
	background-image: url(https://images.logitech.com/smarthome/support/harmony/articles/v4/hero/compatibility/fa-close-v1.png);
	background-size: 18px;
	background-position: center !important;
}

.faCheckMark {
	background-image: url(https://images.logitech.com/smarthome/support/harmony/articles/v4/hero/compatibility/fa-check-v1.png);
	background-position: center !important;
}

#lookupoptions ul.listdotted.main li {
	padding-left: 5px;
}

a.button.troubleshootBtn {
	margin-bottom: 20px;
}

@media only screen and (min-width: 767px) {
	div#lookupoptions.showModelNumber {
		max-width: 800px !important;
	}
}

@media only screen and (max-width: 1280px) {
	#hero-connecteddevices .compatibility,
	#hero-zigbeezwave .compatibility {
		background: none;
	}
	ul.chart.chart-3wide.chart-grey.chart-directcontrol {
		font-size: 13px;
	}
	.remotes-irremotes,
	.remotes-livingroom {
		font-size: 17px !important;
	}
}

@media only screen and (max-width: 991px) {
	.searchSection.panel.panel-1x1-2.panel-1x1-2-border.getinfo {
		margin-bottom: -10px;
	}
	div#hubextender {
		margin-bottom: -135px;
	}
	.searchSection input {
		margin-bottom: 10px;
	}
	.searchSection {
		width: 100%;
		float: none !important;
		border: none !important;
		padding: 30px !important;
	}
	.container.compatibility div:first-child {
		margin-top: -55px;
		margin-bottom: -10px;
	}
	.helptip {
		display: none !important;
	}
	input#mod {
		margin-bottom: 12px;
	}
	.searchSection.panel.panel-1x1-2.panel-1x1-2-border.getinfo {
		margin-bottom: -45px;
	}
	div#hubextender {
		margin-top: 25px;
	}
	form#mobileHomepageSearch {
		margin: -13px 0px 5px 0px;
	}
}

@media only screen and (max-width: 980px) {
	.lookuptable li.active .details {
		width: 100%;
		margin-left: 15px;
		padding-right: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.lookuptable em {
		display: none;
	}
	div#hubextender {
		margin-bottom: -95px;
	}
}

@media only screen and (max-width: 623px) {
	.lookuptable .title p+p {
		display: none;
	}
	.hideOnMobile {
		display: none;
	}
	#lookupoptions.similarDevices {
		min-height: 700px;
	}
}

@media only screen and (max-width: 575px) {
	div#hero-devicelookup1 {
		margin-top: -30px;
		padding-bottom: 50px;
	}
	main {
		padding-bottom: 50px;
	}
	div#hubextender {
		margin-bottom: -35px;
	}
	.container.compatibility div:first-child {
		margin-top: 0px;
		margin-bottom: -30px;
	}
	div#homecontrol {
		margin-bottom: 20px;
		margin-top: -20px;
	}
	.header .title {
		display: none;
	}
	.header div {
		width: 33.25% !important;
	}
	.lookuptable .title:not(.closeMe) {
		width: 100% !important;
	}
	.lookuptable div:not(.header):not(.title):not(.howto):not(.moreinfo) {
		width: 33.25%;
		border-top: solid 1px rgba(255, 255, 255, .09);
	}
	.lookuptable .title p+p {
		display: block;
		font-size: 14px !important;
	}
	.searchSection {
		padding: 0px !important;
	}
	.hide-on-mobile {
		display: none;
	}
	#homecontrol h3 {
		margin-top: 15px !important;
	}
	.title.closeMe {
		width: 40vh;
	}
	.wireshot+.details {
		width: 100% !important;
		padding-left: 10px;
		margin-left: 125px;
		margin-top: -25px;
		padding-bottom: 30px;
		height: initial;
		font-size: 17px;
	}
	.active .details {
		margin-left: 0px;
		margin-right: 0px;
		width: 100vw !important;
	}
	li.active .about,
	li.active .note,
	li.active .pair,
	li.active .troubleshoot {
		width: 100% !important;
		padding-right: 50px !important;
	}
	li.active .title.closeMe {
		margin-right: 0px !important;
		max-width: 90vw;
		min-width: 80vw;
	}
	ul.zigbeezwave li.active div.title {
		font-size: 130%;
	}
	ul.zigbeezwave {
		margin-right: -55px !important;
	}
	li.active img {
		margin: 15px 0px;
		padding-bottom: 30px;
	}
}

@media only screen and (max-width: 475px) {
	ul.chart.chart-3wide.chart-grey.chart-directcontrol {
		margin-top: 0px;
	}
	div#hubextender {
		margin-bottom: -135px;
	}
	.container.lookuptable {
		margin-top: 20px;
	}
	ul.zigbeezwave {
		margin-right: auto;
		width: 100vw !important;
		margin-left: -20px;
	}
	.wireshot+.details {
		padding-left: 0px;
		font-size: 15px;
	}
	.active .details {
		width: 110vw !important;
	}
	.title.closeMe {
		font-size: 110%;
		margin-left: -40px;
		margin-top: -35px;
		margin-bottom: -10px;
		padding-top: 20px;
		padding-bottom: 0px;
		padding-right: 1px;
	}
	li.active .title.closeMe {
		min-width: 90vw;
		margin-left: initial;
		margin-top: initial;
		padding-bottom: initial;
	}
	#homecontrol+.container.lookuptable {
		padding: 0px !important;
	}
	#lookupresults {
		width: 100vw;
		margin-left: -20px;
	}
}

@media only screen and (max-width: 408px) {
	.active .details {
		width: 112vw !important;
	}
	.lookuptable .chart li.header>div {
		height: 180px;
	}
	ul.zigbeezwave {
		margin-right: -65px !important;
	}
}

@media only screen and (max-width: 388px) {
	.lookuptable .chart li.header>div {
		height: 200px;
	}
	.active .details {
		width: 114vw !important;
	}
}

@media only screen and (max-width: 323px) {
	.searchSection.panel.panel-1x1-2.panel-1x1-2-border.getinfo {
		margin-top: 25px;
		margin-bottom: -10px;
	}
	.active .details {
		width: 115vw !important;
	}
}

@media only screen and (max-width: 991px) {
	.lookuptable .chart li.header div {
		background-image: none !important;
	}
	ul#lookupresults [class^='remotes'] {
		font-size: 15px !important;
	}
	.title.cellTit.linkteal {
		font-size: 85%;
	}
	li.header div {
		height: 50px !important;
	}
	#ds1 .notsupported,
	#ds1 .check,
	#ds1 .title,
	#lookupresults .linkteal {
		min-height: 57px !important;
	}
}

@media only screen and (max-width: 860px) {
	.hideOnMobile {
		display: none;
	}
}

@media only screen and (max-width: 623px) {
	.title.cellTit.linkteal p:first-child {
		padding-top: 20px !important;
		padding-left: 20px !important;
	}
	.lookuptable .chart li div.title p:nth-child(2) {
		padding: 5px 0px 10px 20px;
	}
}

@media only screen and (min-width: 700px) and (max-width: 827px) {
	[id$="SearchHeader"] {
		padding-top: 15px !important;
	}
	.hideOnTablet {
		display: none;
	}
}

@media only screen and (min-width: 400px) and (max-width: 575px) {
	[id$="SearchHeader"] {
		padding-top: 15px !important;
	}
	.hideOnTablet {
		display: none;
	}
}

.remotes-express {
	background-image: url(https://images.logitech.com/smarthome/support/harmony/articles/v4/hero/gettingstarted/express-tile-v1.png);
	background-position-y: 55px !important;
	color: #fff;
}

.header div[id$="SearchHeader"] {
	font-size: 20px !important;
}

div#hero-zigbeezwave {
	display: none;
}

@media only screen and (min-width: 360px) {
	.mobilePadding {
		display: none;
	}
}

.linkteal:not(.cellTit):not(.moreinfo) {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
}

i.fa.fa-question.legendIcon.chrome {
	margin-left: 2px;
	margin-right: 3px;
}

@media only screen and (min-width: 991px) {
	div#category {
		padding-right: 0;
	}
}

@media only screen and (max-width: 380px) {
	div#hero-devicelookup2 {
		overflow: hidden;
	}
}