/* CREDITS */

#kubla {

	padding: 2.5px;

	font-size: 0.85em;

	color: #666;

	-webkit-transition: color 250ms ease;

	transition: color 250ms ease;

}



	#kubla img {

		width: 16px;

		height: 16px;

		vertical-align: sub;

	}



	#kubla b {

		-webkit-transition: color 250ms ease;

		transition: color 250ms ease;

	}



	#kubla:hover {

		color: #28313e;

	}



		#kubla:hover b {

			color: #28313e;

			text-decoration: underline;

		}





#external .items .table .row > div:nth-child(6) .approvals {

	display: flex;

	flex-wrap: wrap;

	list-style: none;

	padding: 0;

	margin: 0;

}



	#external .items .table .row > div:nth-child(6) .approvals li a {

		display: inline-block;

		padding-right: 6px;

	}



		#external .items .table .row > div:nth-child(6) .approvals li a img {

			vertical-align: middle;

			max-width: 40px;

			max-height: 32px;

			width: auto;

			height: auto;

		}



		#external .items .table .row > div:nth-child(6) .approvals li a span {

			display: none;

		}





/* COMMON */

#external-wrapper {

	width: 100%;

	min-width: 320px;

	max-width: 1140px;

	margin: 26px auto;

	color: #000;

}



#external {

	-webkit-transition: opacity 500ms ease;

	transition: opacity 500ms ease;

	/**/

	font-family: Imprima;

	color: #565c62;

}



	/*#external * {

	all:unset;

}*/

	#external h1 {

		font-size: 20px;

		font-weight: 600;

	}



	#external h2 {

		/*font-size:18px;*/

		font-weight: 600;

	}



	#external a {

		cursor: pointer;

		color: inherit;

		text-decoration: none;

	}

	/* LIST */

	#external ul.list {

		padding: 0 26px;

	}



		#external ul.list li {

			display: block;

		}

	/**/

	#external .hidden,

	#external .table.hidden {

		display: none;

	}



	#external.loading,

	#external .items.loading {

		-webkit-opacity: 0.35;

		opacity: 0.35;

	}



	#external div {

		display: block;

		box-sizing: border-box;

	}



#external {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



	#external .other-sections {

		display: flex;

		width: 100%;

		justify-content: space-between;

		margin-bottom: 26px;

	}



		#external .other-sections li {

			flex-grow: 1;

			margin-right: 1px;

		}



			#external .other-sections li:last-child {

				margin-right: 0;

			}



			#external .other-sections li a {

				-webkit-transition: all 250ms ease;

				transition: all 250ms ease;

				background-color: #00afec;

				color: #FFF;

				width: 100%;

				display: inline-block;

				text-align: center;

				padding: 26px;

				box-sizing: border-box;

			}



				#external .other-sections li a:hover,

				#external .other-sections li a.selected {

					background-color: #FFF;

					color: #00afec;

				}





@media all and (max-width:480px) {

	#external .other-sections {

		flex-direction: column;

	}



		#external .other-sections li {

			margin-right: 0;

			margin-bottom: 1px;

		}

}



/* TOOLS */

#external .tools {

	width: calc((100% - 26px) / 3 * 1);

}



	#external .tools .items-found {

		text-align: right;

		font-size: 0.7em

	}



	#external .tools .counter {

		font-size: 11px;

		margin-left: 4px;

	}



#external .items {

	width: calc((100% - 26px) / 3 * 2);

	-webkit-transition: opacity 500ms ease;

	transition: opacity 500ms ease;

}



	#external .items .table .row.hidden {

		display: none;

	}



/* FIXED-SPACE and FIXED-SEARCH */

#external .tools .fixed-spacer {

	display: none;

}



#external .tools.fixed-item .fixed-spacer {

	display: block;

	height: 93px;

}



/* FIXED-SEARCH */

