/* 
	SPECS - COLORS:
	Gray: 		#333 (Header)
	Link Hover #1675be 
	
	Blue	#1675be (Search box background)
*/

/* OVERALL --------- */
/*body { box-sizing: border-box; -moz-box-sizing: border-box; font-size: 13px; color: #333; overflow-y: scroll; }
	a { color: #1675be; text-decoration: none; outline: none; }
	button { outline: none; cursor: pointer; }*/
h1,h2,h3,h4 {
	font-weight: bold;
	color: #7e8c8d;
	margin-bottom: 10px;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 20px;
}

h2.section-header {
	color: #9246a7;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 13px;
}

.hide {
	display: none;
}

.clearBoth {
	clear: both;
}

/* LAYOUT --------- */
/*html { background: #fff; }
	body { background: #fff; font: 13px arial, sans-serif; }*/

/* DRUG SEARCH RESULTS --------- */
.drug-search-results {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}

.drug-search-results article {
	box-sizing: border-box;
	width: 100%;
}

.right-panel {
	float: right;
	display: inline;
	position: relative;
	width: 15%;
	box-sizing: border-box;
	padding-top: 10px;
}
/*Added for popup background in Landing page*/
#overlay{
	background-color:#333 !important;
	moz-opacity:.6 !important;
	opacity:.60 !important;
	filter:alpha(opacity=60) !important;
	position:fixed !important
}

.search-section {
	width: 230px;
	float: left;
	margin-top: 15px;
	min-height: 190px;
}

.search-section ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.search-section li {
	margin: 6px 0;
}

.no-matches {
	color: #999;
}

.drug-images {
	margin: 10px 0 25px;
}

.drug-images img {
	width: 57px;
	height: 57px;
	margin: 0 6px 0 0;
	border: 1px solid #ddd;
}

.right-panel ul {
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
}

.right-panel li {
	margin: 3px 0;
}

ul.all-results {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.all-results a {
	display: block;
	margin: 6px 0;
	font-size: 15px;
}

ul.all-results .supp-info {
	margin: 0 0 12px 20px;
}

a.more-results {
	display: block;
	font-size: 16px;
	padding: 10px 0 20px;
}

/* MONOGRAPH --------- */
.monograph {
	overflow: hidden;
}

.monograph .toc-nav, .monograph .allResultsLeft {
	float: left;
	display: inline;
	position: inherit;
	box-sizing: border-box;
	padding-right: 5px;
	width:220px;
	z-index: -1;
}

.toc-nav a {
	display: block;
	font-size: 15px;
	color: #7e8c8d;
	padding: 5px;
}

.toc-nav>ul>li, .allResultsLeft>ul>li {
	margin-bottom: 7px;
}

.toc-nav>ul>li>a, .allResultsLeft>ul>li>a {
	font-weight: bold;
	padding-left: 15px;
	background: #f1f1f1;
}

.toc-nav>ul>li.active>ul, .allResultsLeft>ul>li.active>ul {
	display: block;
}

.toc-nav>ul>li.active>a, .allResultsLeft>ul>li.active>a {
	background: #eee;
	padding-left: 10px;
	border-left: 5px solid #924fa7;
	color: #9264a7;
}
/*.toc-nav > ul > li > ul { display: none; }*/
.toc-nav>ul>li>ul>li>a, .allResultsLeft>ul>li>ul>li>a {
	padding-left: 30px;
	font-size: 13px;
	font-weight: bold;
}

.toc-nav>ul>li>ul>li.active>a, .allResultsLeft>ul>li>ul>li.active>a {
	color: #9264a7;
}

.monograph .content {
	float: left;
	display: inline;
	width: 75%;
	min-height: 600px;
	padding-left: 25px;
	box-sizing: border-box;
	border-left: 5px solid #7e8c8d;
	border-right: 1px solid #ddd;
}

.monograph .content-wide {
	width: 100%;
	min-height: 600px;
	padding-left: 25px;
	box-sizing: border-box;
}

.monograph .content-narrow {
	overflow-x: hidden;
	overflow-y: hidden;
	width: auto; /* min-height: 600px; max-height: 900px */;
	padding-left: 10px;
	box-sizing: border-box;
}

.monograph .content-left-collapsed {
	float: left;
	display: inline;
	width: 80.8%;
	min-height: 600px;
	padding-left: 25px;
	box-sizing: border-box;
	border-left: 5px solid #7e8c8d;
	border-right: 1px solid #ddd;
}

.monograph .content-right-collapsed {
	float: left;
	display: inline;
	width: 75.3%;
	min-height: 600px;
	padding-left: 25px;
	box-sizing: border-box;
	border-left: 5px solid #7e8c8d;
	border-right: 1px solid #ddd;
}

.monograph .content-both-sides-collapsed {
	float: left;
	display: inline;
	width: 97%;
	min-height: 600px;
	padding-left: 25px;
	box-sizing: border-box;
	border-left: 5px solid #7e8c8d;
	border-right: 1px solid #ddd;
}

.content-options {
	float: right;
	/* made changes for defect no 17 US87638 */
	padding: 12px 10px 0 0;
	/* End changes for defect no 17 US87638 */
	width: 215px;
}

.content-options-allresults {
	float: right;
	/* made changes for defect no 17 US87638 */
	padding: 4px 20px 0 0;
	/* End changes for defect no 17 US87638 */
}

.pdx-content-options{
	width:215px;
	padding: 4px 0px 0 0;
	display: inline-block;
	float: right;
	font-size: 83%;
}

.pdxWsSearch-content-options{
   width:140px;
   padding: 4px 0px 0 0;
   display: inline-block;
   float: right;
   font-size: 83%;
}

.pdxManagement{
display: inline-block;
padding-top: 2px;
float: right;
width: 215px;
}

.pdxWsSearchManagement{
display: inline-block;
float: right;
width: 140px;
margin-top:-8px;
}

.content-options a {
	margin-left: 6px;
}

.monograph .content>ul {
	margin-left: 20px;
}

input.monograph-search {
	margin-left: 0px;
	width: 200px;
	height: 20px;
	padding: 6px 12px;
	font-size: 13px;
	line-height: 1.42857;
	color: #333;
	border: 1px solid #D6D6D6;
}

select {
	padding: 5px;
	font-size: 13px;
	/** Modified the css for dropdown to match truven style guide**/
	color: #555;
	border: 1px solid #D6D6D6;
	border-radius: 4px;
}

.monograph-search-container {
	margin-bottom: 10px;
}

.search-count {
	margin: 20px 0px;
	display: nne;
}

.monograph-content {
	display: block;
	font: 13px arial, sans-serif;
	/*  float:left;*/
    clear: both;
	/* font-size: 100%; */
}

.show-by-default {
	display: block;
}

.monograph-content ul,.monograph-content ol {
	/*padding: 15px 30px;*/
}

.monograph-content li,.monograph-content p {
	margin-bottom: 12px;
	line-height: 18px;
}

.monograph .borderRT {
	border-left: 0px;
	border-right: 1px solid #ddd;
	padding-left: 0px;
}

.paginationTitle {
	font-weight: bold;
	color: #7e8c8d;
	margin-bottom: 10px;
	font-size: 0.9em;
	margin-left:-5px;
}

.leftdiv {
	float: left;
	width: 20%;
}

ul.pagination li a.disabled {
	color: #999;
	background-color: #fff;
	border-color: #ddd;
	cursor: default
}

ul.pagination li a.active {
	z-index: 2;
	color: #fff;
	background-color: #428bca;
	border-color: #428bca;
	cursor: default
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 18px 0;
	border-radius: 4px
}

.pagination>li {
	display: inline
}

.pagination>li>a,.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #428bca;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}

.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus
	{
	color: #2a6496;
	background-color: #eee;
	border-color: #ddd
}

.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus
	{
	z-index: 2;
	color: #fff;
	background-color: #428bca;
	border-color: #428bca;
	cursor: default
}

.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus
	{
	color: #999;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed
}

#AllfilterLinks ul li {
	display: block;
}

