/* Sections of Layout
-------------------------------------- */
/* Layout is stacked vertically by default (for narrower viewports), so give some breathing room between the sections. */

/* Link Fixes */

/* This should be at the very top of the custom CSS file to allow elements with custom style to override this code, such as buttons */




/* Now let's apply grid for wider viewports. */




/* commented out as part of refresh */
/* @media screen and (min-width: 40em) {
.containerTP > * {
margin-bottom: 0;
}
*/

/* NEW UC HEADER CUSTOM CSS */

.component.header .container-fluid {
    overflow: hidden;
}

.component.header .container-fluid {
    margin: 0 auto;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#rednav {
    margin: 0 auto;
}

#unitname {
    padding: 0px 15px 0px 15px;
    position: relative;
    z-index: 3;
    overflow: visible;
    line-height: 2;
}

component.header #unitname {
    line-height: 2;
}

/* template reset*/

.frontPageHeaderContainer {
	width: 100%;
	background-color: #404040;
}

.titleContainer {
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem;
    display: grid;
    grid-template-columns: 600px auto;
    text-align: left;
}

.frontPageHeader {
    font-family: 'Jost', 'Helvetica', 'Arial', Sans-serif;
    font-size: 2em;
    font-weight: 800;
    color: #fff;
    line-height: 105%;
    text-align: left;
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
}


.page-chart {
    margin: auto;
    max-width: 760px;
    margin-top: 20px;
}


.containerTP > * {
margin-bottom: 10px;
}


.containerTP {
font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
margin-left: auto;
margin-right: auto;
max-width: 75rem;
	display: grid;
	grid-template-columns: 260px auto;
}








/* Place items on the grid */
.header,
.footer {
grid-column: 1 / -1;
}
.content {
grid-column: 2 / 4;
}
}


/* Generic styles for demo purposes
-------------------------------------- */






/* Typically, you wouldn't specify a height or min-height on this, instead allowing your actual content (i.e., text, images, etc.) to dictate the height of your content area. But since this example has very minimal content, I've set a min-height to mimic a taller content area. */
.content {
min-height: 350px;
}


/* Add a black background color to the top navigation */
.topnav {
background-color: #333;
overflow: hidden;
}


/* Style the links inside the navigation bar */
.topnav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}


/* Change the color of links on hover */
.topnav a:hover {
background-color: #ddd;
color: black;
}


/* Add a color to the active/current link */
.topnav a.active {
background-color: #4CAF50;
color: white;
}


/* Right-aligned section inside the top navigation */
.topnav-right {
float: right;
}




input[type="search"] {


/* padding: 1rem 2rem 1rem 2rem; */


}




.ais-Hits-item {
width: 100%;
}


#hits {margin: 2rem 0 1rem 0;}
#powered-by {float: right; margin-top: 5px;}
#pagination {margin-top: 1rem;}
.ais-Pagination-item--selected .ais-Pagination-link {
color: #fff;
background-color: #5468ff;
border-color: #5468ff;
}


.ais-Pagination-link {
color: #495588;
transition: color .2s ease-out;
}


.ais-Pagination-link:hover {
color: #495588;
}


/* additions - August 22, 2023 */


.containerTPc {
font-family: Open Sans, Helvetica, Arial, sans-serif;
	margin: 0 auto 0 auto;
	max-width: 75em;
}


#formTechPub1 {
	background-color: #fff;
padding: 0.5em 1em 1em;
border: none;
	margin: 0 auto;

}


.techContent {
	display: flex;
/*	align-items: flex-start; */
/*	justify-content: space-between; */
	margin: 0 auto;
	width: 100%;
}


.techColumn {
	flex: 1;
	margin: 20px;
	padding: 20px;
	border: none;
}


.techColumn1 {
	flex-basis: 70%;
	border: none;
	margin: 10px;
	padding: 20px;
min-width: 0;
}


.techColumn2 {
	flex-basis: 30%;
	flex-direction: column;
	border: none;
	justify-content: space-between;
	margin: 10px;
	padding: 20px;
min-width: 0;
}


