/* BG */
.products-bg {
	background: #0077C8 url(../../../content/dam/illumina-marketing/images/products/detail-bg-ambient-light.jpg);
    height: 850px;
    position: absolute;
    width: 100%;
    top: 42px;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 150%;
}

/* Rebrand Phase 0 */
.products-bg {
	display: none;
}

.product-intro {
	position: relative;
	padding-bottom: 72px;
}

.product-intro::before {
	content: '';
	height: 900px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	background: linear-gradient(#FFFFFF 0%, #F5F8FC 20%);
}


/* Breadcrumb */
.breadcrumb {
	background: #666666 linear-gradient(90deg, rgba(33,123,185,1) 0%, rgba(61,166,149,1) 100%, rgba(190,219,240,1) 100%);
	/*background-image: url(../../../content/dam/illumina-marketing/images/banners/hero-default-uplifting-bkg.jpg);*/
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
    padding: 16px 0px;
    margin-bottom: 40px;
    height: 47px;
    color: #fff;
    border-radius: 0px;
    z-index: 1;
    position: relative;
}
	.breadcrumb #breadCrumb a, .breadcrumb #breadCrumb strong {
		color: #fff;
	}

/* Promo Row */
.promo-row {
	padding: 60px 0;
	z-index: 1;
	position: relative;
}
.promo-row .promo-content {
	border: 1px solid #81af45;
    border-left: 10px solid #81af45;
    border-radius: 2px;
    background: #fff;
    padding: 10px 15px;
    margin: 0 0;
    max-width: none;
}
.promo-row h6 {
	line-height: 1em;
}
.promo-row img {
    float: left;
   	max-width: 100px;
   	margin-right: 15px;
   }
.promo-row.promo-top {
	padding: 20px 0px 0px;
}
.promo-row.promo-top .promo-content {
	max-width: none;
}
.promo-row .promo-content > .fa {
	float: none;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 15px 0px 0px;
	width: auto;
	color: #81af45;
	font-size: 30px;
}
.promo-row .promo-content > div {
	display: table-cell;
	float: none;
}
.promo-row p {
	margin: 0px;
	font-size: 14px;
}

/* Columns */

.productprimaryDetails {
	padding-bottom: 20px;
}

/* Add to Cart Component */

#addToCartWrapper {
	opacity: 0;
	-webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
	-moz-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
	transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.productsAddToCart {
	opacity: 0;
	-webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.65s cubic-bezier(0, 0, 0.2, 1);
	-moz-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.65s cubic-bezier(0, 0, 0.2, 1);
	transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.65s cubic-bezier(0, 0, 0.2, 1);
	height: 250px;
}

.productprimaryAddtoCart {
	border-top: 1px solid #e5e5e5;
	padding-top: 15px;
}
.product-addtocart-col {
	margin-top: 15px;
}

