/*
	Dynamic styles defined in site.jsp
    DON'T FORGET to make equivalent changes in pmisite.css
*/


@font-face {
  font-family: Lato;
  src: url(/images/font/Lato-Regular.ttf);
	font-weight: normal;
}
@font-face {
  font-family: Lato;
  src: url(/images/font/Lato-Italic.ttf);
	font-style: italic;
}
@font-face {
  font-family: Lato;
  src: url(/images/font/Lato-Bold.ttf);
	font-weight: bold;
}
@font-face {
  font-family: Lato;
  src: url(/images/font/Lato-Light.ttf);
	font-weight: 300;
}

/*STYLES TAKEN FROM ADVANCED CSS IN AL ORGS*/

.sectionHeader.relate_header, .relate_header .sectionHeader {
  border: 1px solid #2A547B ;
  border-radius: 9px;
  background-color: #c1d4e6 ;
}

.sectionHeader.relate_header, .relate_header .sectionHeader {
  padding-left: 5px;
  padding-right: 5px;
  text-transform: uppercase;
  font: normal 80%/150% Arial, Helvetica, sans-serif;
  color:#2A547B ;
  font-size:14px;
  font-weight:bold;
}

.hint.relate_header:not(:empty), .relate_header .hint:not(:empty) {
  border: 1px solid #2A547B ;
  padding:5px;
  background-color: #f1f1f1 ;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color:#333333
}

.hint.relate_header, .relate_header .hint, .formLabel {
  color: #2A547B ;
  font-weight: normal;
}

/*END STYLES TAKEN FROM ADVANCED CSS*/


FORM {
	margin: 0px;
	padding: 0px
}

UL, OL {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px
}

 TABLE {
	empty-cells: show;
 }

.formLabel {
	font-weight: bold
}

.formError {
	color: #B51C18
}

.tabitem, .tabitem A:link, .tabitem A:hover, .tabitem A:visited, .tabitem a:active {
	font-weight: bold;
	text-decoration: none;
	color: #000000
}

.alertHi td A:hover, .alertLow td A:hover {
	text-decoration: underline;
}

.alertHi td A:link, .alertHi td A:active, .alertHi td A:visited, .alertLow td A:link, .alertLow td A:active, .alertLow td A:visited {
	text-decoration: none;
}

hr.menuSeparator {
	height: 1px;
	border: 0px;
	background-color:#afafaf;
	color:#afafaf;
	margin-left: 4px;
	margin-right: 4px;
}

.menuBase {
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
}

img.rollImg {
	position: absolute;
	z-index: -1;
}

img.spcr {
	height: 0px;
	width: 0px;
	max-height: 0px;
	max-width: 0px;
	border:none;
	visibility:hidden;
}

.zero {
	height: 0;
	font-size: 0;
	width: 0;
	line-height: 0;
}

.rightButtons {
	float: right;
	vertical-align: middle;
	white-space: nowrap;
	text-align: right;
}

/* common paddings */
.pad1x1x {
	padding: 6px 0px 0px 6px;
}

.pad2x1x {
	padding: 6px 0px 0px 12px;
}

.pad3x1x {
	padding: 6px 0px 0px 18px;
}

.pad4x1x {
	padding: 6px 0px 0px 24px;
}

.pad1x2x {
	padding: 12px 0px 0px 6px;
}

.pad1x3x {
	padding: 18px 0px 0px 6px;
}

.pad1x4x {
	padding: 24px 0px 0px 6px;
}

.pad2x2x {
	padding: 12px 0px 0px 12px;
}

.pad1px1px {
	padding: 1px 0px 0px 1px;
}

.pad1px2px {
	padding: 2px 0px 0px 1px;
}

.pad1px5px {
	padding: 5px 0px 0px 1px;
}

.pad2px1px {
	padding: 1px 0px 0px 2px;
}

.pad5px1px {
	padding: 1px 0px 0px 5px;
}

.blackBorder {
	border: 1px solid black;
}
table.blackBorder, .noBorder {
	border-width: 0 !important;
	border-collapse: collapse;
}
.blackBorder td, .blackBorder th, .blackBorder tr, .blackBorder tbody {
	border-color: inherit;
}
.blackBorder td, .blackBorder th {
	border-style: solid;
	border-width: 0 1px 1px 0;
}
.blackBorder>tr>td:first-child, .blackBorder>tr>th:first-child, .blackBorder>tbody>tr>td:first-child, .blackBorder>tbody>tr>th:first-child {
	border-left-width: 1px;
}
.blackBorder>tr:first-child>td, .blackBorder>tr:first-child>th, .blackBorder>tbody>tr:first-child>td, .blackBorder>tbody>tr:first-child>th {
	border-top-width: 1px;
}
.noTop {
	border-top:none !important;
}
.noRight {
	border-right:none !important;
}
.noBottom {
	border-bottom:none !important;
}
.noLeft {
	border-left:none !important;
}
.amp {
	font-family: arial, verdana
}
.nobr {
	white-space: nowrap
}
a.relateInspector, a.relateInspector:link {
	color: inherit;
	text-decoration: none
}
a.relateInspector:hover, a.relateInspector:active {
	color: blue;
	text-decoration: underline
}
#contentArea, #sideNav {
	visibility: hidden;
}