.techRow {
	margin-top: 0px;
}


.techRow2 {
	margin-top: 20px;
/*	background-color: #e00122; */
}


/* .techButton {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ffffff;
	font-family: Open Sans ExtraBold;
	font-size: 1.4em;
	text-align: center;
	background-color: #e00122;
	border: none;
} */


.techButton {
	padding: 14px 0px 14px 0px;
	width: 90%;
box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.25);
border-radius: 6px;
border-width: 2px;
border-style: solid;
	border-color: #e00122;
font-family: 'Jost', sans-serif;
font-weight: 500;
font-size: 1.2em;
text-transform: uppercase;
text-align: center;
transition: background .1s;
	background-color: #e00122;
	color: #ffffff;
}


.techButton a:link {
	color: #ffffff;
	text-decoration: none;
}


.techButton:link {
	background-color: #e00122;
    color: #fff;
}


.techButton:visited {
	background-color: #e00122;
    color: #fff;
}


.techButton:hover {
	background-color: #b8011c;
	border-color: #b8011c;
    color: #fff;
}


.techButton:active {
	background-color: #b8011c;
	border-color: #b8011c;
    color: #fff;
}


.ais-InfiniteHits-loadMore {
	padding: 14px 0px 14px 0px;
	width: 100%;
box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.25);
border-radius: 6px;
border-width: 2px;
border-style: solid;
	border-color: #e00122;
font-family: 'Jost', sans-serif;
font-weight: 500;
font-size: 1.2em;
text-transform: uppercase;
text-align: center;
transition: background .1s;
	background-color: #e00122;
	color: #ffffff;
background: #e00122;
}


.ais-InfiniteHits-loadMore a:link {
	color: #ffffff;
	text-decoration: none;
}


.ais-InfiniteHits-loadMore:link {
	background: #e00122;
	background-color: #e00122;
}


.ais-InfiniteHits-loadMore:visited {
	background: #e00122;
	background-color: #e00122;
}


.ais-InfiniteHits-loadMore:hover {
	background: #b8011c;
	background-color: #b8011c;
	border-color: #b8011c;
}


.ais-InfiniteHits-loadMore:active {
	background: #b8011c;
	background-color: #b8011c;
	border-color: #b8011c;
}

.ais-InfiniteHits-loadMore:focus {
border: none;
cursor: pointer;
outline: none;
background: #b8011c;
	background-color: #b8011c;
	border-color: #b8011c;
}


.ais-InfiniteHits-loadMore:focus a {
border: none;
cursor: pointer;
outline: none;
}



/* Makes Technology Page Layout Responsive */


@media (max-width: 800px) {
	.techColumn1, .techColumn2 {
		flex: 100%;
	}
	.techColumn2 {
		background-color: #f1f1f1;
	}
}

@media (max-width: 800px) {
	.techContent {
		flex-wrap: wrap;
	}

}



/* Replace existing table in the current template with the code below */


#title {
	font-family: 'Jost', 'Helvetica', 'Arial', Sans-serif;
	font-size: 3em;
	font-weight: 800;
	color: #000000;
	line-height: 105%;
	margin: 0 0 0.5em 0;
}

@media (max-width: 800px) {
#title {
font-size: 2.2em;
    overflow-wrap: break-word;
}

}

#subTitle {
	font-family: Open Sans, Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 115%;
	margin: 0 0 0.5em 0;
}


#techID {
	font-family: Open Sans, Helvetica, Arial, Sans-serif;
	font-size: 1em;
	margin: 0 0 0.5em 0;
	display: none;
}


#divWebPublished {
	display: none;
}


#technologyImageContainer {
	height: 300px;
	width: 100%;
	/* overflow: hidden; */
	text-align: center;
	margin: 0 0 2em 0;
}


#technologyImage {
	height: 300px;
	width: 100%;
	object-fit: cover;
	object-position: 50% 30%;
}


.techSubSectionTitle {
	font-family: 'Jost', 'Helvetica', 'Arial', Sans-serif;
	font-weight: 800;
	font-size: 2em;
	line-height: 115%;
	margin: 0 0 0.5em 0;
}


