/***********************************************
 * general tags                                *
 ***********************************************/
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}

body, table {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #444;
}

#wrapper {
	position: relative;
	min-height: 100%;
}

#sansFooter {
	margin: 0;
}

#mainContent {
	margin: 0 6px;
	position: relative;
}

textarea, tt, pre, code, .mono {
	font-family: monospace;
}

h1 {
	font-size: 140%;
	font-weight: bold;
}

.light {
	font-weight: 100;
}

.heavy {
	font-weight: 900;
}

h2 {
	font-size: 120%;
	font-weight: bold;
}

h3 {
	font-weight: bold;
}

a:link,
a:visited,
a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

th {
	font-weight: bold;
	color: #000000;
}

a img {
	border: 0;
}

hr {
	color: #000000;
	background-color: #000000;
	border: 0;
	height: 1px;
}

form {
	padding: 0px;
	margin: 0px;
	display: inline;
}

/*textarea {
    overflow:           visible;
    height:             8em;
}*/

/*
/* buttons in some browsers (eg. Konqueror) are block elements,
   this breaks design */
button {
	display: inline;
}

.red {
	color: #aa0000;
}

table.unused caption,
table.unused th,
table.unused td {
	padding: 0.1em 0.5em 0.1em 0.5em;
	margin: 0.1em;
	vertical-align: top;
}

input,
select,
button {
	vertical-align: middle;
}

.txtSmall,
td.txtSmall,
th.txtSmall {
	font-size: 90%;
}

.txtXSmall,
td.txtXSmall,
th.txtXSmall {
	font-size: 80%;
}

.txtXXSmall,
td.txtXXSmall,
th.txtXXSmall {
	font-size: 70%;
}

/***********************************************
 * informative boxes                           *
 ***********************************************/
table.tblGray,
table.tblGrayPad {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	border: 1px solid #333333;
}

table.tblGray th,
table.tblGray td.tblGray,
table.tblGrayPad th,
table.tblGrayPad td.tblGrayPad {
	padding: 0.1em 0.5em 0.1em 0.5em;
	margin: 0.1em;
	vertical-align: top;
}

table.tblGray th,
table.tblGrayPad th {
	background-color: #D3DCE3;
	color: #666666;
	/*	font-size: 90%; */
}

table.tblGray td {
	background-color: #EEEEEE;
}

table.tblGrayPad td {
	background-color: #EEEEEE;
	padding: 0.1em 0.5em 0.1em 0.5em;
}

table.txtGray td {
	color: #666666;
}

table.tblBlueTight,
table.tblBlueTightPad {
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	border: 1px solid #6699FF;
	font: 11px/1.231 arial, helvetica, clean, sans-serif;
}

table.tblBlueTight th,
table.tblBlueTight td.tblBlue,
table.tblBlueTightPad th,
table.tblBlueTightPad td.tblBluePad {
	padding: 0.0em 0.0em 0.0em 0.0em;
	margin: 0.1em;
	vertical-align: top;
}

table.tblBlueTight th,
table.tblBlueTightPad th {
	background-color: #B0DDEC;
	color: #666666;
	font: 11px/1.231 arial, helvetica, clean, sans-serif;
}

table.tblBlueTight td {
	background-color: #EEF3FF;
	text-align: center;
}

table.tblBlueTightPad td {
	background-color: #EEF3FF;
	text-align: center;
	padding: 0.0em 0.0em 0.0em 0.0em;
}

table.tblGray tr.e td,
table.tblGrayPad tr.e td,
table.tblRedPad tr.e td,
table.tblYellow tr.e td,
table.tblYellowPad tr.e td {
	background-color: #EEFFEE;
}

table.tblGray tr.oh td,
table.tblGrayPad tr.oh td,
table.tblRedPad tr.oh td,
table.tblYellow tr.oh td,
table.tblYellowPad tr.oh td,
table.tblGray tr.eh td,
table.tblGrayPad tr.eh td,
table.tblRedPad tr.eh td,
table.tblYellow tr.eh td,
table.tblYellowPad tr.eh td
table.tblGray tr.rh td,
table.tblGrayPad tr.rh td,
table.tblRedPad tr.rh td,
table.tblYellow tr.rh td,
table.tblYellowPad tr.rh td {
	background-color: #DDEEFF;
}

table.tblPage {
	border: 0px;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}

table.tblPage td {
	color: #666666;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	width: 30px;
}

table.tblPage A:link,
table.tblPage A:visited,
table.tblPage A:active,
table.tblPage A:hover {
	color: #666666;
}

table.tblPage strong {
	color: #CC0000;
}

table.tblGray .middle th {
	vertical-align: middle;
}

/**********************************************
* message boxes: warning, error, confirmation *
***********************************************/
.notice {
  background: #fbf9ee 50% 50% repeat-x;
  color: #363636;
  border: 1px solid #fcefa1;
  border-radius: 4px;
  padding: 8px;
  margin: 0 0 10px 0;
  display: block;
  text-align: left;
}
.notice:before {
  content: "\f05a";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: #1d78bf;
  font-size: 16px;
  padding: 0 5px 0 0;
  display: block;
  float: left;
}

div.notice h1 {
	border-bottom: 2px solid #FF0000;
	font-weight: bold;
	text-align: left;
	margin: 0 0 0.2em 0;
}

.warning {
	color: #CC0000;
	background-color: #FFFFCC;
}

p.warning,
h1.warning,
div.warning {
	display: block;
	text-align: left;
	background: #fbf3e5 url(../img/icon-warning.png) no-repeat 10px 50%;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 36px;
	border: 1px solid #ffb300;
}

div.warning h1 {
	border-bottom: 2px solid #cc0000;
	font-weight: bold;
	text-align: left;
	margin: 0 0 0.2em 0;
}

.error {
	color: #f44336;
	border: 1px solid #f44336;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
h1.error,
div.error {
	display: block;
	text-align: left;
	background: #fef1ec url(../img/icon-error.png) no-repeat 10px 50%;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 36px;
}
div.error h1 {
	border-bottom: 2px solid #FFDD00;
	font-weight: bold;
	text-align: left;
	margin: 0 0 0.2em 0;
}

.logger {
	color: #000000;
	background-color: #FFFFEE;
	font-family: monospace;
	white-space: nowrap;
}

div.logger {
	margin: 0.5em 0 0.5em 0;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

.clicky {
	cursor: pointer;
}

.anchor {
	text-decoration: none;
}

.Body {
	FONT-SIZE: 14px;
	COLOR: #333333;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.copyright {
	FONT-SIZE: 12px;
	COLOR: #336699;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.LargeBody {
	FONT-SIZE: 16px;
	COLOR: #333333;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.LargeBody .anchor {
	COLOR: #333333;
}

.ReallySmallBody {
	FONT-SIZE: 10px;
	COLOR: #666666;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.SmallBody {
	FONT-SIZE: 12px;
	COLOR: #666666;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.SmallBody .anchor {
	COLOR: #666666;
}

.SmallInputBox {
	BORDER-RIGHT: #3366cc 1px solid;
	BORDER-TOP: #3366cc 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #3366cc 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: #3366cc 1px solid;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #eeeeee;
	TEXT-ALIGN: left
}

/**********************************
* Syntax Highlighter
***********************************/
.dp-highlighter td,
.dp-highlighter tr {
	padding: 0px;
	border-spacing: 0px;
}

/**********************************
* Breadcrumb Menu
***********************************/

#breadcrumb {
	display: inline-block;
	margin-bottom: 8px;
}

#breadcrumb ul {
	list-style: none;
	margin: 0px;
}

