input:focus-visible {
    outline: none !important;
    border: 1px solid black;
}

.logoReg {
	height: 65px;
	margin-top: 10px;
	transition: height 0.25s;
}

.logoSmall {
	height: 40px;
	margin-top: 3px;
	transition: height 0.25s;
}

.logoMob {
	height: 40px;
	margin-top: 3px;
	transition: height 0.25s;
}

.trialText {
    background-color: orange;
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    width: auto;
    position: relative;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow: 4px 4px 4px silver;
    opacity: 0.5;
}

.trialText:hover {
	opacity: 1;
}

.trialText a {
	text-decoration: none;
	border-bottom: none !important;
	cursor: pointer;
}

.trialText a:hover {
	text-decoration: none;
	border-bottom: none !important;
}

.trialText a:visited {
	text-decoration: none;
	border-bottom: none !important;
}

.trialNotify {
    position: absolute;
    z-index: 9999999;
    top: 0px;
    width: 100%;
    height: 0px;
    text-align: center;	
    font-size: 0.8em;
}

.formCloseButton {
	cursor: pointer; 
	font-size: 1.2em; 
	padding: 4px; 
	z-index: 9999; 
	background-color: #e0dddd; 
	color: #a09b9b; 
	position: absolute; 
	right: 10px; 
	top: 10px; 
	opacity: 0.9;
}

.rowTitlePrefix {
    float: left; 
    display: block; 
    font-size: 1.7em; 
    font-weight: normal;
}

.rowTitlePrefix > a {
    color: white !important;
    font-size: 0.5em;
    background-color: #d6d4d4;
    margin-right: 0.5em;
    padding: 0.35em;
    border-radius: 0.4em;
    vertical-align: middle;
    line-height: 2em;
}

.rowTitlePrefix > span {
    line-height: 2em;
    opacity: 0.8;
}

.formFooterButton {
	float: right;
}

#mainbit {
    /* padding-top: calc(1.6em + 120px); */
}

.switchRec {
    opacity: 0.2;
    margin-left: 10px;
    display: inline-block;
    cursor: pointer;
    font-size: 0.6em;
    vertical-align: middle;
}

.formSubmitButton {
	position: sticky;
	bottom: 10px;
	background-color: #ffffff87;
	box-shadow: 10px 10px 20px 1px white;
	z-index: 99999;
}

.stickyTableNav {
    position: sticky;
    bottom: 0px;
    background-color: #ffffff87;
	box-shadow: 10px 10px 20px 1px white;    
}

#smbutton {
	width: 5.5em; 
	font-size: 1.3em; 
	margin-right: 0px; 
	font-weight: normal;
    padding-top: 11px;
    padding-bottom: 10px;
}

.grayOut {
	pointer-events: none;
    opacity: 0.3;
    background-color: #f0eeee;
}

input[disabled=disabled] {
	opacity: 0.15;
}	

.dropdownButton[disabled=disabled] {
	opacity: 0.15;
}	


.inlineActions {
	padding-left: 5px;
}

.inlineActions:hover {
	background-color: #d0d0d0;
}