.techBodyText {
	font-family: Open Sans;
	font-size: 1.2em;
	line-height: 115%;
	margin: 0 0 1em 0;
}


.techBodyText a:link {
	color: #e00122;
	text-decoration: none;
}




.techBodyText p {
	margin-bottom: 1em;
}




ul.tp {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 1.2em;
}

ul.tpm {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 1.2em;

}


.techColumn2Header {
	font-family: 'Jost', 'Helvetica', 'Arial', Sans-serif;
	font-size: 2em;
	font-weight: 800;
	color: #000000;
	line-height: 115%;
	margin: 0 0 0.5em 0;
}


/* #downloadButton {
	font-family: Open Sans ExtraBold, Helvetica, Arial, Sans-serif;
	font-size: 1.6em;
	color: #ffffff;
	width: 100%;
	background-color: #e00122;
	margin: 10px;
	padding: 20px;
	
} */




#page-sunburst {
margin: 1em auto 0;
max-width: 38.375rem;
}




/* Patrick Updates - 20230828 */


@charset "utf-8";
/* CSS Document */


#searchboxContainer {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	flex-basis: auto;
	justify-content: center;
	background-color: #fff;
	color: #ffffff;
	margin: 10px auto;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 0.8em;
/* Remove when ready to bring back search box */
/* display: none; */

}



#backButton {
	padding: 1em;
	color: #000;
	margin: 0 1em 0 0;
}


#searchbox {
    width: 100%;
    /* padding: 1em; */
    background-color: #fff;
    border: 1px solid #000000;
    margin: 0 0 0 8px;
}


.ais-SearchBox {
	background-color: #fff;
	color: #000;
	margin: 0 10px 0 10;
}


.ais-SearchBox-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: .3rem 1.7rem;
width: 100%;
position: relative;
background-color: #fff;
border: none;
}

input:focus {
    outline:none;
}



.searchboxButton {
	color: #fff;
	padding: 1em 2em;
	margin: 0 0 0 1em;
	background-color: #e00122;
	border: 1px solid #e00122;
display: none;
}


.searchboxButton:hover {
	background-color: #e00122;
	border: 1px solid #e00122;
}




/* Side Category Menu Starts Here */

 

#sidebar {
	border: none;
	padding: 10px 20px;
/* margin-top: -82px; */
}

.sidebar h2 {
font-family: 'Jost', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
font-weight: 800;
}

#hierarchical-menu-container {
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
	padding: 0;
	width: 100%;
}
 


/* #hierarchical-menu {
  font-family: 'Open Sans', 'Helvetica', 'Arial', Sans-serif;
    margin: 1em;
    padding: 0 0 0 50px;
  max-height: 0;
    overflow: hidden;
} */

 

#hierarchical-menu {
  font-family: 'Open Sans', 'Helvetica', 'Arial', Sans-serif;
  padding: 0;
  width: 100%;
}
 

#hierarchical-menu ul {
  list-style-type: none;
  padding: 0 0 0 20px;
}

 

#hierarchical-menu a {
  display: block;
  padding: 5px 0 5px 0px;
  text-decoration: none;
  font-size: 1em;
}

.ais-HierarchicalMenu-list {
  list-style-type: none;
  padding: 0 0 0 0;
font-size: 0.9em;

}


.ais-HierarchicalMenu-item {
  display: block;
  padding: 0px;
/*  font-size: 1em; */
line-height: 1.4em;
}

.ais-HierarchicalMenu-item a {
  text-decoration: none;
}

.ais-HierarchicalMenu-count {
	padding: .1rem .4rem;
	font-size: .8rem;
	color: #fff;
	background-color: #e00122;
	border-radius: 12px;
	float: right;
}


#hierarchical-menu label {
font-family: 'Jost', 'Helvetica', 'Arial', Sans-serif;
font-weight: 800;
    font-size: 2em;
    display: block;
padding: 10px 0 10px 0px;
}

 