.product-details-container,
.productprimaryImageAndData {
	padding: 15px;
	background: #FFF;
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.product-addtocart-container {
	margin: 15px 0px 0px;
	float: left;
}

.productAddtoCart {
	position: relative;
}

.productAddtoCart .tab-panel .tab-content h6 {
	font-size: 16px;
    margin: 0;
    font-weight: normal;
    letter-spacing: 1px;
}

/* Images */
.productprimaryImageAndData {
	padding: 15px 14px;
}
.productdi-primaryimage img {
	width: 100%;
	margin: 0 auto 10px;
	float: none;
	border-radius: 2px;
}

.productdi-modal:nth-child(3n+1) {
	clear: left;
}

.productdi-modalheader{
  text-align: left;
}

.productdi-iframe {
	width: 100%;
    margin: 0% auto;
    display: block;
}
.productdi-thumbnailset {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    border: 1px solid #e5e5e5;
    height: 60px;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}
.productdi-modal:hover .productdi-thumbnailset,
.productdi-modal:first-child .productdi-thumbnailset {
	border: 1px solid #bbb;
}
.productdi-title {
	font-size: 12px;
	padding: 6px 0px 0px;
	line-height: 1.25em;
   	word-wrap: break-word;
	color: #4E60EE;
	text-decoration: none;
	cursor: auto;
	text-align: left;
	margin-bottom: 0;
}

.productdi-image {
	/*max-height:320px;*/
	margin-left: auto;
	margin-right: auto;
}
.carousel-inner > .item > .productdi-image,
.carousel-inner > .item > .embed-wrapper {
	max-height: 250px;
	width: auto;
	margin: 0px auto;
}
.productdi-caption {
	padding: 0px 15px;
}
.modal.and.carousel {
  position: fixed; /* Needed because the carousel overrides the position property */
  overflow-y: auto;
}
.productdi-item{
	height: auto;
}
.modal.fade.and.carousel.slide .modal-backdrop.in {
	opacity: .5!important;
    filter: alpha(opacity=0);
    overflow-y: auto;
}

.modal .carousel-nav {
	margin-top: 0;
	margin-bottom: 25px;
}

.productprimaryImageAndData .modal-footer {
	border-top: 0px;
}

/* Product Title + Description */

.product-title-col {
	margin-top: 15px;
	margin-bottom: 15px;
}
.productTitle h1 {
	font-size: 24px;
	-webkit-font-smoothing: inherit;
	line-height: 1.42857143;
	margin-bottom: 0px;
	font-weight: 400;
}
.productTitle .product-favorite {
	font-size: 16px;
   	margin: 0px 0px 0px 6px;
   	color: #4E60EE;
}
.productTitle .product-favorite:hover {
	cursor: pointer;
}
.product-stock span {
	color: #81af45;
}

.productdetailShortDescription {
	padding-top: 10px;
}
.productdetailShortDescription .scrollto-link {
	/*margin-left: 5px;*/
}

/* Scrollto Link */
.scrollto-link:hover {
	cursor: pointer;
}

/* Product Rows */
.product-row {
	position: relative;
}
.product-row .product-row {
	border: none;
	padding: 0px;
}
.product-row h4.modal-title {
	margin-bottom: 0;
	font-size: 22px;
	letter-spacing: -0.018em;
}
.product-row h4 {
	margin-bottom: 20px;
	padding: 0px;
}


/* Product Promo Rows */

.product-promo-container {
    padding: 10px 15px 8px;
    background: #fff;
    margin-bottom: 0px;
    border: 1px solid #81af45;
    border-left: 5px solid #81af45;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.productPromoTop {
	padding: 0px;
	border-bottom: none;
	margin-top: 30px;
}
.product-promo h2,
.product-promo h3,
.product-promo h4,
.product-promo h5,
.product-promo h6,
.product-promo p {
	margin-bottom: 0px;
}
.product-promo p {
	font-size: 14px;
}
.product-promo .fa {
	margin-right: 12px;
	color: #81af45;
	font-size: 14px;
}
.productPromoBody .product-promo-container > div {
	display: table-cell;
}
.productPromoBody .product-promo-container .fa {
	font-size: 16px;
	margin-right: 10px;
}

/* Workflow */
.recommended-workflow-item h5 a:after {
	content:"\f054";
	font-family: "FontAwesome";
	font-size: 80%;
	margin-left: 6px;
}

/* Case Studies */
.caseStudiesList .page-header {
	margin-bottom: 40px;
}
.caseStudiesList img {
	border: 1px solid #e5e5e5;
	width: 100%;
}
.caseStudiesList .content-section {
	padding: 0px;
}
#caseStudiesLibrary > div {
	margin-bottom: 30px;
}
.caseStudy p {
	float: left;
	width: 100%;
}
.caseStudies-image {

    width: 100%;
    height: 0;
    padding-bottom: 100%;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/* Supporting Data */
.productSupportingDataandFigures .carousel {
	overflow: visible;
}
.productSupportingDataandFigures .carousel-inner {
    overflow: hidden;
}
.productSupportingDataandFigures img {
    margin: 15px auto 30px;
}

/* Product Highlights */
.productHighlights {
	margin: 0px 0px;
}
.lit-item {
    margin-bottom: 20px;
}
p.lit-title, p.lit-format {
    margin-bottom: 0px;
}

p.lit-format {
	font-size: 12px;
}


.product-row .page-header {
	margin-top: 0px;
}


/* Long Description */

.productLongDescription img {
    max-width: 100%;
}

/* Specifications */

.productdetail-specificationslist th {
	background: #e5e5e5;
	font-weight: bold;
	border: 1px solid #bbb!important;
}
.productdetail-specificationslist td {
	border: 1px solid #bbb!important;
}
#productspecs th {
    width: 50%;
}
.productspeclist-wrap {
    display: inline-block;
    width: 100%;
}
.productspeclist {
    list-style: none;
    vertical-align: top;
    padding-right: 40px;
}
.productspecliitem {
    border: 1px solid #e5e5e5;
}
.productspecliitem-label {
    display: inline-block;
    width: 20%;
    margin-bottom: 0;
    vertical-align: top;
    padding: 5px;
    background-color: #f7f7f7;
}
.productspecliitem-value {
    display: inline-block;
    width: 70%;
    margin-bottom: 0;
    padding: 5px;
    vertical-align: top;
}
/* Intended Use */



