/* 	======================== CSS AFTER PS COMPONENTS ============================ */

/* Necessary in order to put the nav buttons at the right */
.b-page-header__title {
	width: 100%;
	text-align: initial; /* Avoids the external CSS to change it */
}

/*	TODO JG - Refactor with results-command-bar */
.detail-commands-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* Fix for content displayed within an HTML a element */
a[name=DESCRIPTION], a[name=CLAIMS] {
	display: block;
	color: inherit;
	text-decoration: none;
	pointer-events: none;
	cursor: default;
}

/* /////////// Documents tabs ////////// */
/* Applies a margin to the tables in the documents tab */
.patent-documents .ui-datatable {
	margin-top: 1em;
}

.patent-documents .ui-datatable+.ui-datatable {
	margin-top: 1rem;
}

.patent-documents .ui-datatable table.b-table {
	table-layout: auto;
}

/* /////////// Biblio tabs ////////// */
.patent-abstract, .patent-title {
	text-align: justify;
}

.ipc-biblio-field .icon-wrapper {
	margin-left: 0.5rem;
}

[dir=rtl] .ipc-biblio-field .icon-wrapper {
	margin-left: 0;
	margin-right: 0.5rem;
}

.patent-family-member {
	display: inline-block;
	margin: 0 0.5rem 0.375rem 0;
	line-height: 1rem;
}

[dir=rtl] .patent-family-member {
	margin-right: 0;
	margin-left: 0.5rem;
}

.patent-image-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.patent-image-container .patent-image {
	max-width: 500px;
	max-height: 400px;
	width: 100%;
	height: auto;
	object-fit: contain; /* not supported in IE11 */
	padding: 0 1rem;
}

ul.biblio-person-list {
	padding: 0;
	list-style-type: none;
}

ul.biblio-person-list li .biblio-person-list--name {
	font-weight: 500;
}

a.patent-claims-language {
	color:#929292;
	text-decoration: none
}

.patent-claims-language--displayed {
	font-weight: bold;
}

.claims-description {
	direction: ltr;
	text-align: left;
}

.claims-description_ar {
	direction: rtl;
	text-align: right;
}

.npl-publisher {
	font-style: italic;
}

.also-published {
	position: relative;
  	display: inline-block;
	border-bottom: 1px dotted silver;
}

.also-published .tooltip-text {
	visibility: hidden;
    outline: 1px solid #CCCCCC;
	background-color: #FFFFFF;
    color: #1a1a1a; /* As w-faces inputs */
    padding: 1em 1.5em;
  	position: absolute;
  	z-index: 1;
 	top: -10px;
  	left: 50%;
  	width: 400px;
 	margin-left: -200px; /* Use half of the width to center the tooltip */
  	text-align: justify;
}

.also-published:hover .tooltip-text {
  visibility: visible;
}

/* used in family tab */
div.myself-event {
   color: #52a7c0 !important;
   border-color: #52a7c0 !important; /* green */
}
div.hidden-event {
   color: #FFFFFF !important;
   border-color: #FFFFFF !important; /* green */
}
tr.myself-line{            
   border: 2px solid !important;
   border-color: #52a7c0 !important;
}

/* used in national collections document tab */
.ps-wipocase-deferred .ui-outputpanel-loading  {
	width:100%;
}

/* used in documents tabs */
.ps-downloadables {
	display:flex;
	flex-direction: row;
	align-items: flex-end;
}

/* ===== Search report ===== */

/*	The search report external content sets the verdana class to all body elements. This selector resets the body font-family to the w-faces default value */
body.verdana {
	font-family: inherit;
}

.reportContentOrientation {
	direction: ltr;
	text-align: left;
}

.reportContentOrientation_ar {
	direction: rtl;
	text-align: right;
}

.reportContentOrientation_ar td {
	text-align: right;
}

.search-report {
	text-align: left;
}

.search-report input[type=checkbox] {
	vertical-align: middle !important; /* overrides the hardcoded inline style alignment */
	margin: 0 0.25rem;
}

.search-report a {
	text-decoration: none;
	color: #000000;
}

.search-report a[href] {
	color: #0000ff;
}

.search-report a[href]:hover {
	text-decoration: underline;
	color: #FF5555;
}

.search-report .reportTitle {
	color: #0078D0;
}

.search-report-commands {
	font-size: initial;
}

.search-report-language-selector-label {
	font-weight: bold;
}

.search-report-language-selector.ui-widget {
	border:none;
}

/* ===== Sequence Listing St26 styles ==== */

.sl-table {
	width: 100%;
}

.sl-line-number {
	margin-right:10px;
	white-space: nowrap;
	vertical-align: top;
}

.sl-area-title {
	font-weight: bold
}

.sl-line-title {
	margin-right:10px;
	white-space: nowrap;
	vertical-align: top;
}

.sl-line-data {
	font-weight: bold	
}

.sl-residue {
     font-family: "Courier New", Courier, monospace;
     color: gray
 }
 
.sl-residue-index {
	font-style: italic;
	float: right;
}