#external .tools #fixed-search {

	position: static;

	-webkit-transition: box-shadow 250ms ease;

	transition: box-shadow 250ms ease;

	font-weight: bold;

}



#external .tools.fixed-item #fixed-search {

	position: fixed;

	z-index: 1;

	top: 55px;

	-webkit-box-shadow: 0 3px 3px 1px rgba(0,0,0,0.25);

	box-shadow: 0 3px 3px 1px rgba(0,0,0,0.25);

}



@media all and (max-width:1140px) {

	#external .tools.fixed-item #fixed-search {

		top: 0;

	}

}



/* TOOLS */

#external .tools .box {

	background-color: #d4dae0;

	padding: 13px 26px;

	margin-bottom: 1px;

	border-left: solid 3px #00afec;

	/**/

	-webkit-transition: opacity 250ms ease;

	transition: opacity 250ms ease;

}



	#external .tools .box.low {

		-webkit-opacity: 0.25;

		opacity: 0.25;

	}



	#external .tools .box input {

		background-color: #FFF;

		color: #444;

		padding: 4px 10px;

		width: 100%;

		box-sizing: border-box;

		margin: 4px 0;

		border: 0;

		font-family: Imprima;

	}



	#external .tools .box .filter_options {

		max-height: 500px;

		overflow: auto;

		/*margin-top:26px;*/

		margin-top: 13px;

		/**/

		width: calc(100% + 52px);

		margin-left: -26px;

		padding: 0 26px;

		/**/

		-webkit-transition: margin-top 250ms ease;

		transition: margin-top 250ms ease;

	}



	#external .tools .box.low .filter_options { /* LED BOARDS SPECIFIC */

		margin-top: 0;

	}



	#external .tools .box .filter_options ul.cct { /* LED BOARDS SPECIFIC */

		margin-bottom: 26px;

	}



#external .tools #section_459.box .filter_options { /* CONSTANT CURRENT SPECIFIC */

	/*max-height:165px;*/

	max-height: 235px;

}





#external .tools .box.flux-max .filter_options ul { /* FLUX-MAX */

	display: none;

}



#external .tools .box .filter_options ul {

	display: flex;

	flex-direction: column;

	vertical-align: top;

	/**/

	-webkit-transition: opacity 250ms ease;

	transition: opacity 250ms ease;

	/**/

	/*margin: 14px 0;*/

	margin: 0;

	padding: 0;

}



	#external .tools .box .filter_options ul li {

		width: 100%;

		display: block;

		margin-left: 0;

	}



	#external .tools .box .filter_options ul.two_cols {

		display: inline-block;

		width: 50%;

		vertical-align: top;

	}



	#external .tools .box .filter_options ul.horizontal {

		flex-direction: row;

		justify-content: space-between;

		flex-wrap: wrap;

	}



		#external .tools .box .filter_options ul.horizontal li {

			width: auto;

		}



	#external .tools .box .filter_options ul.unselected {

		-webkit-opacity: 0.5;

		opacity: 0.5;

	}



	#external .tools .box .filter_options ul.two_cols_flex {

		display: flex;

		flex-wrap: wrap;

		flex-direction: row;

	}



		#external .tools .box .filter_options ul.two_cols_flex li {

			width: 50%;

		}



	#external .tools .box .filter,

	#external .tools .box .button,

	#external .tools .box .filter_options ul.resources a {

		display: inline-block;

		clear: both;

		padding: 0 6px;

		margin: 0 1px 1px 0;

		cursor: pointer;

		-webkit-transition: all 250ms ease;

		transition: all 250ms ease;

	}



#external .tools .box .filter,

#external .tools .box .button {

	border: solid 1px #54595f;

	-webkit-transition: border-color 250ms ease;

	transition: border-color 250ms ease;

	/**/

	/*background-color: #F00;*/

}



#external .tools #reset.box .button {

	font-weight: bold;

	background: #00afec;

	padding: 5px;

	border-radius: 0;

	font-family: Imprima;

	text-transform: uppercase;

}



	#external .tools #reset.box .button:hover {

		background: white;

		color: #54595f;

	}



