html { /* bjw0136 */
	touch-action: manipulation; /* Prevents ability to double-tap to zoom, and removes need for click delay on touch devices. */ /* bjw0136 */
}

#omnis_overlay.legacy {
	background: url('images/xajax-loader.gif') no-repeat 20px 20px;
}

::-ms-clear {
	display: none;
}

.omnisform {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;  /* Prevent ugly flashing of elements on touch events. (moved from native comp css)*/
	-webkit-text-size-adjust: none; /* Prevent WebKit browsers enforcing a minimum font size */
}

.omnisform * { /* Bootstrap sets everything to use border-box sizing. Set everything inside the omnisform to default to content-box */
	box-sizing: content-box;
}

.omnisform button, .omnisform button * { /* buttons defaulted to box-sizing: border-box before Maintain this. */
	box-sizing: border-box;
}

/* By default, the form and its children should not be selectable */
.form-selection {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select:none;
	user-select: none;
}

/* Quill Rich Text Editor tooltip should display above other controls */
.ql-tooltip {
	z-index: 9999;
}

/* bjw0182: Rich Text Editor custom button */
.ctrl-rich-btn {
	color: #434343;
}
.ctrl-rich-btn:hover,
.ctrl-rich-btn:focus {
	color: #06c;
}

/* bjw0182: Rich Text Editor custom button SVG */
.ctrl-rich-svg {
	height: 12px !important;
	width: 100%;
}

.ctrl-dgrd-header {
	border-bottom: 0;
	border-top: 0;
	background: url('images/header-bg.gif') repeat-x center top;
}

.ctrl-dgrd-header label {
	display: inline-block;
	font-weight: bold;
	vertical-align:middle;
	margin: auto auto auto 6px;
}

.ctrl-dgrd-header .ui-icon {
	margin: 4px 4px auto 6px;
	background-color: transparent;
	border-color: transparent;
}

.ctrl-dgrd-header .ui-icon.ui-state-hover {
	background-color: white;
}

.ctrl-dgrd-header .ui-icon.ui-state-focus { /* bjw0082 */
	background-color: white;
}

.ctrl-dgrd-row-focused { /* bjw0083, bjw0165 (renamed) */
	box-shadow: inset 0 0 0 1000px rgba(50,50,50,.2);
}

/* drop list styling */
.ctrl-drop-client-IE {
	border-color: rgb(221,221,221);
}

/* added transparent bkg-col and cleared default webkit styles for iPad */
.ctrl-drop-edit {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	outline: 0;
	border: 0;
	background-color: transparent;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	/* Start bjw0163 */
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	color: inherit;
	/* End bjw0163 */
}

/* added font-size 0 for iPad */
/* cleared default webkit styles for iPad */
.ctrl-drop-button {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	outline: 0;
	width: 16px;
	height: 16px;
	border: 0;
	font-size: 0;
	-webkit-appearance: none;
	-webkit-border-radius:0;
}

.ctrl-drop-list {
	position: absolute;
	overflow-y: auto;
	z-index: 9999;
	cursor: pointer;
}

input.editor-text {
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	font-weight: inherit;
	font-family:inherit;
	color:Black !important;
	background-color:White !important;
}

.slick-viewport {
    -webkit-overflow-scrolling: touch; /* Momentum scrolling for JS Datagrid on iOS */
}

.slick-row.selected {
	z-index: auto; /* was 10 */
}

.slick-cell:focus { /* bjw0081 */
	border: red 1px solid;
}

/* use this to prevent default text selection highlighting, used by droplist */
.unselectable {
	-webkit-user-select: none;
	-moz-user-select: none;
    -ms-user-select:none;
	-khtml-user-select: none;
	user-select: none;
}

.text-selectable {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select:text;
	-khtml-user-select: text;
	user-select: text;
}

/* The .ui-... rules override the styles set in the jQuery-UI CSS file, and allow the Omnis properties to be used to set the styles */
.ui-widget-content {
	color:inherit;
}

.ui-widget {
	color:inherit;
	font-size:inherit;
	font-family:inherit;
}

.ui-widget input {
	color:inherit;
	font-size:inherit;
	font-family:inherit;
}

.ui-state-default {
	color:inherit;
}

/* slider handle customization */
.ui-slider .ui-slider-handle {
	overflow:hidden;
	position:absolute;
	border-style:none;
	border:none;
	outline:none;
}

.noFocus:focus {
	outline: none !important;
}

/*  Focus classes used for controls that do not use a DIV as their client element (e.g. controls that use INPUT)
    These controls typically have their own way to show system focus, and you can keep that by removing the styles defined by the classes
    showFocus and autoFocus.
*/
.showFocus, .autoFocus:focus {
   outline:  #4D90FE solid 1px !important;
   outline-offset:1px !important;
}
/* Focus class used for subset panel headings because of the way it is built it won't show outlines so a box shadow is used to highlight
   inside the border.
 */
.autoFocus.omnis-wf-title-auto-layout:focus{
	-moz-box-shadow:    inset 0 0 1px 1px #4D90FE;
	-webkit-box-shadow: inset 0 0 1px 1px #4D90FE;
	box-shadow:         inset 0 0 1px 1px #4D90FE;
}