.crumbs {
	display: block;
}

.crumbs li {
	display: inline;
}

.crumbs li a, .crumbs li a:link, .crumbs li a:visited {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	color: #666;
	display: block;
	float: left;
	font-size: 12px;
	margin-left: -13px;
	padding: 7px 17px 8px 25px;
	position: relative;
	text-decoration: none;
}

.crumbs li a {
	background-image: url('../img/bg-crumbs.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	position: relative;
}

.crumbs li a span {
	margin-top: -4px;
}

.crumbs li a:hover {
	color: #333;
	background-position: 100% -48px;
	cursor: pointer;
}

.crumbs li a:active {
	color: #333;
	background-position: 100% -96px;
}

.crumbs li.first a span {
	height: 29px;
	width: 3px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.crumbs li.first a {
	padding-left: 10px;
	margin-left: -40px;
	border-left: 1px solid #d9d9d9;
}

/***********************************************
 * Jquery Buttons / Jquery Override            *
 ***********************************************/

input.ui-button {
	padding: 5px 7px;
	margin: 3px;
}

button.ui-button {
	margin: 4px;
}

.ui-button-text-only .ui-button-text {
	padding: 4px 8px 4px 8px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
	padding: 4px 8px 4px 20px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
	left: 2px;
}

/**********************************
* JQUERY Select Menu			  *
***********************************/

.ui-select-menu {
	border: 1px solid #aaa;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

/***********************************************
 * Data Table / Jquery Override                *
 ***********************************************/

.dataTable {
	width: 100%;
}

th.ui-widget-header {
	text-align: left;
}

.dataTable tr {
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
}

.dataTable td {
	padding: 4px;
}

.dataTable th.ui-state-default {
	padding: 3px;
}

.dataTable tr:nth-child(odd) {
	background-color: #fff;
}

.dataTable tr:nth-child(even) {
	background-color: #eee;
}

.dataTable tr.o {
	background-color: #fff;
}

.dataTable tr.e {
	background-color: #eee;
}

.dataTable a:hover {
	color: #222222;
}

.ui-widget-content th.ui-state-default {
	color: #222;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

/**********************************
* HELP ICON JQUERY OVERIDE
***********************************/
.help_info {
	z-index: 100;
	position: absolute;
	padding: 0px;
}

.help_on .ui-icon {
	background-image: url(jquery-ui/images/ui-icons_ffffff_256x240.png);
}

.ui-state-default.help_on {
	border: 1px solid #095B97;
	background: #2694e8 url(jquery-ui/images/ss_HelpInfo_up.png) 50% 50% repeat-x;
	margin-left: 5px;
}

.ui-state-hover.help_on {
	border: 1px solid #03365D;
	background: #266494 url(jquery-ui/images/ss_HelpInfo_down.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}

.help_on.ui-corner-all, .help_on.ui-corner-top, .help_on.ui-corner-left, .help_on.ui-corner-tl {
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-khtml-border-top-left-radius: 20px;
	border-top-left-radius: 20px;
}

.help_on.ui-corner-all, .help_on.ui-corner-top, .help_on.ui-corner-right, .help_on.ui-corner-tr {
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-khtml-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
}

.help_on.ui-corner-all, .help_on.ui-corner-bottom, .help_on.ui-corner-left, .help_on.ui-corner-bl {
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-khtml-border-bottom-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.help_on.ui-corner-all, .help_on.ui-corner-bottom, .help_on.ui-corner-right, .help_on.ui-corner-br {
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-khtml-border-bottom-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.help_on.ui-button-icon-only, .help_info.ui-button-icon-only {
	width: 15px;
	height: 15px;
}

/* to make room for the icon, a width needs to be set here */
.help_on button.ui-button-icon-only {
	width: 15px;
	height: 15px;
}

/* button elements seem to need a little more width */

#helpToggle.ui-corner-all, #helpToggle.ui-corner-top, #helpToggle.ui-corner-left, #helpToggle.ui-corner-tl {
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-khtml-border-top-left-radius: 20px;
	border-top-left-radius: 20px;
}

#helpToggle.ui-corner-all, #helpToggle.ui-corner-top, #helpToggle.ui-corner-right, #helpToggle.ui-corner-tr {
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-khtml-border-top-right-radius: 20px;
	border-top-right-radius: 20px;
}

#helpToggle.ui-corner-all, #helpToggle.ui-corner-bottom, #helpToggle.ui-corner-left, #helpToggle.ui-corner-bl {
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-khtml-border-bottom-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

#helpToggle.ui-corner-all, #helpToggle.ui-corner-bottom, #helpToggle.ui-corner-right, #helpToggle.ui-corner-br {
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-khtml-border-bottom-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

/**********************************
* Sticky Navigation Main Nav        *
***********************************/

#sticky_container {
	z-index: 100;
	width: 100%;
	margin: 0 auto;
}

#sticky_navigation_wrapper {
	width: 100%;
	height: 50px;
	position: relative;
	margin-bottom: 10px;
	white-space: nowrap;
}

#sticky_navigation {
	width: 100%;
	height: 45px;
	background-color: rgba(0, 0, 0, .5);
	box-shadow: 0 0 5px #999;
}

#sticky_navigation.offline {
	background-color: rgba(217, 30, 0, 0.45);
	box-shadow: 0 0 5px #999;
}

#sticky_navigation ul {
	list-style: none;
	margin: 0;
	padding: 5px;
}

#sticky_navigation ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#sticky_navigation ul li a {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-family: Arial, serif;
	font-weight: bold;
	color: #ddd;
	background: #444;
	border-radius: 3px;
}

#sticky_navigation ul li:first-child a {
	margin: 0;
}

#sticky_navigation ul li a:hover, #sticky_navigation ul li#current a {
	color: #fff;
	background: #111;
	text-decoration: none;
}

#sticky_navigation ul li:last-child a {
	float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#searchbar {
		position: relative;
		top: 2px;
		text-align: center;
	}

	#searchbar #search input[type="text"], #searchbar #search input[type="text"]:focus {
		width: 900px;
	}

	#sticky_navigation_wrapper {
		white-space: normal;
	}

	#sticky_navigation ul li a {
		width: 90px;
		text-align: center;
		padding: 0px;
	}
}

@media only screen and (max-device-width: 480px) {
	#searchbar {
		position: relative;
		top: 2px;
		text-align: center;
	}

	#searchbar #search input[type="text"], #searchbar #search input[type="text"]:focus {
		width: 900px;
	}

	#sticky_navigation_wrapper {
		white-space: normal;
	}

	#sticky_navigation ul li a {
		width: 90px;
		text-align: center;
		padding: 0px;
	}
}

/**********************************
* UI-BOX CONTAINERS               *
***********************************/
.ui-box {
	position: relative;
	border: none;
	background: none;
	font-size: 12px;
	color: #222222;
	border-radius: 4px;
	margin-bottom: 10px;
}