#external .tools .box .filter.selected,

#external .tools .box .filter:hover,

#external .tools .box .button:hover,

#external .tools .box .filter_options ul.resources a:hover {

	background-color: #FFF;

	border: solid 1px #00aeef;

}



#external .tools .box .filter_options ul.resources a:hover {

	border: none;

}



#external .tools .box .filter_options ul.resources .file_icon {

	display: inline-block;

	width: 16px;

	height: 16px;

	margin-right: 4px;

	vertical-align: middle;

	background-size: cover;

	background-repeat: no-repeat;

	background-image: url(../imgs/page_white.png);

}



	#external .tools .box .filter_options ul.resources .file_icon.pdf {

		background-image: url(../imgs/software-acrobat-reader-icon.png);

	}



	#external .tools .box .filter_options ul.resources .file_icon.zip {

		background-image: url(../imgs/zip.png);

	}



	#external .tools .box .filter_options ul.resources .file_icon.txt {

		background-image: url(../imgs/page_white_text.png);

	}



	#external .tools .box .filter_options ul.resources .file_icon.csv,

	#external .tools .box .filter_options ul.resources .file_icon.xls,

	#external .tools .box .filter_options ul.resources .file_icon.xlsx {

		background-image: url(../imgs/page_excel.png);

	}



/* DID YOU MEAN */

#external .didyoumean {

	padding: 0 26px;

}



	#external .didyoumean .loading {

		/*color:#F00;*/

	}



		#external .didyoumean .loading:before {

			content: "";

			display: inline-block;

			width: 20px;

			height: 20px;

			background-image: url(../imgs/wpinterface/spin.gif);

			background-position: center center;

			background-repeat: no-repeat;

			background-size: contain;

			vertical-align: middle;

			margin-right: 4px;

		}



	#external .didyoumean .inner h2,

	#external .didyoumean .inner h3 {

		font-weight: bold;

		display: block;

		font-family: Imprima;

	}



	#external .didyoumean .inner h3 {

		margin: 13px 0;

	}



	#external .didyoumean .inner a {

		display: block;

		-webkit-transition: color 250ms ease;

		transition: color 250ms ease;

	}



		#external .didyoumean .inner a:hover {

			color: #00afec;

		}



	#external .didyoumean .inner ul {

		list-style: none;

	}



		#external .didyoumean .inner ul li {

			display: list-item;

			margin-left: 13px;

		}



/* TABLE */

#external .table {

	--cols-number: 5;

	width: 100%;

	display: flex;

	flex-direction: column;

}



	#external .table .head,

	#external .table .row {

		display: flex;

		text-transform: uppercase;

	}



	#external .table .head {

		font-weight: bold;

		margin-bottom: 13px;

		/**/

		position: relative;

		width: 100%;

		top: 0px;

		-webkit-text-fill-color: #FFF;

	}



		#external .table .head.fixed {

			position: fixed;

			/*top:-40px;*/

			top: -1000px;

		}



			#external .table .head.fixed.visible {

				top: 55px;

				-webkit-box-shadow: 0 3px 3px 1px rgba(0,0,0,0.25);

				box-shadow: 0 3px 3px 1px rgba(0,0,0,0.25);

			}



	#external .table .filters-container {

		/*top: -1000px;*/

		display: none;

	}



		#external .table .filters-container.visible {

			position: fixed;

			display: block;

		}



		#external .table .filters-container > div {

			display: inline-block;

			background-color: #00afec;

			color: #FFF;

			padding: 4px 8px;

			margin: 0 4px 4px 0;

			font-weight: bold;

			font-size: 0.9em;

			cursor: pointer;

			text-transform: uppercase;

			-webkit-transition: color 250ms ease, background-color 250ms ease;

			transition: color 250ms ease, background-color 250ms ease;

			box-shadow: 0 3px 3px 1px rgba(0,0,0,0.25);

		}



			#external .table .filters-container > div:hover {

				background-color: #7fd7f5;

			}



			#external .table .filters-container > div::after {

				content: "";

				display: inline-block;

				width: 11px;

				height: 11px;

				background-image: url(../imgs/wpinterface/cross.svg);

				background-repeat: no-repeat;

				background-size: cover;

				background-position: center center;

				margin-left: 6px;

			}