blockquote{border-left: 10px solid #c76c0c !important;text-align: justify;background: #fff;
display:block;margin: 0 0 20px;padding: 15px 20px 15px 45px;position: relative; color: #667;
border-right: 2px solid #c76c0c;box-shadow: 2px 2px 15px #ccc;-webkit-box-shadow: 2px 2px 15px #ccc;-moz-box-shadow: 2px 2px 15px #ccc;}
blockquote a{cursor: pointer;color: #c76c0c;text-decoration: none;background: #eee;padding: 0 3px;}
blockquote a:hover{color: #555;}

.advHide {
	font-weight: normal;
	color: black;
	opacity: 0.3;
	cursor: pointer;
}


.axMore:hover i {
	color: black;
	border-radius: 10px;
}

.axMore:hover {
	color: black;
	border-radius: 10px;
}

.axMore {
	width: 1.2em;
	height: 1.2em;
	border: 1px solid white;
	border-radius: 10px;
	background-color: #f0f0f0;
}
.axMore i {
	color: #a0a0a0;
	font-size: 0.9em;
}

.axMoreMenu ul li a {
	font-weight: normal;
}

.editCommands {
    font-size: 1.1em;
    opacity: 0.8;
    width: 1%;
}

.editCommands a div i {
	opacity: 0.5;
	font-size: 1.2em;
}

.recDetDropdown {
	opacity: 0.6;
	font-size: 1.2em;
}

.editCommands a div i:hover {
	opacity: 1;
}

.recDetDropdown:hover {
	opacity: 1;
}

.inlineExpand {
	color: #606060 important!;
	font-size: 1.1em;
	
}

.inlineExpand:hover {
	color: black;
}

.qaButton {
    display: inline-block;
    padding: 0.3em;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0.2em;
    top: -0.1em;
    margin-right: 0.3em;
    border: solid 1px #aaaac7;
    height: 1em;
    position: relative;
    vertical-align: middle;
    border-radius: 0.3em;
 }


.layoutTableLink {
	opacity: 0.8;
}

.qaButton:hover {
	border: 1px solid gray;
	background-color: #000000;
	cursor: pointer;
}

.expandEmbed {
	letter-spacing: 1px;
	color: #404040 important!;
}

.qeAdd {
	background-color: #BF7B0A;
	opacity: 0.85;
	display: none;
}

.digSigInfo {
	display: block;
	padding: 10px;
	background-color: green;
	color: white;
	font-weight: bold;
	border-radius: 5px;	
}

.digSigVerify {
	display: inline-block;
	padding: 5px;
	background-color: #77AD76;
	border-radius: 5px;
	margin-left: 10px;
}

.screenList {
	margin-left:5px; 
	margin-top:20px; 
	border-radius: 5px; 
	padding: 2px; 
	text-align:left; 
	font-weight:normal;
	border-collapse: separate;
	border-spacing: 10px;
	overflow: hidden;
	white-space: nowrap;
	width: %SCREENSIZE%;
}

.screenOption {
	color: black;
	margin-right: 20px;
	opacity: 0.5;
	height: 1.3em;
}

.screenOption a {
	color: black;
	text-decoration: none;
}

.screenOption a:hover {
	color: black;
	text-decoration: none;
}

.screenOption:hover {
	border-bottom: dotted gray 1px;
}

.screenOptionSelected {
	border-bottom: solid gray 1px;
}

.screenOptionSelected:hover {
	background-color: #f0f0f0;
}

.helpIcon:hover {
	color: black;
	cursor: pointer;
	padding-left: 10px;
}

.helpIcon {
	color: #E0E0E0;
	padding-left: 10px;
}

.globalHelpIcon:hover {
	color: black;
	cursor: pointer;
}

.globalHelpIcon {
	color: #505050;
	display:  inline-block;  
	font-size: 1.9em; 
	margin-right: 5px; 
	vertical-align:  middle;
}

.helpText {
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	font-size: 1.1em;
	background-color: #f0f0f0;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	letter-spacing: 1px;
	line-height: 1.3em;
	width: 100%;
	display: inline-block;
	border: 1px solid silver;
	border-radius: 5px;
	color: #031052;
}

#helpClose {
	display: inline-block;
	text-align: right;
	float: right;
	margin-right: 7px;
	font-size: 1.2em;
	cursor: pointer;
}
#helpNext {
	display: inline-block;
	text-align: right;
	float: right;
	margin-right: 7px;
	font-size: 1.2em;
	cursor: pointer;
}
#helpPrev {
	display: inline-block;
	text-align: right;
	float: right;
	font-size: 1.2em;
	margin-right: 7px;
	cursor: pointer;
}
#helpPrev:hover {
	cursor: pointer;
}
#helpNext:hover {
	cursor: pointer;
}

.helpText h1 {
	font-size: 1.1em;
	margin-top: 0px;
}

.switchBox {
	background-image: none;
	background-color: #FFFFFE;
	cursor: pointer;
	border-radius: 0px;
	filter: none;
	top: -2px;
}

.switchBox:hover {
	background-image: none;
	cursor: pointer;
}

.isOn {
	background-image: none;
	background-color: #FFFFFF;
}

.switchBox .switch_1 {
	background-color: silver;
}

.switchBox .switch_2 {
	background-color: white;
}