/*
    Focus class used for controls with the focus style "focus within" that use a DIV as their client element.
*/
.showFocusDiv {
    outline: #4D90FE solid 1px !important;
    outline-offset:1px !important;
}

/*
    Focus class to remove dotted lines from firefox buttons
*/
button::-moz-focus-inner {
    border: 0;
}

/* Start bjw0067: Focus pseudo-elements for tab and segmented controls */
.omnis-segmented .sys-focus .segment:focus:before,
.ctrl-tabs-li:focus a:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.omnis-segmented .sys-focus .segment:focus:before,
.ctrl-tabs-top .ctrl-tabs-li a:before {
	border-top: solid 3px #4D90FE;
	bottom: auto;
}

.ctrl-tabs-bottom .ctrl-tabs-li a:before {
	border-bottom: solid 3px #4D90FE;
	top: auto;
}

.ctrl-tabs-left .ctrl-tabs-li a:before {
	border-left: solid 3px #4D90FE;
	right: auto;
}

.ctrl-tabs-right .ctrl-tabs-li a:before {
	border-right: solid 3px #4D90FE;
	left: auto;
}
/* End bjw0067 */

li.ctrl-tabs-li:focus {
    outline:none;
}

img.autoFocus:focus {
    outline-offset:0px !important;
}

/* Classes for tab control */
li.ctrl-tabs-li {
	display: inline;
	list-style-type: none;
}

a.ctrl-tabs-vertical-text-right, a.ctrl-tabs-vertical-text-left {
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;
}

a.ctrl-tabs-vertical-text-left
{
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

a.ctrl-tabs-vertical-text-right {
	-webkit-transform-origin:0 0;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

img.ctrl-arrow-up
{
	background:url('../images/arrows/up.png') center no-repeat;
}

img.ctrl-arrow-down
{
	background:url('../images/arrows/down.png') center no-repeat;
}

img.ctrl-arrow-left
{
	background:url('../images/arrows/left.png') center no-repeat;
}

img.ctrl-arrow-right
{
	background:url('../images/arrows/right.png') center no-repeat;
}

img.ctrl-arrow-up:hover
{
	background:url('../images/arrows/up_hot.png') center no-repeat;
}

img.ctrl-arrow-down:hover
{
	background:url('../images/arrows/down_hot.png') center no-repeat;
}

img.ctrl-arrow-left:hover
{
	background:url('../images/arrows/left_hot.png') center no-repeat;
}

img.ctrl-arrow-right:hover
{
	background:url('../images/arrows/right_hot.png') center no-repeat;
}

img.ctrl-arrow-up-dis
{
	background:url('../images/arrows/up_dis.png') center no-repeat;
}

img.ctrl-arrow-down-dis
{
	background:url('../images/arrows/down_dis.png') center no-repeat;
}

img.ctrl-arrow-left-dis
{
	background:url('../images/arrows/left_dis.png') center no-repeat;
}

img.ctrl-arrow-right-dis
{
	background:url('../images/arrows/right_dis.png') center no-repeat;
}

ul.ctrl-datepicker-ul
{
	position: absolute;
	margin:0;
	padding:0;
	width: 100%;
	text-align: center;
}

li.ctrl-datepicker-li
{
	list-style-type: none;
}

div.ctrl-datepicker-selection-bar
{
	background: rgb(110,129,246);
	filter:alpha(opacity=50);
	background: rgba(110,129,246,0.3);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(110,129,246,0.3)), to(rgba(63,79,235,0.3)));
	background: -moz-linear-gradient(top, rgba(110,129,246,1), rgba(63,79,235,1)); /* bjw0136 */
	z-index: 9999;
}

/* Default values for $selectedlinecolor and $selectedlinetextcolor */
.jstree-clicked,.ctrl-list-selected,.ctrl-base-selected { background-color:rgb(110,129,246); color:white; }
.ctrl-date-selected:focus { outline:none !important;border:solid 2px rgb(110,129,246) !important; } /*Note that border collapse makes it important that we use 2px as the border width here for a selected calendar cell*/
.jstree-clicked {border-color:transparent !important;}

/* dmw0165: Hover color when navigating a not enabled list */
.ctrl-list-hovered
{
	background-color: rgb(214,214,214);
}

/* dmw0179: Selected color when list control is not enabled */
.omnis-notenabled .ctrl-list-selected
{
	background-color: rgba(110,129,246,0.5);
}

/* dmw0179: Hover color when list control is not enabled */
.omnis-notenabled .ctrl-list-hovered
{
	background-color: rgba(214,214,214,0.5);
}

div.ctrl-video-disabled
{
	background: rgb(211,211,211);
	filter:alpha(opacity=50);
	background: rgba(211,211,211,0.7);
	z-index: 9999;
}

/* Content tip color */
.ctrl-content-tip
{
	color:#808080 !important;
}

img.ctrl-video-disabled
{
	width: 32px;
	height: 32px;
	background:url('../images/video_disabled.png') center no-repeat;
}

.omnis-popup {
    position: static !important;
}

.omnis-popup img {
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
}

/* *: Added this class, used to highlight a control when the user attempts to enter invalid data */
.ctrl_invalid, .ctrl_invalid:focus
{
	outline: #f00 solid 2px !important;	/* For browsers that do not support rgba */
	outline: rgba(255, 0, 0, 0.7) solid 2px !important;
}