@media all and (max-width:1140px) {

	#external .table .head.fixed.visible {

		top: 0;

	}



	#external .table .filters-container {

		top: 64px;

	}

}



#external .table .head > div {

	background-color: #00afec;

	color: #FFF;

	text-align: center;

	padding: 10px 0;

	/**/

	background-color: #00afec;

	border-right: solid 1px #FFF;

}



	#external .table .head > div:last-child {

		border-right: 0;

	}



#external .table .head > div,

#external .table .row > div {

	/*width: 20%;*/

	width: calc(100% / var(--cols-number));

}



#external .table .center,

#external .table .center {

	text-align: center;

}



#external .table .row {

	/*height:89px;*/

	height: 102px;

	/*margin-bottom:26px;*/

	padding: 13px 0;

	/**/

	line-height: 12px;

}



	#external .table .row.item .thumb {

		width: 120px;

		height: 75px;

		/*background-color:rgba(255, 0, 0, 0.5);*/

	}



		#external .table .row.item .thumb.loading {

			background-image: url(../imgs/wpinterface/spin.gif);

			background-position: center center;

			background-repeat: no-repeat;

		}



		#external .table .row.item .thumb img {

			width: auto;

			height: auto;

		}



	#external .table .row.link {

		cursor: pointer;

		-webkit-transition: background-color 250ms ease;

		transition: background-color 250ms ease;

	}



		#external .table .row.link:hover {

			background-color: #F0F0F0;

		}



	#external .table .row > div:nth-child(2) {

		font-weight: bold;

	}



	#external .table .row div a.icon {

		width: 20px;

		height: 20px;

		display: inline-block;

		background-image: url(../imgs/wpinterface/icons8-pdf-50.png);

		background-size: contain;

		background-position: center center;

		background-repeat: no-repeat;

		/**/

		-webkit-filter: brightness(0%);

		filter: brightness(0%);

		filter: grayscale(90%);

		-webkit-transition: all 250ms ease;

		transition: all 250ms ease;

	}



		#external .table .row div a.icon:hover {

			-webkit-filter: brightness(100%);

			filter: brightness(100%);

		}



		#external .table .row div a.icon.pdf {

			background-image: url(../imgs/wpinterface/icons8-pdf-50.png);

		}



		#external .table .row div a.icon.details {

			background-image: url(../imgs/wpinterface/magnifier.svg);

		}