.ui-box.no-margin {
	margin: 0;
}

.ui-box.displayInlineBlock {
	display: inline-block;
}

.ui-box.halfRight {
	margin-left: 4px;
	line-height: 16px;
}

.ui-box header {
	border: 1px solid #c2c2c2;
	border-bottom: none;
	background: #e6e6e6;
	color: #444;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 4px 4px 0 0;
	min-height: 18px;
	line-height: 18px;
}

.ui-box header.dark {
	border: 1px solid #aaaaaa;
	border-bottom: none;
	background: #cccccc;
	color: #444;
	font-weight: bold;
	padding: 3px;
	text-align: left;
	min-height: 10px;
}

.ui-box header.dark.cornerBtm {
	border-radius: 0 0 4px 4px;
	border: 1px solid #aaaaaa;
	border-top: none;
}

.ui-box header.dark.cornerAll {
	border-radius: 4px;
	border: 1px solid #aaa;
}

.ui-box header.dark.noButtons {
	padding: 4px;
}

.ui-box header.dark.center {
	text-align: center;
}

.ui-box header table {
	color: #444;
	font-weight: bold;
	font-size: 12px;
}

.ui-box header button span {
	font-size: 11px;
}

.ui-box header strong {
	font-size: 12px;
	text-transform: uppercase;
}

.ui-box header div.header-center {
	line-height: 32px;
	position: relative;
	text-align: center;
	z-index: 0;
}

.ui-box section {
	margin: 0;
	border: 1px solid #c2c2c2;
	padding: 4px;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
}

.ui-box section th,
.ui-tabs-panel th,
.ui-dialog th {
	text-align: right;
	padding: 0 4px 0 0;
}

.ui-box section label:not(.ui-controlgroup-item) {
	font-weight: bold;
}

.ui-box section label
.ui-box section.no-line-height label,
.no-line-height {
	line-height: unset !important;
}

.ui-box section ul {
	margin: 0;
	list-style: none;
	padding: 0 0 0 4px;
}

.ui-box section ul li:hover {
	background-color: #ededed;
}

.ui-box section a, .ui-box header table a, .ui-box header a, .ui-box + .tablesorter a {
	color: #1d78bf;
	text-decoration: none;
	font-size: 13px;
	line-height: 20px;
}

.ui-box + .tablesorter a {
	line-height: 22px;
}

.ui-box section a:hover, .ui-box header table a:hover, .ui-box header a:hover {
	color: #043d69;
	text-decoration: none;
}

.ui-box section table {
	font-size: 12px;
	text-decoration: none;
}

.ui-box section.inline-edit {
	min-height: 11px;
}

.ui-box section.inline-edit input,
.ui-box section.inline-edit select {
	color: #666666;
	margin: 0 !important;
}

.ui-box.container {
	padding: 0;
}

.ui-box-button-menu {
	float: right;
}

.ui-box header .pw-img {
	margin: 0 0 0 2px;
}

/* UI BOX WARN */
.ui-box.warn header {
	background: #ffb300;
	border-color: #ffb300 !important;
	color: #fff;
}

.ui-box.warn section {
	background: #fbf3e5;
	border-color: #ffb300 !important;
}

/* UI BOX ERROR */
.ui-box.error header {
	background: #f44336;
	border-color: #f44336 !important;
	color: #fff;
}

.ui-box.error section {
	background: #fef1ec;
	border-color: #f44336 !important;
}


/***********************************************
 * Inline Edit                                 *
 ***********************************************/
.inline-edit {
	position: relative;
}

