@import url('https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:100,300,400,400i,500,700,900&display=swap');


html {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #303336;
	--color-pending: #f5da90;
	--color-release: #D4EFCE;
	--color-draft: #ccc;
	--color-rejected: hsl(0,70%, 50%);
}

a {outline: none; color: #369;}

button.link {
	border:0;
	outline:0;
	padding:0;
	background-color: inherit;
	cursor:pointer;
}

#linkbar, ul#tabs {
	display: none;
}

.CommonBarLink {  color: #FFFFFF; text-decoration:none }
.CommonBarLink:hover {  color: #FFFF99; text-decoration:none}
.MenuBarLink {  color: #FFFFFF; text-decoration:none }
.MenuBarLink:hover {  color: #FFFF99; text-decoration:none}
.UpperBarLink { color: #eee; text-decoration:none; display: flex; align-items:center; margin-right: 20px; }
.UpperBarLink:hover {color: #fff}
.AdminBarLink {  color: #FFFFFF; text-decoration:none }
.AdminBarLink:hover {  color: #FFFF99; text-decoration:none}
.RiteBarLink {  color: #FFFFFF; text-decoration:none }
.RiteBarLink:hover {  color: #FFFF99; text-decoration:none}
.CommonBarCell { background: #999 }
.MenuBarCell { background: #CCC }
.RiteBarCell { background: #808080 }
.AdminBarCell { background: #666 }
.ActionLink {  color: #eee; text-decoration: none }
.ActionLink:hover {  color: #fff; text-decoration: none}
.FieldLabel { color: #6699CC}
.FieldLabelCell { color: #6699CC}
.FieldLabelCellMandatory { color: #6699CC; font-weight: bold}
.LeftFieldLabel { color: #f0f7ff}
.LeftFieldLabelCell { color: #f0f7ff; vertical-align: top}
.LeftFieldDataCell { color: #000000}
.LeftFieldData { color: #000000}
.LeftBlueMessage {color: #f0f7ff; margin-top: 50px; margin-left: 15%; margin-right: 15%}
#PageMessage { color: #FF9; font-size: 8pt}
.StatusMessage { color: 000000; font-size: 16pt}
.ErrorFieldLabel { color: #FF0000}
.EntityCountLabel { color: #f0f7ff}
TD {}
textarea {} 
input {} 
body { margin: 0px; padding: 1px}
body {min-width: 979px}
.ImportDocTableHeader { color:#000000; font-size: 8pt}
.ImportDocTableData { color:#000000; font-size: 8pt}
Caption { font-size: 12pt; font-weight:bold; text-align: left}
H1 { font-size: 14pt; font-weight:bold}
.LeftTitle { font-size: 14pt; white-space: nowrap}
.PlusMinus {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	align-items: center;
	font-size: 14px;
	color: #036;
	width: 20px;
	margin-right: 1px;
}
a.ItemID {color: #369; text-decoration: none; white-space: nowrap; font-family: 'Roboto Mono', monospace}
a.cr-id {color: #369; text-decoration: none; white-space: nowrap}
a.co-id {color: #369; text-decoration: none; white-space: nowrap}
a.ItemID:hover {color: #CC3333}
.InfoMessage { font-size: 14px}
.UnsupportedBrowserLink { font-size: 15pt; color: #FFFF00}
.SearchResultBlue {width: 150pt; height:300pt; vertical-align: top; background-color: #6699CC}
.DocumentViewLink {color: #FFFF99}
.ReportHeader {font-size: 8pt}
.SearchResultsGap {width: 5pt}
.CheckInGap {width: 5pt}
.ScreenTitle { width: 90%; margin-bottom: 5pt; margin-left: 5pt; margin-top: 10pt; font-size:12pt}
.TableHeaderCell {color: 333333; vertical-align: bottom; white-space: nowrap;}
.menutable {width: 80; background-color: #C0C0C0; 
		 border-right: solid 1pt black; border-bottom: solid 1pt black; 
		 border-left: solid 1pt #C0C0C0; 
		 border-top: solid 1pt #C0C0C0 }

.menucell  {background: #C0C0C0; border-left: 1pt solid #FFFFFF; 
		 border-right: 1pt solid #808080; border-top: 1pt solid #FFFFFF; 
		 border-bottom: 1pt solid #808080 }

.menulink  {background: #C0C0C0;  
		 letter-spacing: .2pt; font-size: 9pt;  
		 width: 100%; text-decoration: none; 
		 color: black; line-height: 130% }


@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("/fa/webfonts/fa-solid-900.eot");
  src: url("/fa/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fa/webfonts/fa-solid-900.woff2") format("woff2"), url("/fa/webfonts/fa-solid-900.woff") format("woff"), url("/fa/webfonts/fa-solid-900.ttf") format("truetype"), url("/fa/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/fa/webfonts/fa-regular-400.eot");
  src: url("/fa/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/fa/webfonts/fa-regular-400.woff2") format("woff2"), url("/fa/webfonts/fa-regular-400.woff") format("woff"), url("/fa/webfonts/fa-regular-400.ttf") format("truetype"), url("/fa/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url("/fa/webfonts/fa-light-300.eot");
  src: url("/fa/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/fa/webfonts/fa-light-300.woff2") format("woff2"), url("/fa/webfonts/fa-light-300.woff") format("woff"), url("/fa/webfonts/fa-light-300.ttf") format("truetype"), url("/fa/webfonts/fa-light-300.svg#fontawesome") format("svg"); }

.qri:before {
	font-weight: 900;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	display:inline-block;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
	line-height: 1;
	font-size: 150%;
	margin-right: .2em;
	font-family: "Font Awesome 5 Pro";
}

.qri.home:before { content: "\f015"; }
.qri.user:before { content: "\f007"; }
.qri.support:before { content: "\f590"; }
.qri.help:before { content: "\f059"; }
.qri.logoff:before { content: "\f2f5"; }
.qri.mgmt-rpts:before { content: "\f201"; }
.qri.proc-mgmt:before { content: "\f542"; }
.qri.new-proc:before { content: "\f0fe"; }
.qri.my-activities:before { content: "\f46d"; }
.qri.dashboard:before { content: "\f3fd"; }
.qri.new-item:before { content: "\f055"; }
.qri.bulk-load:before { content: "\f0ce"; }
.qri.search:before { content: "\f002"; }
.qri.new-user:before { content: "\f234"; }
.qri.unchecked:before { content: "\f0c8"; }
.qri.checked:before { content: "\f14a"; }


tr[bgcolor="#FFFF99"], tr[bgcolor='#FFFFFF'], .odd_row {
	height:35px;
	background: #fff;
}

.even_row   {background: #FFFFFF; height:35px}
.errors  {color: red}

.odd_row_highlight, .even_row_highlight {
	BACKGROUND: #f9f9f9; height:35px;
}
.odd_row_selected, .even_row_selected {
	BACKGROUND: #e0e5ea; height:35px;
}

.odd_row>td, .even_row>td, .odd_row_highlight>td, .even_row_highlight>td, .odd_row_selected>td, .even_row_selected>td,tr[bgcolor='#FFFF99']>td,tr[bgcolor='#FFFFFF']>td {
	border-bottom: thin solid #ddd;
}



*.itemid {border: solid 0px blue; white-space: nowrap; vertical-align: middle; font-family: 'Roboto Mono', monospace}
*.itemid img {vertical-align: top}

#TopBlue {background: #369; height: 74px}

#TopBlue.mobile {height: auto; margin-bottom: 1px}

#topRPLogo {float: left}

#TopBlue form {margin: 27px 5px 0px 0px; float: right}

#UpperBar {background: #666; height: 32px; margin-bottom: 1px; margin-top: 1px; display:flex; align-items: center; justify-content:left }
#upperBarLinks {margin-left: auto; display: flex; align-items: center}

#pageTitleImage {float: left}

@media print {
	.ActionLink {
		display: none
	}

	.CommonBarCell {
		display: none
	}

	#TopHeader {
		display: none
	}

	#UpperBar {
		display: none
	}

	#commonlinkbar {
		display: none
	}

	.l-lrca-r-card {
		box-shadow: none !important;
		border-top: none !important;
	}
}
form {margin: 0}

#tt {
	border-radius: 3px;
	box-shadow: 2px 2px 9px 2px #3336;
	font: 14px Roboto;
	display: none;
	z-index: 5;
	position: absolute;
	background-color: #f9f9f9;
	padding: 5px;
	/*box-shadow: 2px 2px 5px 1px #3336;*/
}


#tt a:hover {
	color: #c3c;
}	

#tt h1 {
	text-align: center;
	background: #f1f2f3;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 30px;
	margin: -5px -5px 0 -5px;
	padding: 0 10px;
	font-weight: 500;
	color: #444; 
}

#tt > h1:last-child {
	margin-bottom: -5px;
}
#tt > table {
	margin: 0;
}

#tt table, #tt tr, #tt th, #tt td { display: block; font-size:14px !important}

#tt tr {margin: 10px 5px; }
#tt th {vertical-align: bottom; text-align: left; font-weight: 300; color: #909294;}
#tt td {line-height: 1.6em; color: #50555a}

.parent-item-list {max-height: 170px; overflow: auto}

table.D {
	border-collapse: collapse;
	border-spacing: 0
}

table.D > thead > tr:last-of-type > td, table.D > thead > tr:last-of-type > th {
    border-bottom: 3px #ccc solid;
	padding-right: 10px;
	vertical-align: bottom;
	height: 35px;
	color: #333
}

table.D > tbody > tr > td {
	height: 35px;
	padding-right: 10px;
}

table.D > tbody > tr.selected {
	background-color: #e0e5ea !important
}

table.D > tbody > tr:nth-child(odd) {
	background-color: #fff
}

table.D > tbody > tr:nth-child(even) {
	background-color: #fff
}

table.D > tbody > tr:nth-child(odd):hover:not(.selected) {
	background-color: #f9f9f9;
}

table.D > tbody > tr:nth-child(even):hover:not(.selected) {
	background-color: #f9f9f9;
}

table.D > tbody > tr > td {
	border-bottom: thin solid #ddd;
}


/* normalize button behavior */
button {
	overflow:visible;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner {
	border:0;
}


/* form elements */

input[type=text], input[type=email], input[type=tel], input[type=password], input[type=file], input:not([type]), select:not([multiple]) {
	padding: 5px;
}

select[multiple] {
	padding: 2px;
}

input[type=file] {
	padding-left: initial;
}

textarea {
	padding: 5px 8px;
}

input[type=text], input[type=password], input[type=email], input[type=tel], input:not([type]), select, textarea {
	font-size:14px;
	border: thin solid #9ab;
	outline: 0;
	border-radius: 2px;
}

input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, input:not([type]):focus, select:focus, textarea:focus {
	border: thin solid #678;
	box-shadow: 0 0 2px #369;
}

input[type=text]:hover, input[type=email]:hover, input[type=tel]:hover, input[type=password]:hover, input:not([type]):hover, select:hover, textarea:hover {
	border: thin solid #789;
}

a {
	text-decoration: none;
}

td.action-container > a.ActionLink {
	line-height: 25px;
}

td.action-container {
	border-radius: 2px;
	background: #036;
}

.fancy-pick { cursor: pointer; user-select: none; margin: 0.2em 0; display: inline-flex; align-items: center; user-select: none }
.fancy-pick input { display: none; }
.fancy-pick span { opacity: 0.4; display: inline-block; }
.fancy-pick span::before { font-family: "Font Awesome 5 Pro"; display: inline-block; margin-right: 0.2em; }
.fancy-pick input[type=radio] + span::before { content: "\f111"; }
.fancy-pick input[type=radio]:checked + span::before { content: "\f058"; }
.fancy-pick input[type=checkbox] + span::before { content: "\f0c8"; }
.fancy-pick input[type=checkbox]:checked + span::before { content: "\f14a"; }
.fancy-pick:hover span { opacity: 0.7; }
.fancy-pick input:checked + span { opacity: 1; }
.fancy-pick input:checked + span::before { animation: grow-shrink .2s; }

@keyframes grow-shrink { 50% { transform: scale(1.20, 1.20) } }


font[size='-2'] {
	white-space: pre-wrap;
}

td > pre {
	margin: 0;
}



table.ssgrid { 
	width: 100%;
	border-collapse: collapse;
	border: thin solid #f0f2f4;
}

table.ssgrid > thead > tr > * {
	background: #f0f2f4;
	line-height: 25px;
	text-transform: uppercase;
	font-size: 11px;

	text-align: left;
	padding: 4px 5px;
	color:#666;
	font-weight: 700; 
}

table.ssgrid > tbody > tr > td{ 
	padding: 4px 5px;
	height: 50px;
	border-bottom: 1px solid #eee;
}

table.ssgrid.ssgrid-condensed > tbody > tr > td {
	height: 35px;
}

td.borderless-input-cell {
	padding: 0 !important;
	height: 1px;
}

input.borderless-input {
	-box-shadow: inset 0 0 1px 1px #ccc !important;
	background: #fffffc;
	border: none !important;
	width: 100%;
	box-sizing: border-box;
}

input.borderless-input:invalid {
	 box-shadow: inset 0 0 2px 2px red !important;
}

input.borderless-input:focus:not(:invalid) {
	 box-shadow: inset 0 0 1px 1px #ccc !important;
}


.table-resizable.resizing, .table-resizable th::before {
  cursor: col-resize;
  -webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
}
.table-resizable th {
  position: relative;
}
.table-resizable th::before {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1em;
}
.table-resizable th:last-of-type::before {
  display: none;
}
/**/

/* jui overrides */
.ui-state-active {
	background: #e0e0e0 !important;
	border: 1px solid transparent !important;
	color: unset !important;
}
/* end jui overrides */

.state-badge {
	color: #000a;
	font-size:11px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3px 9px;
	display: inline-block;
	border: thin solid transparent;
	border-radius: 40px;
	background-color: #ccc;
	box-shadow: 0 0 2px #9999;
}