@media all and (max-width:768px) {

	#external .tools {

		width: 100%;

		/*background-color:#F00;*/

	}



	#external .items {

		width: 100%;

	}



	/*#external .didyoumean {

		margin-top:26px;

	}*/



	#external .table .filters-container {

		display: none;

	}



	#external .items .table .head {

		display: none;

	}



	#external .items .table .row > div:nth-child(1),

	#external .items .table .row > div:nth-child(2),

	#external .items .table .row > div:nth-child(3) {

		width: 30%;

	}



	#external .items .table .row > div:nth-child(4),

	#external .items .table .row > div:nth-child(5) {

		width: 5%;

	}



	#external .items .table .row > div:nth-child(6) {

		order: 6;

		width: 100%;

		border-top: solid 1px #F0F0F0;

	}



		#external .items .table .row > div:nth-child(6) .approvals {

			padding: 10px 0;

		}



	#external .items .table .row {

		flex-flow: row wrap;

		border-bottom: solid 1px #666;

		height: auto;

		padding: 0;

	}



		#external .items .table .row > div {

			display: inline-block;

			padding: 0 26px;

		}



			/* name */

			#external .items .table .row > div:nth-child(2) {

				order: 1;

				display: block;

				width: 100%;

				padding-top: 10px;

			}

			/* code */

			#external .items .table .row > div:nth-child(3) {

				order: 2;

				width: 100%;

				display: block;

			}

			/* image */

			#external .items .table .row > div:nth-child(1) {

				order: 3;

				width: 100%;

				margin: 10px 0;

			}

			/* docs */

			#external .items .table .row > div:nth-child(4) {

				order: 4;

				width: 50%;

				/**/

				border-top: solid 1px #F0F0F0;

				border-right: solid 1px #F0F0F0;

				padding: 0;

			}

			/* instructions */

			#external .items .table .row > div:nth-child(5) {

				order: 5;

				width: 50%;

				/**/

				border-top: solid 1px #F0F0F0;

				padding: 0;

			}



				#external .items .table .row > div:nth-child(4) a,

				#external .items .table .row > div:nth-child(5) a {

					padding: 8px 0;

					background-size: 20px;

				}



	#external .table .row div a.icon {

		width: 100%;

	}

}





/* LED Driver */

/* TOOLS */

#external .tools .box #sort-by,

#external .tools .box #new-only {

	display: flex;

	justify-content: space-between;

}



/* FILTERS */

#external .box .filter_label {

	font-weight: bold;

}



	#external .box .filter_label.toggle {

		cursor: pointer;

	}



	#external .box .filter_label,

	#external .box .filter_label.toggle {

		/*font-variant:small-caps;*/

		text-transform: uppercase;

	}



		#external .box .filter_label.toggle:before {

			content: "";

			display: inline-block;

			width: 13px;

			height: 7px;

			margin-right: 10px;

			background-image: url(../imgs/wpinterface/arrow.svg);

			background-repeat: no-repeat;

			background-size: contain;

			background-position: center center;

			-webkit-transition: all 250ms ease;

			transition: all 250ms ease;

		}



#external .box.closed .filter_label.toggle:before {

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	transform: rotate(180deg);

}



#external .box .filter_label .remove-filters {

	width: 20px;

	height: 20px;

	cursor: pointer;

	float: right;

	margin-left: 4px;

	background-image: url(../imgs/wpinterface/cross.svg);

	background-repeat: no-repeat;

	background-size: 13px 13px;

	background-position: center center;

	/**/

	display: none;

}



#external .box.has-filters .filter_label .remove-filters {

	display: inline-block;

}



#external .box.closed .filter_options {

	display: none;

}



/* items */

#external .items .table .row.category {

	background-color: #54595f;

	-webkit-text-fill-color: #FFF;

	color: #FFF;

	height: auto;

	padding: 4px 13px;

	margin-bottom: 4px;

	line-height: 19px;

	/**/

	cursor: pointer;

	display: flex;

	justify-content: space-between;

}



	#external .items .table .row.category .num {

		float: right;

		margin-right: 20px;

	}



		#external .items .table .row.category .num .sub-counter {

			margin-right: 10px;

		}



		#external .items .table .row.category .num .arrow {

			content: "";

			-webkit-transform: rotate(90deg);

			-moz-transform: rotate(90deg);

			-o-transform: rotate(90deg);

			-ms-transform: rotate(90deg);

			transform: rotate(90deg);

			position: absolute;

			/**/

			-webkit-transition: transform 250ms ease;

			transition: transform 250ms ease;

			/**/

			width: 20px;

			height: 20px;

			background-image: url(../imgs/arrow-down.svg);

			background-repeat: no-repeat;

			background-size: contain;

			filter: invert(100%);

			-webkit-filter: invert(100%);

		}



	#external .items .table .row.category.open .num .arrow {

		-webkit-transform: rotate(-90deg);

		-moz-transform: rotate(-90deg);

		-o-transform: rotate(-90deg);

		-ms-transform: rotate(-90deg);

		transform: rotate(-90deg);

	}