.verticalText {
	transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-ms-transform: rotate(270deg);
	white-space:nowrap;
}

.pre {
	white-space: pre;
	display: block;
	unicode-bidi: embed
}
.diffLnAdd { background-color: #7FFF7F; }
.diffLnDel { background-color: #FF7F7F; }
.diffLnNone { background-color: white; }
.diffLnChange { background-color: #7E9DD5; }

.diffAdd {
	color: black;
	font-weight: bold;
}
.diffDel {
	color: #a9302a;
	text-decoration: line-through;
}
.diffChange {
	color: black;
}
.diffNone {
	color: #666666;
}

@media print {
	.headerArea, .footerArea, #footer, #sideNav, .screenOnly, .linkCol, #BAT, .mainNav-wrapper, .topNav, #formFooter, .pageRule  {
		display:none;
	}
	thead {
		display: table-header-group;
	}
	tfoot {
		display: table-footer-group;
	}
	#contentArea {
		visibility: visible;
	}
}

@media screen {
  .printOnly {
    display:none;
  }
}

/* BEGIN svg */
#foreColor {
	stroke: black;
	stroke-width: 0px;
}
.success #backColor {
	fill: green !important;
}
.success #foreColor {
	fill: #BFDFBF !important;
	stroke: green;
}
.caution #backColor {
	fill: #FFC20E !important;
}
.caution #foreColor {
	fill: #FFF0C3 !important;
	stroke: #FFC20E;
}
.danger #backColor {
	fill: red !important;
}
.danger #foreColor {
	fill: #FFBFBF !important;
	stroke: red;
}
.help #foreColor {
   fill: #ffe0b3 !important;
   stroke: #F29D1F;
}
.help #backColor {
   fill: #F29D1F !important;
}
.grey #backColor {
	fill: grey !important;
}
.grey #foreColor {
	fill: #DFDFDF !important;
	stroke: grey;
}
.white #backColor {
	fill: white !important;
}
.white #foreColor {
	fill: none !important;
	stroke: white;
}
.noBackground #foreColor {
	fill: none !important;
}
.darkBack #foreColor {
	stroke: white;
	stroke-width: 4px;
}
.inactive #backColor {
	fill: #ccc !important;
	stroke: #ccc;
}
.size16 {
	width:16px;
	height:16px;
}
.size24 {
	width:24px;
	height:24px;
}
.size32 {
	width:32px;
	height:32px;
}
.size48 {
	width:48px;
	height:48px;
}
.size64 {
	width:64px;
	height:64px;
}
.size96 {
	width:96px;
	height:96px;
}
.bold #foreColor {
	stroke-width: 4px;
}
body.BAT :not(#BAT) {
	display: none !important;
}
#BAT {
	display: none;
}
body.BAT #BAT {
	display: block !important;
}
body.BAT #BAT table {
	display: table !important;
}
body.BAT #BAT tbody {
	display: table-row-group !important;
}
body.BAT #BAT tr {
	display: table-row !important;
}
body.BAT #BAT td {
	display: table-cell !important;
}
body.BAT #BAT div {
	display: block !important;
}
body.BAT #BAT span, body.BAT #BAT a, body.BAT #BAT img, body.BAT #BAT b, body.BAT #BAT input {
	display: inline !important;
}

/* END svg */


.smSig, .noSig {
	background: white;
	border: solid 1px #CCC;
	cursor: pointer;
	height: 15rem;
	line-height: 15rem;
	margin-bottom: .5rem;
	text-align: center;
	width: 30rem;
}
.smSig > .svg {
	height: 100%;
	width: 100%;
}
.bigSig {
	background: #FFF;
	display: flex;
	align-items: center;
	flex-direction: column;
	left: 0;
	min-height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2000;
}
.svgSig {
	border: solid 1px #CCC;
	height: 35vw;
	max-height: 65vh;
	width: 80vw;
}
.sig-footer {
	text-align: right;
	width: 80vw;
}
.sig-footer > button {
	height: 4rem;
	width: 10rem;
	margin: 1rem;
	font-size: 1.5rem;
	border-radius: .5rem;
}

/* button classes */
.pulldown-menu-btn {
	align-items: center;
	border: 1px solid gainsboro;
	border-radius: 4px;
	display: flex;
	padding: .5rem;
	white-space: nowrap;
}
.pulldown-menu-btn:hover {
	background: gainsboro;
}
.pulldown-menu-btn:active, .pulldown-menu-btn:focus {
	background: #bebebe;
}

.hqManageButton {
	display: flex;
}

.aPointer {
	cursor: pointer;
}

/* DISPLAY */
.hidden {
	display: none !important;
}