#AllfilterLinks ul {
	display: inline;
	margin-left: 0;
	padding-left: 0
}

#AllfilterLinks ul li {
	list-style-type: none;
	display: block;
	font-size: .9em;
	text-align: left;
	margin-left: 0;
	padding-left: 0;
	padding-right: 5px
}

#AllfilterLinks a.selected {
	font-weight: bold;
	text-decoration: none;
    outline: none;
    padding: 1px !important;
    list-style: none outside none;
    /* white-space attribute is added to make the "Filter By" links text consistent in all result's tab of all landing pages */ 
    white-space: nowrap; 
}

#loadFreeTextResultDiv {
	width: 100%;
	float: left;
	margin-top:2px;
}

.leftblock {
	display: block;
	padding-left: 15px;
}

#interimResultsFilter_all {
	float: left;
	padding-left:5px;
	padding-top:0;
	width:90%;
	margin-top: -12px;
}

#docInfoTop_all {
	height: auto;
	padding-left: 5px;
	width: 75%;
}

#ISRcenterDoc_all {
	padding: 2px;
	width: 85%;
	margin-left: -30px;
	overflow-x: hidden;
	word-wrap: break-word;
	font-size: .8em
}

#filterby_all {
	font-weight: bold;
	color: #7e8c8d;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#paginationToolBottom_all {
	margin-left: 20px;
	width: 70%;
	float: right;
	padding-bottom: 1px;
}

#paginationToolBottom_all ul {
	display: inline;
	margin-left: 0;
	padding-left: 0
}

#paginationToolBottom_all ul li {
	list-style-type: none;
	display: inline;
	font-size: .8em;
	text-align: left;
	margin-left: 0;
	padding-left: 10px;
	padding-right: 5px
}

#paginationToolBottom_all ul li.notFirst {
	border-left: 1px solid #515355
}

#paginationToolBottom_all ul li.selected {
	color: #25282a;
	font-weight: 700;
	text-decoration: none
}

.contentSetInfo_all {
	font-size: .8em;
	text-transform: none;
	margin-left: 25px
}

#interimResultsContent_all {
	width: 98%;
	height: auto;
	font-size: 1.25em;
	margin-top: 0;
}

#interimResultsContent_all ul li {
	list-style-type: none;
	display: inline;
	text-align: left
}

#interimResultsContent_all ul {
	margin-left: 15px
}

.interimResultsTitle_all {
	font-size: .9em
}

.dashBdRelatedLink_all {
	font-size: 1em;
	color: #0078ae;
	display: inline;
	font-weight: 700
}

.titleLink_all {
	display: inline
}

.routeListISR_all {
	font-size: .8em;
	color: #515355;
	padding-bottom: 3px;
	margin-left: 25px
}

.primaryText_all {
	color: #555;
	font-weight: 700
}

.secondaryText_all {
	color: #333
}

.tertiaryText_all {
	color: #333;
	font-style: italic
}

.snippet_all {
	font-size: .8em;
	padding-bottom: 10px;
	margin-left: 25px;
	color: #66696a
}

.snippetBold_all {
	font-size: .9em;
	font-weight: 700;
	color: #000
}

.sectionLinksHeading_all {
	color: #555;
	font-weight: 700
}

.paginationCenter_all {
	height: 25px;
	margin-left: 10%;
	padding-top: 7px;
	padding-bottom: 7px;
	float: right;
}

#paginationToolBottomPrint_all {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #515355;
	border-bottom: 1px solid #515355;
	margin-left: 20px
}

.paginationLeftPrint_all {
	width: 30%;
	padding-top: 7px;
	padding-bottom: 10px
}

.arrowRight2_all {
	border-top: 4px solid #FFF;
	border-left: 4px solid #0072ce;
	border-bottom: 4px solid #FFF;
	font-size: 0;
	line-height: 0;
	width: 0;
	position: relative;
	top: -5px;
	margin-left: 5px;
	display: inline
}

.arrowRight_all {
	border-top: 4px solid #FFF;
	border-left: 4px solid #005a84;
	border-bottom: 4px solid #FFF;
	font-size: 0;
	line-height: 0;
	width: 0;
	position: relative;
	top: -5px;
	margin-left: 5px;
	display: inline;
}

/* CSS added for XSLT US86930/US87033 [DP/DE]*/
#main_docLandingPage {
	width: 100%;
	overflow: visible;
}

#centerDoc_docLandingPage {
	overflow-x: hidden;
	word-wrap: break-word;
	margin-left: 10px;
	height: auto !important;
}

.sectionIdentifierText_docLandingPage {
	font-weight: 400;
	padding-top: 1px;
   }
/* Added to resolve spacing between header titles in indepth answers*/
.sectionIdentifierText_drugdexLandingPage {
	font-weight: 400;
	padding-top: 14px;
	margin-top: -27px;
   }
   

/* CSS ENDED for XSLT US86930/US87033 [DP/DE]*/

/* added for Full document view for In-depth answers [US87035]*/
a.displaySectionsBtnModified,a.displaySectionsBtnModified:hover {
	padding: 3px 1px 0 25px;
	margin-right: 10px;
	font-size: .9em;
	float: right;
	background: url(../images/english/icon_displaysections.png) no-repeat
		left center;
	/* border-right: 1px solid #515355; */
	padding-right: 10px;
}

.sectionIdentifierTextFlatModified {
	color: #9246a7;
	padding: 5px;
	/* text-transform: uppercase; */
	display: inherit;
	width: 97%;
	text-indent: 5px;
	/* background-color: #2e008b; */
	/* border-bottom: 1px solid #2e008b; */
	border-left: none;
	border-right: none;
	border-top: none;
	font-size: 20px;
	margin-left: -13px;
}

.sectionTitleFlatModified {
	/* background-color: #d5cce8; */
	margin-bottom: 10px;
	margin-top: -10px;
	font-size: 1.1em;
	line-height: 1.2em;
	/* padding: 5px; */
	width: 95%;
	text-indent: 5px;
	/* border-bottom: 1px solid #d5cce8; */
	border-left: none;
	border-right: none;
	border-top: none;
	color: #7e8c8d;
	font-size: 16px;
	margin-left: -7px;
}

#centerDocModified {
	padding: 2px;
	overflow-x: hidden;
	word-wrap: break-word;
	font-size: 13px;
	margin-left: -4px;
	border: 1px;
	border-color: #ccc;
	height: auto !important;
	padding-top: 80px;
}

#centerDocModified_neonatal, #centerDocModified_pediatric{
    padding: 2px;
    overflow-x: hidden;
    word-wrap: break-word;
    font-size: 13px;
    margin-left: -4px;
    border: 1px;
    border-color: #ccc;
    height: auto !important;
    padding-top: 60px;
}

/* End for Full document view for In-depth answers [US87035] */