/* Related Products */

.relatedProducts .col-sm-4 .fa {
	margin-left: 6px;
	font-size: 80%;
}
.relatedProducts .col-sm-4 img, .relatedProducts .col-sm-3 img {
	margin: 0 auto 15px;
}
.relatedProducts > div > .container {
	overflow: visible;
}

.carousel-indicators li {
    border: 1px solid #bbb;
}
.carousel-indicators .active {
    background-color: #bbb;
}


.carousel-nav {
	margin-top: 25px;
	position:relative;
	padding-top: 25px;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.carousel-nav .carousel-indicators {
	bottom: 0;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.carousel-nav .carousel-control {
	z-index: 30;
	right: auto;
	left: auto;
	top: auto;
	bottom: -7px;
	float:none;
	width: auto;
	opacity: 1;
	filter: alpha(opacity=1);
	text-shadow: none;
	background: none;
}

.carousel-nav .carousel-control.left {
	left: 20%;
}

.carousel-nav .carousel-control.right {
	right: 20%;
}

.carousel-nav .carousel-control span {
	color: #BBB;
	font-size: 35px;
}


@media (max-width: 992px) {
	.relatedProducts .item > div {
		height: auto!important;
	}
}



/* Carousels */

.carousel ul{
	position: relative;
	list-style: none;
	list-style-type: none;
	margin: 0;
	height: 250px;
	padding: 0;
	left:0px;
}
.carousel ul li{
	position: absolute;
	height: 250px;
	float:left;
	width: 100%;
	text-align: center;
	padding:0 2%;
	text-align:left;
}


.carousel .thumbnail .caption {
	height: auto;
}

.carousel .item > div.embed-container,
.carousel .item > div.embed-wrapper {
	margin-bottom: 0;
	float:none;
}
.carousel .item > .modal-header {
	float:none;
}


/* Related Links */

.relatedLinks .container {
	position: relative;
	z-index: 9;
}
.relatedLinks #btnNext span,
.relatedLinks #btnPrevious span {
	font-size: 30px;
	color: #e5e5e5;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	opacity: 0.5;
}
.relatedLinks #btnNext:hover span,
.relatedLinks #btnPrevious:hover span {
	opacity: 0.9;
}
.relatedLinks > .product-row {
	margin-bottom: -100px;
    padding-bottom: 100px;
}

/* References */
.product-references {
	margin-bottom: 50px;
}
.product-references > .container {
	z-index: 1;
   	position: relative;
   }