#external .items .table.filtered .row.category,

#external .items .table.sorted .row.category {

	display: none;

}



#external .items .table.sorted.sorted-by-code .row.no-code {

	display: none;

}



/*#external.category_454 .specs,

#external.category_5152 .specs,*/

#external .specs {

	margin-top: 4px;

	display: flex;

	/*flex-wrap: wrap;*/

	/**/

	flex-direction: column;

}



	/*#external.category_454 .specs > div,

#external.category_5152 .specs > div*/

	#external .specs > div {

		padding: 0 4px;

		font-size: 10px;

		line-height: 18px;

		-webkit-text-fill-color: #FFF;

		display: inline-block;

		margin: 1px 1px 0 0;

		border-radius: 5px;

		/**/

		width: fit-content;

	}



		/*#external.category_454 .specs > div.new,

#external.category_5152 .specs > div.new*/

		#external .specs > div.new {

			background-color: #00A6E5;

		}



		/*#external.category_454 .specs > div.promo,

#external.category_5152 .specs > div.promo*/

		#external .specs > div.promo {

			background-color: #02D843;

		}



		/*#external.category_454 .specs > div.es,

#external.category_5152 .specs > div.es*/

		#external .specs > div.es {

			background-color:#F00;	/* #565c62;*/

		}



		/*#external.category_454 .specs > div.underDevelopment,

#external.category_5152 .specs > div.underDevelopment*/

		#external .specs > div.underDevelopment {

			background-color: #DE9700;

		}



	/*#external.category_454 .specs > span.successor,

#external.category_5152 .specs > span.successor*/

	#external .specs > span.successor {

		margin-top: 4px;

		display: block;

		font-weight: normal;

		font-size: 10px;

		line-height: 8px;

	}



		/*#external.category_454 .specs > span.successor a,

#external.category_5152 .specs > span.successor a*/

		#external .specs > span.successor a {

			display: block;

			background-color: #F00;

			font-weight: bold;

			/**/

			padding: 0 4px;

			font-size: 10px;

			line-height: 18px;

			color: #FFF;

			display: inline-block;

			margin: 1px 1px 0 0;

			border-radius: 5px;

		}





/* RULER */

#external .box .ruler {

	/**/

}



#external .box.low .ruler {

	display: none;

}



#external .box .ruler .values {

	display: flex;

	justify-content: space-between;

	margin-bottom: 6px;

}



	#external .box .ruler .values .value {

		width: 50px;

		text-align: center;

		border: solid 1px #FFF;

		padding: 2px 4px;

		border-radius: 2px;

	}



#external .box .ruler .ball {

	display: inline-block;

	position: absolute;

	z-index: 1;

	width: 16px;

	height: 16px;

	border-radius: 8px;

	background-color: #F0F0F0;

	border: solid 0.5px #00afec;

	cursor: pointer;

	-webkit-transition: all 250ms ease;

	transition: all 250ms ease;

}



	#external .box .ruler .ball:hover {

		background-color: #00afec;

		border: solid 0.5px #FFF;

	}



	#external .box .ruler .ball.dragging {

		z-index: 2;

		background-color: #00afec;

		border: solid 0.5px #FFF;

		/**/

		-webkit-transition: all 0ms ease;

		transition: all 0ms ease;

	}



	#external .box .ruler .ball.ball1 {

		margin-left: 100%;

	}



#external .box .ruler .line {

	display: inline-block;

	width: 100%;

	margin: 5.5px 0;

	height: 4px;

	border-radius: 2px;

	background-color: #00FFFF;

}



#external .box .ruler .grid {

	display: flex;

	height: 4px;

	border-right: solid 1px #FFF;

}



	#external .box .ruler .grid .element {

		flex-grow: 1;

		height: 4px;

		border-left: solid 1px #FFF;

	}