/*** Added for landing page section header & content related space issue **/
#centerDocSpaceIssueModified{
word-wrap:break-word;
margin-left:10px;
}

.drugClass
{
	margin-left:10px;
	font-size: 13px;
	margin-bottom:10px;
}

.saltDropDown
{
  margin-bottom:20px;
  margin-top:24px;
}

.saltDropDown select
{
  padding: 5px;
  font-size: 13px;
  color: #333;
  border: 1px solid #D6D6D6;
  float: right;
  margin-right: 11px;
  margin-top: -72px;
  top: -10px;
}

.marginTopIndentation{
	margin-top:-10px;
}

/* Added for landing page GlobalRegulatoryAuthority Country DropDown */

.countryDropDown
{
float: right;
margin-top: -45px;
margin-right:10px;
}

#regulatoryAuthorityCountry
{
width:152px;
height:29px; 
margin-top:-10px;
position:relative; 
top:-8px;
}

#RA_display
{
margin-left: 46px;
color:#7e8c8d;
}

/** Added for view full document for displaying the content inline with the
section header **/
#indepthpanel_fullcontentpanel{
	margin-left: 7px;	
}
/** Added for content indentation issue in indepth answers **/
.contentIndent{
	overflow: visible;
}
/** Added to resolve indentation issue present in fda and non-fda uses popups**/
.popupIndent{
	margin-left: 15px;
}

/**  Added to resolve the IVCompatibility Quick Answers related ui defect **/
.sectionTitleFlatIVForLanding{
background-color:#d5cce8;
font-size:1.1em;
line-height:1.2em;
padding:5px;
width:95%;
text-indent:5px;
font-weight:bold;
border-bottom:1px solid #d5cce8;
border-left:none;
border-right:none;
border-top:none;
text-align:left;
}

.subsections_title_docLandingPage{
margin-left:10px;
}

.outputContent h3,h4{
	color: #000;
}
/** Added for print pop up check box **/
.hiddenCheckBoxPrint{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

#quickanspanelIVcompatability {
	display: none;
}

/* Changes for Defect no#115 */
.refineButtonLabelDI{
float:left;
padding-top:5px;
padding-right:5px;
font-size:.9em;
color:#000;
/*padding-left:5px*/}

.refineButtonDI{
background:transparent url(../images/english/bgd_refinedSelect.png) no-repeat left top;
color:#000;
display:block;
height:18px;
padding-top:3px;
padding-right:15px;
padding-left:6px;
width:110px;
font-size:.9em;
outline:none}

.refineButtonDI:hover{
background:url(../images/english/bgd_refinedSelect.png) no-repeat left bottom;
color:#000}

.refineButtonDI a:link{
color:#000;
text-decoration:none}

.refineButtonDI:link{
color:#000;
text-decoration:none}

.para-list-landingpage{
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
}

.para-list-landingpage li {
margin-bottom: 0px;
list-style-type: disc;
}

.mainLandingPage{
margin-left: 0px;
margin-top: 0px;
}

.contentLandingPage {
padding-top: 6px;
}

.reference_ap{
padding-left: 17px;
margin-top: 0px;
margin-bottom: 0px;
}

.sectionIdentifierTextLandingPage{
	margin-top: 20px;
}

.sectionIdentifierTextLandingPage_pdx{
	margin-top: 20px;
	/* float:left; */
}

.sectionIdentifierTextLandingPage_CP{
	margin-top: 0px;
}

/* Added for Tox Quick answers content margin */
.toxContentMargin{
 margin-top: -10px;
}

.toxPointLandingLineSpace{
padding-top: 5px;
line-height: 18px;
}

/* Added for Tox Indepth answers Content margin and content line height US87961 */

.main-cp-pdx {
margin-left: -19px;
margin-top: -30px !important;
}

.para-list-pdx{
margin-left: 14px;
padding-left: 5px;
line-height: 18px;
}
/* Added for Disease Landing page */
.sectionIdentifierText_CP{
margin-top: -40px;
margin-left: -20px;
}

/* Added for Disease in-depth  US87874 */

 .para-list li {
margin-bottom: 0px;
list-style-type: disc;
} 

/* Added for Full document min height for resolving footer issue */
.docMinHeight{
min-height: 600px;
}


/* To fix the floating of the content in DrugInteraction(single) section in drug landing page */
.resultsTableFontSizeDrugLandingPage{
font-size:1.2em;
width: 100%;
table-layout: fixed;
/*position: relative;*/
}

.padded-zero{
padding-left: 0px;
}

#main
{
	margin-top:-5px !important;
}
/** Added for IE 10 Specific styles for quick answers drug landing page **/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

/*
.landingPageTitleDock {
z-index: 947;
}
.drugLandingTabDock {
z-index: 947;
}
*/
.landingTabDock{
z-index: 948;
}
.headerAppTopSecondary
{
  z-index:949;
}
#overlay {
z-index: 1002 !important;
}
.dijitMenuPopup {
z-index: 1001 !important;
}
   }
#sectionContainer{
display:none !important;
}

/* Classes added for Regulatory Authority Drop down Starts */
.raDropDown{
    float: right;
    margin-top:-45px;
    margin-right:10px;
}
.raText{
    float:right; 
    margin-top:-30px; 
    margin-right:13px;
    font-size: 13px;
    color: #7e8c8d;
    font-weight: bold;
}
/* Classes added for Regulatory Authority Drop down Ends */

.substanceText{
  float: right;
  margin-right: 13px;
  margin-top: -92px;
  font-size: 13px;
  color: #7e8c8d;
  font-weight: bold;
} 

#raDropDown_raCountryDropDown:disabled {
    background-color: rgb(235,235,228);
    color: rgb(84,84,84);
} 

/* View full documnet flag alignmnet */
.viewFullDocFlagAlign {
	position: relative;
	left: 10px;
	top: 11px;
}

/* Landing Page Dropdown Part*/
.contained {
    vertical-align:middle;
}

#showFormList {
    margin: 10px;
    position:relative;
    font-size:13px;
}

.formularyTag {
    vertical-align: middle;
}

#formularyItemList{
    max-width:300px;
}

#formularyItemList:disabled {
    background-color: rgb(235,235,228);
    color: rgb(84,84,84);
}

.leftDelimiterAlign {
    display:inline-block;
    margin-left:2px;
}

.textAlign {
    vertical-align:middle;
}

.showDefault {
    display:inline-block;
}

.hideOtherThanDefault {
    display:none;
}

.statusDesc {
    text-overflow: ellipsis;
    width: 100ch;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: bottom;
}

span.ficon {
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
    display:inline-flex;
    padding:0 2px;
    border:.5px solid #424242;
    border-radius:.9375rem;
    box-sizing:border-box;
    box-shadow:1px 1px 1px #555;
    font-family:inherit;
    font-weight:400;
    line-height:1rem;
    letter-spacing:0;
    vertical-align:initial;
    align-items:center;
    justify-content:center;
    max-width:100%;
    color:#000;
}

span.lg {
    font-size:0.75rem;
    height:27px;
    min-width:27px;
    letter-spacing:.64px;
}

span.white {
    background-color:#fff;
}

span.defaultStatus {
    vertical-align:middle;
}

.statusText{
    text-decoration:none !important;
}

.landingPageTitleDockNew {
    height:145px;
}

.drugLandingTabDockNew {
    margin-top:122px;
}