/* Footer */
.product-footer {
	background: #666666;
	background: linear-gradient(90deg, rgba(33,123,185,1) 0%, rgba(61,166,149,1) 100%, rgba(190,219,240,1) 100%);
    /*background-image: url(../../../content/dam/illumina-marketing/images/banners/hero-default-uplifting-bkg.jpg);*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    padding: 19px 0px;
    height: 54px;
    z-index: 1;
    position: relative;
    float: left;
    width: 100%;
}
	.product-footer a {
		color: #fff;
	}
.linktotop:hover {
	cursor: pointer;
}


.not-configured {
	display: none;
}

.carousel .item > .relatedlink-item {
	width: 100%;
	margin-bottom: 15px;
}



/* Brand Phase Zero Overrides */

.productSpecificationsList .border-bottom-light-gray,
.productdetailLongDescription .border-bottom-light-gray {
	border: 0;
}

.colorbar-section .hero-banner-container .white-txt {
	color: inherit !important;
}

.productWorkflow .hero-banner-container,
.relatedProducts .hero-banner-container,
.productSupportingDataandFigures .hero-banner-container {
	background: none;
}

.productWorkflow .content-section,
.productSupportingDataandFigures .content-section,
.relatedProducts.content-section .content-section {
	padding: 0;
}

/*.colorbar-section .hero-default-green-bkg {*/
/*	background-image:url(../../../content/dam/illumina-marketing/images/banners/colorbar/colorbar-green-bkg.jpg);*/
/*}*/
/*.colorbar-section .hero-default-purple-bkg {*/
/*	background-image:url(../../../content/dam/illumina-marketing/images/banners/colorbar/colorbar-purple-bkg.jpg);*/
/*}*/
/*.colorbar-section .hero-default-yellow-bkg {*/
/*	background-image:url(../../../content/dam/illumina-marketing/images/banners/colorbar/colorbar-yellow-bkg.jpg);*/
/*}*/
/*.colorbar-section .hero-default-raspberry-bkg {*/
/*	background-image:url(../../../content/dam/illumina-marketing/images/banners/colorbar/colorbar-raspberry-bkg.jpg);*/
/*}*/
/*.relatedProducts.colorbar-section .hero-banner-container {*/
/*	background-image:url(../../../content/dam/illumina-marketing/images/banners/colorbar/colorbar-teal-bkg.jpg);*/
/*}*/

/*.colorbar-section {*/
/*	padding: 0px;*/
/*	position: relative;*/
/*	border-bottom: none;*/
/*}*/
/*.colorbar-section .hero-banner-container {*/
/*	margin: 0px;*/
/*	background-position: center;*/
/*}*/
/*.colorbar-section .hero-banner-container .content-section {*/
/*	padding: 34px 0px;*/
/*}*/
/*.colorbar-section .hero-banner-container h4, .colorbar-section .hero-banner-container h4 {*/
/*	margin: 0px;*/
/*	padding: 0px;*/
/*	border: none;*/
/*}*/
/*.colorbar-section .hero-banner-container:last-child {*/
/*	height: 25px;*/
/*}*/


@media (max-width: 768px) {

	.carousel-inner {
		margin-top: 0px;
	}

	.carousel-nav .carousel-control.left {
		left: 0%;
	}

	.carousel-nav .carousel-control.right {
		right: 0%;
	}

	.productprimaryImageAndData .modal-header h4 {
		font-size: 20px;
	}
	.supportLiterature {
		padding-top: 15px;
	}
	.relatedProducts .col-sm-4 img, .relatedProducts .col-sm-3 img {
		height: auto;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.productdi-modal:nth-child(2n+1) {
	    clear: left;
	}
	.productdi-modal:nth-child(3n+1) {
		    clear: none;
	}
}

@media (min-width: 768px) {
	.product-title-col {
		padding-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.product-addtocart-container {
		padding-left: 0px;
	}
	.productprimaryImageAndData .modal-dialog {
		width: 766px; /* To match medium size until this component is updated */
	}
	.carousel-inner > .item > .productdi-image,
	.carousel-inner > .item > .embed-wrapper {
		width: auto;
		margin: 0px auto;
		max-width: 60%;
	}

	.carousel-inner > .item > .productdi-iframe {
		height: 475px!important;
		margin: 0px;
	}

	.product-kit-info {
		float:left;
	}
	.carousel ul li {
		width: 35%;
	}
	.carousel .item > div {
		margin-bottom: 0px;
	}
	.carousel .item .thumbnail {
		margin-bottom: 0;
	}
	#caseStudiesLibrary > div {
		margin-bottom: 0px;
	}
	#productspecs th {
	    width: 30%;
	}
	.productSupportingDataandFigures img {
    	max-height: 500px;
	}
	.productSupportingDataandFigures .modal img {
		max-height: none;
	}
	.promo-row.promo-top .promo-content {
		width: 100%;
		margin: 0%;
	}

	.carousel-inner {
		margin-top: 0px;
	}

	.mobile-only {
		display: none;
	}
}
@media (min-width: 992px) {
	.carousel-inner > .item > .productdi-image,
	.carousel-inner > .item > .embed-wrapper {
		max-height: 310px;
	}
}

@media (min-width: 1024px) {
	.productPromoTop {
		margin-top: 0px;
	}
}

@media (min-width: 1025px) {
	.products-bg {
		top: 135px;
		background-position: bottom;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.product-intro {
		margin-top: 0px;
	}
	.promo-row.promo-top {
		margin: 0px 0px 15px;
	}
	.carousel {
		border-top: none;
		padding-top: 0px;
	}

	.productprimaryImageAndData .productdi-modaldailog {
		margin-top: 100px;
	}
}

/* Basespace login */

.promo-basespace-login .promo-message h4 {
	font-family: "HelveticaNeueW01-45Ligh", Helvetica, sans-serif;
	font-weight: 300;
	letter-spacing: 0;
	font-size: 24px;
	padding-left: 48px;
	position: relative;
}

.promo-basespace-login .promo-message h4:before {
	content: '';
	display: inline-block;
	width: 36px;
	height: 33px;
	background: transparent url(../../../content/dam/illumina-marketing/images/banners/basespace-bars.svg) no-repeat 0 0;
	position: absolute;
	left: 0;
	top: 1px;
}

.promo-basespace-login .promo-cta {
	text-align: right;
}

.promo-basespace-login .promo-cta > * {
	display: inline-block;
	vertical-align: middle;
}

.promo-basespace-login .promo-cta .btn {
	border: solid 1px white;
	padding: 6px 32px;
}

.promo-basespace-login .promo-cta .btn:hover,
.promo-basespace-login .promo-cta .btn:active,
.promo-basespace-login .promo-cta .btn:focus {
	background-color: white;
	color: #24bec5;
}

.promo-basespace-login .promo-cta .register-txt {
	position: relative;
	margin-left: 4rem;
}

.promo-basespace-login .promo-cta .register-txt.small {
	margin-left: 4.5rem;
}

.promo-basespace-login .promo-cta .register-txt:before {
	content: '';
	display: inline-block;
	margin: 0 auto;
	height: 28px;
	width: 2px;
	background-color: rgba(255,255,255,.4);
	position: absolute;
	left: -2.5rem;
	top: 50%;
	transform: translateY(-50%);
}

.promo-basespace-login .promo-cta .register-txt > * {
	display: block;
	text-align: center;
}

.promo-basespace-login .promo-cta .register-txt > span {
	opacity: .6;
}

.promo-basespace-login .promo-cta .register-txt > a:hover {
	color: #fff;
}

@media (max-width: 991px) {
	.promo-basespace-login .promo-message h4 {
		padding-left: 0;
	}
	.promo-basespace-login .promo-message h4:before {
		display: none;
	}
	.promo-basespace-login .promo-cta {
		margin-top: 14px;
	}
}

@media (max-width: 767px) {
	.promo-basespace-login .promo-message,
	.promo-basespace-login .promo-cta {
		text-align: center;
	}
}

/* iCredits + BSSH Updates April 2020 */
.table-informatics-cost-comparison {
	width: 100%;
}
.table-informatics-cost-comparison th,
.table-informatics-cost-comparison td {
	padding: 0.5em 0.75em;
	background-color: #f9fafb;
}
.table-informatics-cost-comparison ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.table-informatics-cost-comparison li {
	margin: 1px 0;
}
.table-informatics-cost-comparison thead th {
	background: #666;
	color: #fff;
}
.table-informatics-cost-comparison thead th:first-child {
	width: 30%;
}
.table-informatics-cost-comparison tbody th {
	font-weight: normal;
}

/*Type 2020*/

.productIntendedUse h6.intended-use {
	font-size: 16px;
}

.productWorkflow .recommended-workflow-item h6 {
	font-weight: 400;
	font-size: 24px;
}

.productWorkflow .recommended-workflow-item + div h5 {
	font-weight: 600;
	font-size: 18px;
}