:not(th).inline-edit:hover {
	animation: bluePulseInsetSmall 2s infinite;
	-moz-animation: bluePulseInsetSmall 2s infinite; /* Firefox */
	-webkit-animation: bluePulseInsetSmall 2s infinite; /* Safari and Chrome */
	-o-animation: bluePulseInsetSmall 2s infinite; /* Opera */
}
.ui-box section.inline-edit:hover,
.ui-box section.inline-edit:focus {
	border: 1px solid #3C89CD;
}
label {
	margin: 0;
	line-height: 22px;
	font-size: 12px;
}
.inline-edit input,
.inline-edit select,
.inline-edit span {
	padding: 0;
	margin: 0;
	line-height: 18px;
}
.inline-edit span {
	line-height: 22px;
}
.inline-edit select {
	width: 98%;
}
.inline-edit input {
	width: 98%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.inline-edit input[type='checkbox'] {
	width: auto;
}
.inline-edit input.center { text-align: center; }
.inline-edit input.right { text-align: right; }
.inline-edit-indicator,
.inline-edit-indicator-inline {
	position: relative;
	overflow: hidden;
}
.inline-edit-indicator:after,
.inline-edit-indicator-inline:after {
	content: '';
	display: block;
	height: 8px;
	width: 8px;
	background: rgba(0, 156, 222, 0.5);
	position: absolute;
	top: 0;
	right: -5px;
	transform: skewX(45deg);
}
.inline-edit-indicator-inline {
	display: inline-block;
	padding-right: 8px;
	width: 100%;
}
.inline-edit-placeholder {
	color: #c2c2c2;
}
.inline-edit-success,
.inline-edit-success:hover {
	animation: greenPulseInsetSmall 1s ease-out !important;
	-moz-animation: greenPulseInsetSmall 1s ease-out !important; /* Firefox */
	-webkit-animation: greenPulseInsetSmall 1s ease-out !important; /* Safari and Chrome */
	-o-animation: greenPulseInsetSmall 1s ease-out !important; /* Opera */
}
.inline-edit-error,
.inline-edit-error:hover {
	animation: redPulseInsetSmall 1s ease-out;
	-moz-animation: redPulseInsetSmall 1s ease-out; /* Firefox */
	-webkit-animation: redPulseInsetSmall 1s ease-out; /* Safari and Chrome */
	-o-animation: redPulseInsetSmall 1s ease-out; /* Opera */
}

/* Green Pulse Inset */
@-webkit-keyframes greenPulseInsetSmall /* Safari and Chrome */ {
	from { border-color: #6caf48; box-shadow: inset 0 0 1px 1px rgba(108, 175, 72, 0.5); }
	50% { border-color: #6caf48; box-shadow: inset 0 0 4px 4px rgba(108, 175, 72, 0.5); }
	to { border-color: #6caf48; box-shadow: inset 0 0 1px 1px rgba(108, 175, 72, 0.5); }
}
@-moz-keyframes greenPulseInsetSmall /* Firefox */
{
	from { border-color: #6caf48; box-shadow: inset 0 0 1px 1px rgba(108, 175, 72, 0.5); }
	50% { border-color: #6caf48; box-shadow: inset 0 0 4px 4px rgba(108, 175, 72, 0.5); }
	to { border-color: #6caf48; box-shadow: inset 0 0 1px 1px rgba(108, 175, 72, 0.5); }
}
@keyframes greenPulseInsetSmall /* W3C */
{
	from { border-color: #6caf48; box-shadow: inset 0 0 1px 1px rgba(108, 175, 72, 0.5); }
	50% { border-color: #6caf48; box-shadow: inset 0 0 4px 4px rgba(108, 175, 72, 0.5); }
	to { border-color: #6caf48; box-shadow: inset 0 0 1px 1px rgba(108, 175, 72, 0.5); }
}
/* Red Pulse Inset */

@-webkit-keyframes redPulseInsetSmall /* Safari and Chrome */ {
	from { border-color: #7f190d; box-shadow: inset 0 0 1px 1px rgba(127, 25, 13, 0.5); }
	50% { border-color: #7f190d; box-shadow: inset 0 0 4px 4px rgba(127, 25, 13, 0.5); }
	to { border-color: #7f190d; box-shadow: inset 0 0 1px 1px rgba(127, 25, 13, 0.5); }
}
@-moz-keyframes redPulseInsetSmall /* Firefox */
{
	from { border-color: #7f190d; box-shadow: inset 0 0 1px 1px rgba(127, 25, 13, 0.5); }
	50% { border-color: #7f190d; box-shadow: inset 0 0 4px 4px rgba(127, 25, 13, 0.5); }
	to { border-color: #7f190d; box-shadow: inset 0 0 1px 1px rgba(127, 25, 13, 0.5); }
}
@keyframes redPulseInsetSmall /* W3C */
{
	from { border-color: #7f190d; box-shadow: inset 0 0 1px 1px rgba(127, 25, 13, 0.5); }
	50% { border-color: #7f190d; box-shadow: inset 0 0 4px 4px rgba(127, 25, 13, 0.5); }
	to { border-color: #7f190d; box-shadow: inset 0 0 1px 1px rgba(127, 25, 13, 0.5); }
}

/* New Inline Editing*/
.edit-inactive,
.edit-inactive-disable,
select.edit-inactive {
	border:none;
	background-color: transparent;
}
select.edit-inactive{
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
select.edit-inactive::-ms-expand {
	display: none;
}
/* focus */
.edit-inactive:focus, select.edit-inactive:focus{
	border: 1px solid #aaa;
	background-color: inherit;
}
select.edit-inactive:focus {
	-webkit-appearance: revert; -moz-appearance: revert; appearance: revert;
}
.edit-inactive-disable {
	pointer-events: none;
	outline: none !important;
	border: none !important;
	box-shadow: none;
	-moz-appearance: none; /* for Firefox */
	-webkit-appearance: none; /* for Chrome */
}

/***********************************************
 * Data Table / Jquery Override                *
 ***********************************************/

.dataTable, .dtContent {
	width: 100%;
}

.dtContent {
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.dataTable th.ui-widget-header {
	text-align: left;
}

.dataTable th.ui-widget-header div {
	display: block;
}

.dtContent td {
	padding: 4px;
}

.dtContent th.ui-state-default, div.ui-state-default, .dtContent th.ui-state-hover {
	padding: 3px;
}

.dtContent tr.o {
	background-color: #fff;
}

.dtContent tr.e {
	background-color: #eee;
}

.dtContent tr.o > td, .dtContent tr.e > td, .dtContent tr.r > td {
	border-bottom: 1px solid #C2C2C2;
}

.dtContent tr.oh > td, .dtContent tr.eh > td, .dtContent tr.rh > td, .dtContent tr.selected > td {
	background-color: #DDEEFF;
	border-bottom: 1px solid #C2C2C2;
}

.dtContent tr.deleted, .dtContent tr.r, .dtContent tr.paper_warning {
	background-color: #FFEEEE;
}

.dtContent a:hover {
	color: #222222;
}

.dataTable td.txtXXSmall strong {
	color: red;
}

.dataTable td a {
	/*color: #666;*/
}

.ui-widget-content th.ui-state-default, div.ui-state-default {
	color: #222;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

div.ui-widget-content div.ui-state-default {
	color: #222;
	font-weight: bold;
}

div.ui-widget-content {
	margin-bottom: 10px;
}

.dataTable a, .dtContent a, .ui-widget-content a {
	color: #1D78BF;
	text-decoration: none;
}

.dataTable a:hover, .dtContent a:hover, .ui-widget-content a:hover {
	color: #043D69;
	text-decoration: underline;
}

/***********************************************
 * Jquery Override *
 ***********************************************/
.ui-state-default {
	background: #e6e6e6;
	border: 1px solid #d3d3d3;
	background-image: none !important;
}

.ui-state-active {
	background: #ffffff !important;
	border: 1px solid #aaaaaa !important;
}

/*Fix jQuery dropdown menus on the job editor*/
.ui-menu .ui-state-active {
	border: transparent !important;
}

.ui-menu .ui-menu-item-wrapper {
	line-height: 20px;
}

th.ui-state-default:hover {
	background: #dadada !important;
}

.ui-widget-header {
	background: #cccccc !important;
	border: 1px solid #aaaaaa;
}

th.ui-state-default {
	padding: 4px;
	border: 1px solid #c2c2c2;
	font-size: 13px;
}

/***********************************************
 *               TABLE SORTER                  *
 ***********************************************/
table.tablesorter {
	width: 100%;
	background-color: #c2c2c2;
}

table.tablesorter a {
	color: #1D78BF;
	text-decoration: none;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	padding: 4px;
	border: 1px solid #eee;
}

table.tablesorter thead tr .header {
	cursor: pointer;
	border: 1px solid #eee;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #eee;
	vertical-align: top;
}

table.tablesorter tbody tr.o td {
	background-color: #fff;
}

table.tablesorter tbody tr.e td {
	background-color: #eee;
}

table.tablesorter tbody tr.eh td, table.tablesorter tbody tr.oh td, table.tablesorter tbody tr.rh td, table.tablesorter tbody tr.selected td {
	background-color: #DDEEFF;
}

table.tablesorter tbody tr.r td, table.tablesorter tbody tr.deleted td, table.tablesorter tbody tr.paper_warning td {
	background-color: #FFEEEE;
}

table.tablesorter tbody tr.mr td {
	background-color: #FFCCCC;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}

table.tablesorter thead tr:hover, .header:hover, table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	border: 1px solid #808080;
	background: #dadada url(jquery-ui/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	color: #212121;
}

table.tablesorter thead tr:hover, .header:hover {
	border: 1px solid #AAA;
}

table.tablesorter a, table.tablesorter a, .ui-widget-content a, .ui-state-default a {
	color: #1D78BF;
	text-decoration: none;
}

table.tablesorter a:hover, table.tablesorter a:hover, .ui-widget-content a:hover, .ui-state-default a:hover {
	color: #043D69;
	text-decoration: underline;
}

/* /q/list.php **** Table inside Row Corrective CSS */
table.tablesorter tbody tr.o td table tbody tr td {
	background-color: #FFF;
}

table.tablesorter tbody tr.o td table tbody tr.e td table tbody tr.o td {
	background-color: #FFF;
}

table.tablesorter tbody tr.e td table tbody tr.o td table tbody tr.e td {
	background-color: #eee;
}

table.tablesorter tbody tr.eh td table tbody tr.o td table tbody tr.e td {
	background-color: #DDEEFF;
}

table.tablesorter tbody tr.r td table tbody tr td,
table.tablesorter tbody tr.r td table tbody tr.e td table tbody tr.o td,
table.tablesorter tbody tr.r td table tbody tr.o td table tbody tr.e td {
	background-color: #FFEEEE;
}

table#jobLineItems.tablesorter thead th,
table#jobLineItems.tablesorter thead td {
	padding: 0px;
}

.bold {
	font-weight: bold;
}

.darkCell {
	color: #fff;
	background: #333;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

svg[onclick] {
	cursor: pointer;
}

/**********************************
* BUTTONS *
***********************************/

.buttonLoader {
	position: relative;
	border: 4px solid #fff;
	border-top: 4px solid rgba(255, 255, 255, 0.25);
	border-radius: 50%;
	width: 25px;
	height: 25px;
	left: 145px;
	-webkit-animation: spin 1s linear infinite; /* Safari */
	animation: spin 1s linear infinite;
}

.jquery-button .buttonLoader {
	border: 3px solid #aaa;
	border-top: 3px solid rgba(0, 0, 0, 0.75);
	left: calc(50% - 10px);
	height: 16px;
	width: 16px;
}

button, .jqButton {
	border: 1px solid #aaaaaa !important;
	background: #e6e6e6;
	font-weight: normal;
	color: #444;
	border-radius: 4px;
	padding: 4px 6px;
	margin: 2px 1px;
}

button:hover, .jqButton:hover {
	background: #dadada !important;
	border: 1px solid #999999 !important;
	color: #212121;
}

.jqButton:before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: 9pt;
	margin: 0 6px 0 0;
	color: #555;
}

.jqButton:hover:before {
	color: #212121;
}

.jqButton.btnAdd:before {
	content: "\f067";
}

.jqButton.btnAdjust:before {
	content: "\f042";
	font-weight: 400;
}

.jqButton.btnArrowDown:before {
	content: "\f063";
}

.jqButton.btnArrowUp:before {
	content: "\f062";
}

.jqButton.btnBuild:before,
.jqButton.btnWrench:before {
	content: "\f0ad";
}

.jqButton.btnBack:before {
	content: "\f0d9";
}

.jqButton.btnBack2:before {
	content: "\f32e";
}

.jqButton.btnBuy:before {
	content: "\f02b";
}

.jqButton.btnCancel:before {
	content: "\f05e";
}

.jqButton.btnCert:before {
	content: "\f5f3";
}

.jqButton.btnClear:before {
	content: "\f068";
}

.jqButton.btnClipboard:before {
	content: "\f328";
}

.jqButton.btnClose:before {
	content: "\f00d";
}

.jqButton.btnCode:before {
	content: "\f121";
}

.jqButton.btnConsume:before {
	content: "\f364";
}

.jqButton.btnCopy:before {
	content: "\f0c5";
}

.jqButton.btnCreate:before {
	content: "\f03e";
}

.jqButton.btnDelete:before {
	content: "\f2ed";
}

.jqButton.btnDeliveryMap:before {
	content: "\f5a0";
}

.jqButton.btnDiscount:before {
	content: "\f02b";
}

.jqButton.btnDownload:before {
	content: "\f358";
}

.jqButton.btnEarth:before {
	content: "\f57d";
}

.jqButton.btnEdit:before {
	content: "\f303";
}

.jqButton.btnEstimate:before {
	content: "\f1ec";
}

.jqButton.btnExcel:before {
	content: "\f1c3";
}

.jqButton.btnExport:before {
	content: "\f33e";
}

.jqButton.btnFavorite:before {
	content: "\f005";
}

.jqButton.btnKit:before {
	content: "\f5fd";
}

.jqButton.btnLink:before {
	content: "\f35d";
}

.jqButton.btnList:before {
	content: "\f03a";
}

.jqButton.btnLoad:before {
	content: "\f33d";
}

.jqButton.btnLock:before {
	content: "\f023";
}

.jqButton.btnMail:before {
	content: "\f0e0";
}

.jqButton.btnMark:before {
	content: "\f00c";
}

.jqButton.btnMove:before {
	content: "\f472";
}

.jqButton.btnNewBatchT:before {
	content: "\f3e5";
	display: inline-block;
	transform: rotate(-90deg);
}

.jqButton.btnNewBatchB:before {
	content: "\f064";
	display: inline-block;
	transform: rotate(-90deg);
}

.jqButton.btnNext:before {
	content: "\f0da";
}

.jqButton.btnNext2:before {
	content: "\f330";
}

.jqButton.btnOption:before {
	content: "\f013";
}

.jqButton.btnPassword:before {
	content: "\f084";
}

.jqButton.btnPdf:before {
	content: "\f1c1";
}

.jqButton.btnPrinter:before {
	content: "\f02f";
}

.jqButton.btnPlay:before {
	content: "\f04b";
}

.jqButton.btnRename:before {
	content: "\f3e5";
}

.jqButton.btnReturn:before {
	content: "\f3e5";
}

.jqButton.btnRevise:before, .jqButton.btnRefresh:before {
	content: "\f2f1";
}

.jqButton.btnSave:before {
	content: "\f0c7";
}

.jqButton.btnScissors:before {
	content: "\f0c4";
}

.jqButton.btnSearch:before {
	content: "\f002";
}

.jqButton.btnSend:before {
	content: "\f1d8";
}

.jqButton.btnSignatureFile:before {
	content: "\f573";
}

.jqButton.btnSignature:before {
	content: "\f5b7";
}

.jqButton.btnStop:before {
	content: "\f04d";
}

.jqButton.btnTest:before,
.jqButton.btnCircleCheck:before {
	content: "\f058";
}

.jqButton.btnTransfer:before {
	content: "\f0ec";
}

.jqButton.btnUnlock:before {
	content: "\f3c1";
}

.jqButton.btnUpload:before {
	content: "\f35b";
}

.jqButton.btnUser:before {
	content: "\f007";
}

.jqButton.btnWindow:before {
	content: "\f2d2";
}

.jqButton .fa,
.jqButton .fas,
.jqButton .far,
.jqButton .fal {
	color: #444;
	font-size: 11px !important;
}

/* button in header */
.ui-box header button,
.ui-box header .jqButton {
	margin: 0 2px 0 0;
}

/* No Text Button */
button.noText,
.jqButton.noText {
	/*height: 20px;
	width: 22px; */
}

button.noText:before,
.jqButton.noText:before {
	margin: 0 !important;
}

button.noText span.ui-button-text {
	padding: 2px 8px 1px 0;
}

button.noText {
	margin: 0;
}

.btnRight,
.jqButton.btnRight {
	margin: 0 0 0 2px !important;
}

input.ui-button {
	padding: 5px 7px;
	margin: 3px;
}

button.ui-button {
	padding: 5px;
	margin: 2px;
}

div.ui-button {
	margin: 2px;
}

.ui-button-text-only .ui-button-text {
	display: unset;
	padding: unset;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
	padding: 4px 8px 4px 20px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
	left: 2px;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
	font-size: 9pt !important;
}

/* No Text Button margin override */
.ui-accordion-icons .ui-accordion-header a {
	padding-left: 1.3em;
}

.ui-accordion-icons .ui-accordion-header a:hover {
	text-decoration: none;
	color: #000;
}

.ui-accordion .ui-accordion-header .ui-icon {
	position: absolute;
	left: .5em;
	top: 8px;
}

/* Select Multiple resize */
.ui-resizable-se {
	right: 3px;
	bottom: 20px;
}

a.ui-tabs-anchor {
	outline: none;
}

a.jqButton .ui-button-text {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #555555;
}

a.jqButton .ui-button-text:hover, a.jqButton.ui-state-hover {
	text-decoration: none !important;
	color: #212121;
}

/**********************************
* Common Icons                    *
***********************************/

/*
Always use the pw-img class and the specific icon class, like "edit" for the edit icon.
Example: <span class="pw-img edit"></span>

font-weight: 400; will change icon to outline version

-o in the icon name stands for "outline"
*/

/* pw-img (font awesome icons) */
.pw-img {
	position: relative;
	display: inline-block;
	background-image: none;
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: 12pt;
	color: #1d78bf;
	cursor: pointer;
	text-rendering: optimizeLegibility;
	width: auto;
	height: auto;
}

.pw-img:hover {
	/*color: #095b97 !important;  */
	filter: brightness(85%);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	text-decoration: none;
}

.pw-img:before {
	padding: 0 !important;
}

.pw-img.fa-badge-check {
	font-size: 10px;
	top: -8px;
	right: -4px;
}

/* icon unicode declarations */
.pw-img.add:before,
.pw-img.plus:before {
	content: "\f067";
}

.pw-img.ban:before {
	content: "\f05e";
}

.pw-img.barcode:before {
	content: "\f02a";
}

.pw-img.book:before {
	content: "\f518";
	font-weight: 400 !important;
}

.pw-img.calendar:before {
	content: "\f073";
	font-weight: 400;
}

.pw-img.caret-down:before {
	content: "\f0d7";
}

.pw-img.caret-left:before {
	content: "\f0d9";
}

.pw-img.caret-right:before {
	content: "\f0da";
}

.pw-img.cc-active:before {
	content: "\f09d";
	font-weight: 400 !important;
}

.pw-img.cc-inactive:before {
	content: "\f09d";
	color: #404040;
	font-weight: 400;
}

.pw-img.checkmark:before {
	content: "\f00c";
}

.pw-img.circle:before {
	content: "\f111";
}

.pw-img.clock:before {
	content: "\f017";
	font-weight: 400 !important;
}

.pw-img.close:before {
	content: "\f00d";
}

.pw-img.close-circle:before {
	content: "\f057";
}

.pw-img.code:before {
	content: "\f121";
}

.pw-img.cog:before,
.pw-img.setting:before {
	content: "\f013";
}

.pw-img.cogs:before,
.pw-img.production:before {
	content: "\f085";
}

.pw-img.copy-sm:before {
	content: "\f24d";
	font-weight: 400;
}

.pw-img.disable:before {
	content: "\f056";
}

.pw-img.download:before {
	content: "\f358";
}

.pw-img.edit:before {
	content: "\f303";
}

.pw-img.email:before {
	content: "\f658";
}

.pw-img.envelope:before {
	content: "\f0e0";
}

.pw-img.envelope-o:before {
	content: "\f0e0";
	font-weight: 400;
}

.pw-img.external-link:before {
	content: "\f35d";
}

.pw-img.file:before {
	content: "\f15b";
}

.pw-img.file-o:before {
	content: "\f15b";
	font-weight: 400 !important;
}

.pw-img.file-archive:before {
	content: "\f1c6";
}

.pw-img.file-alt:before {
	content: "\f15c";
}

.pw-img.filter:before {
	content: "\f0b0";
}

.pw-img.folder:before {
	content: "\f07b";
}

.pw-img.folder.red:before {
	content: "\f07b";
	color: darkred;
}

.pw-img.folder-o:before {
	content: "\f07b";
	font-weight: 400;
}

.pw-img.folder-open:before {
	content: "\f07c";
}

.pw-img.folder-open-o:before {
	content: "\f07c";
	font-weight: 400;
}

.pw-img.hand:before,
.pw-img.hand-o:before {
	content: "\f256";
}

.pw-img.hand-o:before {
	font-weight: 400;
}

.pw-img.hand-shake:before {
	content: "\f2b5";
	font-weight: 400;
}

.pw-img.help-tips:before,
.pw-img.question-mark:before {
	content: "\f059";
}

.pw-img.history:before {
	content: "\f1da";
}

.pw-img.info-circle:before {
	content: "\f05a";
}

.pw-img.inventory:before {
	content: "\f187";
}

.pw-img.invoice:before {
	content: "\f571";
}

.pw-img.jobcard:before {
	content: "\f0ce";
}

.pw-img.link:before {
	content: "\f0c1";
}

.pw-img.list:before {
	content: "\f03a";
}

.pw-img.list-ol:before {
	content: "\f0cb";
}

.pw-img.lock:before {
	content: "\f023";
}

.pw-img.money-bill:before {
	content: "\f3d1";
}

.pw-img.paperclip:before {
	content: "\f0c6";
}

.pw-img.payment:before {
	content: "\f09d";
}

.pw-img.pdf:before,
.pw-img.pdf-o:before {
	content: "\f1c1";
}

.pw-img.pdf-o:before {
	font-weight: 400;
}

.pw-img.printer:before {
	content: "\f02f";
}

.pw-img.proof:before {
	content: "\f5c3";
}

.pw-img.refresh:before {
	content: "\f2f1";
}

.pw-img.reprint:before {
	content: "\f2f9";
}

.pw-img.save:before {
	content: '\f0c7';
}

.pw-img.search-main:before {
	content: "\f002";
}

.pw-img.sign-in:before {
	content: "\f2f6";
}

.pw-img.sign-out:before {
	content: "\f2f5";
}

.pw-img.signature:before {
	content: "\f5b7";
}

.pw-img.sun:before {
	content: "\f185";
}

.pw-img.tasks:before {
	content: '\f0ae';
}

.pw-img.ticket:before {
	content: '\f570';
}

.pw-img.template:before {
	content: "\f247";
}

.pw-img.tools:before {
	content: "\f7d9";
}

.pw-img.toquote:before {
	content: "\f362";
}

.pw-img.truck:before {
	content: "\f0d1";
}

.pw-img.trash:before {
	content: "\f2ed";
	font-weight: 400 !important;
}

.pw-img.trash-solid:before {
	content: "\f2ed";
}

.pw-img.unlink:before {
	content: "\f127";
}

.pw-img.undo:before {
	content: "\f0e2";
}

.pw-img.unlock:before {
	content: "\f3c1";
}

.pw-img.user:before {
	content: "\f007";
}

.pw-img.warn:before {
	content: "\f071";
}

.pw-img.spinner:before {
	content: "\f110";
}

.pw-img.shield:before {
	content: "\f132";
}

.pw-img.shield.warning:before {
	color: orangered;
}

.pw-img.shield.error:before {
	color: darkred;
	border: none;
}

.pw-img.shield.error {
	border: none;
}

.pw-img.shield-check:before {
	content: "\f2f7";
	color: darkgreen;
}

.pw-img.enhancement:before {
	content: "\f35b";
	color: rebeccapurple;
}

.pw-img.newFeature:before {
	content: "\f055";
	color: green;
}

.pw-img.bugFix:before {
	content: "\f058";
	color: blue;
}

/* for icon with no clickable action. Add noHover class */
.pw-img.noHover,
.pw-img.noHover:hover {
	color: #404040 !important;
	-webkit-transform: none;
	transform: none;
	cursor: default;
}

/**********************************
* Font Awesome - Duotone *
***********************************/

.icon-duotone {
	position: relative;
}

.icon-duotone::before,
.icon-duotone::after {
	font-family: "Font Awesome 6 Duotone";
	font-weight: 900;

	/* position both layers of the icon to the left, set our fixed-width width, horizontally center layers, and then vertically align them so they flex with different line heights */
	position: absolute;
	transform: translateX(-25%) translateY(-25%);
}

.icon-duotone::before {
	color: var(--fa-primary-color, inherit);
	opacity: 1;
	opacity: var(--fa-primary-opacity, 1.0);
}

.icon-duotone::after {
	color: var(--fa-secondary-color, inherit);
	opacity: var(--fa-secondary-opacity, 0.4);
}

/* we need to define the two layers of a duotone icon */
.icon-duotone.invoice::after {
	content: "\10f571";
}

.icon-duotone.invoice::before {
	content: "\f571";
}

/**********************************
* Font Awesome *
***********************************/
.fa,
.fas,
.far,
.fal {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: 12pt;
	color: #1d78bf;
	text-rendering: optimizeLegibility;
}

.fa[onclick],
.fas[onclick],
.far[onclick],
.fal[onclick] {
	cursor: pointer;
}

/* defaults */
.fa:hover,
.fas:hover,
.far:hover,
.fal:hover,
.fad:hover {
	filter: brightness(85%);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	cursor: pointer;
}

.fa.noHover:hover,
.fas.noHover:hover,
.far.noHover:hover,
.fal.noHover:hover,
.fad.noHover:hover {
	color: inherit;
}

/* folder icon */
*[class*='pw-folder'] {
	color: #f9ecab !important;
	text-shadow: 0 0 1px #4a4429;
}

/* No Text Buttons */
.noText-fa {
	height: 22px;
	width: 22px;
}

.noText-fa span.ui-button-text {
	margin: 0;
	padding: 0;
}

.fa-ticket-alt {
	transform: rotate(-45deg) !important;
}

.fa-ticket-alt:hover {
	transform: scale(1.1) rotate(-45deg) !important;
}

/**********************************
* Font Awesome Checkboxes *
***********************************/

#lockCheckbox {
	display: none;
}

/* to hide the checkbox itself */
#lockCheckbox + label:before {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	font-size: 12pt;
	color: #1d78bf;
	position: absolute;
	top: 0;
	right: 2px;
}

#lockCheckbox + label:hover:before {
	color: #095b97 !important;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#lockCheckbox + label:before {
	content: "\f023";
}

/* unchecked icon */
#lockCheckbox:checked + label:before {
	content: "\f3c1";
}

/* checked icon */

/**********************************
* Font Awesome Colors *
***********************************/

/* icon common colors */
.icon-lightBlue {
	color: #61D5FB !important;
}

.icon-lightBlue:hover {
	color: #3298af !important;
}

.icon-blue {
	color: #03a9f4 !important;
}

.icon-green {
	color: #8bc34a !important;
}

.icon-lightGreen {
	color: #ACD371 !important;
}

.icon-lightGrey {
	color: #CBCBCB !important;
}

.icon-darkGrey {
	color: #3f3f3f !important;
}

.icon-red {
	color: #f44336 !important;
}

.icon-darkRed {
	color: darkred !important;
}

.icon-lightRed {
	color: #EB4025 !important;
}

.icon-gold {
	color: goldenrod !important;
}

.icon-orange {
	color: #E3701A !important;
}

.icon-orange-true {
	color: orange !important;
}

.icon-warning {
	color: #ffb300 !important;
}

.icon-yellow {
	color: #ffb300 !important;
}

.icon-pink {
	color: #f1709c !important;
}

.icon-purple {
	color: #b052c0 !important;
}

.icon-black {
	color: #000000 !important;
}

.icon-white {
	color: #FFFFFF !important;
}

.icon-mint {
	color: #26a69a !important;
}

/* icon color hover simply gets shaded darker */
.icon-lightBlue:hover:before,
.icon-blue:hover:before,
.icon-green:hover:before,
.icon-lightGreen:hover:before,
.icon-lightGrey:hover:before,
.icon-darkGrey:hover:before,
.icon-red:hover:before,
.icon-lightRed:hover:before,
.icon-gold:hover:before,
.icon-orange:hover:before,
.icon-warning:hover:before,
.icon-pink:hover:before,
.icon-purple:hover:before,
.icon-black:hover:before,
.icon-white:hover:before,
.icon-mint:hover:before {
	filter: brightness(85%);
}

/* chain link icon */
.fa-link {
	color: #717171 !important;
}

.icon-Xsmall {
	font-size: 12px !important;
}

.icon-small {
	font-size: 12pt !important;
}

.icon-medium {
	font-size: 18px !important;
}

.icon-large {
	font-size: 28px !important;
}

.icon-Xlarge {
	font-size: 32px !important;
}

.icon-flyout {
	font-size: 10pt !important;
	text-align: center;
	width: 15px;
}

.icon-darkGrey a {
	color: #fff !important;
}

.icon-hide.icon-flyout {
	display: none;
}

.icon-label {
	opacity: 0;
	color: #1d78bf;
}

.icon-show-label:hover + .icon-label {
	opacity: 1;
}

/**********************************
* Font Awesome PRO *
***********************************/
.fad {
	/*default colors*/
	--fa-primary-color: #1d78bf;
	--fa-primary-opacity: 0.4;
	--fa-secondary-color: #1d78bf;
	--fa-secondary-opacity: 1;
}

/*custom classes*/
.fa-swap-colors {
	--fa-primary-color: #1d78bf !important;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #1d78bf !important;
	--fa-secondary-opacity: 0.4;
}

.fa-badge-check,
.fa-badge-counter,
.fa-badge-icon,
.fa-badge-pdf {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.fa-badge-counter {
	border: 1px solid #fff;
	top: -2px !important;
	left: 18px !important;
	background: #8bc34a !important;
	font-size: 10px !important;
	padding: 2px 4.5px !important;
	font-weight: bold !important;
	display: inline-block;
	right: unset !important;
}

.fa-badge-pdf {
	background: #fff;
	right: -4px;
	top: -3px;
	font-size: 15px;
	border-radius: 2px 5px 2px 2px;
}

.badge-new {
	right: -15px;
	font-size: 16pt;
	top: -4px;
}

.badge-new span {
	font-family: "Open Sans", sans-serif;
	color: #fff;
	position: absolute;
	font-size: 7px;
	left: 3.5px;
	top: 6.5px;
}

/**********************************
* FOOTER                        *
***********************************/
/*	FOOTER STYLES */
footer {
	background: #494a4c;
	color: #fff;
	width: 100%;
	height: 80px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
}

footer h2 {
	margin: 0;
}

footer a {
	color: #1d78bf;
	font-weight: 400;
}

footer div#copyright a {
	color: #fff;
}

#footerPWLogo a {
	image-rendering: optimizeQuality;
}

/* Footer Nav */
#footerNav {
	background: #343435;
	min-height: 47px;
	color: #fff;
	position: relative;
}

#footerNav .window {
	width: 340px;
	min-height: 56px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

#footerMisc {
	width: 810px;
	margin: 0 auto;
	text-align: left;
}

#footerMisc > div {
	float: left;
	padding: 15px;
}

#footerMisc h2 {
	text-transform: lowercase;
	font-size: 2em;
	line-height: 1;
	font-weight: 100;
}

/* Copyright */
#copyright {
	clear: both;
	background: #5b5c5c;
	height: 25px;
	line-height: 20px;
}

#copyright p {
	background: #5b5c5c;
	text-align: center;
	padding: 2px 0;
	margin: 0;
}

/**********************************
* END FOOTER                      *
***********************************/

.text-center {
	text-align: center;
}

/**********************************
* INLINE EDIT                     *
***********************************/
.edit-inactive, select.edit-inactive {
	border: none;
	background-color: transparent;
}

select.edit-inactive {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select.edit-inactive::-ms-expand {
	display: none;
}

/* focus */
.edit-inactive:focus, select.edit-inactive:focus {
	border: 1px solid #aaa;
	background-color: inherit;
}

select.edit-inactive:focus {
	-webkit-appearance: revert;
	-moz-appearance: revert;
	appearance: revert;
}

/**********************************
* END INLINE EDIT                 *
***********************************/

/***********************************
 *          DATA TABLES            *
 ***********************************/
.dataTables_wrapper button > span:before, .dataTables_wrapper a > span:before {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	padding-right: 6px;
}

button.buttons-pdf > span:before {
	content: '\f1c1';
}

.buttons-csv > span:before,
.buttons-excel > span:before {
	content: '\f1c3';
}

button.buttons-print > span:before {
	content: '';
}

button.table-add > span:before {
	content: '\f067';
}

button.table-build > span:before {
	content: '\f0ad';
}

button.table-colvis > span:before {
	content: '\f06e';
}

button.table-colvis-slash > span:before {
	content: '\f070';
}

button.table-export-dropdown > span:before {
	content: '\f2f5';
	transform: rotate(90deg);
}

button.table-import > span:before {
	content: '\f093';
}

button.table-refresh > span:before {
	content: '\f021';
}

button.table-wrench > span:before {
	content: '\f0ad';
}

button.table-list > span:before {
	content: '\f03a';
}

button.table-check-circle > span:before {
	content: '\f058';
}

.dataTables_wrapper .ui-toolbar {
	padding: 2px !important;
	margin: 0;
	line-height: 30px;
}

.dataTables_length {
	margin: 0 0 0 4px;
}

/*The span background is funky and needs to go away*/
div.dt-buttons .dt-button:hover > span {
	background: none;
}

.ui-controlgroup {
	margin-top: -2px;
}

#accordionToggle.ui-controlgroup {
	margin-top: 0;
}

.dataTables_processing {
	z-index: 1;
}

div.dt-buttons .dt-button {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: none;
	border: 1px solid #aaaaaa;
}

div.dt-buttons .dt-button:hover {
	border-color: #999;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
	top: initial;
}

table.dataTable thead th {
	font-weight: normal;
}

table.dataTable tbody td {
	padding: 4px 4px;
	vertical-align: top;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

table.dataTable td.focus,
table.dataTable tbody th.focus, table.dataTable tbody td.focus {
	outline: none;
	box-shadow: none;
}

table.dataTable tfoot td:not(:empty) {
	border-top: 2px solid darkgray;
	font-weight: bold;
}

th.sorting.sorting_asc, th.sorting.sorting_desc {
	background-color: #bcbcbc;
}

th.sorting.sorting_asc:hover, th.sorting.sorting_desc:hover {
	background-color: #aaaaaa;
}

/**********************************
* Search - DataTable              *
***********************************/
input[type="search"][aria-controls="datatable"], .dataTables_wrapper input[type="search"] {
	/*background: url(/img/search-light.png) no-repeat 10px 6px #444;*/
	border: 1px solid #aaa !important;
	font: normal 14px Arial, Helvetica, Sans-serif;
	color: #d7d7d7;
	width: 65px;
	padding: 6px 15px 6px 25px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	font-family: Arial, Helvetica, sans-serif;
	transition: all 0.7s ease 0s;
}

input[type="search"][aria-controls="datatable"], .dataTables_wrapper input[type="search"] {
	/*background: url(/img/search-dark.png) no-repeat 10px 6px white;*/
	width: 150px;
	color: #555;
	text-shadow: none;
	font-weight: normal;
	border: none;
}

input[type=search][aria-controls="datatable"]:focus, .dataTables_wrapper input[type="search"]:focus {
	border: 1px solid #51c9ee !important;
	box-shadow: 0 0 5px rgba(81, 203, 238, 1) !important;
	outline: none !important
}

.dataTables_filter label:last-child:before {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900 !important;
	font-size: 12px;
	color: #999999;
	content: "\f002";
	display: inline-block;
	vertical-align: middle;
	position: relative;
	left: 23px;
}
/**********************************
* User Logout/Profile             *
***********************************/
#userProfile.userLogin {
	width: 45px;
	height: 45px;
	position: fixed;
	top: 0;
	right: 0;
	background: transparent;
	border: none;
	z-index: 102;
}
#userProfile.userLogin:hover {
	padding-left: 280px;
}
.user-circle {
	position: fixed;
	top: 5px;
	right: 4px;
	width: 35px;
	max-width: 35px;
	height: 35px;
	max-height: 35px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	background-color: #444;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 36px;
}
.user-circle:hover, .user-circle .user-slideout:hover {
	background-color: #111;
}
.user-slideout {
	display: none;
	opacity: 0;
	position: fixed;
	top: 40px;
	right: 4px;
	padding: 6px;
	background: #fff;
	font-size: 16px;
	color: #333333;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.user-slideout:hover {
	display: block;
	opacity: 1;
}
.user-slideout:after {
	content: '';
	display: block;
	position: absolute;
	top: -6px;
	right: 11px;
	width: 10px;
	height: 10px;
	background: #FFFFFF;
	border-right: 1px solid #969696;
	border-bottom: 1px solid #969696;
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.user-slideout span.logout {
	margin: 0;
	line-height: 35px;
	font-weight: bold;
	text-align: center;
	background: #444;
	border-radius: 3px;
	font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.user-slideout span.logout:hover {
	background: #111;
}
#userProfile:hover > .user-slideout {
	display: block;
	opacity: 1;
}
.user-pic {
	position: relative;
	float: left;
	width: 100px;
	max-width: 100px;
	height: 100px;
	max-height: 100px;
	background-color: #444;
	color: #fff;
	font-size: 35px;
	text-align: center;
	line-height: 100px;
}
#userContent {
	position: relative;
	display: table-cell;
	min-height: 100px;
	min-width: 150px;
	margin-left: 5px;
	float: right;
}
.userDisplayName {
	font-weight: bold;
	margin: 0 0 2px 6px;
	overflow: hidden;
	max-width: 230px;
}
a span.logout {
	color: #ddd;
}
a span.logout:hover {
	color: #fff;
	text-decoration: none;
}
span.logout {
	position: absolute;
	width: 100%;
	right: 0;
	bottom: 0;
}

#top_wrapper {
	margin: 0 0 5px 5px;
}
#top_wrapper img {
	max-height: 150px;
}