.drugFullDocumentHeaderDockNew {
    padding-top: 160px;
}

/* Hiding Feedback & Print Icon  for gen ai*/
#allResultsPanel_contenticonpanel, #feedbackwidget {display: none;}

/* GenAI CSS Styles */

#genAIPanel {padding: 20px 0px 0px 0px;}


#loadGenAIFreeTextResultDiv {
    display: flex;
    flex-direction: column;	
	padding: 0;
}

#genAIDiv {
	max-width: 49rem;
	min-width: 320px;
	align-self: auto;
    width: 100%;
    font-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, \.SFNSText-Regular, sans-serif;
    font-size: 0.938rem;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    border-radius: 0px;
    margin-bottom: 13rem;  
}
  
#genAIDiv h2 {
	all: revert; /* Reset h2 to browser defaults */
}

#genAIDiv h2 {
	color: black;
	font-size: 1.1em;
	margin: 0;
}

  
  .panel-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 1.45rem;
	font-family: Alliance No\.1, sans-serif;
	color: #ffffff;
	background-color: #052140;
	font-size: 0.9em;
	letter-spacing: 0.02rem;
	border-radius: 0px;
	border-bottom: 1px solid #ccc;
	padding: 5px 0.5rem 5px .813rem;
  }

  .panel-content {
	max-height: none;
	padding: 0px;
	scrollbar-color: #a8a8a8 #ffffff;
	scrollbar-width: thin;
	scrollbar-gutter: stable;
	display: flex;
	flex-direction: column;
	gap: 10px;
	transition: max-height 0.3sease;
	min-height: 42vh;
  }

  #chat-container {
	padding: 24px 9px 0px 14px;
	background-color: #ffffff;
	border-radius: 0px;
	overflow: unset;
	display: flex;
	flex-direction: column;
	gap: 1rem;
  }
  
  .genai-userInput-section{
	margin-top:1rem
  }
  
  .chat-bubble {
	max-width: 80%;
	line-height: 1.5;
	word-wrap: break-word;
	display: inline-block;
  }
  
  .chat-bubble.user {
	margin-bottom: 0px;
	padding: 8px 10px 8px 13px;
	color: #20201f;
	background-color: #EFECE6;
	border-radius: 12px 12px 0px 12px;
	box-shadow: none;
	align-self: flex-end;
	max-width: 80%;
	line-height: 1.5;
	word-wrap: break-word;
  }
  
  .chat-bubble.user p {
	margin: 0px;
	padding-bottom: 0px;
	max-width: 33rem;
  }
  
  .chat-bubble.agent {
  	padding: 4px 16px 26px 16px;
  	background-color: #DFEEFB;
  	max-width: none;
  	border-radius: 12px 12px 12px 0px;
  	box-shadow: none;
  	align-self: flex-start;
  	width: auto;
  	margin-bottom: 8px;
  }

  .chat-bubble.agent pre,
  .chat-bubble.agent code {
  	max-width: 100%;
  	white-space: pre-wrap;
  	word-break: break-word;
  	overflow-x: auto;
  	box-sizing: border-box;
  }
  
	.chat-bubble.agent .processed-question-banner {
		text-align: left;
	}
	
	.chat-bubble.agent .processed-question-banner p {
		margin-bottom: 0;
	}
	
	.chat-bubble.agent .ai-response-container {
		display: flex; 
		flex-direction: column;
		justify-content: space-between;
	}


	.chat-bubble.agent .ai-response-container .answer-left-pane,
	.chat-bubble.agent .ai-response-container .evidence-right-pane {
		flex: 1;
		height: fit-content;
	}

	.chat-bubble.agent .ai-response-container .answer-left-pane {
		min-width: 17.5rem;
		padding: 0.2rem 1rem 0px 0px;
	}
	
	.chat-bubble.agent .ai-response-container .evidence-right-pane {
		background-color: #ffffff;
		min-width: 17.5rem;
		margin-top: 1rem;
		padding: 0.5rem 0.5rem 0px 1rem;
		border-radius: 5px;
	}

	.evidence-right-pane ol {
		margin: 0.2rem 0 0.1rem -1.5rem!important;
	}

  .chat-bubble.agent p {
	margin: 0 0 0.4rem 0;
	color: #20201f;
  }
  
  .chat-bubble.agent a {
	display: inline-block;
	position: relative;
	left: 0.5em;
	margin-bottom: 0.7em;
	text-decoration: none !important;
  }
  .chat-bubble.agent a:link,
  .chat-bubble.agent a:visited {
	font-size: 0.875rem;
  }
  .chat-bubble.agent a:link,
  .chat-bubble.agent a:visited,
  #genAIDisclaimer a:link,
  #genAIDisclaimer a:visited {
  	color: #1385E2 !important;
  }