.menu-content {
  max-height: 0;
  font-family: 'Open Sans', 'Helvetica', 'Arial', Sans-serif;
  /* overflow: hidden; */
  padding: 0 0 0 10px;
}

.ais-HierarchicalMenu {
  max-height: 0;
  font-family: 'Open Sans', 'Helvetica', 'Arial', Sans-serif;
  /* overflow: hidden; */
  padding: 0;
}

 

.menuLabelCategories {
  padding: 2px 0 2px 20px;
}

 

#hierarchical-menu input {
  display: none;
}

 

#hierarchical-menu input:checked {
  display: none;
}

 
/* when it drops down to 600 pixels */

@media (max-width: 600px) {
  
.titleContainer {
	width: 100%;
	display: block;
}

.frontPageHeader {
font-family: 'Jost', 'Helvetica', 'Arial', Sans-serif;
font-size: 2em;
font-weight: 800;
color: #fff;
line-height: 105%;
margin: 0 auto;
text-align: left;
padding-top: 30px;
}


.containerTP {
	width: 100%;
	display: block;
}
	
#sidebar {
	margin: 0 auto;
	width: 96%;
	flex-basis: 100%;
	flex-grow: 1;
}

.sidebar h2 {
padding-left: 24px;
font-family: 'Jost', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
font-weight: 800;
}
	
#hierarchical-menu-container {
  	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
  	padding: 0;
	width: 100%;
	background-color: #f3f3f3;
}

.ais-HierarchicalMenu-list {
	background-color: #f3f3f3;
padding-left: 20px;
padding-bottom: 20px;
}

.ais-HierarchicalMenu-item {
	background-color: #f3f3f3;
}
	
.ais-HierarchicalMenu-count {
	font-size: .8rem;
	color: #fff;
	background-color: #e00122;
	border-radius: 12px;
	float: right;
	padding: 1px 8px;
	margin-right: 20px;
}

#hierarchical-menu-container label {
  	background: url(menu.png) no-repeat left center;
	background-color: #e00122;
	color: #fff;
}

#hierarchical-menu-container input {
 	display: none;
}

#hierarchical-menu-container input:checked {
 	display: none;
}

/* Toggle Effect */
	#hierarchical-menu-container input:checked ~ label {
    	background-image: url(close.png);
}
	
#hierarchical-menu-container input:checked ~ #hierarchical-menu {
	min-height: 260px;
	max-height: 100%;
}
	
#hierarchical-menu-container input:checked ~ .ais-HierarchicalMenu {
	max-height: 100%;
}
	
#hierarchical-menu {
	max-height: 0;
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
	overflow: hidden;
}
}




/*


#hierarchical-menu ul {
	list-style-type: none;
 	padding: 0;
}


#hierarchical-menu a {
	list-style-type: none;
 	padding: 0;
}


#hierarchical-menu label {
font-family: 'Open Sans';
font-size: 40px;
display: block;
cursor: pointer;
background: url(menu.png) no-repeat left center;
padding: 10px 0 10px 50px;
}


input:checked {
	display: none;
}


*/


.categoryHeading {
font-family: 'Jost', 'Helvetica', 'Arial', Sans-serif;
font-size: 1.8em;
font-weight: 800;
margin: 0.5em;
	padding: 0;
}


.ais-HierarchicalMenu-link {
	color: #e00122;
padding: 4px 0;
font-size: 0.9em;
}






/* Technology Grid */


.content {
	grid-column: 2 / 4;
}


.ais-InfiniteHits {
	padding: 0em;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
}


/*
.ais-InfiniteHits a {
	 color: rgba(255,255,255,1.00);
	color: #fff;
	text-decoration: none;
}
*/

.ais-InfiniteHits a:link {
  /* color: rgba(255,255,255,1.00);*/
  color: #fff;
  text-decoration: none;
}

.ais-InfiniteHits a:visited {
  /* color: rgba(255,255,255,1.00);*/
  color: #fff;
  text-decoration: none;
}

.ais-InfiniteHits a:hover {
  /* color: rgba(255,255,255,1.00);*/
  color: #e00122;
  text-decoration: none;
}

 