/*	Start Classes defining the window title bar and window frame of a "window" with a title bar.

		These classes are applied to members (subforms) of subform sets, and to other built-in dialogs
		such as OK messages and the file upload dialog.

		If you modify these classes all borders must have the same pixel width, for both omnis-wf
		omnis-wf-title. The padding in omnis-wf-padding needs to be the height from omnis-wf-title plus 2*border-width */
.omnis-wf-radii
{
	/* You can have rounded borders at the corners of the frame - specify their radii in this class */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Class applied to frame of subform set */
.omnis-wf
{
    /* Chrome seems to have issues with touch events if we enable the transition (possibly an extension of: https://bugs.chromium.org/p/chromium/issues/detail?id=331804)
     So, we disable the fade for now */
	/*-webkit-transition:opacity 500ms !important;*/
	/*-o-transition:opacity 500ms !important;*/
	/*-moz-transition:opacity 500ms !important;*/
	/* dmw0130: sfs/dialog updated look */
	background-color: #FFFFFF;
	opacity:0.75 !important;
}

/* Class applied to frame of active (top) member of subform set - used in conjunction with omnis-wf */
.omnis-wf-active
{
	opacity:1 !important;
}

.omnis-wf-active-lostfocus
{
	opacity:0.75 !important;
}

.omnis-wf-padding	/* Used for members of subform sets only - see comment above regarding its size*/
{
	padding:40px 0 0 0;
}

.omnis-wf-auto-layout.omnis-wf-padding
{
	padding:26px 0 0 0;
}

.omnis-wf-shadow	/* dmw0130: Used to apply a box shadow */
{
	-webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.25);
}

.omnis-wf-borders	/* Borders of subform set members - the title provides the top border */
{
	border-left:solid 1px #c5c5c5;
	border-right:solid 1px #c5c5c5;
	border-bottom:solid 1px #c5c5c5;
}