.fieldGroup
{
}

.fieldGroup .title
{
	
	color: #909090;
	
	display: inline-block; 
	margin-top:8px; 
	margin-left: 1px; 
	font-size:1.1em; 
	font-weight: normal;
	letter-spacing: 1px;
}

.formHeader {
	padding-left: 5px;
}


.editIcon 
{
	font-size: 1.2em;
	font-weight: normal;
}

.fieldGroup .title:hover
{
	color: black;
}

.editLink:hover
{
	background-color: #ffffff;
	color: black;
	text-decoration: none;
}

.editLink 
{
	font-size: 1.2em;
	color: gray;
}

.gotoMore :hover
{
	background-color: Silver;
	color: Black;
}

#apptitle {
	color: black;
	font-weight: bold;
}

.cancelButton:hover {
	border: 2px solid gray;

}

.cancelButton
{
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 11px;
    padding-bottom: 10px;
    margin-top: 0px;
	margin-right: 10px;
	font-weight: normal;
	background-color: silver;
	border: 2px solid silver;
	font-size: 1.3em;
	outline: none;
	opacity: 0.4;
	border-radius: 5px;
}

.actionButton 
{
	padding: 0.5em;
	margin-top: 0.4em;
	font-weight: normal;
	background-color: #BABABA;
	background-image: -webkit-gradient(linear,left 0,left 100%,from( #BCBCBC),to(#BABABA));
	background-image: -webkit-linear-gradient(top,#BCBCBC 0,#BABABA 100%);
	background-image: -moz-linear-gradient(top,#BCBCBC 0,#BABABA 100%);
	background-image: linear-gradient(to bottom,#BCBCBC 0,#BABABA 100%);
	background-repeat: repeat-x;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BCBCBC',endColorstr='#BABABA',GradientType=0);
	border: 2px solid #BABABA;
	font-size: 1.04em;
	outline: none;
}

.actionButton:hover
{
	font-weight: normal;
	background-color: #BCBCBC;
	background-image: none;
	border: 2px solid #BABABA;
	text-shadow: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BCBCBC',endColorstr='#BCBCBC',GradientType=0);
}


.qeFields input {
	margin-left: 10px;	
}

.qeFields select {
	margin-left: 10px;	
}

.appTab {
	font-size: 1.0em;
	font-weight: normal;
	margin-left: 4px;
	margin-right: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	letter-spacing: 0.02em;
	text-decoration: none;
	color: inherit;
}

.appTab:hover {
	text-decoration: none;
}

.workflowToolbar
{
	background-color: #FFFFFF;
	color: #000001;
}

.workflowToolbar a
{
	color: black;
}

.workflowToolbar td:hover
{
	color: black;
	background-color: #000000;
}

.workflowToolbar td
{
	color: #000000;
}

.orgChartItem .title
{
	cursor: pointer;
	color: black;
}

.orgChartItem td
{
	color: #000001;
}

.orgChartItem 
{
	background-image: -webkit-gradient(linear,left 0,left 100%,from( #BF7B0B),to(#FFFFFF));
	background-image: -webkit-linear-gradient(top,#BF7B0B 0,#FFFFFF 100%);
	background-image: -moz-linear-gradient(top,#BF7B0B 0,#FFFFFF 100%);
	background-image: linear-gradient(to bottom,#BF7B0B 0,#FFFFFF 100%);
	background-repeat: repeat-x;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF7B0B',endColorstr='#FFFFFF',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	
	color: #000001;
	border: solid 2px #000000;
	border-radius: 5px;
}

#quicklinksText a
{
	color: #000001;
}

#quicklinksText a:hover
{
	color: black;
	text-decoration:underline;
}

.infopop {
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	background-color: #d9edf7;
	border: 1px solid #bce8f1;
	color: #3a87ad;
	font-size: 1.1em;
	margin-top: 20px;
	margin-bottom: 7px;
	border-radius: 3px;
	width: 99%;
}

.infopop a {
	font-weight: bold;
	color: #3a87ad;
}

.infopop a:hover {
	font-weight: bold;
	color: #3a87ad;
	text-decoration: underline;
}

.infopoptext {
	display: block;
	float: left;
	margin-left: 0.6em;
	width: 90%;
	vertical-align: middle;
}

.infopopimage {
	display: block;
	float: left;
}

.errorMessage 
{
	border-radius: 5px;
	background-color: #f2dede;	
	border: solid 1px #ebccd1;
	color: #b94a48;
	padding: 10px;
	width: 98%;
	margin-bottom: 10px;
	font-weight: normal
}

.warnMessage 
{
	border-radius: 5px;
	background-color: #FDF1B4;	
	border: solid 1px #faebcc;
	color: #8a6d3b;
	padding: 10px;
	width: 98%;
	margin-bottom: 10px;
	font-weight: normal
}

#warnCheck 
{
	display: none;
}

.space {
	opacity: 0.8;
}

#warnButton
{
	font-size: 0.8em;
	border: solid 1px gray;
	background-color: #FFFFFF;
	margin-left: 10px;
}
.buttonTabTD:hover div {
	color: black;
}

.dropdownButton {
	height: 1.4em;
	vertical-align: middle;
	background-color: #FFFFFF;
	display: inline-block;
	width: 8%;
	overflow: hidden;
	border: solid 1px gray;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	opacity: 0.5;
	box-sizing: unset; /* important because bootstrap messes up layout */

    top: 3px;
    height: 1.15em;
    padding: 7px;
    padding-left: 2px;
    padding-right: 2px;

}

.dropdownButton:after 
{
	content: "...";
}

.dropdownButton:hover {
	background-color: #000000;
}

.dropdownButton 
{
 }

input:disabled
{
	background-color:#BF7B0B;
}

.loginButton:hover
{
	background-image: none;
	background-color: #58728e;
	background-repeat: repeat-x;
	border: 2px solid black;
	color: white !important;
	-webkit-font-smoothing: antialiased;
	border-radius: 5px;
	
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 7px;
	padding-bottom: 7px;

	font-weight: bold !important;
}

.loginButton
{
	background-image: none;
	background-color: #2A5786;
	background-repeat: repeat-x;
	border: 2px solid #456596;
	color: white !important;
	-webkit-font-smoothing: antialiased;
	border-radius: 5px;
	
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 7px;
	padding-bottom: 7px;

	font-weight: bold !important;
}


input[type="submit"]:hover
{
	background-color: rgb(0, 65, 130);
	background-repeat: repeat-x;
	border: 2px solid black;
	color: white !important;
	-webkit-font-smoothing: antialiased;
	
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 7px;
	padding-bottom: 7px;

	font-weight: bold !important;

}

input[type="submit"]
{
	background-color: #1264a3;
	background-repeat: repeat-x;
	border: 2px solid #456596;
	border-radius: 5px;
	color: white !important;
	-webkit-font-smoothing: antialiased;
	
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 7px;
	padding-bottom: 7px;

	font-weight: bold !important;

}

input[type="submit"]:disabled
{
	background-color: silver;
	background-repeat: repeat-x;
	border: 2px solid gray;
	color: white !important;
	-webkit-font-smoothing: antialiased;
	border-radius: 5px;

	font-weight: bold !important;
    opacity: 0.2;
}

.menuDropdown:hover {
	background-color: #000000;
	border: solid 1px #000000;
}

.menuDropdown {
	padding: 0.5em;
	background-color: white;
	font-weight: normal;
	margin-left: 0.4em;
	display: inline-block;
	border: solid 1px #000000;
	border-radius: 0.4em;
	cursor: pointer;
}



button {
	background-color: #000000;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#BF7B0B");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#FFFFFF), to(#BF7B0B));
	background-image: -moz-linear-gradient(top, #FFFFFF, #BF7B0B);
	background-image: -ms-linear-gradient(top, #FFFFFF, #BF7B0B);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #BF7B0B));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #BF7B0B);
	background-image: -o-linear-gradient(top, #FFFFFF, #BF7B0B);
	background-image: linear-gradient(#FFFFFF, #BF7B0B);
	border-color: #FFFFFF #FFFFFF #BF7B0B;
	color: black !important;
	-webkit-font-smoothing: antialiased; 
	 /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23); */
	-webkit-font-smoothing: antialiased; 
	border-radius: 5px;
	
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;

	font-weight: normal;
}

button:hover {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F2A31B", endColorstr="#F2A31B");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#F2A31B), to(#F2A31B));
	background-image: -moz-linear-gradient(top, #F2A31B, #F2A31B);
	background-image: -ms-linear-gradient(top, #F2A31B, #F2A31B);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2A31B), color-stop(100%, #F2A31B));
	background-image: -webkit-linear-gradient(top, #F2A31B, #F2A31B);
	background-image: -o-linear-gradient(top, #F2A31B, #F2A31B);
	background-image: linear-gradient(#F2A31B, #F2A31B);
	border-color: #FFFFFF #FFFFFF #F2A31B;
	color: black !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
	-webkit-font-smoothing: antialiased;
	border-radius: 5px;
	
	font-weight: normal;
}
.tutorialTable {
	border-radius: 10px; border: 1px solid #FFE46D; box-shadow: 8px 8px 5px #f0f0f0; width: 80%; font-weight: normal; font-size:1.0em; background-color:#FFFBDE; padding: 10px; border-spacing: 5px 5px;
	letter-spacing: 1px;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 7px;
}

.tutorialTable .mainTitle {
	color: #337ab7;
}

.tutorialTable .tutorialTitle1 {
	padding: 2px; font-weight:normal; padding: 3px; border-bottom: 1px none black; font-weight:normal; font-size: 1.2em;
	color: #101010;
}

.tutorialTable .quitLink {
	font-size: 0.7em;
	color: gray;
	
}

.tutorialTable .description {
	font-weight: normal; 
}

.tutorialTable .step {
	padding-top: 10px;
}

.tutorialTable .stepTitle {
	color: #101010;
}

.tutorialTable .stepDescription {
	font-weight:normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 40px;
	line-height: 1.4em;
	letter-spacing: 0.05em;
}

.tutorialTable .fieldName {
	font-weight: bold; 
	text-decoration: none;
	margin-left: 10px;	
}

.tutorialTable .tasks {
	/* padding-top: 15px; */
	padding-left: 15px;
	font-size: 1.1em;
	font-weight: bold;
}

.tutorialTable .taskLink {
	list-style-type: none;
}

.tutorialTable .relatedTuts {
	font-size: 0.8em; font-weight: normal; padding-left: 0px;
}	

.tutorialTable .relatedLink {
	color:black; font-weight:bold;
}

.tutorialTable .formFill {
	margin-top: 5px;
	margin-bottom: 0px;
}

.tutorialTable .tutorialArrow {
	color: #135792;
	cursor: pointer;
}
.tutorialTable .tutorialArrow:hover {
	text-decoration: underline;
}

.homeTitle {
	border-bottom: 1px dotted gray;
}

.acCust h2 {
	font-size: 1.2em;
	width: 100%;
	/* background-color: #d0d0d0; */
	border-top: 1px dotted #d0d0d0;
	color: #303030;
	padding: 6px;
	font-weight: normal;
}

.acCust ul {
	margin: 0px;	
	padding: 0px;
}

.acCust li {
	padding: 8px;
	background-color: #efc79d;
	margin: 5px;
	font-weight: none;
	font-size: 0.9em;
	border-radius: 4px;
	list-style-type: none;
	display: inline-block;
	white-space: nowrap;
}

.acCust li:hover {
	padding: 8px;
	background-color: #FDB05F;
	margin: 5px;
	font-weight: none;
	font-size: 0.9em;
	border-radius: 4px;
	list-style-type: none;
	display: inline-block;
}

.acCust a:hover {
	text-decoration: none;
}

.acCust i {
	opacity: 0.6;
	padding-right: 5px;
	padding-left: 5px;
}

.ssoLogin:hover {
	background-color: silver;
	cursor: pointer;
}

.ssoLogin {
    display: inline-flex;
    vertical-align: middle;
    align-items: center;	
    border: 1px solid silver;
    padding: 6px;
}

.ssoIcon {
	display: inline-block;
    margin: 3px;
    margin-right: 10px;
    font-weight: bold;	
}

.ssoLogin img {
	width: 1.6em;
}

.ssoText {
    display: inline-block;
    font-weight: bold;
    padding-right: 3px;
}