.chat-bubble.agent a:hover,
#genAIDisclaimer a:hover {
	color: #1179CC !important;
}
  .chat-bubble.agent a::after {
	content: ".....";
	position: relative;
	top: 0.1em;
	left: 0.3rem;
	margin-right: 0.7rem;
	color: transparent;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_723_1275)'%3E%3Cpath d='M13 14H3C2.73489 13.9996 2.48075 13.8942 2.29329 13.7067C2.10583 13.5193 2.00036 13.2651 2 13V3C2.00036 2.73489 2.10583 2.48075 2.29329 2.29329C2.48075 2.10583 2.73489 2.00036 3 2H8V3H3V13H13V8H14V13C13.9996 13.2651 13.8942 13.5193 13.7067 13.7067C13.5193 13.8942 13.2651 13.9996 13 14Z' fill='%230F6DB8FF'/%3E%3Cpath d='M10 1V2H13.293L9 6.293L9.707 7L14 2.707V6H15V1H10Z' fill='%230F6DB8FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_723_1275'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }

  .chat-bubble.agent a:active,
  #genAIDisclaimer a:active {
  	color: #A1CEF3 !important;
  }

  .chat-bubble.agent .processed-question-banner a,
  .ai-response-container a {
	margin-right: 0.5rem;
  }

  
  .progress-text {
	width: 100%;
	max-width: calc(100% - 50px);
	margin: 0 auto;
	font-size: 0.9em;
  }
  
  .loading-bar-container {
	width: 0px;
	max-width: calc(25% - 57px);
	margin: 0 auto;
	height: 0.3rem;
	background-color: #e0e0e0;
	overflow: hidden;
	position: relative;
  }
  .loading-bar {
	width: 30%;
	background-color: #d6a0fa;
	height: 100%;
	position: absolute;
	animation: loading 1.5s infiniteease-in-out;
  }  
 
  .genai-feedback-component {
	font-size: 0.813rem;
	display: flex;
	gap: 10px;
  }
  
  [id^="feedbackContainer"] {
	margin-top: -1.5em;
  }
  
  .icon-button {
	border: none;
	background: none;
	cursor: pointer;
	padding: 0px;
	width: 16px;
  }
  
  /* Default Unfilled Thumbs */
  .thumbs-up {
	background: url(../images/english/WAIcons.svg) -192px 10px no-repeat;
  }
  
  .thumbs-down {
	background: url(../images/english/WAIcons.svg) -224px 10px no-repeat;
  }
  
  /* Hover or Clicked (Filled Thumbs) */
  .thumbs-up:hover,
  .thumbs-up.clicked {
	background: url(../images/english/WAIcons.svg) -208px 10px no-repeat;
  }
  
  .thumbs-down:hover,
  .thumbs-down.clicked {
	background: url(../images/english/WAIcons.svg) -240px 10px no-repeat;
  }
  
  [id^="neutral"] {
	position: relative;
	top: -0.65em;
    width: 5.0rem;
	color: #20201f;
	background-color: transparent;
	border: none;
	border-radius: 0px;
	transition: none;
	font-weight: normal;
  }
  
  [id^="neutral"]::before {
	font-weight: normal;
	font-size: 20pt;
	content: "...";
	position: relative;
	top: 0.5em;
	left: -0.2rem;
	color: transparent;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-image: url(../images/english/face--neutral.svg);
  }
  
  [id^="neutral"]:hover::before {
	font-weight: normal;
	font-size: 20pt;
	content: "...";
	position: relative;
	top: 0.5em;
	left: -0.2rem;
	color: transparent;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-image: url(../images/english/face--neutral--filled.svg);
  }
  
  [id^="neutral"].clicked::before {
	font-weight: normal;
	font-size: 20pt;
	content: "...";
	position: relative;
	top: 0.5em;
	left: -0.2rem;
	color: transparent;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-image: url(../images/english/face--neutral--filled.svg);
  }
  [id^="genaiFeedbackFormContainer"]::before {
	content: "Rate this response (optional)";
	position: relative;
	top: 0.3em;
	font-size: 0.813rem;
  }
  
  .genaiFeedbackFormContainer {
	padding: 0px;
	display: none;
  }
  
  [id^="genaiFeedbackFrom"] label {
	font-size: 0.813rem;
  }
  
  .genaiFeedbackFrom {
	margin-top: 0.7em;
	padding: 0px;
	border: none;
  }
  
  .genai-feedback-input-container {
	margin-top: 0.563rem;
  }
  
  .genai-feedbackInput {
	padding: 1em;
	width: 94%;
	font-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont,
	  \.SFNSText-Regular, sans-serif;
	font-size: 0.875rem;
	color: #161616;
	background-color: #f4f4f4;
	border: none;
	border-radius: 0px;
	height: 94px;
  }
  
  /* Response Feedback Success */
  .genai-response-feedback {
	display: none;
	font-size: 13px;
	align-items: center;
	gap: 0.5rem;
	padding: 0px;
  }
  
  .genai-failurefeedback {
	display: none;
	font-size: 13px;
	align-items: center;
	gap: 0.5rem;
	padding: 0px;
  }
  
  .genai-rating-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	column-gap: 1rem;
	width: 100%;
  }
  
  .genai-rating-item {
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
  }
  
  .genai-rating-item label {
	margin-right: 10px;
	position: relative;
	top: -0.1rem;
  }
  
  .genai-risk-options {
	display: flex;
	align-items: center;
  }

  .genai-risk-options input[type="radio"] {
	accent-color: #20201f; 
	position: relative;
	top: -0.1rem;
  }
  
  
  .star-rating {
	display: inline-block;
	position: relative;
	top: -0.1rem;
	font-size: 18px;
	color: gray;
  }
  
  .star-rating .star::before {
	content: "☆"; /* Unfilled Star */
	font-size: 18px;
	color: gray;
	margin-right: 5px;
	cursor: pointer;
  }

  .star-rating .star:hover::before,
  .star-rating .star.selected::before {
	content: "★"; /* Filled Star */
	color: #1385E2;
  }
  
	.genaiFeedbackFrom label[for^="riskYes-"],
	.genaiFeedbackFrom label[for^="riskNo-"] {
	display: inline-block;
	position: relative;
	top: -0.1rem;
	}

  
  .genaiFeedbackFrom label[for^="accuracy"],
  .genaiFeedbackFrom label[for^="completeness"],
  .genaiFeedbackFrom label[for^="relevance"],
  .genaiFeedbackFrom label[for^="riskOfHarm"] {
	position: relative;
	top: -0.1rem;
  }
  

  .genai-modal-sub-title-feedback {
	padding-bottom: 0.25rem;
	color: transparent!important;
  }
  
  [id^="genaiFeedbackTextAreaLabel"].genai-modal-sub-title-feedback::before {
	content: "Comments:";
	font-size: 0.813rem;
	color: #20201f;
  }
  [id^="genaiTextAreaCount"] {
	position: relative;
	top: 0.2rem;
	right: 1.5rem;
	float: right;
	font-size: 1px;
	white-space: nowrap;
  }
  .genai-feedbackInput:focus {
	outline: 2px solid #9900ff;
  }
  [id^="genaiTextareaCurrentCount"],
  [id^="genaiTextareaMaximumCount"] {
	font-family: "IBM Plex Mono", ui-monospace, "Segoe UI Mono", monospace;
	font-size: 0.75rem;
  }
  [id^="submitButton"]:hover {
	color: var(--button-tertiary-hover-color, #FFFFFF);
	background-color: var(--button-tertiary-hover-background, #0C548F);
	border: none;
  }
  
  [id^="submitButton"]:active {
	color: var(--earthWhite, #FFFFFF);
	background-color: var(--button-tertiary-active-background, #093C65);
	border: none;
  }
  
  [id^="submitButton"][disabled] {
	background-color: var(--button-tertiary-disabled-background, #FFFFFF);
	border: 1px solid var(--button-tertiary-disabled-border, #C6C6C6);
	color: var(--button-tertiary-disabled-color, #C6C6C6);
  }
  
  .genai-feedback-footer-section {
	margin-right: 0rem;
	padding: 0px;
  }
  
  .genai-feedback-footer-section button {
	display: flex;
	align-items: flex-end;
	align-self: stretch;
	justify-content: space-between;
	margin: 1rem 0rem 0.625rem 0rem;
	padding: 0.75rem 0.81rem;
	width: 9rem;
	font-family: var(--allianceno1-regular);
	font-size: var(--div-font-size);
	font-style: var(--div-font-style);
	font-weight: var(--div-font-weight);
	line-height: var(--div-line-height);
	letter-spacing: var(--div-letter-spacing);
	color: var(--button-tertiary-color);
	background-color: var(--gray100Alpha00, #16161600);
	border: 1px solid var(--button-tertiary-color);
	cursor: pointer;
	float: right;
  }

  .genai-response-success-icon {
	display: inline-block;
	position: relative;
	top: 0;
	width: 16px;
	height: 16px;
	background-image: url(../images/english/checkmark--filled-green.svg);
  }
  .genai-response-feedback-label{
	padding-left: 0.2em;
	color: #198038;
  }
  
  [id^="genaiResponseFeedback"],
  [id^="genaiFailureresponseFeedback"] {
	margin-bottom: 1rem;
	margin-right: 1.5rem;
  }
  
  .genai-response-failure-icon {
	display: inline-block;
	position: relative;
	top: 0;
	width: 16px;
	height: 16px;
	background-image: url(../images/english/error--filled-red.svg);
  }
  .failureResponse-feedback-label {
	padding-left: 0.2em;
	color: #da1e28;
  }

 [id^="genaiFeedbackComponent"] p {
    position: relative;
    top: -0.25em;
}
  
  .chat-input {
	max-width: 49rem;
	min-width: 292px;
	margin: -4px 1rem 0px 0.6rem;
	border: 1px solid #0A4380;
	box-shadow: -2px 2px 4px rgba(10, 67, 128, 0.3);

    padding: 0px;
    height: 2.25rem;
    background-color: #fff;
    border-radius: 0px;
	display: flex;
	position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;   
  }
  .input-wrapper {
	width:70%;
	display: flex;
	align-items: center;
	position: relative;
	margin-right: .5rem;
}
  .input-wrapper .user-input {
	margin: 0px -0.9em 0px 0px;
	padding: 0 0 0 1rem;
    height: 2.25rem;
    font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, \.SFNSText-Regular, sans-serif;
    font-size: 0.938rem;
    color: #20201f;
    border: none;
    border-radius: 0px;
    box-shadow: none;
	width: 100%;
	font-size: 1rem; 
	background-color: #ffffff;
  }
  
  .input-wrapper .clear-button {
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.067 15.1832C16.1251 15.2412 16.1712 15.3102 16.2026 15.386C16.234 15.4619 16.2502 15.5432 16.2502 15.6253C16.2502 15.7075 16.234 15.7888 16.2026 15.8647C16.1712 15.9405 16.1251 16.0095 16.067 16.0675C16.009 16.1256 15.94 16.1717 15.8642 16.2031C15.7883 16.2345 15.707 16.2507 15.6249 16.2507C15.5427 16.2507 15.4614 16.2345 15.3855 16.2031C15.3097 16.1717 15.2407 16.1256 15.1827 16.0675L9.99986 10.8839L4.81705 16.0675C4.69977 16.1848 4.54071 16.2507 4.37486 16.2507C4.20901 16.2507 4.04995 16.1848 3.93267 16.0675C3.8154 15.9503 3.74951 15.7912 3.74951 15.6253C3.74951 15.4595 3.8154 15.3004 3.93267 15.1832L9.11627 10.0003L3.93267 4.81753C3.8154 4.70026 3.74951 4.5412 3.74951 4.37535C3.74951 4.2095 3.8154 4.05044 3.93267 3.93316C4.04995 3.81588 4.20901 3.75 4.37486 3.75C4.54071 3.75 4.69977 3.81588 4.81705 3.93316L9.99986 9.11675L15.1827 3.93316C15.2999 3.81588 15.459 3.75 15.6249 3.75C15.7907 3.75 15.9498 3.81588 16.067 3.93316C16.1843 4.05044 16.2502 4.2095 16.2502 4.37535C16.2502 4.5412 16.1843 4.70026 16.067 4.81753L10.8835 10.0003L16.067 15.1832Z" fill="%2320201F"/></svg>') center no-repeat;
    position: absolute;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none;
    width: 2.5rem;
    height: 2.25rem;
  }
  
  button.chat-button {
	position: relative;
    left: 1rem;
    width: 1rem;
    height: 2.25rem;
    font-size: 1pt;
    color: transparent;
    background-color: var(--gray100Alpha00, #16161600);
    border-radius: 0px;
    transition: none;
	padding: 10px 20px;
    border: none;
  }

  button.chat-button:hover {
	background-color: #8D8D8D1F;
  }

  button.chat-button:active {
	background-color: #8D8D8D80;
  }

  button.chat-button:focus {
	outline: 2px solid #0F6DB8;
  }

  button.chat-button:disabled {
	background-color: #FFFFFF;
  }
  
  button.chat-button::after, button.chat-button:focus::after {
	  content: "...";
	  position: relative;
	  left: -0.7rem;
	  font-size: 1.25rem;
	  background-size: 16px 16px;
	  background-repeat: no-repeat;
	  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.492 7.12465L3.99198 1.13152C3.81487 1.03182 3.61158 0.988448 3.4092 1.00719C3.20682 1.02594 3.01496 1.1059 2.85917 1.23644C2.70339 1.36697 2.59107 1.54188 2.5372 1.73785C2.48332 1.93383 2.49044 2.14157 2.55761 2.3334L4.47198 7.99965L2.55761 13.6665C2.50433 13.8173 2.488 13.9787 2.50998 14.1371C2.53196 14.2955 2.59162 14.4463 2.68395 14.5769C2.77627 14.7075 2.89857 14.8141 3.04058 14.8876C3.18259 14.9612 3.34018 14.9996 3.50011 14.9996C3.67386 14.9993 3.84457 14.9541 3.99573 14.8684L14.4907 8.86527C14.6455 8.77856 14.7745 8.65221 14.8643 8.49921C14.9542 8.34621 15.0017 8.17206 15.002 7.99462C15.0023 7.81719 14.9554 7.64287 14.8661 7.48954C14.7768 7.33622 14.6483 7.20942 14.4939 7.12215L14.492 7.12465ZM3.50011 13.9996C3.50037 13.9972 3.50037 13.9946 3.50011 13.9921L5.35886 8.49965H9.00011C9.13271 8.49965 9.25989 8.44697 9.35366 8.3532C9.44743 8.25943 9.50011 8.13225 9.50011 7.99965C9.50011 7.86704 9.44743 7.73986 9.35366 7.64609C9.25989 7.55232 9.13271 7.49965 9.00011 7.49965H5.35886L3.50386 2.00965C3.50324 2.00611 3.50197 2.00272 3.50011 1.99965L14.0001 7.98902L3.50011 13.9996Z" fill="%231385E2"/></svg>');
  }
  
  button.chat-button:hover::after, button.chat-button:active::after {
	  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.492 7.12465L3.99198 1.13152C3.81487 1.03182 3.61158 0.988448 3.4092 1.00719C3.20682 1.02594 3.01496 1.1059 2.85917 1.23644C2.70339 1.36697 2.59107 1.54188 2.5372 1.73785C2.48332 1.93383 2.49044 2.14157 2.55761 2.3334L4.47198 7.99965L2.55761 13.6665C2.50433 13.8173 2.488 13.9787 2.50998 14.1371C2.53196 14.2955 2.59162 14.4463 2.68395 14.5769C2.77627 14.7075 2.89857 14.8141 3.04058 14.8876C3.18259 14.9612 3.34018 14.9996 3.50011 14.9996C3.67386 14.9993 3.84457 14.9541 3.99573 14.8684L14.4907 8.86527C14.6455 8.77856 14.7745 8.65221 14.8643 8.49921C14.9542 8.34621 15.0017 8.17206 15.002 7.99462C15.0023 7.81719 14.9554 7.64287 14.8661 7.48954C14.7768 7.33622 14.6483 7.20942 14.4939 7.12215L14.492 7.12465ZM3.50011 13.9996C3.50037 13.9972 3.50037 13.9946 3.50011 13.9921L5.35886 8.49965H9.00011C9.13271 8.49965 9.25989 8.44697 9.35366 8.3532C9.44743 8.25943 9.50011 8.13225 9.50011 7.99965C9.50011 7.86704 9.44743 7.73986 9.35366 7.64609C9.25989 7.55232 9.13271 7.49965 9.00011 7.49965H5.35886L3.50386 2.00965C3.50324 2.00611 3.50197 2.00272 3.50011 1.99965L14.0001 7.98902L3.50011 13.9996Z" fill="%231179CC"/></svg>');
  }
  button.chat-button:disabled::after {
	  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.492 7.12465L3.99198 1.13152C3.81487 1.03182 3.61158 0.988448 3.4092 1.00719C3.20682 1.02594 3.01496 1.1059 2.85917 1.23644C2.70339 1.36697 2.59107 1.54188 2.5372 1.73785C2.48332 1.93383 2.49044 2.14157 2.55761 2.3334L4.47198 7.99965L2.55761 13.6665C2.50433 13.8173 2.488 13.9787 2.50998 14.1371C2.53196 14.2955 2.59162 14.4463 2.68395 14.5769C2.77627 14.7075 2.89857 14.8141 3.04058 14.8876C3.18259 14.9612 3.34018 14.9996 3.50011 14.9996C3.67386 14.9993 3.84457 14.9541 3.99573 14.8684L14.4907 8.86527C14.6455 8.77856 14.7745 8.65221 14.8643 8.49921C14.9542 8.34621 15.0017 8.17206 15.002 7.99462C15.0023 7.81719 14.9554 7.64287 14.8661 7.48954C14.7768 7.33622 14.6483 7.20942 14.4939 7.12215L14.492 7.12465ZM3.50011 13.9996C3.50037 13.9972 3.50037 13.9946 3.50011 13.9921L5.35886 8.49965H9.00011C9.13271 8.49965 9.25989 8.44697 9.35366 8.3532C9.44743 8.25943 9.50011 8.13225 9.50011 7.99965C9.50011 7.86704 9.44743 7.73986 9.35366 7.64609C9.25989 7.55232 9.13271 7.49965 9.00011 7.49965H5.35886L3.50386 2.00965C3.50324 2.00611 3.50197 2.00272 3.50011 1.99965L14.0001 7.98902L3.50011 13.9996Z" fill="%23C6C6C6"/></svg>');
	}
  
  /* Gen AI Disclaimer */
  .genAIDisclaimer {
  	position: relative;
  	top: 0;
	margin-top: 1rem;
  	width: 95%;
  	/*float: left;*/
	max-width: 57rem;
	font-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont,
	  \.SFNSText-Regular, sans-serif;
	font-size: 0.813rem;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 1.5rem;
	padding-left: 1rem;
  }

  .genAIDisclaimer span {
    max-width: 48rem;
    min-width: 320px;
    display: inline-block;
  }

  /* GenAI Collapsible Sections */
  .genai-section-heading {
  	display: flex;
  	flex-direction: row;
  	cursor: pointer;
  	align-items: center;
  	padding-bottom: 0.5rem;
  }

  #genai-reasoning-section .genai-section-heading h2 {
  	font-weight: 400;
  	/* Thin font */
  }

  .ai-collapsible-icon-wrapper,
  .ai-section-icon-wrapper {
  	display: inline-flex;
  	align-items: center;
  	justify-content: center;
  	margin-left: 8px;
  }

  .ai-collapsible-icon-wrapper svg,
  .ai-section-icon-wrapper svg {
  	width: 20px;
  	height: 20px;
  }

  #genai-reasoning-section.genai-collapsible-section .genai-section-heading {
	  margin-top: 1em;
  }

  #genai-reasoning-section .genai-section-body {
  	padding-left: 1.5rem;
  }

  .genai-section-body hr {
  	margin-right: 1rem;
  	margin-bottom: 1rem;
	border: 0.09em solid #8d8d8d;
  }
  div#genai-evidence-section.genai-collapsible-section hr {
  	border: 0.09em solid #e0e0e0;
  }
  /* The Modal */
  .genai-modal {
  	display: none; /* Hidden by default */
  	position: fixed;
  	z-index: 1000;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	background-color: rgba(0, 0, 0, 0.5);
  	overflow: hidden; /* Prevents extra scrollbar */
    align-items: center;
    justify-content: center;
  }
  
  /* Modal Content */
  .genai-modal-content {
	position: relative;
  	background-color: white;
  	margin: 50px auto;
  	padding: 20px;
  	border-radius: 10px;
  	width: 50%;
  	max-height: 80vh;
    overflow-y: auto; /* Enables scrolling inside the modal if content overflows */
  	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
	  outline: none;
  }
  
  /* Header Styling */
  .genai-modal-content h2 {
    font-size: 20px; /* Matching size */
    font-weight: bold; /* Strong header */
    margin: 0;
    padding-bottom: 10px;
  }

  /* Border Between Header and Content */
  .genai-modal-content h2::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ddd; /* Light border */
    margin-top: 10px;
  }

  /* Content Styling */
  .genai-modal-content p {
    font-size: 14px; /* Matching the text size */
    font-weight: normal; /* Keeping content text lighter */
    color: #333; /* Slightly darker text for readability */
    margin-bottom: 10px;
  }
  
  /* Close Button */
  .genai-modal-close {
  	float: right;
  	font-size: 24px;
  	font-weight: bold;
  	cursor: pointer;
  }
  
  /* FOCUS CSS */
  #contentText:focus,
  .genai-feedbackInput:focus {
	outline: 2px solid #1385E2;;
  }
  
  #genAIDiv a:focus,
  .input-wrapper .user-input:focus {
	outline: 2px solid #1385E2;
  }
  
  #genAIDiv .panel-header span a:focus {
	outline: 2px solid #1385E2 !important;
  }
  
  #genAIDiv .panel-header .icon-expand a:focus {
	outline: 2px solid #1385E2 !important;
  }
  
  input[type="radio"]:focus,
	[id^="submitButton-"]:focus {
	background-color: #0F6DB8;
	border: 2px solid #1385E2;
	color: #FFFFFF;
	box-shadow: inset 0 0 0 1px #FFFFFF;
	}

  .input-wrapper .clear-button:focus {
    outline: 2px solid #1385E2;
  }
  #genAIDisclaimer a:focus {
    outline: 2px solid #1385E2;
  }

  [id^="thumbs-down-"]:focus,
  [id^="thumbs-up-"]:focus,
  [id^="neutral-"]:focus {
    outline: none;
  }
  
  /* THIS NEEDS TO BE FIXED */
  
  .genai-feedback-footer-section button {
    margin-right: 1.5rem;
  }
  @media only screen and (max-width: 935px) {
	.chat-input{
		justify-content: flex-start;

	}
	.input-wrapper .clear-button{
		right: 2.56rem;
	}
	.input-wrapper .user-input{
		padding: 0 3rem 0 1rem;	
	}
	.input-wrapper {
		width:100%;
		margin-right:.1rem;
	}
	button.chat-button{
		margin-right:0.96rem;
	} 
  }

  @media only screen and (min-width: 672px) {
  	.input-wrapper .user-input {
  		padding: 0 3rem 0 1rem;
  	}
  }
.footerNavAI {
	position: fixed;
	bottom: 0;
	/*left: 0;*/
	background-image: linear-gradient(transparent,#FAF8F6,#F2ECE7,#E7DDD4,#E7DDD4,#E7DDD4,#E7DDD4);
	width: 100% !important;
	max-width: 1784px;
	margin-left: auto;
	margin-right: auto;
}

.footerTableAI {
	margin: 0px;
	padding-left: 10px;
	margin-left: 0 !important;
	background-color: #ffffff;
}

.answer-left-pane table{
	border-collapse: collapse;
}
.answer-left-pane td,th{
	border: 1px solid;
    padding: 5px;
}

#ai-reasoning-icon {
   width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(%23clip0_4490_51)"><path d="M22 8.37727V8.48182C22 9.53545 21.5741 10.5459 20.816 11.291C20.0578 12.036 19.0296 12.4545 17.9574 12.4545H13.4894V21.2364H14.5532C14.9411 21.2364 15.3199 21.1208 15.6394 20.9046C15.9589 20.6885 16.2041 20.3821 16.3425 20.026C16.4809 19.6698 16.506 19.2808 16.4144 18.9104C16.3229 18.54 16.119 18.2056 15.8298 17.9515C15.7651 17.8973 15.7121 17.8308 15.674 17.7561C15.6358 17.6814 15.6132 17.6 15.6075 17.5166C15.6018 17.4332 15.6131 17.3495 15.6408 17.2704C15.6685 17.1914 15.712 17.1186 15.7687 17.0563C15.8254 16.994 15.8942 16.9435 15.9711 16.9077C16.048 16.8719 16.1314 16.8516 16.2163 16.8479C16.3013 16.8443 16.3862 16.8573 16.466 16.8863C16.5457 16.9154 16.6188 16.9597 16.6809 17.0169C17.1626 17.4404 17.5021 17.9976 17.6546 18.6149C17.807 19.2321 17.7651 19.8803 17.5345 20.4737C17.3039 21.067 16.8954 21.5776 16.363 21.9378C15.8306 22.298 15.1995 22.4909 14.5532 22.4909H13.4894V24.3727C13.4894 24.5391 13.4221 24.6986 13.3024 24.8163C13.1827 24.9339 13.0204 25 12.8511 25C12.6818 25 12.5194 24.9339 12.3997 24.8163C12.28 24.6986 12.2128 24.5391 12.2128 24.3727V22.4909H9.44681C9.27752 22.4909 9.11517 22.4248 8.99546 22.3072C8.87576 22.1895 8.80851 22.03 8.80851 21.8636C8.80851 21.6973 8.87576 21.5377 8.99546 21.4201C9.11517 21.3025 9.27752 21.2364 9.44681 21.2364H12.2128V12.4545H9.44681C8.93895 12.4545 8.45189 12.6528 8.09277 13.0057C7.73366 13.3586 7.53192 13.8373 7.53192 14.3364C7.53192 14.8355 7.73366 15.3141 8.09277 15.667C8.45189 16.0199 8.93895 16.2182 9.44681 16.2182C9.6161 16.2182 9.77845 16.2843 9.89815 16.4019C10.0179 16.5195 10.0851 16.6791 10.0851 16.8455C10.0851 17.0118 10.0179 17.1714 9.89815 17.289C9.77845 17.4066 9.6161 17.4727 9.44681 17.4727C8.60037 17.4727 7.78861 17.1423 7.19008 16.5541C6.59156 15.9659 6.25532 15.1682 6.25532 14.3364C6.25532 13.5045 6.59156 12.7068 7.19008 12.1186C7.78861 11.5304 8.60037 11.2 9.44681 11.2H12.2128V2.62727C12.2128 2.46091 12.28 2.30136 12.3997 2.18372C12.5194 2.06609 12.6818 2 12.8511 2C13.0204 2 13.1827 2.06609 13.3024 2.18372C13.4221 2.30136 13.4894 2.46091 13.4894 2.62727V11.2H17.9574C18.3207 11.2 18.6804 11.1297 19.0159 10.9931C19.3515 10.8565 19.6564 10.6563 19.9133 10.4039C20.1701 10.1515 20.3739 9.85181 20.5129 9.52202C20.6519 9.19224 20.7234 8.83877 20.7234 8.48182V8.37727C20.7234 7.68409 20.4432 7.0193 19.9444 6.52915C19.4457 6.039 18.7692 5.76364 18.0638 5.76364H16.2553C16.086 5.76364 15.9237 5.69755 15.804 5.57991C15.6843 5.46228 15.617 5.30273 15.617 5.13636C15.617 4.97 15.6843 4.81045 15.804 4.69281C15.9237 4.57518 16.086 4.50909 16.2553 4.50909H18.0638C19.1078 4.50909 20.1089 4.91663 20.8471 5.64205C21.5853 6.36748 22 7.35137 22 8.37727ZM5.19149 9.94545H2.6383C2.46901 9.94545 2.30666 9.87937 2.18695 9.76173C2.06725 9.64409 2 9.48454 2 9.31818V8.48182C2 7.42819 2.42591 6.41771 3.18404 5.67268C3.94216 4.92764 4.9704 4.50909 6.04255 4.50909H9.44681C9.6161 4.50909 9.77845 4.57518 9.89815 4.69281C10.0179 4.81045 10.0851 4.97 10.0851 5.13636C10.0851 5.30273 10.0179 5.46228 9.89815 5.57991C9.77845 5.69755 9.6161 5.76364 9.44681 5.76364H9.23404V5.97273C9.23404 7.02636 8.80813 8.03684 8.05001 8.78187C7.29188 9.5269 6.26364 9.94545 5.19149 9.94545ZM7.95745 5.76364H6.04255C5.30898 5.76364 4.60544 6.05002 4.08673 6.55977C3.56801 7.06953 3.2766 7.76091 3.2766 8.48182V8.69091H5.19149C5.92507 8.69091 6.6286 8.40453 7.14732 7.89477C7.66603 7.38501 7.95745 6.69363 7.95745 5.97273V5.76364Z" fill="%2320201F"/></g><defs><clipPath id="clip0_4490_51"><rect width="24" height="24"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ai-section-expand-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8499 8.98876L12.3951 16.8281C12.2903 16.9382 12.1482 17 12 17C11.8518 17 11.7097 16.9382 11.6049 16.8281L4.15006 8.98876C4.0513 8.87731 3.99753 8.72989 4.00009 8.57758C4.00264 8.42526 4.06132 8.27993 4.16376 8.17221C4.2662 8.06448 4.4044 8.00278 4.54925 8.00009C4.6941 7.9974 4.83428 8.05394 4.94027 8.1578L12 15.5806L19.0597 8.1578C19.1657 8.05394 19.3059 7.9974 19.4508 8.00009C19.5956 8.00278 19.7338 8.06448 19.8362 8.17221C19.9387 8.27993 19.9974 8.42526 19.9999 8.57758C20.0025 8.72989 19.9487 8.87731 19.8499 8.98876Z' fill='%2320201F'/%3E%3C/svg%3E");
}
.ai-section-collapse-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8366 15.8283C19.7319 15.9383 19.5899 16 19.4418 16C19.2938 16 19.1518 15.9383 19.0471 15.8283L11.9933 8.41715L4.93948 15.8283C4.83358 15.932 4.69351 15.9885 4.54879 15.9858C4.40406 15.9831 4.26598 15.9215 4.16362 15.8139C4.06127 15.7064 4.00264 15.5613 4.00009 15.4092C3.99753 15.2571 4.05125 15.1099 4.14993 14.9987L11.5985 7.17168C11.7032 7.06175 11.8452 7 11.9933 7C12.1413 7 12.2833 7.06175 12.3881 7.17168L19.8366 14.9987C19.9412 15.1087 20 15.2579 20 15.4135C20 15.5691 19.9412 15.7183 19.8366 15.8283Z' fill='%2320201F'/%3E%3C/svg%3E");
}

@media only screen and (min-width: 672px){
	#allResultsPanel_contenticonpanel, #feedbackwidget {display: block;}
	.input-wrapper .user-input {padding: 0 3rem 0 1rem;}
}
@media only screen and (min-width: 935px){
	#icon-ai_maximize, #icon-ai_collapse {visibility: visible;}
	#icon-ai_maximize {position: static;}
}
@media only screen and (max-width: 507px){
	.chat-bubble.agent .ai-response-container .evidence-right-pane {
		max-width: 100%;
	}
}