/*	Class to be applied to the window title element, dmw0130: no longer applies any style to sfs panels */
.omnis-wf-title
{
	border-top:solid 1px #c5c5c5;
	background-color: white;
	height:40px;
	line-height:40px;
	color:grey;
	font-size:11pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-indent:4px;
	overflow:hidden;
	min-width:38px;	/* Must be set to same value as the width of omnis-sfs-butt */

	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

/* Class to be applied to window title element for top-most form in set - used in conjunction with omnis-wf-title */
.omnis-wf-title-active
{
	color:black;
}

/* Generic button for window title (used to style button element) */
.omnis-wf-butt
{
	float:right;
	width:38px;
	height:38px;
	margin-top:1px;
	margin-right:1px;
	padding:0;
	border:solid 1px transparent;
	outline:none;
	background-color: transparent;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* Hover on subform set buttons*/
.omnis-wf-butt:hover, .omnis-wf-butt:focus
{
	background-color: rgb(235,235,235);
}

/* Style of close button for window title */
.omnis-wf-close
{
	margin-right:4px !important;
}

/* Style for hovering/focusing on close buttons in sfs */
.omnis-wf-butt.omnis-wf-close:hover, .omnis-wf-butt.omnis-wf-close:focus
{
	background-color: rgb(232,17,35);
	outline: none;
}

/* Used to invert the 'X' image in the close button */
.omnis-wf-butt.omnis-wf-close:hover > img, .omnis-wf-butt.omnis-wf-close:focus > img
{
	filter: invert(100%);
}

/* Sets size of buttons in a subform set panel */
.omnis-wf-title-auto-layout > button
{
	width:16px;
	height:16px;
	margin:4px;
}

/* Relates to button size above */
.omnis-wf-title-auto-layout > button > img
{
	margin: 1px;
}

/* Hover/focus on subform set panel buttons */
.omnis-wf-title-auto-layout > button:hover, .omnis-wf-title-auto-layout > button:focus
{
	outline:solid 1px black;
	cursor: default;
}

/* Resize area for resizeable subform in a subform set */
.omnis-wf-resize
{
	opacity:0;
	min-width:5px;	/* This is the width of the resize border around the frame */
}

/* Drag border for a vertical component */
div.omnis-db-vert
{
	width:4px;
	opacity:0.5;
	background-color:gray; /*#C0C0C0;*/
}

/* Drag border for a horizontal component */
div.omnis-db-horz
{
	height:4px;
	opacity:0.5;
	background-color:gray; /*#C0C0C0;*/
}

/* Div used behind modal subform set member */
div.omnis-sfs-modal
{
	opacity:0.5;
	background-color:White;
}
/*	End */

/* */
div.nicEdit-main > p
{
	margin:0;
}

/* */
.omnis-wf-shadow-title
{
	box-shadow: 10px -10px 5px #b0b0b0,-10px -10px 5px #b0b0b0;
}

/* Applied after omnis-wf-borders when minimized as a title */
.omnis-wf-borders-min
{
	border-bottom-width:0;
}

/* Applied after omnis-wf-borders when minimized as a title with auto-layout */
.omnis-wf-borders-min-al
{
	border-bottom-width:0;
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
}

/* Applied to the frame for auto-layout */
.omnis-wf-auto-layout
{
    opacity:1 !important;
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
    box-shadow:none !important;
}

/* Applied to the title for auto-layout, after the normal title classes */
.omnis-wf-title-auto-layout
{
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;

	border-top:solid 1px gray;
	border-bottom:solid 1px gray;
	background:url('../images/sfs_titlebar.png');
	height:24px;
	line-height:24px;
	color:black;
	font-size:10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-indent:4px;
	overflow:hidden;
	min-width:24px;	/* dnw0130: Must be set to same value as the width + margin of .omnis-wf-title-auto-layout > button */
	cursor:default;
}

/* Applied to the active title for auto-layout, after the normal title active classes */
.omnis-wf-title-active-auto-layout
{
	background:url('../images/sfs_titlebar.png');
	color:black;
}

/* Moved to end of SFS classes */
/* Class applied to a subform being dragged in a subform set */
.omnis-sfs-drag
{
	z-index:20000;
	opacity:0.8 !important;
	-webkit-user-select:none;	/* Do not change the three user-select properties */
	-moz-user-select:none;
    -ms-user-select:none;
	user-select:none;
	cursor:default;
}

/* dmw0130: Apply grab cursor when hovering on subform title from sfs that can be moved */
.omnis-wf-title:hover
{
	cursor: grab;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	img.ctrl-arrow-up {
		background: url('../images/arrows/up_2x.png') center no-repeat;
		background-size: 16px;
	}

	img.ctrl-arrow-down {
		background: url('../images/arrows/down_2x.png') center no-repeat;
		background-size: 16px;
	}

	img.ctrl-arrow-left {
		background: url('../images/arrows/left_2x.png') center no-repeat;
		background-size: 16px;
	}

	img.ctrl-arrow-right {
		background: url('../images/arrows/right_2x.png') center no-repeat;
		background-size: 16px;
	}

	img.ctrl-arrow-up:hover {
		background: url('../images/arrows/up_hot_2x.png') center no-repeat;
		background-size: 16px;
	}

	img.ctrl-arrow-down:hover {
		background: url('../images/arrows/down_hot_2x.png') center no-repeat;
		background-size: 16px;
	}

	img.ctrl-arrow-left:hover {
		background: url('../images/arrows/left_hot_2x.png') center no-repeat;
		background-size: 16px;
	}

	img.ctrl-arrow-right:hover {
		background: url('../images/arrows/right_hot_2x.png') center no-repeat;
		background-size: 16px;
	}

	img.ctrl-arrow-up-dis {
		background: url('../images/arrows/up_dis_2x.png') center no-repeat;
		background-size: 16px;
	}

	img.ctrl-arrow-down-dis {
		background: url('../images/arrows/down_dis_2x.png') center no-repeat;
		background-size: 16px;
	}

	img.ctrl-arrow-left-dis {
		background: url('../images/arrows/left_dis_2x.png') center no-repeat;
		background-size: 16px;
	}

	img.ctrl-arrow-right-dis {
		background: url('../images/arrows/right_dis_2x.png') center no-repeat;
		background-size: 16px;
	}

	img.ctrl-video-disabled {
		background-size: 16px;
	}
}

/* Start - Prevent  button child elements from capturing touches when in complex grids */
button p {pointer-events: none;}
button img {pointer-events: none;}
/* End */

/* Start error text and border classes */
div.om-error-text {
    color:red;
    font-family:Verdana,Arial,Helvetica,Sans-serif;
    font-size:9pt;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:visible;
}

div.om-error-border {
    box-shadow:0 0 1px 1px red;
}
/* End */

/* Start bjw0118 */
.omnis-navmenu *,
.ctrl-nm-cp * {
	outline: none;
}
/* End bjw0118 */

/* Start breadcrumb classes */
td.ctrl-nm-hot-bc,
td.ctrl-nm-bc:focus { /* bjw0118 */
    border-color:rgb(126,180,234) !important;
    background-color:rgb(221,237,252) !important;
}

/* Used when the mouse is over the cascade arrow to make the main part of the entry hot and "gray" */
td.ctrl-nm-hotgray-bc {
    border-color:rgb(172,172,172) transparent rgb(172,172,172) rgb(172,172,172) !important;
    background-color:rgb(238,238,238) !important;
}

div.ctrl-nm-entry,div.ctrl-nm-entry-dis,div.ctrl-nm-entry-hot,div.ctrl-nm-heading,div.ctrl-nm-heading-dis,div.ctrl-nm-heading-hot,.ctrl-nm-desc {
	-webkit-user-select: none;
	-moz-user-select: none;
    -ms-user-select:none;
	-khtml-user-select: none;
	user-select: none;
}
/* End */

/* Start */
div.ctrl-scrolltip {
    font-family:Verdana,Arial,Helvetica,Sans-serif;
    font-size:9pt;
		border:solid 1px rgb(192,192,192);
    background-color:white;
    padding-left:2px;
    padding-right:2px;
}
/* End */

/*********** PAGER ***********/
.omnis-pager {
    height: 42px;
	background-color: #ffffff;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
    cursor: default;
}

/* Scrollable page numbers section */
.omnis-pager-numbers {
	float: left;
	height: inherit;
	overflow: hidden;
	position: relative;
}

/* Scroll container */
.omnis-pager-numbers div {
	height: inherit;
	display: inline-block;
	line-height: 42px;
	position: relative;
	white-space: nowrap;
}

/* Page number elements */
div.omnis-pager-page {
	display: inline-block;
	padding: 0 15px;
	margin-right: 1px;
	background-color: #dcdcdc;
	color: #606060;
    font-family: Tahoma, Geneva, sans-serif;
}

div.omnis-pager-page.currentpage {
	background-color: #78ADFD;
    font-weight: bold;
	color:	#fff;
}

div.omnis-pager-page:focus { /* bjw0102 */
	background-color: #606060;
	color: #dcdcdc;
	outline: none;
}

.omnis-pagedpane-page {
    -webkit-overflow-scrolling: touch; /* Momentum scrolling for JS Paged Pane on iOS */
}

/* Pager Forward/Back Buttons */
.omnis-pager-button {
	width: 42px;
	height: inherit;
	display: inline-block;
	position: relative;
    background-color: #f4f4f4;
    box-sizing: border-box;
}

.omnis-pager-button:focus { /* bjw0102 */
	background-color: #606060;
	outline: none;
}

.omnis-pager-button:active {
	background-color: #ffffff;
}

.omnis-pager-button[aria-disabled="true"] { /* bjw0102 */
	background-color: #f4f4f4;
}

.omnis-pager-button-forward {
	float: right;
    border-left: 1px solid #999;
}

.omnis-pager-button .pager-arrow {
	width: 0;
	height: 0;
	border: 9px solid transparent;
	border-right-width: 0;
	border-left-width: 0;
}

.omnis-pager-button-forward .pager-arrow {
    margin: 12px 0 0 17px;
    border-left: 10px solid #78ADFD;
}

.omnis-pager-button-forward[aria-disabled="true"] .pager-arrow{ /* bjw0102 */
    border-left-color: #cacaca;
}

.omnis-pager-button-back {
	float: left;
    border-right: 1px solid #999;
}

.omnis-pager-button-back .pager-arrow {
    margin: 12px 0 0 14px;
    border-right: 10px solid #78ADFD;
}

.omnis-pager-button-back[aria-disabled="true"] .pager-arrow{ /* bjw0102 */
    border-right-color: #cacaca;
}
/*********** END PAGER ***********/

.segment-disabled-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
}

.omnis-drop-target
{
    outline: solid 2px black !important;
}

.omnisLoadingOverlay {
	background-color: rgba(86, 86, 86, 0.8);
	overflow: hidden;
	-webkit-transform: translateZ(0);
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* Prevent highlight when touching overlay on iOS */
}

.omnisLoadingOverlay .container {
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.omnisLoadingOverlay .indicator {
	left: 50%;
	top: 50%;
	height: 50px;
	width: 50px;
	position: relative;
	border-radius: 100%;
	border: 5px solid rgba(255, 255, 255, 0.3);
	border-top-color: rgba(255, 255, 255, 1);
	-webkit-animation: overlayRotation 1s infinite linear;
	animation: overlayRotation 1s infinite linear;
}

@-webkit-keyframes overlayRotation {
	from {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
	}
	to {
		-webkit-transform: translate(-50%, -50%) rotate(359deg);
	}
}
@keyframes overlayRotation {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	to {
		transform: translate(-50%, -50%) rotate(359deg);
	}
}

.omnisLoadingOverlay .message {
	color: #FFF;
	margin: 0;
	text-align: center;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.standardOmnisLoadingOverlay {
	opacity: 0;
	background-color: rgba(0, 0, 0, 0); /* bjw0012: Prevents user from being able to interact with the form in IE9 & 10 */
}

/* */
.menuOverlay {
	opacity: 0;
}

.restrictedClickElement {
	opacity: 0.5;
	animation: restrictedClickAnimation 1s ease-in-out;
	-webkit-animation: restrictedClickAnimation 1s ease-in-out;
	-moz-animation: restrictedClickAnimation 1s ease-in-out;
}

@keyframes restrictedClickAnimation {
	0% {opacity: 0;transform: scale(0);}
	50% {opacity: 0.5;transform: scale(1);}
	100% {opacity: 0;transform: scale(2);}
}

@-webkit-keyframes restrictedClickAnimation {
	0% {opacity: 0;transform: scale(0);}
	50% {opacity: 0.5;transform: scale(1);}
	100% {opacity: 0;transform: scale(2);}
}

/* Firefox does not set the :active state of elements as other browsers do, so keep the no-click effect hidden (opacity 0)
 otherwise, end up with extraneous no-click effects (e.g. when clicking from an evAfter field to empty space) */
@-moz-keyframes restrictedClickAnimation {
	0% {opacity: 0;transform: scale(0);}
	50% {opacity: 0;transform: scale(1);}
	100% {opacity: 0;transform: scale(2);}
}


/******************
ACTIVITY LOADING INDICATOR START
******************/
.standardOmnisLoadingOverlay .indicator {
	font-size: 11px;
	margin: 50px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load4 1.3s infinite linear;
	animation: load4 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
@-webkit-keyframes load4 {
	0%,
	100% {box-shadow: 0 -3em 0 0.2em #8c8c8c, 2em -2em 0 0 #8C8C8C, 3em 0 0 -1em #8C8C8C, 2em 2em 0 -1em #8C8C8C, 0 3em 0 -1em #8C8C8C, -2em 2em 0 -1em #8C8C8C, -3em 0 0 -1em #8C8C8C, -2em -2em 0 0 #8C8C8C;}
	12.5% {box-shadow: 0 -3em 0 0 #8C8C8C, 2em -2em 0 0.2em #8C8C8C, 3em 0 0 0 #8C8C8C, 2em 2em 0 -1em #8C8C8C, 0 3em 0 -1em #8C8C8C, -2em 2em 0 -1em #8C8C8C, -3em 0 0 -1em #8C8C8C, -2em -2em 0 -1em #8C8C8C;}
	25% {box-shadow: 0 -3em 0 -0.5em #8C8C8C, 2em -2em 0 0 #8C8C8C, 3em 0 0 0.2em #8C8C8C, 2em 2em 0 0 #8C8C8C, 0 3em 0 -1em #8C8C8C, -2em 2em 0 -1em #8C8C8C, -3em 0 0 -1em #8C8C8C, -2em -2em 0 -1em #8C8C8C;}
	37.5% {box-shadow: 0 -3em 0 -1em #8C8C8C, 2em -2em 0 -1em #8C8C8C, 3em 0 0 0 #8C8C8C, 2em 2em 0 0.2em #8C8C8C, 0 3em 0 0 #8C8C8C, -2em 2em 0 -1em #8C8C8C, -3em 0 0 -1em #8C8C8C, -2em -2em 0 -1em #8C8C8C;}
	50% {box-shadow: 0 -3em 0 -1em #8C8C8C, 2em -2em 0 -1em #8C8C8C, 3em 0 0 -1em #8C8C8C, 2em 2em 0 0 #8C8C8C, 0 3em 0 0.2em #8C8C8C, -2em 2em 0 0 #8C8C8C, -3em 0 0 -1em #8C8C8C, -2em -2em 0 -1em #8C8C8C;}
	62.5% {box-shadow: 0 -3em 0 -1em #8C8C8C, 2em -2em 0 -1em #8C8C8C, 3em 0 0 -1em #8C8C8C, 2em 2em 0 -1em #8C8C8C, 0 3em 0 0 #8C8C8C, -2em 2em 0 0.2em #8C8C8C, -3em 0 0 0 #8C8C8C, -2em -2em 0 -1em #8C8C8C;}
	75% {box-shadow: 0 -3em 0 -1em #8C8C8C, 2em -2em 0 -1em #8C8C8C, 3em 0 0 -1em #8C8C8C, 2em 2em 0 -1em #8C8C8C, 0 3em 0 -1em #8C8C8C, -2em 2em 0 0 #8C8C8C, -3em 0 0 0.2em #8C8C8C, -2em -2em 0 0 #8C8C8C;}
	87.5% {box-shadow: 0 -3em 0 0 #8C8C8C, 2em -2em 0 -1em #8C8C8C, 3em 0 0 -1em #8C8C8C, 2em 2em 0 -1em #8C8C8C, 0 3em 0 -1em #8C8C8C, -2em 2em 0 0 #8C8C8C, -3em 0 0 0 #8C8C8C, -2em -2em 0 0.2em #8C8C8C;}
}
@keyframes load4 {
	0%,
	100% {box-shadow: 0 -3em 0 0.2em #8C8C8C, 2em -2em 0 0 #8C8C8C, 3em 0 0 -1em #8C8C8C, 2em 2em 0 -1em #8C8C8C, 0 3em 0 -1em #8C8C8C, -2em 2em 0 -1em #8C8C8C, -3em 0 0 -1em #8C8C8C, -2em -2em 0 0 #8C8C8C;}
	12.5% {box-shadow: 0 -3em 0 0 #8C8C8C, 2em -2em 0 0.2em #8C8C8C, 3em 0 0 0 #8C8C8C, 2em 2em 0 -1em #8C8C8C, 0 3em 0 -1em #8C8C8C, -2em 2em 0 -1em #8C8C8C, -3em 0 0 -1em #8C8C8C, -2em -2em 0 -1em #8C8C8C;}
	25% {box-shadow: 0 -3em 0 -0.5em #8C8C8C, 2em -2em 0 0 #8C8C8C, 3em 0 0 0.2em #8C8C8C, 2em 2em 0 0 #8C8C8C, 0 3em 0 -1em #8C8C8C, -2em 2em 0 -1em #8C8C8C, -3em 0 0 -1em #8C8C8C, -2em -2em 0 -1em #8C8C8C;}
	37.5% {box-shadow: 0 -3em 0 -1em #8C8C8C, 2em -2em 0 -1em #8C8C8C, 3em 0 0 0 #8C8C8C, 2em 2em 0 0.2em #8C8C8C, 0 3em 0 0 #8C8C8C, -2em 2em 0 -1em #8C8C8C, -3em 0 0 -1em #8C8C8C, -2em -2em 0 -1em #8C8C8C;}
	50% {box-shadow: 0 -3em 0 -1em #8C8C8C, 2em -2em 0 -1em #8C8C8C, 3em 0 0 -1em #8C8C8C, 2em 2em 0 0 #8C8C8C, 0 3em 0 0.2em #8C8C8C, -2em 2em 0 0 #8C8C8C, -3em 0 0 -1em #8C8C8C, -2em -2em 0 -1em #8C8C8C;}
	62.5% {box-shadow: 0 -3em 0 -1em #8C8C8C, 2em -2em 0 -1em #8C8C8C, 3em 0 0 -1em #8C8C8C, 2em 2em 0 -1em #8C8C8C, 0 3em 0 0 #8C8C8C, -2em 2em 0 0.2em #8C8C8C, -3em 0 0 0 #8C8C8C, -2em -2em 0 -1em #8C8C8C;}
	75% {box-shadow: 0 -3em 0 -1em #8C8C8C, 2em -2em 0 -1em #8C8C8C, 3em 0 0 -1em #8C8C8C, 2em 2em 0 -1em #8C8C8C, 0 3em 0 -1em #8C8C8C, -2em 2em 0 0 #8C8C8C, -3em 0 0 0.2em #8C8C8C, -2em -2em 0 0 #8C8C8C;}
	87.5% {box-shadow: 0 -3em 0 0 #8C8C8C, 2em -2em 0 -1em #8C8C8C, 3em 0 0 -1em #8C8C8C, 2em 2em 0 -1em #8C8C8C, 0 3em 0 -1em #8C8C8C, -2em 2em 0 0 #8C8C8C, -3em 0 0 0 #8C8C8C, -2em -2em 0 0.2em #8C8C8C;}
}
/******************
ACTIVITY LOADING INDICATOR END
******************/


/******************
PROGRESS BAR START
******************/
/* Start bjw0012 */
.omnis-progress > progress { /* bjw0152 */
	width: 100%;
	height: 100%;
}
/* End bjw0012 */

/* Start bjw0007: Classes and animation for non-default progress bar */
div.ctrl-prog > div {
	background-color: #eee;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

div.ctrl-prog > div > div {
	background-size: 30px 30px;
	border-radius: 2px;
}

div.ctrl-prog-animate > div > div {
	-webkit-animation: progressAnimation 0.5s linear infinite;
	animation: progressAnimation 0.5s linear infinite;
}

@-webkit-keyframes progressAnimation {
	from { background-position: 0 0; }
	to   { background-position: 60px 30px; }
}

@keyframes progressAnimation {
	from { background-position: 0 0; }
	to   { background-position: 60px 30px; }
}
/* End bjw0007 */
/******************
PROGRESS BAR END
******************/

/******************
TOAST MESSAGE START
******************/
.omnis-toast { /* styles shared with tooltip */
	visibility: hidden;
	position: absolute;
	background-color: #333;
	opacity: 0;
	color: #fff;
	padding: 7px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	pointer-events: none; /* disable mouse events - IE11 and later */
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: visibility 0s linear 150ms, opacity 150ms cubic-bezier(0.4, 0, 1, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
	-o-transition: visibility 0s linear 150ms, opacity 150ms cubic-bezier(0.4, 0, 1, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
	transition: visibility 0s linear 150ms, opacity 150ms cubic-bezier(0.4, 0, 1, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
}

.omnis-toast-message { /* styles not shared with tooltip */
	white-space: pre-line;
	height: auto;
	border-radius: 16px;
}

.omnis-toast-visible {
	visibility: visible;
	opacity: .75;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: visibility 0s linear 0ms, opacity 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
	-o-transition: visibility 0s linear 0ms, opacity 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
	transition: visibility 0s linear 0ms, opacity 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}

/* Tooltip classes */
.omnis-toast-tt {
	border-radius: 4px;
	height: 16px;
	z-index: 9999;
	outline: none;
}

.omnis-toast-tt-top {
	bottom: 100%;
	left: 0;
	margin-bottom: 10px;
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
}

.omnis-toast-tt-bottom {
	top: 100%;
	left: 0;
	margin-top: 10px;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
}

.omnis-toast-tt-left {
	right: 100%;
	margin-right: 10px;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
}

.omnis-toast-tt-right {
	left: 100%;
	margin-left: 10px;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
}

/* Vertically center left and right tooltips */
.omnis-toast-tt-left,
.omnis-toast-tt-right {
	bottom: 50%;
	margin-bottom: -15px; /* = -(height + 2 * padding) / 2 */
}
/******************
TOAST MESSAGE END
******************/

/******************
TOOLBAR START
******************/
.omnis-toolbar { /* client element */
	padding: 0;
}

.omnis-toolbar.no-sys-focus * { /* bjw0089, bjw0090 */
	outline: none;
}

div.ctrl-tb-bar {
	margin: 0;
	padding: 0;
}
.ctrl-tb-horz div.ctrl-tb-bar {
	height: 100%;
	position: absolute;
	right: 0;
}

div.ctrl-tb-item,
.ctrl-tb-overflow-btn,
.ctrl-tb-hamburger-btn {
	height: 100%;
	display: block;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
	border: none;
	background-color: transparent;
	-webkit-transition: background 0.2s; /* bjw0121 */
	-o-transition: background 0.2s; /* bjw0121 */
	transition: background 0.2s; /* bjw0121 */
}
.ctrl-tb-horz div.ctrl-tb-item {
	float: left;
}
.ctrl-tb-vert div.ctrl-tb-item {
	width: 100%;
}

.ctrl-tb-active { /* bjw0121 */
	-webkit-transition: background 0s;
	-o-transition: background 0s;
	transition: background 0s;
}

.ctrl-tb-horz .ctrl-tb-overflow-btn {
	position: absolute;
	right: 0;
}

.ctrl-tb-horz .ctrl-tb-hamburger-btn {
	position: absolute;
	left: 0;
	border-left: none;
}
.ctrl-tb-vert .ctrl-tb-hamburger-btn,
.ctrl-tb-vert .ctrl-tb-overflow-btn {
	display: inline-block;
	position: absolute;
	max-width: 100%;
	text-align: center;
}

div.ctrl-tb-overflow {
	visibility: hidden;
	position: absolute;
	right: 0;
	z-index: 9999;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.ctrl-tb-overflow-visible {
	visibility: visible;
}

div.ctrl-tb-overflow-item {
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
	cursor: pointer;
	height: 40px;
	line-height: 40px; /* keep same as height */
}

div.ctrl-tb-title {
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}
.ctrl-tb-horz div.ctrl-tb-title {
	display: inline;
	position: absolute;
}

div.ctrl-tb-item-text {
	position: absolute;
	margin: 0 auto;
	left: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ctrl-tb-vert div.ctrl-tb-item-text {
	display: inline;
}

div.ctrl-tb-overlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	z-index: 1;
}

/* Side menu classes */
.ctrl-tb-menu-wrapper {
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	-webkit-transition: visibility 300ms;
	-o-transition: visibility 300ms;
	transition: visibility 300ms;
}
.ctrl-tb-vert .ctrl-tb-menu-wrapper {
	height: 100%;
	top: 0;
}

ul.ctrl-tb-sidemenu {
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 240px;
	overflow-y: auto;
	-webkit-transition: left 300ms;
	-o-transition: left 300ms;
	transition: left 300ms;
}
.ctrl-tb-vert .ctrl-tb-sidemenu {
	height: 100%;
}

.ctrl-tb-sidemenu-visible { /* wrapper */
	visibility: visible !important;
	-webkit-transition: visibility 300ms;
	-o-transition: visibility 300ms;
	transition: visibility 300ms;
}

.ctrl-tb-sidemenu-visible .ctrl-tb-sidemenu {
	left: 0 !important;
	-webkit-transition: left 300ms;
	-o-transition: left 300ms;
	transition: left 300ms;
}

div.ctrl-tb-group-header {
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	padding-left: 8px;
	position: relative; /* bjw0092 */
}

/* display the correct arrow based on the aria-expanded attribute */
div.ctrl-tb-group-header svg {
	display: none;
	position: absolute; /* bjw0092 */
	top: 0; /* bjw0092 */
	right: 0; /* bjw0092 */
}
div.ctrl-tb-group-header[aria-expanded="true"] svg:nth-child(1) {
	display: block;
}
div.ctrl-tb-group-header[aria-expanded="false"] svg:nth-child(2) {
	display: block;
}

ul.ctrl-tb-sidemenu > li > ul {
	list-style-type: none;
	padding: 0;
}

li.ctrl-tb-menuitem {
	cursor: pointer;
}

li.ctrl-tb-menuitem > img {
	height: 24px;
	width: 24px;
	margin: 8px;
	float: left;
}

li.ctrl-tb-menuitem > span {
	padding-left: 10px;
}
/******************
TOOLBAR END
******************/

/* bjw0102: Screen reader only class */
.sr-only {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* dmw0137: Class for $enabled = kFalse (similar to HTML readonly attribute) */
.omnis-notenabled{
	color: #8c8c8c !important;
}

/* dmw0139: Class for $active = kFalse (similar to HTML disabled attribute) */
.omnis-notactive{
	color: #8c8c8c !important;
}

/* dmw0146: Class for $active = kFalse for Switch control */
.omnis-switch img.omnis-notactive{
	opacity: 0.4;
}

/* dmw0158: Class for $active = kFalse for Page control */
.omnis-pagectl.omnis-notactive > div{
	opacity: 0.4;
}

/* dmw0162: Class for $active = kFalse for Hyperlink control */
.omnis-notactive .hypsec{
	opacity: 0.4;
}

/* dmw0165: Class for checkboxes within list controls when $enabled = kFalse */
.omnis-list.omnis-notenabled img{
	opacity: 0.4;
}

/* dmw0167: Class for text within tree lists when $enabled = kFalse */
.omnis-tree.omnis-notenabled a {
	color: #8c8c8c !important;
}

/* dmw0167: Class for checkboxes within tree lists when $enabled = kFalse */
.omnis-notenabled .jstree-checkbox {
	opacity: 0.4;
}

/* dmw0167: Class for selected state text within tree lists when $enabled = kFalse */
.omnis-notenabled .jstree-clicked {
	opacity: 0.4;
}

/* dmw0169: Class for rich text editor when $enabled = kFalse */
.omnis-rich.omnis-notenabled {
	opacity: 0.4;
}

/* dmw0139: Class for $active = kFalse (similar to HTML disabled attribute) when control uses an overlay to display inactive control */
.omnis-notactive-overlay:after{
	content: " ";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(200,200,200,.65);
	display: block;
	z-index: 9999; /* bjw0156 */
}

/* dmw0149: center div vertically in parent */
.center-vert{
	position: absolute !important;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* bjw0178 */
.omnis-tree * {
	outline: none;
}