.ais-InfiniteHits a:active {
  /* color: rgba(255,255,255,1.00);*/
  color: #fff;
  text-decoration: none;
}


/* .ais-InfiniteHits-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-grow: 1;
	flex-wrap: wrap;
	margin: 0 auto;
} */


.ais-InfiniteHits-item {
	/*margin: 2em 1em 2em 1em;*/
	position: relative;
	box-sizing: border-box;
	flex-basis: 300px;
	padding: 0.5em;
	border: none;
	box-shadow: none;
	list-style-type: none;
	font-family: 'Open Sans', 'Helvetica', 'Arial', Sans-serif;
	font-weight: 800;
	flex-grow: 0;
	flex-shrink: 0;
	/* background-color: #000; */
}


.ais-InfiniteHits-item:last-of-type {
}


.ais-InfiniteHits-item article {


height: 180px;
overflow: hidden;
color: #fff;
background-color: rgba(0,0,0,0.70);


}




.ais-InfiniteHits-item article p {
	display: flex;
	align-items: flex-end;
	alignment-baseline: bottom;
	position: absolute;
	margin: 0 0 2em 1em;
	bottom: 0;
	width: 80%;
	overflow: wrap;
	font-size: 1.2em;
	line-height: 1.2em;
	/* color: rgba(255,255,255,1.00);*/
	/* isolation: isolate; */
	/* mix-blend-mode: normal; */
	z-index: 90;
}


.ais-InfiniteHits-item article img {
    mix-blend-mode: multiply;
    top: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    position: relative;
    left: 50%;
    top: 50%;
}

@media (max-width: 600px) {
	.ais-InfiniteHits-item {
		flex-grow: 1;
	}
	
	.ais-InfiniteHits-item article {
		height: 300px;
		font-size: 1.6em;
	}

.ais-InfiniteHits-item article p {
	font-size: 1em;
	line-height: 1em;
}


.ais-Hits-list, .ais-InfiniteHits-list, .ais-InfiniteResults-list, .ais-Results-list {
    margin-left: 0.5em;
    margin-right: 1em;
}


}






/* GP addition */


/* this will hide div with class No */
div.No {
display: none;
}

/* this will hide div with class no */
div.no {
display:none;
}




/* patent layout tables */


/* css classes for patent */

.c_tp_patent_Container {
max-width: 100%
min-width: 100%;
overflow-x: auto;
 table-layout: fixed;
}

.c_tp_patent_Container table {
    width: 100%;
    border-collapse: collapse;

}

.c_tp_patent {
        font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
        font-size: 0.75em;
        text-align: left;
        border: none;
        border-collapse: collapse;
    }

/* New Code */
/* Patent table code */

.c_tp_patent td {
border-top: 1px solid #ddd;
padding: 16px 20px;
}



    .c_tp_patent th, td {
        padding: 16px 20px;
        border-bottom: 1px solid #aaa;
white-space: nowrap;

    }

    .c_tp_patent th {
        font-family: 'Jost', 'Open Sans', 'Helvetica', 'Arial', sans-serif;
        font-size: 1.2em;
        border-bottom: 2px solid #aaa;
font-weight: bold;
    }

    .c_tp_patent tr:nth-child(odd) {
        background-color: #f3f3f3;
    }

.backToTechnologiesContainer {
width: 100%;
background-color: #404040;
padding: 30px 20px;

}

.backToTechContainer {
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem;
    display: grid;
    grid-template-columns: 600px auto;
    text-align: left;

}


.backToTechnologies {

margin: 0 0 0 3em;
font-family: 'Open Sans', 'Helvetica', 'Arial', 'Sans-serif';
font-weight: 600;
line-height: 2em;
max-width: 75em;

}


.backToTechnologies a:link {
	color: #fff;
}

 

.backToTechnologies a:visited {
	color: #fff;
}

 

.backToTechnologies a:hover {
	color: #b8011c;
}

 

.backToTechnologies a:active {
	color: #e00122;
}