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

#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;
}

.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;
}

/* 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;
}

/* 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-row.selected {
	z-index: auto; /* was 10 */
}

/* 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;
}

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));
	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; }
.jstree-clicked {border-color:transparent !important;}

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;
}

/* *: Added this class, used to highlight a control when the user attempts to enter invalid data */
.ctrl_invalid
{
	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 top-left and top-right corners of the frame - specify
		 their radii in this class */
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

/* 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;*/
	opacity:0.5 !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-padding	/* Used for members of subform sets only - see comment above regarding its size*/
{
	padding:26px 0 0 0;
}

.omnis-wf-shadow	/* Used to apply a box shadow when there is no resize border */
{
	box-shadow:0 0 5px 5px #b0b0b0;
}

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

/*	Class to be applied to the window title element */
.omnis-wf-title
{
	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:Arial;
	text-indent:4px;
	overflow:hidden;
	min-width:16px;	/* Must be set to same value as the width of omnis-sfs-butt */
	cursor:default;
}

/* 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
{
	background:url('../images/sfs_titlebar_active.png');
	color:white;
}

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

.omnis-wf-butt:hover
{
	border:solid 1px gray;
}

/* Style of close button for window title */
.omnis-wf-close
{
	background:url('../images/close.png') center no-repeat;
	margin-right:4px !important;
}

/* Style of minimize button for window title */
.omnis-wf-min
{
	background:url('../images/collapse.gif?1') center no-repeat;
}

/* Style of maximize button for window title */
.omnis-wf-max
{
	background:url('../images/expand.gif?1') center no-repeat;
}

/* Resize area for resizeable subform in a subform set */
.omnis-wf-resize
{
	background-color:gray;
	opacity:0.5;
	min-width:4px;	/* This is the width of the resize border around the frame */
	box-shadow:0 0 5px 5px #202020;
}

/* 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;
}

/* 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;
}

@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 breadcrumb classes */
td.ctrl-nm-hot-bc {
    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;
}

/* 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:active {
	background-color: #ffffff;
}

.omnis-pager-button.disabled {
	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.disabled .pager-arrow{
    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.disabled .pager-arrow{
    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);
}

.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;
	/*cursor: wait; alter Wert CBO geändert auf default, damit nicht bei jedem Klick das Warterädchen kommt*/
	cursor: default;
}

/* */
.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
******************/