/* Import the basic ui library css files here! */
/* Import the integralui css files here! */
/* 
* 
* CSS files for each component
* To reduce bundle size, include files only for component in use
* 
*/
/* General settings */
.iui-item
{
	border: thin solid transparent;
}
.iui-item-label
{
	border: thin solid transparent;
	display: inline-block;
	padding: 2px;
}
.iui-item-icon
{

}
.iui-item-icon-url
{
	vertical-align: middle;
}
/* Disabled State */
.iui-item-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-item-content
{
	overflow: hidden;
	position: relative;
}
/* Normal State */
.iui-header
{
	overflow: hidden;
	position: relative;
}
.iui-header-move-marker
{
	border: thin solid red;
	display: inline-block;
	width: 6px;
	height: 16px;
	vertical-align: middle;
}
/* Hover State */
.iui-header-hovered
{
	background-color: #cccccc;
}
/* Selected State */
.iui-header-selected
{
	background-color: #aaaaaa;
	border-color: #808080;
	color: white;
}
/* Disabled State */
.iui-header-disabled
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-header-expand-box
{
	display: inline-block;
	margin: 5px;
	position: absolute;
	right: 0;
	top: 0;
	width: 16px;
	height: 16px;
}
.iui-header-expand-box-vertical
{
	background: white;
	display: block;
	position: absolute;
	left: 7px;
	width: 2px;
	height: 16px;
}
.iui-header-expand-box-vertical-expand
{
	-webkit-animation-name: vertical-expand;
	        animation-name: vertical-expand;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes vertical-expand
{
	0% { transform: rotate(-90deg); }
	100% { transform: rotate(0deg); }
}
@keyframes vertical-expand
{
	0% { transform: rotate(-90deg); }
	100% { transform: rotate(0deg); }
}
.iui-header-expand-box-vertical-collapse
{
	-webkit-animation-name: vertical-collapse;
	        animation-name: vertical-collapse;
	-webkit-animation-delay: 0.2s;
	        animation-delay: 0.2s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes vertical-collapse
{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-90deg); }
}
@keyframes vertical-collapse
{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-90deg); }
}
.iui-header-expand-box-horizontal
{
	background: white;
	display: block;
	position: absolute;
	top: 7px;
	width: 16px;
	height: 2px;
}
.iui-header-expand-box-horizontal-expand
{
	-webkit-animation-name: horizontal-expand;
	        animation-name: horizontal-expand;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes horizontal-expand
{
	0% { max-width: 0; left: 7px; }
	80% { max-width: 4px; left: 2px; }
	100% { max-width: 16px; left: 0; }
}
@keyframes horizontal-expand
{
	0% { max-width: 0; left: 7px; }
	80% { max-width: 4px; left: 2px; }
	100% { max-width: 16px; left: 0; }
}
.iui-header-expand-box-horizontal-collapse
{
	-webkit-animation-name: horizontal-collapse;
	        animation-name: horizontal-collapse;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes horizontal-collapse
{
	0% { max-width: 16px; left: 0; }
	100% { max-width: 0; left: 7px; }
}
@keyframes horizontal-collapse
{
	0% { max-width: 16px; left: 0; }
	100% { max-width: 0; left: 7px; }
}
.iui-header-expand-box-arrow
{
	display: inline-block;
	float2: right;
	margin: 5px;
	position: relative;
	width: 16px;
	height: 16px;

	position: absolute;
	right: 0;
	top: 2px;
}
.iui-header-expand-box-arrow-bottom-left
{
	background: white;
	display: block;
	position: absolute;
	top: 8px;
	left: -3px;
	width: 10px;
	height: 2px;
	transform: rotate(45deg);
}
.iui-header-expand-box-arrow-bottom-left-expand
{
	-webkit-animation-name: arrow-bottom-left-expand;
	        animation-name: arrow-bottom-left-expand;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes arrow-bottom-left-expand
{
	0% { max-width: 0; left: 3px; }
	60% { max-width: 0; left: 3px; }
	100% { max-width: 10px; left: -3px;}
}
@keyframes arrow-bottom-left-expand
{
	0% { max-width: 0; left: 3px; }
	60% { max-width: 0; left: 3px; }
	100% { max-width: 10px; left: -3px;}
}
.iui-header-expand-box-arrow-bottom-left-collapse
{
	-webkit-animation-name: arrow-bottom-left-collapse;
	        animation-name: arrow-bottom-left-collapse;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes arrow-bottom-left-collapse
{
	0% { max-width: 10px; left: -3px; }
	100% { max-width: 0; left: 3px; }
}
@keyframes arrow-bottom-left-collapse
{
	0% { max-width: 10px; left: -3px; }
	100% { max-width: 0; left: 3px; }
}
.iui-header-expand-box-arrow-bottom-right
{
	background: white;
	display: block;
	position: absolute;
	top: 8px;
	left: 3px;
	width: 10px;
	height: 2px;
	transform: rotate(-45deg);
}
.iui-header-expand-box-arrow-bottom-right-expand
{
	-webkit-animation-name: arrow-bottom-right-expand;
	        animation-name: arrow-bottom-right-expand;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes arrow-bottom-right-expand
{
	0% { max-width: 0; }
	60% { max-width: 0; }
	100% { max-width: 10px; }
}
@keyframes arrow-bottom-right-expand
{
	0% { max-width: 0; }
	60% { max-width: 0; }
	100% { max-width: 10px; }
}
.iui-header-expand-box-arrow-bottom-right-collapse
{
	-webkit-animation-name: arrow-bottom-right-collapse;
	        animation-name: arrow-bottom-right-collapse;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes arrow-bottom-right-collapse
{
	0% { max-width: 10px; }
	100% { max-width: 0; }
}
@keyframes arrow-bottom-right-collapse
{
	0% { max-width: 10px; }
	100% { max-width: 0; }
}
.iui-header-expand-box-arrow-vertical
{
	background: white;
	display: block;
	position: absolute;
	top: 0;
	left: 3px;
	width: 2px;
	height: 10px;
}
.iui-header-expand-box-arrow-vertical-expand
{
	-webkit-animation-name: arrow-vertical-expand;
	        animation-name: arrow-vertical-expand;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes arrow-vertical-expand
{
	0% { max-height: 10px; top: 0; }
	100% { max-height: 0; top: 10px; }
}
@keyframes arrow-vertical-expand
{
	0% { max-height: 10px; top: 0; }
	100% { max-height: 0; top: 10px; }
}
.iui-header-expand-box-arrow-vertical-collapse
{
	-webkit-animation-name: arrow-vertical-collapse;
	        animation-name: arrow-vertical-collapse;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes arrow-vertical-collapse
{
	0% { max-height: 0; top: 10px;}
	100% { max-height: 10px; top: 0; }
}
@keyframes arrow-vertical-collapse
{
	0% { max-height: 0; top: 10px;}
	100% { max-height: 10px; top: 0; }
}
.iui-header-expand-box-arrow-top-left
{
	background: white;
	display: block;
	position: absolute;
	top: 8px;
	left: -3px;
	width: 10px;
	height: 2px;
	transform: rotate(135deg);
}
.iui-header-expand-box-arrow-top-left-expand
{
	-webkit-animation-name: arrow-top-left-expand;
	        animation-name: arrow-top-left-expand;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes arrow-top-left-expand
{
	0% { max-width: 0; left: 3px; }
	60% { max-width: 0; left: 3px; }
	100% { max-width: 10px; left: -3px; }
}
@keyframes arrow-top-left-expand
{
	0% { max-width: 0; left: 3px; }
	60% { max-width: 0; left: 3px; }
	100% { max-width: 10px; left: -3px; }
}
.iui-header-expand-box-arrow-top-left-collapse
{
	-webkit-animation-name: arrow-top-left-collapse;
	        animation-name: arrow-top-left-collapse;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes arrow-top-left-collapse
{
	0% { max-width: 10px; left: -3px; }
	100% { max-width: 0; left: 3px; }
}
@keyframes arrow-top-left-collapse
{
	0% { max-width: 10px; left: -3px; }
	100% { max-width: 0; left: 3px; }
}
.iui-header-expand-box-arrow-top-right
{
	background: white;
	display: block;
	position: absolute;
	top: 8px;
	left: 3px;
	width: 10px;
	height: 2px;
	transform: rotate(-135deg);
}
.iui-header-expand-box-arrow-top-right-expand
{
	-webkit-animation-name: arrow-top-right-expand;
	        animation-name: arrow-top-right-expand;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes arrow-top-right-expand
{
	0% { max-width: 0; }
	60% { max-width: 0; }
	100% { max-width: 10px; }
}
@keyframes arrow-top-right-expand
{
	0% { max-width: 0; }
	60% { max-width: 0; }
	100% { max-width: 10px; }
}
.iui-header-expand-box-arrow-top-right-collapse
{
	-webkit-animation-name: arrow-top-right-collapse;
	        animation-name: arrow-top-right-collapse;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes arrow-top-right-collapse
{
	0% { max-width: 10px; }
	100% { max-width: 0; }
}
@keyframes arrow-top-right-collapse
{
	0% { max-width: 10px; }
	100% { max-width: 0; }
}
.iui-load-window
{
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	opacity: 1;
	z-index: 9999999;
}
.iui-load-block
{
	background: #e5e5e5;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 999;
}
.iui-load-block-progress
{
	background: #0080c0;
	width: 0;
	height: 5px;
}
.iui-popup
{
	/*box-shadow: 2px 3px 3px #cecece;*/
}
.iui-popup:focus {
    outline: none !important;
}
.iui-list
{
	background: white;
	border: thin solid #cecece;
	overflow: auto;
	padding: 1px;
	position: relative;
	cursor: default;

    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.iui-list ul
{
	margin: 0;
	padding: 0;
}
/* Disabled State */
.iui-list-disabled div, .iui-list-disabled ul
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-list li
{
    border: 2px solid transparent;
    color: black;
    list-style-type: none;
    padding: 2px;
    overflow: hidden;
    white-space: nowrap;
}
.iui-list li:hover
{
	background-color: #f5f5f5;
	border: 2px solid #efefef;
}
.iui-list-item-selected {
	background-color: #e5e5e5;
}
.iui-dragwin
{
    background :         linear-gradient(white, #F1EFEC);

    background-color: #F1EFEC;
	border: thin solid black;
	border-radius: 3px;
	margin:0;
	padding: 2px;
	position: absolute;
	box-shadow: 0 0 3px #888888;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 200px;
	z-index: 9999999;
}
.iui-dragwin-title
{
	border-left: thin solid #c5c5c5;
	padding: 3px 3px 3px 5px;
	margin: 0 2px 0 0;
	vertical-align: middle;
}
.iui-dragwin-icon
{
	display: inline-block;
	padding: 0;
	margin: 2px 0 3px 2px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.iui-dragwin-move-left
{
    background-image: url('move-left.a03507182ebbd4064676.ico');
}
.iui-dragwin-move-up
{
    background-image: url('move-up.12ee69d037eba1ee5c07.ico');
}
.iui-dragwin-move-in
{
    background-image: url('move-in.0a7cf9591ad4205d7b5a.ico');
}
.iui-dragwin-move-right
{
    background-image: url('move-right.39f0735b0d10e08f070c.ico');
}
.iui-dragwin-move-down
{
    background-image: url('move-down.17e3c4274e48b1114584.ico');
}
.iui-dragwin-move-end
{
    background-image: url('move-end.0dab5c963faef9e9f9f9.ico');
}
.iui-dragwin-move-left-copy
{
    background-image: url('move-left-copy.728752900502bd39d42e.ico');
}
.iui-dragwin-move-up-copy
{
    background-image: url('move-up-copy.7f7c32a7f64825d99b3a.ico');
}
.iui-dragwin-move-in-copy
{
    background-image: url('move-in-copy.eba155101e22ef0b3be5.ico');
}
.iui-dragwin-move-right-copy
{
    background-image: url('move-right-copy.a3b903ad66208b65090c.ico');
}
.iui-dragwin-move-down-copy
{
    background-image: url('move-down-copy.e5e8f4a57d67c82c72ed.ico');
}
.iui-dragwin-move-end-copy
{
    background-image: url('move-end-copy.d500442732bbfe79caea.ico');
}
.iui-drag-handle
{
	border: thin solid gray;
	position: absolute;
	left: 0;
	opacity: 0.75;
	pointer-events: none;
	z-index: 999;
}
.iui-drag-handle-popup
{
	position: absolute;
	left: 0;
	opacity: 0.75;
	pointer-events: none;
	z-index: 999;
}
.empty-bottom
{
	background: #f5f5f5;
	margin: 3px;
	min-height: 24px;
	pointer-events:none;
}
.open-empty-bottom
{
	background: #f5f5f5;
	margin: 3px;
	pointer-events:none;

	-webkit-animation-name: openEmpty;

	        animation-name: openEmpty;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.25s;
	        animation-duration: 0.25s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes openEmpty
{
	0% { min-height: 0; margin: 0; }
	100% { min-height: 24px; margin: 3px; }
}
@keyframes openEmpty
{
	0% { min-height: 0; margin: 0; }
	100% { min-height: 24px; margin: 3px; }
}
.close-empty-bottom
{
	background: #f5f5f5;
	margin: 3px;
	pointer-events:none;

	-webkit-animation-name: closeEmpty;

	        animation-name: closeEmpty;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.25s;
	        animation-duration: 0.25s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes closeEmpty
{
	0% { min-height: 24px; margin: 3px; }
	100% { min-height: 0; margin: 0; }
}
@keyframes closeEmpty
{
	0% { min-height: 24px; margin: 3px; }
	100% { min-height: 0; margin: 0; }
}
.hidden-drag-ghost {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.iui-label-editor
{
	position: absolute;
	top: 0;
	left: 0;
}
.iui-label-editor-test textarea:focus, .iui-label-editor input:focus
{
    outline: 0;
}
.iui-incell-editor
{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}
.iui-dropdown-editor
{
	background: #efefef;
	border: thin solid gray;
	box-shadow: 1px 1px 2px #888888;
	padding: 0;
	position: absolute;
	top: -9999px;
	z-index: 999;
}
.iui-dropdown-mark
{
	background: white;
	position: absolute;
	top: 0;
	border: thin solid transparent;
	height: 16px;
}
.iui-dropdown-mark > span
{
    background-image: url('dropdown.9ca500e8fcb2acdc9cc3.ico');
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 1px 2px 0 3px;
	vertical-align: middle;
}
.iui-edit-mark
{
    display: inline-block;
    margin: 0;
    overflow: hidden;
	position: absolute;
    padding: 0;
	top: 0;
    width: 16px;
    height: 16px;
}
.iui-edit-mark-incell
{
    background-image: url('edit.522763cee01fb4020c87.ico');
}
.iui-edit-mark-dropdown
{
    background-image: url('down.768a642b19ad02ba1e58.ico');
}
.iui-filter-window
{
	background: #efefef;
	border: thin solid gray;
	box-shadow: 1px 1px 2px #888888;
	padding: 0;
	position: absolute;
	top: -9999px;
	z-index: 999;
}
.iui-filtering
{
    background-image: url('filter.4f1919dba55d30b3def6.ico');
	margin: 0;
	position: absolute;
	right: 0;
	padding: 0;
	width: 16px;
	height: 16px;
}
.iui-filtering-hovered
{
}
.iui-filtering-selected
{
    background-image: url('filter-white.0c44b97da3f67ab781ab.ico');
}
.iui-sort-ascending
{
	margin: 0;
	position: absolute;
	right: 0;
	padding: 0;
	width: 16px;
	height: 16px;
}
.iui-sort-ascending-hovered
{
}
.iui-sort-ascending-selected
{
    background-image: url('sort-ascending-white.1f93664d0e35c1887cde.ico');
}
.iui-sort-descending
{
	margin: 0;
	position: absolute;
	right: 2px;
	padding: 0;
	width: 16px;
	height: 16px;
}
.iui-sort-descending-hovered
{
}
.iui-sort-descending-selected
{
    background-image: url('sort-descending-white.8f0d40eb5a59dff44ab5.ico');
}
/* Component settings */
.iui-accordion
{
	background: white;
	position: relative;
}
.iui-accordion-group-header
{
	border: thin solid blue;
	padding: 5px;
}
.iui-accordion-group-content
{
	border: thin solid green;
	padding: 5px;
	position: relative;
	height: 150px;
	text-align: center;
	vertical-align: middle;
}
/* Disabled State */
.iui-accordion-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-autocomplete
{
    background: white;
	border: thin solid #cecece;
    cursor: default;
	overflow: hidden;
	padding: 1px;
    position: relative;

    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.iui-autocomplete input {
	border: 0;
	font-size: 1rem;
	padding: 3px;
	width: calc(100% - 4px);
}
.iui-autocomplete input:focus
{
    outline: none !important;
}
/* Disabled State */
.iui-autocomplete-disabled
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-breadcrumb
{
    background: white;
    border: thin solid #cecece;
    cursor: default;
    overflow: hidden;
    padding: 1px;
    position: relative;
    white-space: nowrap;

    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.iui-breadcrumb-block {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
/* Disabled State */
.iui-breadcrumb-disabled div, .iui-breadcrumb-disabled ul
{
    opacity: 0.75;
    pointer-events: none;
}
.iui-breadcrumb-root-button {
    border: thin solid transparent;
    display: inline-block;
    margin: 0;
    padding: 0 3px;
    vertical-align: top;
}
.iui-breadcrumb-root-button-box
{
    background: url('menu-button.ef905a54e24c5472ef8c.ico');
    display: inline-block;
    margin: 4px 0 0 0;
    overflow: hidden;
    padding: 0;
    width: 16px;
    height: 16px;
    vertical-align: top;
}
.iui-breadcrumb-item
{
    display: inline-block;
	list-style-type: none;
    overflow: hidden;
    vertical-align: top;
}
.iui-breadcrumb-item-empty
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.iui-breadcrumb-item-content
{
	border: thin solid transparent;
    display: inline-block;
    float: left;
    height: calc(100% - 8px);
	margin: 0;
	padding: 3px;
    position: relative;
	white-space: nowrap;
}
.iui-breadcrumb-item-content-hovered
{
    background-color: #f5f5f5;
    border: thin solid #cecece;

    -webkit-animation-name: animate-breadcrumb-item-enter;

            animation-name: animate-breadcrumb-item-enter;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.25s;
            animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
.iui-breadcrumb-item-content-selected
{
    background-color: #e5e5e5;
    border: thin solid #cecece;

    -webkit-animation-name: animate-breadcrumb-item-enter;

            animation-name: animate-breadcrumb-item-enter;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.25s;
            animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
.iui-breadcrumb-item-content-focused
{
    border-color: gray;
}
.iui-breadcrumb-item-content:focus {
    outline: none !important;
}
.iui-breadcrumb-item-button {
    border-top: thin solid transparent;
    border-right: thin solid transparent;
    border-bottom: thin solid transparent;
    display: inline-block;
    float: right;
    height: calc(100% - 8px);
    margin: 0 2px 0 0;
    padding: 3px;
    vertical-align: top;
}
.iui-breadcrumb-item-button-first {
    border-left: thin solid transparent;
}
.iui-breadcrumb-item-hovered .iui-breadcrumb-item-button-first, .iui-breadcrumb-item-selected .iui-breadcrumb-item-button-first {
    border-left: thin solid #cecece;
}
.iui-breadcrumb-root-button-hovered, .iui-breadcrumb-item-hovered .iui-breadcrumb-item-button {
    background-color: #f5f5f5;
    border-top: thin solid #cecece;
    border-right: thin solid #cecece;
    border-bottom: thin solid #cecece;

    -webkit-animation-name: animate-breadcrumb-item-enter;

            animation-name: animate-breadcrumb-item-enter;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.25s;
            animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
.iui-breadcrumb-root-button-selected, .iui-breadcrumb-item-selected .iui-breadcrumb-item-button {
    background-color: #e5e5e5;
    border-top: thin solid #cecece;
    border-right: thin solid #cecece;
    border-bottom: thin solid #cecece;

    -webkit-animation-name: animate-breadcrumb-item-enter;

            animation-name: animate-breadcrumb-item-enter;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.25s;
            animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
.iui-breadcrumb-root-button-hovered, .iui-breadcrumb-root-button-selected {
    border: thin solid #cecece;
}
@-webkit-keyframes animate-breadcrumb-item-enter
{
    0% { background: transparent; border-color: transparent; }
    100% { background: #f5f5f5; border-color: #cecece;  }
}
@keyframes animate-breadcrumb-item-enter
{
    0% { background: transparent; border-color: transparent; }
    100% { background: #f5f5f5; border-color: #cecece;  }
}
.iui-breadcrumb-item-expand-box
{
    background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat 0 -48px;
    border: thin solid transparent;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    width: 16px;
    height: 16px;
    vertical-align: top;
}
.iui-breadcrumb-item-expand-box-open
{
    background-position: 0 -16px;
}
.iui-breadcrumb-item-expand-box-open-animate
{
    background-position: 0 0;
 
    -webkit-animation-name: expand-box-open;
 
            animation-name: expand-box-open;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.25s;
            animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@-webkit-keyframes expand-box-open
{
    0% { /* IE 9 */ /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }
    100% { /* IE 9 */ /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }
}
@keyframes expand-box-open
{
    0% { /* IE 9 */ /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }
    100% { /* IE 9 */ /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }
}
.iui-breadcrumb-item-expand-box-close
{
    background-position: 0 0;
}
.iui-breadcrumb-item-expand-box-close-animate
{
    background-position: 0 0;

    -webkit-animation-name: expand-box-close;

            animation-name: expand-box-close;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.25s;
            animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@-webkit-keyframes expand-box-close
{
    0% { /* IE 9 */ /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }
    100% { /* IE 9 */ /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }
}
@keyframes expand-box-close
{
    0% { /* IE 9 */ /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }
    100% { /* IE 9 */ /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }
}
.iui-breadcrumb-item-expand-box-load
{
    background: url('load.c601cb127f3667bf9335.gif') no-repeat 0 0;
}
/* Disabled State */
.iui-breadcrumb-item-disabled div
{
    opacity: 0.75;
    pointer-events: none;
}
.iui-button
{
	background: #e5e5e5;
    border: thin solid #cecece;
    border-radius: 3px;
    color: black;
	cursor: default;
	display: block;
	overflow: hidden;
	padding: 3px;
	position: relative;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.iui-button-hovered
{
	background: #efefef;
}
.iui-button-selected
{
    background: #d5d5d5;
    border-color: #bebebe;
}
/* Disabled State */
.iui-button-disabled
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-calendar
{
	background: white;
	border: thin solid #cecece;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	cursor: default;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.iui-calendar-header-button
{
	display: inline-block;
	opacity: 0.6;
}
.iui-calendar-header-button:hover
{
	opacity: 1;
}
.iui-calendar-header-button span
{
	display: block;
	padding: 0;
	margin: 0;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
.iui-calendar-header-button-prev
{
	float: left;
}
.iui-calendar-header-button-prev span
{
    background-image: url('prev-24.7bd718819b3ff69c1dc9.png');
}
.iui-calendar-header-button-next
{
	float: right;
}
.iui-calendar-header-button-next span
{
    background-image: url('next-24.3cad2148c7bea9058f65.png');
}
.iui-calendar-header-title
{
	display: inline-block;
 	text-align:center;
 	white-space: nowrap;
}
.iui-calendar-cell-header
{
    border: thin solid transparent;
    text-align: center;
 	white-space: nowrap;
}
.iui-calendar-cell
{
    border: thin solid transparent;
    border-radius: 3px;
    padding: 0 3px;
    text-align: right;
}
.iui-calendar-normal
{
}
.iui-calendar-cell-hovered
{
	background: #f5f5f5;
	border-color: #efefef;
}
.iui-calendar-cell-selected
{
    background: #e5e5e5;
    border-color: #dedede;
}
.iui-calendar-cell-grayed
{
	opacity: 0.5;
}
.iui-calendar-cell-grayed:hover
{
	background: #f5f5f5;
	border-color: #efefef;
}
.iui-calendar-cell-today
{
	border-color: #bebebe;
	font-weight: bold;
}
/* Disabled State */
.iui-calendar-disabled
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-calendar-cell-enter
{
	-webkit-animation-name: calendar-cell-enter;
	        animation-name: calendar-cell-enter;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.15s;
	        animation-duration: 0.15s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes calendar-cell-enter
{
	0% { 	   
	    background: transparent;
	    border-color: transparent;
	}
	100% { 
	    background: #f5f5f5;
	    border-color: #efefef;
	}
}
@keyframes calendar-cell-enter
{
	0% { 	   
	    background: transparent;
	    border-color: transparent;
	}
	100% { 
	    background: #f5f5f5;
	    border-color: #efefef;
	}
}
.iui-calendar-cell-leave
{
	-webkit-animation-name: calendar-cell-leave;
	        animation-name: calendar-cell-leave;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.15s;
	        animation-duration: 0.15s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes calendar-cell-leave
{
	0% { 	   
	    background: #f5f5f5;
	    border-color: #efefef;
	}
	100% { 
	    background: transparent;
	    border-color: transparent;
	}
}
@keyframes calendar-cell-leave
{
	0% { 	   
	    background: #f5f5f5;
	    border-color: #efefef;
	}
	100% { 
	    background: transparent;
	    border-color: transparent;
	}
}
.iui-checkbox
{
    color: black;
	cursor: default;
	display: inline-block;
	margin: 2px 0;
	overflow: hidden;
	padding: 3px;
	position: relative;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Button */
.iui-checkbox-btn
{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}
.iui-checkbox-btn span
{
    background-image: url('checkbox-unchecked-1.45fe32ce76d8e675c3ec.ico');
    background-repeat: no-repeat;
	display: block;
	padding: 0;
	margin: 0 0 0 3px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.iui-checkbox-btn-checked span
{
    background-image: url('checkbox-checked-1.551384bfdd5b60865e99.ico');
}
.iui-checkbox-btn-indeterminate span
{
    background-image: url('checkbox-indeterminate-1.be8aab5afe0d23799f70.ico');
}
.iui-checkbox-btn-unchecked span
{
    background-image: url('checkbox-unchecked-1.45fe32ce76d8e675c3ec.ico');
}
/* Content */
.iui-checkbox-content
{
	display: inline-block;
}
/* Disabled State */
.iui-checkbox-disabled
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-checkbox-btn-disabled
{
	opacity: 0.75;
}
.iui-colorpicker
{
	background: white;
	border: thin solid #cecece;
	cursor: default;
	margin: 0;
	max-width: 236px;
	padding: 2px;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.iui-colorpicker-header
{
	margin:0 2px 0 0;
}
.iui-colorpicker-header-title
{
	display: inline-block;
	vertical-align: top;
}
.iui-colorpicker-header-button
{
	display: inline-block;
	opacity: 0.6;
}
.iui-colorpicker-header-button:hover
{
	opacity: 1;
}
.iui-colorpicker-header-button span
{
	display: block;
	padding: 0;
	margin: 0;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
.iui-colorpicker-header-button-down
{
	float: right;
}
.iui-colorpicker-header-button-down span
{
    background-image: url('down-24.4e5ef54af79ea195edf4.png');
}
.iui-colorpicker-block {
	margin: 0 10px 10px 10px;
	overflow: hidden;
	white-space: nowrap;
}
.iui-colorpicker-block-color, .iui-colorpicker-header-color {
	border: thin solid transparent;
	display: inline-block;
	vertical-align: top;
	background: #f5f5f5;
}
.iui-colorpicker-block-value {
	border: thin solid transparent;
	display: inline-block;
	padding: 0;
	vertical-align: top;
	white-space: nowrap;
}
.iui-colorpicker-block-value button {
	background: transparent;
	border: thin solid transparent;
	display: inline-block;
	padding: 3px;
	vertical-align: top;
}
.iui-colorpicker-block-value button:hover {
	background: #f5f5f5;
	border-color: #e5e5e5;
}
.iui-colorpicker-block-value button:focus {
    outline: none !important;
}
.iui-colorpicker-block input {
	border: 0;
	border-bottom: thin solid #cecece;
	display: inline-block;
	margin: 0 10px;
	padding: 3px;
	text-align: center;
	vertical-align: top;
}
.iui-colorpicker-block input:focus {
    outline: none !important;
}
.iui-colorpicker-block-button {
	background: transparent;
	border: thin solid transparent;
    display: inline-block;
    margin: 5px 2px 0 2px;
    padding: 2px;
    position: relative;
    vertical-align: top;
}
.iui-colorpicker-block-button span {
    display: inline-block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 16px;
    height: 16px;
}
.iui-colorpicker-block-button-ok {
    background-image: url('check-mark-gray.579da3fc40dbeafa020f.ico');
}
.iui-colorpicker-block-button-ok:hover {
    background-image: url('check-mark.4a3bf568cde955aeaaca.ico');
}
.iui-colorpicker-block-button-cancel {
    background-image: url('close-gray.41bcc388263d810f7862.ico');
}
.iui-colorpicker-block-button-cancel:hover {
    background-image: url('close.e060477d84d3b5e4d46b.ico');
}
/* Color Slider and Palette */
.iui-colorslider, .iui-colorpalette {
	cursor: pointer;
	display: inline-block;
	margin: 5px;
	position: relative;
	vertical-align: top;
}
.iui-colorslider-block, .iui-colorpalette-block {
	margin: 7px 6px;
	z-index: 0;
}
.iui-colorslider-button, .iui-colorpalette-button {
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	z-index: 1;
}
.iui-colorpalette-block {
	height: 186px;
}
/* Disabled State */
.iui-colorpicker-disabled
{
	opacity: 0.75;
	pointer-events: none;
}
/* ColorPicker Popup */
.iui-colorpicker-popup {
	background: white;
	border: thin solid #cecece;
	overflow: hidden;
	position: absolute;
	z-index: 999;   
}
.iui-colorpicker-popup:focus {
    outline: none !important;
}
.iui-contextmenu
{
    background: #f5f5f5;
    border: solid thin #dedede;
    cursor: default;
    margin: 0;
	overflow: visible;
	padding: 1px;
    position: absolute;
    z-index: 999;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;

    width: 150px;
}
.iui-contextmenu:focus {
    outline: none !important;
}
.iui-contextmenu ul
{
    margin: 0;
    padding: 0;
}
.iui-contextmenu .iui-menuitem-block
{
    width: 150px;
}
.iui-combobox
{
	background: white;
    color: black;
	cursor: default;
	margin: 2px 0;
	overflow: visible;
	padding: 0;
	position: relative;
}
/* ComboBox Header */
.iui-combobox-header
{
	border: thin solid #cecece;
	padding: 2px 0;
	white-space: nowrap;
}
.iui-combobox-header-hovered, .iui-combobox-header-selected
{
	background: transparent;
	border: thin solid #cecece;
	color: black;
	padding: 2px 0;
}
.iui-combobox-header-expand-box
{
	background: #484848 !important;
}
/* ComboBox DropDown Window */
.iui-combobox-dropdown
{
	background: white;
	border: thin solid #cecece;
	margin: 0;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	z-index: 999;
}
.iui-combobox-dropdown:focus {
    outline: none !important;
}
.iui-combobox-dropdown .iui-item
{
    margin: 1px;
    padding: 1px;
}
.iui-combobox-dropdown .iui-item-hovered
{
	background-color: #f5f5f5;
	border: thin solid #efefef;
    margin: 1px;
    padding: 1px;
}
.iui-combobox-dropdown .iui-item-selected
{
	background-color: #e5e5e5;
	border: thin solid #dedede;
    margin: 1px;
    padding: 1px;
}
/* Disabled State */
.iui-combobox-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-datepicker
{
	background: white;
	border: thin solid #cecece;
	cursor: default;
	margin: 0;
	padding: 2px;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.iui-datepicker-header
{
	margin:0 2px 0 0;
}
.iui-datepicker-header-title
{
}
.iui-datepicker-header-button
{
	display: inline-block;
	opacity: 0.6;
}
.iui-datepicker-header-button:hover
{
	opacity: 1;
}
.iui-datepicker-header-button span
{
	display: block;
	padding: 0;
	margin: 0;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
.iui-datepicker-header-button-down
{
	float: right;
}
.iui-datepicker-header-button-down span
{
    background-image: url('down-24.4e5ef54af79ea195edf4.png');
}
/* Disabled State */
.iui-datepicker-disabled
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-dialog
{
	background-color: #ffffff;
	box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
	height: 400px;
	margin: auto;
	min-height: 200px;
	min-width: 200px;
	max-width: 800px;
	padding: 10px;
  	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	white-space: nowrap;
	width: 600px;
	z-index: 9999999;

	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
    -ms-user-select: none;
	user-select: none;

	box-shadow: 5px 5px 20px #808080;
}
.iui-dialog-overlay
{
  	background: #000000;
  	margin: 0;
  	opacity: 0.2;
  	padding: 0;
  	position: fixed;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	z-index: 99999;
}
.iui-dialog-icon
{
	display: inline-block;
	padding: 0;
	margin: 0;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
.iui-dialog-buttons
{
	position: absolute;
	top: 7px;
	right: 7px;
	z-index: 10;
}
.iui-dialog-button-close
{
    background-image: url('close-24.a476216dbf22652dba33.png');
	opacity: 0.4;
}
.iui-dialog-button-close:hover
{
	opacity: 1;
}
/* Disabled State */
.iui-dialog-disabled
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-dialog-animation
{
	-webkit-animation-name: dialog;
	        animation-name: dialog;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.25s;
	        animation-duration: 0.25s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes dialog
{
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes dialog
{
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.iui-overlay-animation
{
	-webkit-animation-name: overlay;
	        animation-name: overlay;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.25s;
	        animation-duration: 0.25s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes overlay
{
	0% { opacity: 0; }
	100% { opacity: 0.2; }
}
@keyframes overlay
{
	0% { opacity: 0; }
	100% { opacity: 0.2; }
}
.iui-dropdown
{
	-webkit-animation: dropdown-open 0.5s 0s 1 forwards;
	        animation: dropdown-open 0.5s 0s 1 forwards;

    background-color: #fafafa;
	border: thin solid #ababab;
    color: #323232;
	cursor: default;
	position: absolute;
	top: -999999px;
	z-index: 999;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	    user-select: none;
}
.iui-dropdown:focus {
    outline: none !important;
}
@-webkit-keyframes dropdown-open
{
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes dropdown-open
{
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.iui-dropdown div /*Compatibility with Bootstrap */
{ /* Safari/Chrome, other WebKit */    /* Firefox, other Gecko */
	box-sizing: content-box; 
}
.iui-dropdown-button
{
	background: #e5e5e5;
    border: thin solid #cecece;
    border-radius: 3px;
    color: black;
	cursor: default;
	display: inline-block;
	margin: 2px 0;
	overflow: hidden;
	padding: 3px;
	position: relative;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.iui-dropdown-button:hover
{
	background: #efefef;
}
.iui-dropdown-button-btn
{
	padding: 0;
}
.iui-dropdown-button-btn-right
{
    border-left: thin solid #cecece;
	float: right;
	margin: 1px 0 1px 10px;
}
.iui-dropdown-button-btn-left
{
    border-right: thin solid #cecece;
	float: left;
	margin: 1px 10px 1px 0;
}
.iui-dropdown-button-btn span
{
    background-image: url('down-small.48b3e5dda2d2978e86c1.ico');
	display: block;
	padding: 0;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.iui-dropdown-button-btn-right span
{
	margin: 0 0 0 3px;
}
.iui-dropdown-button-btn-left span
{
	margin: 0 3px 0 0;
}
.iui-dropdown-button-open-above span
{
    background-image: url('up-small.758833e2a2204c387d78.ico');
}
.iui-dropdown-button-open-left span
{
    background-image: url('prev-small.bb24b619ab12c35dcb65.ico');
}
.iui-dropdown-button-open-right span
{
    background-image: url('next-small.9abeda49c60d26de734e.ico');
}
.iui-dropdown-button-list, .iui-dropdown-button-list .iui-menuitem-block
{
    background: #f5f5f5;
    border: thin solid #cecece;
    padding: 0;
}
.iui-dropdown-button-list .iui-menuitem-root, .iui-dropdown-button-list .iui-menuitem
{
	margin: 0;
	padding: 1px 0;
}
/* Disabled State */
.iui-dropdown-button-disabled
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-editor-checkbox
{
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.iui-editor-checkbox-checked
{
    background-image: url('checkbox-checked.dae41049e03c9f5b6378.ico');
}
.iui-editor-checkbox-indeterminate
{
    background-image: url('checkbox-indeterminate.aa04977d4c6fc2f4c40e.ico');
}
.iui-editor-checkbox-unchecked
{
    background-image: url('checkbox-unchecked.5290eaa0eb973b376809.ico');
}
.iui-editor-checkbox-disabled
{
	opacity: 0.5;
	pointer-events: none;
}
.iui-editor-color-background {
	display: inline-block;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
}
.iui-editor-color-value {
	margin: 0 0 0 22px;
}
.iui-editor-dropdown-button
{
	display: inline-block;
	float: right;
	opacity: 0.4;
}
.iui-editor-dropdown-button-hover
{
	opacity: 1;
}
.iui-editor-dropdown-button span
{
    background-image: url('down.768a642b19ad02ba1e58.ico');
	display: block;
	padding: 0;
    margin: 2px 0 0 0;
    width: 16px;
    height: 16px;
	vertical-align: middle;
}
.iui-editor-image
{
	text-align: center;
}
.iui-editor-image img
{
	padding: 3px;
}
.iui-editor-label
{
	display: inline-block;
	padding: 3px 0 0 0;
}
.iui-editor-numeric
{
	background: transparent;
	border: 0;
	font-size: 1.01em;
	height: 100%;
	padding: 1px;
	text-align: right;
    width: calc(100% - 2px);
}
.iui-editor-numeric[type=number]::-webkit-inner-spin-button, .iui-editor-numeric[type=number]::-webkit-outer-spin-button
{  
	margin-left: 5px;
   	opacity: 1;
}
.iui-editor-numeric:focus
{
    outline: none !important;
}
.iui-editor-progress
{
	background: white;
	border: thin solid #cecece;
	border-radius: 3px;
    color: black;
	cursor: default;
	margin: 3px 0 0 0;
	overflow: hidden;
	padding: 2px;
	position: relative;
}
.iui-editor-progress-content
{
	background: #bebebe;
	border-radius: 3px;
	height: 12px;
}
.iui-editor-rating
{
	padding: 3px 0 0 0;
}
.iui-editor-textbox
{
	background: transparent;
	border: 0;
	font-size: 1.01em;
	padding: 1px;
	height: 100%;
    width: calc(100% - 2px);
}
.iui-editor-textbox:focus
{
    outline: none !important;
}
.iui-editor-disabled {
	opacity: 0.5;
	pointer-events: none;
}
.iui-editor-disabled img {
	opacity: 0.5;
}
.iui-editor-disabled .iui-editor-progress-content {
	opacity: 0.5;
}
.iui-editor-disabled .iui-editor-dropdown-button-hover {
	opacity: 0.4;
}
.iui-frame
{
	background: transparent;
	background: url('edge.b32837ba7c8100d23a50.ico');
	border: 0;
	cursor: nw-resize;
	pointer-events: none;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 16px;
	height: 16px;
	z-index: 99;

	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
    -ms-user-select: none;
	user-select: none;
}
.iui-frame2::after
{
	content: "";
	border: 8px solid red;
	border-color: transparent red red transparent;
	position: absolute;
	top: 0;
	left: 0;
}
.iui-frame-hover
{
	display: block;
}
.iui-frame-none
{
	display: none;
}
.test
{
	border: thin solid green;
	width: 100px;
	height: 100px;
}
.iui-scrollbar-vertical
{
	cursor: default;
	position: absolute;
	top: 0;
	margin:0;
	padding: 2px;
	width: 11px;
	background-color: #f5f5f5;
	border-left: thin solid #f5f5f5;
	z-index: 99;
}
/*.iui-scrollbar-vertical:hover
{
	background-color: #eaeaea;
	border-left: thin solid #dadada;
}*/
.iui-scroll-button-thumb-vertical
{
	background-color: #d5d5d5;
	border: thin solid #c5c5c5;
	border-radius: 2px;
	position: absolute;
	top: 2px;
	width: 9px;
	z-index: 99;
}
.iui-scroll-button-thumb-vertical:hover
{
	background-color: #c5c5c5;
	border-color: #a1a1a1;
}
.iui-scrollbar-horizontal
{
	cursor: default;
	position: absolute;
	bottom: 0;
	margin:0;
	padding: 2px;
	height: 11px;
	background-color: #f5f5f5;
	border-top: thin solid #f5f5f5;
	z-index: 99;
}
/*.iui-scrollbar-horizontal:hover
{
	background-color: #eaeaea;
	border-top: thin solid #dadada;
}*/
.iui-scroll-button-thumb-horizontal
{
	background-color: #d5d5d5;
	border: thin solid #c5c5c5;
	border-radius: 2px;
	position: absolute;
	top: 2px;
	height: 9px;
	z-index: 99;
}
.iui-scroll-button-thumb-horizontal:hover
{
	background-color: #c5c5c5;
	border-color: #a1a1a1;
}
.iui-scrollbar-corner
{
	position: absolute;
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px;
	background-color: #f5f5f5;
	z-index: 99;
}
.iui-scroll-marker
{
    background :         linear-gradient(white, #eaeaea);

    background-color: #eaeaea;
	border: thin solid #696969;
	border-radius: 3px;
	padding: 2px 5px;
	position: absolute;
	z-index: 99;
}
.iui-scroll-marker span
{
	display: block;
	margin: 0;
	max-width: 120px;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.iui-scroll-marker::before
{
	content: "";
	border: 4px solid #eaeaea;
	border-color: transparent transparent transparent #242424;
	position: absolute;
	top: 8px;
	right: -9px;

}
.iui-scroll-marker::after
{
	content: "";
	border: 4px solid #eaeaea;
	border-color: transparent transparent transparent #eaeaea;
	position: absolute;
	top: 8px;
	right: -8px;
}
/* Disabled State */
.iui-scrollbar-vertical-disabled div, .iui-scrollbar-horizontal-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-grid
{
	background: white;
    border: thin solid #cecece;
	border-radius: 3px;
	padding: 0px;
	color: black;
	cursor: default;
	overflow: hidden;
	position: relative;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.iui-grid table
{
	color: black;
}
.iui-grid div /*Compatibility with Bootstrap */
{ /* Safari/Chrome, other WebKit */    /* Firefox, other Gecko */
	box-sizing: content-box; 
}
.iui-grid-rtl
{
	direction: rtl;
}
.iui-grid-block
{
	background: white;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.iui-grid-block-left
{
	background: #f5f5f5;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 4;
}
.iui-grid-block-right
{
	background: #f5f5f5;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.iui-grid-block-top
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.iui-grid-block-top-left
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
}
.iui-grid-block-top-right
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 11;
}
.iui-grid-block-bottom
{
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 7;
}
.iui-grid-block-bottom-left
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
}
.iui-grid-block-bottom-right
{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 8;
}
.iui-grid-block-middle
{
	position: absolute;
	top: 0;
	left: 0;
}
.iui-grid-block-hover, .iui-grid-block-select {
	background: transparent;
	border: thin solid #cecece;
	box-shadow: 2px 3px 3px #e5e5e5;
	pointer-events: none;
	position: absolute;
	z-index: 6;
}
.iui-grid-block-hover > div, .iui-grid-block-select > div {
	background: #f5f5f5;
	pointer-events: auto;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}
.iui-grid-block-shift-left
{
	/*margin-left: 16px !important;*/
	padding-left: 15px;
}
.iui-grid-block-shift-right
{
	margin-right: 16px;
}
.iui-grid-row-block
{
	padding: 0 0 0 15px;
}
.iui-grid-row-block-rtl
{
	padding: 0 15px 0 0;
}
.iui-grid-column-header, .iui-grid-column-footer
{
	background-color: #ededed;
	border: thin solid #d5d5d5;
	color: black;
	margin: 0;
	padding: 3px 0;
	position: relative;
	vertical-align:middle;
	white-space: nowrap;
	z-index: 1;
}
.iui-grid-column-header-hovered
{
	background-color: #d5d5d5;
	border-color: #cecece;
	color: black;
}
.iui-grid-column-header-selected
{
	background-color: #bebebe;
	border: thin solid #aeaeae;
	color: black;
}
.iui-grid-column-header > div, .iui-grid-column-footer > div, .iui-grid-row-cell > div
{
	border: 2px solid transparent;
	margin: 0;
	padding: 2px;
	vertical-align: middle;
	overflow: hidden;
	text-align: left;
	/*text-overflow: ellipsis;*/
	white-space: nowrap;
}
.iui-grid-column-header-cell-content, .iui-grid-column-footer-cell-content, .iui-grid-row-cell-label
{
	display: inline;
	padding: 0 3px;
	vertical-align: middle;
	cursor: default;
}
.iui-grid-row-empty-content
{
	background: #f5f5f5;
	height2: 20px;
	margin: 3px;
}
.iui-grid-row, .iui-grid-row-fixed
{
	color: black;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	z-index: 0;
}
.iui-grid-row-hovered
{
	background-color: #f5f5f5;
	border: thin solid #efefef;
	color: black;
}
.iui-grid-row-selected
{
	background-color: #e5e5e5;
	border: thin solid #dedede;
	color: black;
}
.iui-grid-row-cell
{
	border-left: thin solid transparent;
	border-right: thin solid transparent;
	border-bottom: thin solid transparent;
	padding: 0;
	/*position: relative;*/
	vertical-align: top;
}
.iui-grid-row-cell-content
{
	border: 2px solid transparent;
	white-space: nowrap;
}
.iui-grid-row-cell-content:focus
{
    outline: none !important;
}
.iui-grid-row-cell-content-focused
{
	border: 2px solid gray !important;
}
.iui-grid-cell-empty
{
	border: thin solid transparent !important;
}
.iui-grid-expand-box
{
	/*background: url(../icons/empty.png) no-repeat 0 0;*/
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 2px 3px 0 0;
	vertical-align: top;
}
.iui-grid-expand-box-load
{
	background: url('load.c601cb127f3667bf9335.gif') no-repeat 0 0;
}
.iui-grid-expand-box-open
{
	background: url('expand.045f395a5d72ad213f7a.ico') no-repeat 0 0;
}
.iui-grid-expand-box-open-disabled
{
	background: url('expand-disabled.7843063eb082c170d620.ico') no-repeat 0 0;
}
.iui-grid-expand-box-close
{
	background: url('collapse.49328ec351a65781569b.ico') no-repeat 0 0;
}
.iui-grid-expand-box-close-disabled
{
	background: url('collapse-disabled.a0ed0596daeddf0899c2.ico') no-repeat 0 0;
}
.iui-grid-column-reorder-mark
{
	position: absolute;
	pointer-events: none;
}
.iui-grid-column-reorder-mark span
{
    background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.iui-grid-column-reorder-mark-left
{
    background-image: url('move-left.a03507182ebbd4064676.ico');
}
.iui-grid-column-reorder-mark-right
{
    background-image: url('move-right.39f0735b0d10e08f070c.ico');
}
.iui-grid-column-reorder-tooltip
{
    background :         linear-gradient(white, #F1EFEC);

    background-color: #F1EFEC;
	border: thin solid black;
	border-radius: 3px;
	font-size: 16px;
	margin:0;
	padding:0;
	position: absolute;
	box-shadow: 0 0 3px #888888;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 200px;
	z-index: 999;
}
.iui-grid-column-reorder-tooltip span
{
	display: inline-block;
	padding: 3px;
	margin: 0 2px 0 0;
	vertical-align: middle;
}
.iui-grid-column-header-left, .iui-grid-column-footer-left
{
	border-right: 1px solid #ababab;
}
.iui-grid-column-header-right, .iui-grid-column-footer-right
{
	border-left: 1px solid #ababab;
}
.iui-grid-rows-left, .iui-grid-rows-left-top, .iui-grid-rows-left-bottom
{
	border-right: 1px solid #ababab;
}
.iui-grid-rows-right, .iui-grid-rows-right-top, .iui-grid-rows-right-bottom
{
	border-left: 1px solid #ababab;
}
.iui-grid-rows-top-block
{
	background: #f6f6f6;
	border-bottom: thin solid #efefef;
}
.iui-grid-rows-bottom-block
{
	background: #f6f6f6;
	border-top: thin solid #c5c5c5;
	z-index: 2;
}
.iui-grid-rows-bottom-block .iui-grid-row:last-child .iui-grid-lines-both
{
	border-bottom: 0;
}
.iui-grid-row-cell:first-child
{
	border-left: thin solid #d5d5d5;
}
.iui-grid-row-cell:last-child
{
	border-right: thin solid #d5d5d5;
}
.iui-grid-lines-none
{
	border-color: transparent !important;
}
.iui-grid-lines-horizontal:not(:last-child)
{
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #d5d5d5;
}
.iui-grid-lines-horizontal:last-child
{
	border-left-color: transparent;
	border-bottom-color: #d5d5d5;
}
.iui-grid-lines-vertical
{
	border-right-color: #d5d5d5;
}
.iui-grid-column-header .iui-grid-lines-vertical, .iui-grid-column-footer .iui-grid-lines-vertical
{
	border-left-color: #d5d5d5;
	border-right-color: #d5d5d5;
}
.iui-grid-row:last-child .iui-grid-lines-vertical
{
	border-bottom-color: #d5d5d5;
}
.iui-grid-lines-both
{
	border-right-color: #d5d5d5;
	border-bottom-color: #d5d5d5;
}
.iui-grid-column-header .iui-grid-lines-both, .iui-grid-column-footer .iui-grid-lines-both
{
	border-left-color: #d5d5d5;
	border-right-color: #d5d5d5;
	border-bottom-color: #d5d5d5;
}
/* Grouping */
.iui-grid-grouping-panel
{
	background-color: #f0f0f0;
	border-bottom: thin solid #d5d5d5;
	margin: 0;
	padding: 3px;
	position: absolute;
	top: 0;
	white-space: nowrap;
	width: 100%;
}
.iui-grid-grouping-panel-item
{
	background-color: #dedede;
	display: inline-block;
	border: thin solid #bebebe;
	border-radius: 3px;
	margin: 2px 3px;
    /*overflow: hidden;*/
	padding: 2px 5px;
	position: relative;
}
.iui-grid-grouping-panel-item-disabled
{
	color: gray;
}
.iui-grid-grouping-panel-item-label
{
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0 0 2px 0;
    vertical-align: middle;
}
.iui-grid-grouping-panel-toolbar
{
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}
.iui-grid-grouping-panel-toolbar-button-add
{
	background: #dedede;
    border: thin solid #bebebe;
	border-radius: 3px;
    display: inline-block;
    opacity: 0.5;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.iui-grid-grouping-panel-toolbar-button-add:hover
{
    opacity: 1;
}
.iui-grid-grouping-panel-toolbar-button-add > span
{
    background-image: url('plus-24.971c7268ffcc9214c157.png');
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
.iui-grid-grouping-panel-item-button
{
    background-image: url('close-dark.2088c4f69c05da531b9d.ico');
    display: inline-block;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 0 2px 7px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.iui-grid-grouping-marker::before
{
	content: "";
	border: 6px solid #dedede;
	border-color: transparent transparent transparent #ababab;
	position: absolute;
	top: 25%;
	right: -12px;
	width: 0;
	height: 0;
}
.iui-grid-grouping-marker::after
{
	content: "";
	border: 6px solid #dedede;
	border-color: transparent transparent transparent #dedede;
	position: absolute;
	top: 25%;
	right: -11px;
	width: 0;
	height: 0;
}
.iui-grid-grouping-panel-dropdown-list
{
    cursor: default;
    margin: 0;
    overflow: auto;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
    width: auto;
    height: auto;
}
.iui-grid-grouping-panel-dropdown-list li
{
    padding: 5px;
}
.iui-grid-grouping-panel-dropdown-list li:hover
{
    background: #e5e5e5;
}
.iui-grid-grouping-panel-dropdown-list-checkbox
{
    /*background: url('') no-repeat 0 0;*/
    display: inline-block;
    padding: 0;
    margin: -2px 7px 0 3px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.iui-grid-grouping-panel-dropdown-list-checkbox-true
{
	background-image: url('check-mark-dark.f90469581cf6a960d616.ico');
}
/* Disabled State */
.iui-grid-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
/* Animation */
.iui-grid-column-animate
{
    border: 0;
    background-color: transparent;
    box-shadow: none;
    overflow: hidden;
    position: relative;
}
.iui-grid-column-animate-enter
{
	-webkit-animation-name: grid-column-animate-enter;
	        animation-name: grid-column-animate-enter;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.175s;
	        animation-duration: 0.175s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes grid-column-animate-enter
{
	0% { 	   
	    border: thin solid transparent;
	    box-shadow: none;
	}
	100% { 
	    border: thin solid #242424;
	    box-shadow: 2px 3px 3px #cecece;
	}
}
@keyframes grid-column-animate-enter
{
	0% { 	   
	    border: thin solid transparent;
	    box-shadow: none;
	}
	100% { 
	    border: thin solid #242424;
	    box-shadow: 2px 3px 3px #cecece;
	}
}
.iui-grid-column-animate-select-block
{
	display: block;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}
.iui-grid-column-animate-select
{
	background: #d5d5d5;
	display: block;
	left: 0;
	position: absolute;
	opacity: 0;
	top: 0;
}
.iui-grid-column-animate-select-left
{
	-webkit-animation-name: grid-column-animate-select-left;
	        animation-name: grid-column-animate-select-left;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes grid-column-animate-select-left
{
	0% { 	   
	    left: 100%;
	    opacity: 0.5;
	    width: 0;
	}
	100% { 
	    left: 0;
	    opacity: 0;
	    width: 100%;
	}
}
@keyframes grid-column-animate-select-left
{
	0% { 	   
	    left: 100%;
	    opacity: 0.5;
	    width: 0;
	}
	100% { 
	    left: 0;
	    opacity: 0;
	    width: 100%;
	}
}
.iui-grid-column-animate-select-right
{
	-webkit-animation-name: grid-column-animate-select-right;
	        animation-name: grid-column-animate-select-right;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes grid-column-animate-select-right
{
	0% { 	   
	    width: 0;
	    opacity: 0.5;
	}
	100% { 
	    width: 100%;
	    opacity: 0;
	}
}
@keyframes grid-column-animate-select-right
{
	0% { 	   
	    width: 0;
	    opacity: 0.5;
	}
	100% { 
	    width: 100%;
	    opacity: 0;
	}
}
.iui-grid-row-animate
{
    border: 0;
    background-color: transparent;
    box-shadow: none;
    display: block;
    overflow: hidden;
    position: relative;
}
.iui-grid-row-animate-enter
{
	-webkit-animation-name: grid-row-animate-enter;
	        animation-name: grid-row-animate-enter;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.175s;
	        animation-duration: 0.175s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes grid-row-animate-enter
{
	0% { 	   
	    border: thin solid transparent;
	    box-shadow: none;
	}
	100% { 
	    border: thin solid #242424;
	    box-shadow: 2px 3px 3px #cecece;
	}
}
@keyframes grid-row-animate-enter
{
	0% { 	   
	    border: thin solid transparent;
	    box-shadow: none;
	}
	100% { 
	    border: thin solid #242424;
	    box-shadow: 2px 3px 3px #cecece;
	}
}
.iui-grid-row-animate-select-block
{
	display: block;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}
.iui-grid-row-animate-select
{
	background: #f5f5f5;
	display: block;
	left: 0;
	position: absolute;
	opacity: 0;
	top: 0;
}
.iui-grid-row-animate-select-left
{
	-webkit-animation-name: grid-row-animate-select-left;
	        animation-name: grid-row-animate-select-left;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes grid-row-animate-select-left
{
	0% { 	   
	    left: 100%;
	    opacity: 0.5;
	    width: 0;
	}
	100% { 
	    left: 0;
	    opacity: 0;
	    width: 100%;
	}
}
@keyframes grid-row-animate-select-left
{
	0% { 	   
	    left: 100%;
	    opacity: 0.5;
	    width: 0;
	}
	100% { 
	    left: 0;
	    opacity: 0;
	    width: 100%;
	}
}
.iui-grid-row-animate-select-right
{
	-webkit-animation-name: grid-row-animate-select-right;
	        animation-name: grid-row-animate-select-right;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes grid-row-animate-select-right
{
	0% { 	   
	    width: 0;
	    opacity: 0.5;
	}
	100% { 
	    width: 100%;
	    opacity: 0;
	}
}
@keyframes grid-row-animate-select-right
{
	0% { 	   
	    width: 0;
	    opacity: 0.5;
	}
	100% { 
	    width: 100%;
	    opacity: 0;
	}
}
.iui-groupbox
{
    color: black;
	cursor: default;
	margin: 2px 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.iui-groupbox-header-block
{
	margin: 0;
	padding: 0;
	position: relative;
}
/* Normal State */
.iui-groupbox-header
{
	background-color: #e5e5e5;
	border: thin solid #cecece;
	padding: 3px;
	margin: 0;
	position: relative;
}
/* Hover State */
.iui-groupbox-header-hovered
{
	background-color: #f5f5f5;
	border: thin solid #e5e5e5;
	padding: 3px;
	margin: 0;
	position: relative;
}
/* Selected State */
.iui-groupbox-header-selected
{
	background-color: #bfbfbf;
	border: thin solid #a1a1a1;
	color: white;
	padding: 3px;
	margin: 0;
	position: relative;
}
.iui-groupbox-content
{
	background-color: #ffffff;
    border: thin solid #bbbbbb;
	margin: 0;
}
/* Disabled State */
.iui-groupbox-content-disabled
{
	border-color: gray;
	color: gray;
}
.iui-groupbox-header-marker-down::before
{
	content: "";
	border: 5px solid #ffffff;
	border-color:  transparent transparent #ffffff transparent;
	position: absolute;
	bottom: -1px;
	left: 5px;
	width: 0;
	height: 0;
	z-index: 2;

	-webkit-animation-name: marker;

	        animation-name: marker;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.75s;
	        animation-duration: 0.75s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
.iui-groupbox-header-marker-down::after
{
	content: "";
	border: 5px solid transparent;
	border-color: transparent transparent transparent transparent;
	position: absolute;
	bottom: -1px;
	left: 5px;
	width: 0;
	height: 0;
}
@-webkit-keyframes marker
{
	0% { bottom: -10px; }
	50% { bottom: -5px; }
	100% { bottom: -1px; }
}
@keyframes marker
{
	0% { bottom: -10px; }
	50% { bottom: -5px; }
	100% { bottom: -1px; }
}
@-webkit-keyframes marker2
{
	0% { left: -10px; }
	50% { left: 2px; }
	100% { left: 5px; }
}
@keyframes marker2
{
	0% { left: -10px; }
	50% { left: 2px; }
	100% { left: 5px; }
}
/* Animations */
.iui-groupbox-header-expand-box
{
	background: #484848 !important;
}
/* Disabled State */
.iui-groupbox-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
/* Animation */
.iui-groupbox-header-animate-select-block
{
	display: block;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}
.iui-groupbox-header-animate-select
{
	background: #f5f5f5;
	display: block;
	left: 0;
	position: absolute;
	opacity: 0;
	top: 0;
}
.iui-groupbox-header-animate-select-left
{
	-webkit-animation-name: groupbox-header-animate-select-left;
	        animation-name: groupbox-header-animate-select-left;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes groupbox-header-animate-select-left
{
	0% { 	   
	    left: 100%;
	    opacity: 0.5;
	    width: 0;
	}
	100% { 
	    left: 0;
	    opacity: 0;
	    width: 100%;
	}
}
@keyframes groupbox-header-animate-select-left
{
	0% { 	   
	    left: 100%;
	    opacity: 0.5;
	    width: 0;
	}
	100% { 
	    left: 0;
	    opacity: 0;
	    width: 100%;
	}
}
.iui-groupbox-header-animate-select-right
{
	-webkit-animation-name: groupbox-header-animate-select-right;
	        animation-name: groupbox-header-animate-select-right;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes groupbox-header-animate-select-right
{
	0% { 	   
	    width: 0;
	    opacity: 0.5;
	}
	100% { 
	    width: 100%;
	    opacity: 0;
	}
}
@keyframes groupbox-header-animate-select-right
{
	0% { 	   
	    width: 0;
	    opacity: 0.5;
	}
	100% { 
	    width: 100%;
	    opacity: 0;
	}
}
.iui-listbar
{
	border: thin solid #cecece;
	cursor: default;
    overflow: hidden;
	padding: 0;
	position: relative;

    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;

    border-color: #ababab;
}
.iui-listbar-content
{
    position: relative;
    z-index: 0;
}
.iui-listbar-button-up
{
    background: #e5e5e5;
    border: thin solid #d5d5d5;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}
.iui-listbar-button-up-icon
{
    background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat 0 0;
    display: inline-block;
    margin: 2px 45%;
    opacity: 0.5;
    width: 16px;
    height: 16px; /* IE 9 */ /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}
.iui-listbar-button-up:hover .iui-listbar-button-up-icon
{
    opacity: 1;
}
.iui-listbar-button-down
{
    background: #e5e5e5;
    border: thin solid #d5d5d5;
    bottom: 0;
    height: 20px;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
}
.iui-listbar-button-down-icon
{
    background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat 0 0;
    display: inline-block;
    margin: 2px 45%;
    opacity: 0.5;
    width: 16px;
    height: 16px; /* IE 9 */ /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.iui-listbar-button-down:hover .iui-listbar-button-down-icon
{
    opacity: 1;
}
.iui-listbar-button-up:hover, .iui-listbar-button-down:hover
{
    background: #efefef;
    border-color: #dfdfdf;
}
/* Disabled State */
.iui-listbar-disabled div
{
    opacity: 0.75;
    pointer-events: none;
}
.iui-listbox
{
	background: white;
	border: thin solid #cecece;
	overflow: auto;
	padding: 1px;
	position: relative;
	cursor: default;

    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.iui-listbox li {
	display: block;
}
.iui-listbox-block-hover, .iui-listbox-block-select {
    background: transparent;
    border: thin solid #cecece;
    box-shadow: 2px 3px 3px #e5e5e5;
    pointer-events: none;
    position: absolute;
    z-index: 6;
}
.iui-listbox-block-hover > div, .iui-listbox-block-select > div {
    background: #f5f5f5;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}
/* Disabled State */
.iui-listbox-disabled div, .iui-listbox-disabled ul
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-listgroup
{
	background-color: white;
    color: black;
	cursor: default;
	margin: 1px 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
/* Normal State */
.iui-listgroup-item
{
	padding: 3px;
	margin: 0;
	position: relative;
}
.iui-listgroup-content
{
	/*border: thin solid #bbbbbb;
	padding: 3px;
	border: thin solid #a1a1a1;*/
	margin: 0;
}
/* Disabled State */
.iui-listgroup-content-disabled
{
	border-color: gray;
	color: gray;
}
/* Header Normal State */
.iui-listgroup-header
{
	background-color: #e5e5e5;
	border: thin solid #cecece;
	padding: 3px;
	margin: 0;
	position: relative;
}
/* Header Hover State */
.iui-listgroup-header-hovered
{
	background-color: #f5f5f5;
	border: thin solid #e5e5e5;
	padding: 3px;
	margin: 0;
	position: relative;
}
/* Header Selected State */
.iui-listgroup-header-selected
{
	background-color: #bfbfbf;
	border: thin solid #a1a1a1;
	color: white;
	padding: 3px;
	margin: 0;
	position: relative;
}
/* Item Normal State */
.iui-listgroup-item-normal
{
}
/* Item Hover State */
.iui-listgroup-item-hovered
{
	background-color: #f5f5f5;
	border: thin solid #efefef;
}
/* Item Selected State */
.iui-listgroup-item-selected
{
	background-color: #e5e5e5;
	border: thin solid #dedede;
}
.iui-listgroup-header-expand-box
{
	background: #484848 !important;
}
/* Disabled State */
.iui-listgroup-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-listitem
{
    border: 2px solid transparent;
    color: black;
    list-style-type: none;
    overflow: hidden;
}
.iui-listitem-general
{
    list-style-type: none;
}
.iui-item-drag
{
	height: 0;
	pointer-events: none;
}
.iui-item-drag-above, .iui-item-drag-below
{
	border: thin dotted #cecece;
	height: 38px;
}
.iui-item-drag-open
{
	-webkit-animation-name: drag-open;
	        animation-name: drag-open;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.35s;
	        animation-duration: 0.35s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 

}
@-webkit-keyframes drag-open
{
	0% { max-height: 0; border-width: 0; opacity: 0; }
	50% { max-height: 0; border-width: 0; opacity: 0; }
	100% { max-height: 38px; border-width: 1; opacity: 1; }
}
@keyframes drag-open
{
	0% { max-height: 0; border-width: 0; opacity: 0; }
	50% { max-height: 0; border-width: 0; opacity: 0; }
	100% { max-height: 38px; border-width: 1; opacity: 1; }
}
.iui-item-drag-close
{
	-webkit-animation-name: drag-close;
	        animation-name: drag-close;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.35s;
	        animation-duration: 0.35s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 

}
@-webkit-keyframes drag-close
{
	0% { max-height: 38px; border-width: 1; opacity: 1; }
	50% { max-height: 38px; border-width: 1; opacity: 1; }
	100% { max-height: 0; border-width: 0; opacity: 0; }
}
@keyframes drag-close
{
	0% { max-height: 38px; border-width: 1; opacity: 1; }
	50% { max-height: 38px; border-width: 1; opacity: 1; }
	100% { max-height: 0; border-width: 0; opacity: 0; }
}
.iui-listitem-hovered
{
	background-color: #f5f5f5;
	border: 2px solid #efefef;
}
.iui-listitem-selected
{
	background-color: #e5e5e5;
	border: 2px solid #dedede;
	z-index: 2;
}
.iui-listitem-focused
{
    border-color: gray;
}
.iui-listitem:focus {
    outline: none !important;
}
.iui-listitem-content
{
    padding: 3px;
}
.iui-listitem-content-hovered
{
}
.iui-listitem-content-selected
{
}
.iui-listitem-content-focused
{
    border-color: gray;
}
.iui-listitem-content:focus {
    outline: none !important;
}
/* Disabled State */
.iui-listitem-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
/* Animation */
.iui-listitem-animate
{
    border: 0 solid transparent;
    background-color: transparent;
    box-shadow: none;
    list-style-type: none;
    overflow: hidden;
    position: relative;
}
.iui-listitem-animate-enter
{
	-webkit-animation-name: listitem-animate-enter;
	        animation-name: listitem-animate-enter;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.175s;
	        animation-duration: 0.175s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes listitem-animate-enter
{
	0% { 	   
	    border: thin solid transparent;
	    box-shadow: none;
	}
	100% { 
	    border: thin solid #242424;
	    box-shadow: 2px 3px 3px #cecece;
	}
}
@keyframes listitem-animate-enter
{
	0% { 	   
	    border: thin solid transparent;
	    box-shadow: none;
	}
	100% { 
	    border: thin solid #242424;
	    box-shadow: 2px 3px 3px #cecece;
	}
}
.iui-listitem-animate-select-block
{
	display: block;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}
.iui-listitem-animate-select
{
	background: #f5f5f5;
	display: block;
	left: 0;
	position: absolute;
	opacity: 0;
	top: 0;
}
.iui-listitem-animate-select-left
{
	-webkit-animation-name: listitem-animate-select-left;
	        animation-name: listitem-animate-select-left;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes listitem-animate-select-left
{
	0% { 	   
	    left: 100%;
	    opacity: 0.5;
	    width: 0;
	}
	100% { 
	    left: 0;
	    opacity: 0;
	    width: 100%;
	}
}
@keyframes listitem-animate-select-left
{
	0% { 	   
	    left: 100%;
	    opacity: 0.5;
	    width: 0;
	}
	100% { 
	    left: 0;
	    opacity: 0;
	    width: 100%;
	}
}
.iui-listitem-animate-select-right
{
	-webkit-animation-name: listitem-animate-select-right;
	        animation-name: listitem-animate-select-right;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes listitem-animate-select-right
{
	0% { 	   
	    width: 0;
	    opacity: 0.5;
	}
	100% { 
	    width: 100%;
	    opacity: 0;
	}
}
@keyframes listitem-animate-select-right
{
	0% { 	   
	    width: 0;
	    opacity: 0.5;
	}
	100% { 
	    width: 100%;
	    opacity: 0;
	}
}
.iui-listscroller
{
    color: black;
	cursor: default;
	margin: 0;
    overflow: hidden;
	padding2: 2px;
    position: relative;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.iui-listscroller ul
{
    list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
    position: absolute;
    white-space: nowrap;
}
.iui-listscroller-item
{
    border: thin solid #cecece;
    display: inline-block;
    margin-right: -4px;
}
.iui-listscroller-item-content
{
    padding: 5px;
}
/* DisplayMode - LeftRight */
.iui-listscroller-leftright-buttons
{
	background: #f5f5f5;
	border: thin solid #cecece;
	display: inline-block;
}
.iui-listscroller-leftright-buttons:hover
{
	background: #e5e5e5;
	border: thin solid #bebebe;
}
.iui-listscroller-leftright-buttons span
{
	display: block;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.iui-listscroller-leftright-decrease
{
    background-image: url('prev.81697d7e5cf907045a76.ico');
}
.iui-listscroller-leftright-increase
{
    background-image: url('next.eabc9160586fcad6e04a.ico');
}
.iui-listscroller-leftright-value
{
	border: thin solid #cecece;
	display: inline-block;
	margin: 0 2px;
	text-align: center;
}
/* DisplayMode - UpDown */
.iui-listscroller-updown-buttons
{
	background: #f5f5f5;
	border: thin solid #cecece;
	display: block;
}
.iui-listscroller-updown-buttons:hover
{
	background: #e5e5e5;
	border: thin solid #bebebe;
}
.iui-listscroller-updown-buttons span
{
	display: block;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.iui-listscroller-updown-decrease
{
    background-image: url('down.768a642b19ad02ba1e58.ico');
}
.iui-listscroller-updown-increase
{
    background-image: url('up.cccf9db754fd9f8e2cf8.ico');
}
/* Item */
.iui-listscroller-item
{
    border: thin solid transparent;
    color: black;
    list-style-type: none;
    overflow: hidden;
}
.iui-listscroller-item-hovered
{
	background-color: #f5f5f5;
	border: thin solid #efefef;
}
.iui-listscroller-item-selected
{
	background-color: #e5e5e5;
	border: thin solid #dedede;
}
.iui-listscroller-item-focused
{
    border-color: gray;
}
.iui-listscroller-item:focus {
    outline: none !important;
}
.iui-listscroller-item-content
{
    padding: 2px;
}
.iui-listscroller-item-content-hovered
{
}
.iui-listscroller-item-content-selected
{
}
.iui-listscroller-item-content-focused
{
    border-color: gray;
}
.iui-listscroller-item-content:focus {
    outline: none !important;
}
/* Disabled State */
.iui-listscroller-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-listview
{
    background: white;
	border: thin solid #cecece;
    cursor: default;
	overflow: auto;
	padding: 1px;
    position: relative;

    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Disabled State */
.iui-listview-disabled div, .iui-listview-disabled ul
{
    opacity: 0.75;
    pointer-events: none;
}
.iui-listviewitem-animate
{
    border: 0 solid transparent;
    background-color: transparent;
    box-shadow: none;
    list-style-type: none;
}
.iui-listviewitem-animate-enter
{
    -webkit-animation-name: listviewitem-animate-enter;
            animation-name: listviewitem-animate-enter;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.175s;
            animation-duration: 0.175s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@-webkit-keyframes listviewitem-animate-enter
{
    0% {       
        border: thin solid transparent;
        box-shadow: none;
        overflow: hidden;
        padding-bottom: 2px;
        z-index: 9;
    }
    100% { 
        border: thin solid #242424;
        box-shadow: 2px 3px 3px #cecece;
        overflow: hidden;
        padding-bottom: 2px;
        z-index: 9;
    }
}
@keyframes listviewitem-animate-enter
{
    0% {       
        border: thin solid transparent;
        box-shadow: none;
        overflow: hidden;
        padding-bottom: 2px;
        z-index: 9;
    }
    100% { 
        border: thin solid #242424;
        box-shadow: 2px 3px 3px #cecece;
        overflow: hidden;
        padding-bottom: 2px;
        z-index: 9;
    }
}
.iui-menu
{
	background: #f5f5f5;
	border: 0;
	cursor: default;
	padding: 0;
	position: relative;
}
.iui-menu-block, .iui-menuitem-block
{
	background: transparent;
	list-style-type: none;
	margin: 0;
	padding: 3px;
	position: relative;
}
.iui-menuitem-block
{
	background: #f5f5f5;
	border: solid thin #dedede;
	margin: 0;
	padding: 1px;
	position: absolute;
	z-index: 999;
}
.iui-menuitem-root
{
	background: none;
	border: thin solid transparent;
	color: black;
	display: inline-block;
	position: relative;
	list-style-type: none;
	margin: 0 3px;
	padding: 5px 6px 5px 4px;
	white-space: nowrap;
}
.iui-menuitem-root-vertical
{
	border: thin solid transparent;
	display: block;
	position: relative;
	list-style-type: none;
	margin: 3px 0;
	padding: 5px 6px;
	white-space: nowrap;
}
.iui-menuitem-root-disabled, .iui-menuitem-disabled
{
	opacity: 0.6;
	pointer-events: none;
}
.iui-menuitem-root-hovered, .iui-menuitem-root-selected
{
	background-color: #e5e5e5;
	border-color: #dedede;
}
.iui-menuitem-hovered, .iui-menuitem-selected
{
	background-color: #ededed;
	border-color: #e5e5e5;
}
.iui-menuitem-root-content
{
	display: inline-block;
    padding: 0 2px;
	vertical-align: middle;
}
.iui-menuitem-content
{
	display: inline-block;
	vertical-align: middle;
}
.iui-menuitem-root:first-of-type
{
	margin: auto 0;
}
.iui-menuitem-root:last-of-type
{
	margin-right: 0;
}
.iui-menu-marker-expand-space
{
	padding-right: 20px;
}
.iui-menu-marker-expand-space-rtl
{
	padding-left: 20px;
}
.iui-menu-marker-expand-down::before
{
	content: "";
	border: 4px solid #ababab;
	border-color: #ababab transparent transparent transparent;
	position: absolute;
	top: 45%;
	right: 5px;
	width: 0;
	height: 0;
}
.iui-menu-marker-expand-down::after
{
	content: "";
	border: 4px solid transparent;
	border-color: transparent transparent transparent transparent;
	position: absolute;
	top: 45%;
	right: 5px;
	width: 0;
	height: 0;
}
.iui-menu-marker-expand-down-rtl::before
{
	content: "";
	border: 4px solid #ababab;
	border-color: #ababab transparent transparent transparent;
	position: absolute;
	top: 45%;
	left: 5px;
	width: 0;
	height: 0;
}
.iui-menu-marker-expand-down-rtl::after
{
	content: "";
	border: 4px solid transparent;
	border-color: transparent transparent transparent transparent;
	position: absolute;
	top: 45%;
	left: 5px;
	width: 0;
	height: 0;
}
.iui-menu-marker-expand-right::before
{
	content: "";
	border: 4px solid #ababab;
	border-color: transparent transparent transparent #ababab;
	position: absolute;
	top: 35%;
	left: 92%;
	width: 0;
	height: 0;
}
.iui-menu-marker-expand-right::after
{
	content: "";
	border: 4px solid transparent;
	border-color: transparent transparent transparent transparent;
	position: absolute;
	top: 35%;
	left: 92%;
	width: 0;
	height: 0;
}
.iui-menu-marker-expand-left::before
{
	content: "";
	border: 4px solid #ababab;
	border-color: transparent #ababab transparent transparent;
	position: absolute;
	top: 35%;
	left: 2%;
	width: 0;
	height: 0;
}
.iui-menu-marker-expand-left::after
{
	content: "";
	border: 4px solid transparent;
	border-color: transparent transparent transparent transparent;
	position: absolute;
	top: 35%;
	left: 2%;
	width: 0;
	height: 0;
}
.iui-menu-marker-top::before
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent #1e4691 transparent;
	position: absolute;
	top: -9px;
	left: 10px;
	width: 0;
	height: 0;
}
.iui-menu-marker-top::after
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent #fefefe transparent;
	position: absolute;
	top: -8px;
	left: 10px;
	width: 0;
	height: 0;
}
.iui-menu-marker-top-rtl::before
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent #1e4691 transparent;
	position: absolute;
	top: -9px;
	right: 10px;
	width: 0;
	height: 0;
}
.iui-menu-marker-top-rtl::after
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent #fefefe transparent;
	position: absolute;
	top: -8px;
	right: 10px;
	width: 0;
	height: 0;
}
.iui-menu-marker-left::before
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent #1e4691 transparent transparent;
	position: absolute;
	top: 12px;
	left: -9px;
}
.iui-menu-marker-left::after
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent #fefefe transparent transparent;
	position: absolute;
	top: 12px;
	left: -8px;
}
.iui-menu-marker-right::before
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent transparent #1e4691;
	position: absolute;
	top: 12px;
	right: -9px;
}
.iui-menu-marker-right::after
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent transparent #fefefe;
	position: absolute;
	top: 12px;
	right: -8px;
}
.iui-menuitem
{
	border: thin solid transparent;
	display: block;
	list-style-type: none;
	margin: 1px 0;
	padding: 3px 4px 3px 2px;
	position: relative;
	white-space: nowrap;
}
.iui-menuitem:first-of-type
{
	margin-top: 0;
}
.iui-menuitem:last-of-type
{
	margin-bottom: 0;
}
.iui-menuitem-expand 
{
	background-position: -14px 0px;
}
.iui-menuitem-root-separator, .iui-menuitem-separator
{
	background: transparent;
    border: 0;
	margin: 0;
	padding: 3px;
}
.iui-menuitem-root-separator > hr, .iui-menuitem-separator > hr
{
    background-color: #e5e5e5;
    border: 0;
    margin: 0;
    padding: 0;
    height: 1px;
}
.iui-menu-load
{
	background: transparent;
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	right: 2px;
	vertical-align: middle;
}
.iui-menu-load-rtl
{
	background: transparent;
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 2px;
	vertical-align: middle;
}
/* Disabled State */
.iui-menu-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-numeric
{
	background: white;
    color: black;
	cursor: default;
	margin: 0;
	overflow: hidden;
	padding: 2px;
	position: relative;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* DisplayMode - InBound */
.iui-numeric-inbound-value
{
	border: thin solid #cecece;
	float: right;
	margin: 0 2px 0 0;
	padding: 2px;
	text-align: right;
	vertical-align: middle;
}
.iui-numeric-inbound-buttons
{
	float: right;
}
.iui-numeric-inbound-btn
{
	background: #f5f5f5;
	border: thin solid #cecece;
}
.iui-numeric-inbound-btn:hover
{
	background: #e5e5e5;
	border: thin solid #bebebe;
}
.iui-numeric-inbound-buttons span
{
	display: block;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 10px;
	vertical-align: middle;
}
.iui-numeric-inbound-button-up
{
    background-image: url('up.cccf9db754fd9f8e2cf8.ico');
}
.iui-numeric-inbound-button-down
{
    background-image: url('down.768a642b19ad02ba1e58.ico');
}
.iui-numeric-inbound-button-up:hover, .iui-numeric-inbound-button-down:hover
{
}
/* DisplayMode - LeftRight */
.iui-numeric-leftright-buttons
{
	background: #f5f5f5;
	border: thin solid #cecece;
	display: inline-block;
}
.iui-numeric-leftright-buttons:hover
{
	background: #e5e5e5;
	border: thin solid #bebebe;
}
.iui-numeric-leftright-buttons span
{
	display: block;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.iui-numeric-leftright-decrease
{
    background-image: url('prev.81697d7e5cf907045a76.ico');
}
.iui-numeric-leftright-increase
{
    background-image: url('next.eabc9160586fcad6e04a.ico');
}
.iui-numeric-leftright-value
{
	border: thin solid #cecece;
	display: inline-block;
	margin: 0 2px;
	text-align: center;
}
/* DisplayMode - UpDown */
.iui-numeric-updown-buttons
{
	background: #f5f5f5;
	border: thin solid #cecece;
	display: block;
}
.iui-numeric-updown-buttons:hover
{
	background: #e5e5e5;
	border: thin solid #bebebe;
}
.iui-numeric-updown-buttons span
{
	display: block;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.iui-numeric-updown-decrease
{
    background-image: url('down.768a642b19ad02ba1e58.ico');
}
.iui-numeric-updown-increase
{
    background-image: url('up.cccf9db754fd9f8e2cf8.ico');
}
.iui-numeric-updown-value
{
	border: thin solid #cecece;
	display: block;
	margin: 2px 0;
	text-align: center;
}
/* Disabled State */
.iui-numeric-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-paginator
{
	background-color: #f0f0f0;
	margin: 0;
	padding: 3px;
	white-space: nowrap;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
    -ms-user-select: none;
	user-select: none;

	padding: 3px 3px 0px 3px;
	margin: 1px 0;
}
.iui-paginator-button
{
	background-color: #dedede;
	display: inline-block;
	border: thin solid #bebebe;
	border-radius: 3px;
	height: 24px;
	margin: 2px;
    overflow: hidden;
	padding: 0;
	width: 24px;
}
.iui-paginator-button:hover
{
	background-color: #cecece;
}
.iui-paginator-first
{
    background-image: url('page-first-24.77bd310de5a6de3ffdfe.png');
}
.iui-paginator-prev
{
    background-image: url('page-prev-24.bf8a07cedd00660cf4ab.png');
}
.iui-paginator-next
{
    background-image: url('page-next-24.aef5926de4d10bfa73b5.png');
}
.iui-paginator-last
{
    background-image: url('page-last-24.72809140a4abfb63abe7.png');
}
.iui-paginator-input
{
	display: inline-block;
	border: thin solid #bebebe;
	border-radius: 3px;
	height: 24px;
	margin: 2px;
	padding: 0 5px;
	width: 40px;
	vertical-align: top;
}
.iui-paginator-label
{
	display: inline-block;
	height: 24px;
	margin: 2px 5px;
	padding: 2px 0;
	vertical-align: top;
}
/* Disabled State */
.iui-paginator-disabled span
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-popover
{
	-webkit-animation: popover-open 0.5s 0s 1 forwards;
	        animation: popover-open 0.5s 0s 1 forwards;
    background-color: #ffffff;
	border: thin solid #ababab;
    color: #323232;
	cursor: default;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: -999999px;
	z-index: 999;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	    user-select: none;
}
@-webkit-keyframes popover-open
{
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes popover-open
{
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.iui-popover div /*Compatibility with Bootstrap */
{ /* Safari/Chrome, other WebKit */    /* Firefox, other Gecko */
	box-sizing: content-box; 
}
.iui-popover-marker-top::before
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent #1e4691 transparent;
	position: absolute;
	top: -9px;
	left: calc(50% - 4px);
	width: 0;
	height: 0;
}
.iui-popover-marker-top::after
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent #fefefe transparent;
	position: absolute;
	top: -8px;
	left: calc(50% - 4px);
	width: 0;
	height: 0;
}
.iui-popover-marker-bottom::before
{
	content: "";
	border: 4px solid #fefefe;
	border-color: #1e4691 transparent transparent transparent;
	position: absolute;
	bottom: -9px;
	left: calc(50% - 4px);
	width: 0;
	height: 0;
}
.iui-popover-marker-bottom::after
{
	content: "";
	border: 4px solid #fefefe;
	border-color: #fefefe transparent transparent transparent;
	position: absolute;
	bottom: -8px;
	left: calc(50% - 4px);
	width: 0;
	height: 0;
}
.iui-popover-marker-left::before
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent #1e4691 transparent transparent;
	position: absolute;
	top: calc(50% - 4px);
	left: -9px;
}
.iui-popover-marker-left::after
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent #fefefe transparent transparent;
	position: absolute;
	top: calc(50% - 4px);
	left: -8px;
}
.iui-popover-marker-right::before
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent transparent #1e4691;
	position: absolute;
	top: calc(50% - 2px);
	right: -9px;
}
.iui-popover-marker-right::after
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent transparent #fefefe;
	position: absolute;
	top: calc(50% - 2px);
	right: -8px;
}
.iui-popover-header {
	background: #e5e5e5;
	border-bottom: thin solid #cecece;
	padding: 5px;
}
.iui-popover-header:hover {
	background: #efefef;
}
.iui-popover-title {
}
.iui-popover-close-button {
	opacity: 0.5;
}
.iui-popover-close-button:hover {
	opacity: 1;
}
.iui-popover-close-button span
{
    background-image: url('close-dark.2088c4f69c05da531b9d.ico');
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 16px;
    height: 16px;
    float: right;
}
.iui-popover-content {
	padding: 0;
}
.iui-progressbar
{
	background: white;
	border: thin solid #cecece;
	border-radius: 3px;
    color: black;
	cursor: default;
	margin: 0;
	overflow: hidden;
	padding: 2px;
	position: relative;
}
.iui-progressbar-content
{
	background: #bebebe;
	border-radius: 3px;
	height: 12px;
}
/* Disabled State */
.iui-progressbar-disabled div
{
	opacity: 0.25;
	pointer-events: none;
}
.iui-radio-button
{
    color: black;
	cursor: default;
	display: inline-block;
	margin: 2px 0;
	overflow: hidden;
	padding: 3px;
	position: relative;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Button */
.iui-radio-button-btn
{
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}
.iui-radio-button-btn span
{
    background-image: url('radio-unchecked.7610ac6571142a89fa09.ico');
    background-repeat: no-repeat;
	display: block;
	padding: 0;
	margin: 0 0 0 3px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.iui-radio-button-btn-checked span
{
    background-image: url('radio-checked.2a1b7e0ab5cb98b1ab28.ico');
}
.iui-radio-button-btn-unchecked span
{
    background-image: url('radio-unchecked.7610ac6571142a89fa09.ico');
}
/* Content */
.iui-radio-button-content
{
	display: inline-block;
}
/* Disabled State */
.iui-radio-button-disabled
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-radio-button-btn-disabled
{
	opacity: 0.75;
}
.iui-rating
{
	background: white;
	border: thin solid #cecece;
	border-radius: 3px;
    color: black;
	cursor: default;
    height: 16px;
	margin: 0;
	overflow: hidden;
	padding: 1px;
	position: relative;
}
.iui-rating-content
{
    background-image: url('star-empty.9d6c66b4ae2d77a16d46.ico');
    background-repeat: repeat-x;
    height: 16px;
}
.iui-rating-value
{
    background-image: url('star-full.a8850a56de4728b63eaf.ico');
    background-repeat: repeat-x;
    height: 16px;
}
/* Disabled State */
.iui-rating-disabled div
{
	opacity: 0.4;
	pointer-events: none;
}
.iui-sidebar {
	background: white;
	border: thin solid #cecece;
	position: relative;
	color: black;
	cursor: default;
	overflow: hidden;

	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
    -ms-user-select: none;
	user-select: none;
}
.iui-sidebar-line {
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
.iui-sidebar-header {
	background: #e5e5e5;
	border: thin solid #cecece;
    padding: 2px;
    position: relative;
    white-space: nowrap;
	z-index: 5;
}
.iui-sidebar-header-button {
	background: #e5e5e5;
	border: thin solid transparent;
    display: inline-block;
    margin: 0;
    padding: 2px;
    position: relative;
    vertical-align: top;
	z-index: 4;
}
.iui-sidebar-header-button span
{
    background: url('menu-button.ef905a54e24c5472ef8c.ico');
    display: inline-block;
    margin: 1px 0 0 1px;
    overflow: hidden;
    padding: 0;
    width: 16px;
    height: 16px;
    vertical-align: top;
}
.iui-sidebar-header-block {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
	z-index: 3;
}
.iui-sidebar-header-title {
	border: thin solid transparent;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
.iui-sidebar-header-content {
	border: thin solid transparent;
    display: block;
    margin: 0;
    vertical-align: middle;
}
.iui-sidebar-content {
	overflow: auto;
    position: relative;
	z-index: 2;
}
/* Animations */
.iui-sidebar-content-animate-open
{
	-webkit-animation-name: sidebar-content-animate-open;
	        animation-name: sidebar-content-animate-open;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 1.5s;
	        animation-duration: 1.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes sidebar-content-animate-open
{
	0% { 	   
	    width: 0%;
	}
	100% { 
	    width: 100%;
	}
}
@keyframes sidebar-content-animate-open
{
	0% { 	   
	    width: 0%;
	}
	100% { 
	    width: 100%;
	}
}
.iui-sidebar-content-animate-close
{
	-webkit-animation-name: sidebar-content-animate-close;
	        animation-name: sidebar-content-animate-close;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 1.5s;
	        animation-duration: 1.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes sidebar-content-animate-close
{
	0% { 	   
	    width: 100%;
	}
	100% { 
	    width: 0%;
	}
}
@keyframes sidebar-content-animate-close
{
	0% { 	   
	    width: 100%;
	}
	100% { 
	    width: 0%;
	}
}
.iui-sidecontent-popup {
	background: white;
	border:thin solid #cecece;
	overflow:hidden;
	position:absolute;
	z-index:999;   
}
.iui-sidecontent-popup:focus {
    outline: none !important;
}
/* Disabled State */
.iui-sidebar-disabled div {
	opacity: 0.75;
	pointer-events: none;
}
.iui-slidebar
{
	background-color: transparent;
	cursor: default;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;

	background: #f5f5f5;
	border: thin solid #f5f5f5;
}
.iui-slidebar-container
{
	list-style: none;
	margin:0;
	padding: 0;
}
.iui-slide
{
	background: white;
	float: left;
}
.iui-slidebar-navigator
{
	font-size: 0;
	margin: 7px auto;
	padding: 0;
	text-align: center;
	bottom: 0;
	width: 100%;
}
.iui-slidebar-navigator-button
{
	background: url('circle-gray.cbdce04f09fb884179c0.ico');
	display: inline-block;
	height:16px;
	margin: 0 2px;
	padding: 0;
	width: 16px;
}
.iui-slidebar-navigator-button-selected
{
	background: url('circle-dark.3ea5b59839e0687e8c0c.ico');
}
.iui-slidebar-navigator-button-disabled
{
	opacity: 0.5;
}
.iui-slidebar-arrow
{
	background: white;
	position: absolute;
	top: 0;
	padding: 2px 5px;
}
.iui-slidebar-arrow span
{
	display: block;
	width: 24px;
	height: 24px;
}
.iui-slidebar-arrow-left
{
	left: 0;
}
.iui-slidebar-arrow-left span
{
	background: url('prev-large-24.d15a181bf5932bb94985.png');
	opacity: 0.5;
}
.iui-slidebar-arrow-left:hover span
{
	opacity: 1;
}
.iui-slidebar-arrow-right
{
	right: 0;
}
.iui-slidebar-arrow-right span
{
	background: url('next-large-24.163285cc1c06851d8fe0.png');
	opacity: 0.5;
}
.iui-slidebar-arrow-right:hover span
{
	opacity: 1;
}
/* Disabled State */
.iui-slidebar-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-slider
{
    color: black;
	cursor: default;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.iui-slider-content
{
	background: #cecece;
	height: 1px;
}
.iui-slider-content-vertical
{
	background: #cecece;
	width: 1px;
}
.iui-slider-background
{
	background: #afafaf;
	height: 1px;
}
.iui-slider-background-vertical
{
	background: #afafaf;
	width: 1px;
}
.iui-slider-button
{
	background: #e5e5e5;
	border: 2px solid #afafaf;
	border-radius: 3px;

	pointer-events: none;
}
/* Disabled State */
.iui-slider-disabled div
{
	pointer-events: none;
}
.iui-slider-disabled .iui-slider-content
{
	background: #dedede;
}
.iui-slider-disabled .iui-slider-value
{
	background: #f5f5f5;
	border-color: #e5e5e5;
}
.iui-splitcontainer
{
	border: thin solid transparent;
	position: relative;
	cursor: default;
	overflow: hidden;

	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
    -ms-user-select: none;
	user-select: none;
}
.iui-splitcontainer-splitter
{
	background: #efefef;
	border: thin solid gray;
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: visible;
	z-index: 3;
}
.iui-splitcontainer-splitter-horizontal
{
	border-left-color: transparent;
	border-right-color: transparent;
}
.iui-splitcontainer-splitter-vertical
{
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.iui-splitcontainer-handle
{
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: hidden;
}
.iui-splitcontainer-handle span
{
    background-image: url('handle.e1706ed6f52cad3e6659.png');
    background-repeat: repeat;
	display: block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.iui-splitcontainer-handle-horizontal span
{
	width: 50px;
	height: 9px;
}
.iui-splitcontainer-handle-vertical span
{
	width: 9px;
	height: 50px;
}
.iui-splitcontainer-swap-button
{
	border: thin solid transparent;
	border-radius: 2px;
	display: inline-block;
	padding: 2px;
	position: absolute;
	opacity: 0.75;
}
.iui-splitcontainer-swap-button:hover
{
	background: #fefefe;
	border-color: #808080;
	opacity: 1;
}
.iui-splitcontainer-swap-button span
{
    background-image: url('swap.e8cd5a9cd520576dcfdf.ico');
	display: block;
	width: 16px;
	height: 16px;
}
.iui-splitcontainer-swap-button-vertical span
{ /* IE 9 */ /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.iui-splitcontainer-tab
{
	border: thin solid gray;
	margin: 0;
	position: absolute;
	padding: 0;
}
.iui-splitcontainer-tab > div
{
	padding: 3px 7px 3px 3px;
	position: absolute;
	white-space: nowrap;
}
.iui-splitcontainer-tab-vertical > div
{ /* IE 9 */ /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.iui-splitcontainer-tab-selected
{
	background: white;
}
.iui-splitcontainer-panel
{
	background: white;
	border: thin solid gray;
	overflow: hidden;
	position: absolute;
}
.iui-splitcontainer-button-block
{
	cursor: default;
	display: inline-block;
	margin: 0;
	padding: 2px;
	position: absolute;
	overflow: hidden;
}
.iui-splitcontainer-button
{
	border: thin solid #808080;
	border-radius: 2px;
	display: inline-block;
	margin: 2px;
	padding: 0;
	opacity: 0.75;
}
.iui-splitcontainer-button:hover
{
	background: #fefefe;
	opacity: 1;
}
.iui-splitcontainer-button-selected
{
	background: #ffffff;
	opacity: 1;
}
.iui-splitcontainer-button span
{
	display: block;
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
}
.iui-splitcontainer-button-vertical span
{
    background-image: url('line-vertical.6fcfa76c38005c7a2326.ico');
}
.iui-splitcontainer-button-horizontal span
{
    background-image: url('line-horizontal.ca9803fa499228f846e0.ico');
}
/* Disabled State */
.iui-splitcontainer-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-splitter
{
	background: #e5e5e5;
	border: thin solid transparent;
	margin: 0;
	padding: 0;
	position: relative;
	cursor: default;
	overflow: hidden;

	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
    -ms-user-select: none;
	user-select: none;
}
.iui-splitter-handle
{
    background-image: url('handle.e1706ed6f52cad3e6659.png');
    background-repeat: repeat;
	display: block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.iui-splitter-handle-horizontal
{
	width: 22px;
	height: 5px;
}
.iui-splitter-handle-vertical
{
	width: 5px;
	height: 22px;
}
/* Disabled State */
.iui-splitter-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-tab-header
{
	background-color: #e5e5e5;
	border: thin solid #bcbcbc;
	display: inline-block;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 5px;
	position: absolute;
	white-space: nowrap;
	z-index: 0;
	top: 1px;
}
.iui-tab-header-hovered
{
	background-color: #f5f5f5;
}
.iui-tab-header-selected
{
	background-color: white;
}
.iui-tab-header-dragged
{
	border-color: #bcbcbc !important;
}
.iui-tab-selected-top
{
	border-bottom-color: white;
}
.iui-tab-selected-right
{
	border-left-color: white;
}
.iui-tab-selected-bottom
{
	border-top-color: white;
}
.iui-tab-selected-left
{
	border-right-color: white;
}
/*
.iui-tab-header::before {
	content: '';
	position: absolute;
	border: thin solid blue;
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
	z-index: -1;
	background: #dddddd;
	transform: perspective(5px) rotateX(2deg);
	transform-origin: bottom left;
	border-radius: 5px 7px 0 0;
}

.iui-tab-header.tab::before {
	border-radius: 10px 10px 0 0;
}

.iui-tab-header3::before {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: .5em; left: 0;
	z-index: -1;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
	background: #ddd;
	box-shadow: 0 2px hsla(0,0%,100%,.5) inset;
	transform: perspective(5px) rotateX(2deg);
	transform-origin: bottom;
}*/
.iui-tab-content
{
	background: white;
	border: 0;
	padding: 5px;
	position: absolute;
	vertical-align: middle;
	overflow: hidden;
}
/* Disabled State */
.iui-tab-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
/*@import 'integralui.tab-default.css';*/
.iui-tabstrip
{
	border: thin solid transparent;
	position: relative;
	color: black;
	cursor: default;
	overflow: hidden;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
    -ms-user-select: none;
	user-select: none;
}
.iui-tabstrip-block
{
	display: inline-block;
	overflow: hidden;
	position: absolute;
	vertical-align: top;
}
.iui-tabstrip-block > ul
{
	position: absolute;
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.iui-tabstrip-content {
	background: white;
	border: thin solid #bcbcbc;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.iui-tabstrip-line {
	background: #808080;
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 5;
}
.iui-tabstrip-scroll-inbound, .iui-tabstrip-scroll-outbound
{
	background: #ffffff;
	cursor: default;
	display: inline-block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	z-index: 9;
}
.iui-tabstrip-scroll-border-bottom {
	border-bottom: thin solid #bcbcbc;
}
.iui-tabstrip-scroll-border-left {
	border-left: thin solid #bcbcbc;
}
.iui-tabstrip-scroll-border-right {
	border-right: thin solid #bcbcbc;
}
.iui-tabstrip-scroll-border-top {
	border-top: thin solid #bcbcbc;
}
.iui-tabstrip-scroll-button
{
	border: thin solid #808080;
	border-radius: 2px;
	display: inline-block;
	margin: 0;
	padding: 0;
	opacity: 0.6;
}
.iui-tabstrip-scroll-button:hover
{
	background: #fefefe;
	opacity: 1;
}
.iui-tabstrip-scroll-button-selected
{
	background: #ffffff;
	opacity: 1;
}
.iui-tabstrip-scroll-button span
{
	display: block;
	margin: 0;
	padding: 0;
	width: 24px;
	height: 24px;
}
.iui-tabstrip-scroll-button-left, .iui-tabstrip-scroll-button-right
{
	margin-top: 2px;
}
.iui-tabstrip-scroll-button-left span
{
    background-image: url('prev-24.7bd718819b3ff69c1dc9.png');
}
.iui-tabstrip-scroll-button-right span
{
    background-image: url('next-24.3cad2148c7bea9058f65.png');
}
.iui-tabstrip-scroll-button-up
{
	margin: 2px 0;
}
.iui-tabstrip-scroll-button-up, .iui-tabstrip-scroll-button-down
{
	display: block;
	width: 24px;
	height: 24px;
}
.iui-tabstrip-scroll-button-up span
{
    background-image: url('up-24.0301d83baca90432f978.png');
}
.iui-tabstrip-scroll-button-down span
{
    background-image: url('down-24.4e5ef54af79ea195edf4.png');
}
/* Disabled State */
.iui-tabstrip-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-toolbar
{
    background: #fafafa;
	border: thin solid #cecece;
    cursor: default;
	overflow: hidden;
    padding: 3px;
    position: relative;

	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	    user-select: none;
}
.iui-toolitem
{
    border: thin solid transparent;
    border-radius: 3px;
    color: black;
    cursor: default;
    display: inline-block;
    margin: 0 1px;
    overflow: hidden;
    padding: 1px;
    vertical-align: top;
}
/* Disabled State */
.iui-toolitem-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
.iui-toolitem-button
{
    background: #e5e5e5;
    border: thin solid #dedede;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px;
}
.iui-toolitem-hovered .iui-toolitem-button {
    -webkit-animation-name: animate-toolitem-button-enter;
            animation-name: animate-toolitem-button-enter;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.25s;
            animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@-webkit-keyframes animate-toolitem-button-enter
{
    0% { background: #e5e5e5; border-color: #dedede; }
    100% { background: #f5f5f5; border-color: #cecece;  }
}
@keyframes animate-toolitem-button-enter
{
    0% { background: #e5e5e5; border-color: #dedede; }
    100% { background: #f5f5f5; border-color: #cecece;  }
}
.iui-toolitem-button-leave {
    -webkit-animation-name: animate-toolitem-button-leave;
            animation-name: animate-toolitem-button-leave;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.25s;
            animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@-webkit-keyframes animate-toolitem-button-leave
{
    0% { background: #f5f5f5; border-color: #cecece;  }
    100% { background: #e5e5e5; border-color: #dedede; }
}
@keyframes animate-toolitem-button-leave
{
    0% { background: #f5f5f5; border-color: #cecece;  }
    100% { background: #e5e5e5; border-color: #dedede; }
}
.iui-toolitem-checkbox
{
    margin-top: 7px;
}
.iui-toolitem-checkbox .iui-checkbox {
    margin: 0;
    padding: 0;
}
.iui-toolitem-datepicker {
    background: white;
    border: thin solid #cecece;
    cursor: pointer;
    padding: 3px;
    white-space: nowrap;
}
.iui-toolitem-datepicker:hover {
    border-color: #999999;
}
.iui-toolitem-datepicker-button
{
    display: inline-block;
    float: right;
    opacity: 0.4;
}
.iui-toolitem-datepicker-button-hover
{
    opacity: 1;
}
.iui-toolitem-datepicker-button span
{
    background-image: url('down.768a642b19ad02ba1e58.ico');
    display: block;
    padding: 0;
    margin: 0 0 0 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.iui-toolitem-droplist {
    background: white;
    border: thin solid #cecece;
    cursor: pointer;
    padding: 3px;
    white-space: nowrap;
}
.iui-toolitem-droplist:hover {
    border-color: #999999;
}
.iui-toolitem-droplist-label {
    display: inline-block;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 20px);
}
.iui-toolitem-dropdown-button
{
    display: inline-block;
    float: right;
    opacity: 0.4;
}
.iui-toolitem-dropdown-button-hover
{
    opacity: 1;
}
.iui-toolitem-dropdown-button span
{
    background-image: url('down.768a642b19ad02ba1e58.ico');
    display: block;
    padding: 0;
    margin: 2px 0 0 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.iui-toolitem-image
{
    text-align: center;
}
.iui-toolitem-image img {
    padding: 3px;
}
.iui-toolitem-label {
    margin: 0 2px;
}
.iui-toolitem-numeric
{
    background: white;
    border: thin solid #cecece;
    padding: 3px;
    font-size: 1em;
    text-align: right;
    width: 50px;
}
.iui-toolitem-numeric:hover {
    border-color: #999999;
}
.iui-toolitem-numeric[type=number]::-webkit-inner-spin-button, .iui-toolitem-numeric[type=number]::-webkit-outer-spin-button
{  
    margin-left: 5px;
    opacity: 1;
}
.iui-toolitem-progress
{
    background: transparent;
    border: 0;
    border-radius: 3px;
    color: black;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.iui-toolitem-progress-content
{
    background: #bebebe;
    border-radius: 3px;
    height: 12px;
}
.iui-toolitem-rating .iui-rating {
    background: transparent;
    border: 0;
    cursor: pointer;
    margin-top: -2px;
}
.iui-toolitem-separator {
    background: #dedede;
    height: 100%;
    margin: 0 5px;
    width: 1px;
}
.iui-toolitem-separator-vertical {
    width: 100%;
    margin: 5px 0;
    height: 1px;
}
.iui-toolitem-slider {
}
.iui-toolitem-textbox
{
    background: white;
    border: thin solid #cecece;
    font-size: 1rem;
    padding: 3px;
    width: calc(100% - 8px);
}
.iui-tooltip
{
    background :         linear-gradient(#fefefe, #e5e5e5);

    background-color: #e5e5e5;
	border: thin solid #888888;
    color: #323232;
	cursor: default;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: -999999px;
	z-index: 999;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	    user-select: none;
}
.iui-tooltip div /*Compatibility with Bootstrap */
{ /* Safari/Chrome, other WebKit */    /* Firefox, other Gecko */
	box-sizing: content-box; 
}
.iui-tooltip > div {
	padding: 5px;
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
}
.iui-tooltip-marker-top::before
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent #1e4691 transparent;
	position: absolute;
	top: -9px;
	left: 49%;
	width: 0;
	height: 0;
}
.iui-tooltip-marker-top::after
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent #fefefe transparent;
	position: absolute;
	top: -8px;
	left: 49%;
	width: 0;
	height: 0;
}
.iui-tooltip-marker-bottom::before
{
	content: "";
	border: 4px solid #fefefe;
	border-color: #1e4691 transparent transparent transparent;
	position: absolute;
	bottom: -9px;
	left: 49%;
	width: 0;
	height: 0;
}
.iui-tooltip-marker-bottom::after
{
	content: "";
	border: 4px solid #fefefe;
	border-color: #fefefe transparent transparent transparent;
	position: absolute;
	bottom: -8px;
	left: 49%;
	width: 0;
	height: 0;
}
.iui-tooltip-marker-left::before
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent #1e4691 transparent transparent;
	position: absolute;
	top: 12px;
	left: -9px;
}
.iui-tooltip-marker-left::after
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent #fefefe transparent transparent;
	position: absolute;
	top: 12px;
	left: -8px;
}
.iui-tooltip-marker-right::before
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent transparent #1e4691;
	position: absolute;
	top: 12px;
	right: -9px;
}
.iui-tooltip-marker-right::after
{
	content: "";
	border: 4px solid #fefefe;
	border-color: transparent transparent transparent #fefefe;
	position: absolute;
	top: 12px;
	right: -8px;
}
.iui-treegrid
{
	background: white;
    border: thin solid #cecece;
	border-radius: 3px;
	padding: 0px;
	color: black;
	cursor: default;
	overflow: hidden;
	position: relative;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.iui-treegrid table
{
	color: black;
}
.iui-treegrid div /*Compatibility with Bootstrap */
{ /* Safari/Chrome, other WebKit */    /* Firefox, other Gecko */
	box-sizing: content-box; 
}
.iui-treegrid-rtl
{
	direction: rtl;
}
.iui-treegrid-block
{
	background: white;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 0;
}
.iui-treegrid-block-left
{
	background: #f5f5f5;
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 4;
}
.iui-treegrid-block-right
{
	background: #f5f5f5;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.iui-treegrid-block-top
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.iui-treegrid-block-top-left
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 12;
}
.iui-treegrid-block-top-right
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 11;
}
.iui-treegrid-block-bottom
{
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 7;
}
.iui-treegrid-block-bottom-left
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
}
.iui-treegrid-block-bottom-right
{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 8;
}
.iui-treegrid-block-middle
{
	position: absolute;
	top: 0;
	left: 0;
}
.iui-treegrid-block-hover, .iui-treegrid-block-select {
	background: transparent;
	border: thin solid #cecece;
	box-shadow: 2px 3px 3px #e5e5e5;
	pointer-events: none;
	position: absolute;
	z-index: 6;
}
.iui-treegrid-block-hover > div, .iui-treegrid-block-select > div {
	background: #f5f5f5;
	pointer-events: auto;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
}
.iui-treegrid-block-shift-left
{
	/*margin-left: 16px !important;*/
	padding-left: 15px;
}
.iui-treegrid-block-shift-right
{
	margin-right: 16px;
}
.iui-treegrid-row-block
{
	padding: 0 0 0 15px;
}
.iui-treegrid-row-block-rtl
{
	padding: 0 15px 0 0;
}
.iui-treegrid-column-header, .iui-treegrid-column-footer
{
	background-color: #ededed;
	border: thin solid #d5d5d5;
	color: black;
	margin: 0;
	padding: 3px 0;
	position: relative;
	vertical-align:middle;
	white-space: nowrap;
	z-index: 1;
}
.iui-treegrid-block-top-left .iui-treegrid-column-header, 
.iui-treegrid-block-top-left .iui-treegrid-column-footer, 
.iui-treegrid-block-top-right .iui-treegrid-column-header, 
.iui-treegrid-block-top-right .iui-treegrid-column-footer {
	background-color: #dddddd;
	border: thin solid #c5c5c5;
}
.iui-treegrid-column-header-hovered
{
	background-color: #d5d5d5;
	border-color: #cecece;
	color: black;
}
.iui-treegrid-column-header-selected
{
	background-color: #bebebe;
	border: thin solid #aeaeae;
	color: black;
}
.iui-treegrid-column-header > div, .iui-treegrid-column-footer > div, .iui-treegrid-row-cell > div
{
	border: 2px solid transparent;
	margin: 0;
	padding: 2px;
	vertical-align: middle;
	overflow: hidden;
	text-align: left;
	/*text-overflow: ellipsis;*/
	white-space2: nowrap;
}
.iui-treegrid-column-header-cell-content, .iui-treegrid-column-footer-cell-content, .iui-treegrid-row-cell-label
{
	display: inline;
	padding: 0 3px;
	vertical-align: middle;
	cursor: default;
}
.iui-treegrid-row, .iui-treegrid-row-fixed
{
	color: black;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	z-index: 0;
}
.iui-treegrid-row-hovered
{
	background-color: #f5f5f5;
	border: thin solid #efefef;
	color: black;
}
.iui-treegrid-row-selected
{
	background-color: #e5e5e5;
	border: thin solid #dedede;
	color: black;
}
.iui-treegrid-row-cell
{
	border-left: thin solid transparent;
	border-right: thin solid transparent;
	border-bottom: thin solid transparent;
	padding: 0;
	/*position: relative;*/
	vertical-align: top;
}
.iui-treegrid-row-cell-content
{
	border: 2px solid transparent;
	white-space: nowrap;
}
.iui-treegrid-row-cell-content:focus
{
    outline: none !important;
}
.iui-treegrid-row-cell-content-focused
{
	border: 2px solid gray !important;
}
.iui-treegrid-cell-empty
{
	border: thin solid transparent !important;
}
.iui-treegrid-expand-box
{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 3px 0 0;
	vertical-align: middle;
}
.iui-treegrid-enter .iui-treegrid-expand-box {
    -webkit-animation-name: iui-treegrid-animate-expand-box-enter;
            animation-name: iui-treegrid-animate-expand-box-enter;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.4s;
	        animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes iui-treegrid-animate-expand-box-enter {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes iui-treegrid-animate-expand-box-enter {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.iui-treegrid-leave .iui-treegrid-expand-box {
    -webkit-animation-name: iui-treegrid-animate-expand-box-leave;
            animation-name: iui-treegrid-animate-expand-box-leave;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes iui-treegrid-animate-expand-box-leave {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes iui-treegrid-animate-expand-box-leave {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.iui-treegrid-expand-box-load
{
	background: url('load.c601cb127f3667bf9335.gif') no-repeat 0 0;
}
.iui-treegrid-expand-box-open
{
	background: url('expand.045f395a5d72ad213f7a.ico') no-repeat 0 0;
}
.iui-treegrid-expand-box-open-disabled
{
	background: url('expand-disabled.7843063eb082c170d620.ico') no-repeat 0 0;
}
.iui-treegrid-expand-box-close
{
	background: url('collapse.49328ec351a65781569b.ico') no-repeat 0 0;
}
.iui-treegrid-expand-box-close-disabled
{
	background: url('collapse-disabled.a0ed0596daeddf0899c2.ico') no-repeat 0 0;
}
.iui-treegrid-column-reorder-mark
{
	position: absolute;
	pointer-events: none;
}
.iui-treegrid-column-reorder-mark span
{
    background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.iui-treegrid-column-reorder-mark-left
{
    background-image: url('move-left.a03507182ebbd4064676.ico');
}
.iui-treegrid-column-reorder-mark-right
{
    background-image: url('move-right.39f0735b0d10e08f070c.ico');
}
.iui-treegrid-column-reorder-tooltip
{
    background :         linear-gradient(white, #F1EFEC);

    background-color: #F1EFEC;
	border: thin solid black;
	border-radius: 3px;
	font-size: 16px;
	margin:0;
	padding:0;
	position: absolute;
	box-shadow: 0 0 3px #888888;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 200px;
	z-index: 999;
}
.iui-treegrid-column-reorder-tooltip span
{
	display: inline-block;
	padding: 3px;
	margin: 0 2px 0 0;
	vertical-align: middle;
}
.iui-treegrid-column-header-left, .iui-treegrid-column-footer-left
{
	border-right: 1px solid #ababab;
}
.iui-treegrid-column-header-right, .iui-treegrid-column-footer-right
{
	border-left: 1px solid #ababab;
}
.iui-treegrid-rows-left, .iui-treegrid-rows-left-top, .iui-treegrid-rows-left-bottom
{
	border-right: 1px solid #ababab;
}
.iui-treegrid-rows-right, .iui-treegrid-rows-right-top, .iui-treegrid-rows-right-bottom
{
	border-left: 1px solid #ababab;
}
.iui-treegrid-rows-top-block
{
	background: #f6f6f6;
	border-bottom: thin solid #efefef;
}
.iui-treegrid-rows-bottom-block
{
	background: #f6f6f6;
	border-top: thin solid #c5c5c5;
	z-index: 2;
}
.iui-treegrid-rows-bottom-block .iui-treegrid-row:last-child .iui-treegrid-lines-both
{
	border-bottom: 0;
}
.iui-treegrid-row-cell:first-child
{
	border-left: thin solid #d5d5d5;
}
.iui-treegrid-row-cell:last-child
{
	border-right: thin solid #d5d5d5;
}
.iui-treegrid-lines-none
{
	border-color: transparent !important;
}
.iui-treegrid-lines-horizontal:not(:last-child)
{
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #d5d5d5;
}
.iui-treegrid-lines-horizontal:last-child
{
	border-left-color: transparent;
	border-bottom-color: #d5d5d5;
}
.iui-treegrid-lines-vertical
{
	border-right-color: #d5d5d5;
}
.iui-treegrid-column-header .iui-treegrid-lines-vertical, .iui-treegrid-column-footer .iui-treegrid-lines-vertical
{
	border-left-color: #d5d5d5;
	border-right-color: #d5d5d5;
}
.iui-treegrid-row:last-child .iui-treegrid-lines-vertical
{
	border-bottom-color: #d5d5d5;
}
.iui-treegrid-lines-both
{
	border-right-color: #d5d5d5;
	border-bottom-color: #d5d5d5;
}
.iui-treegrid-column-header .iui-treegrid-lines-both, .iui-treegrid-column-footer .iui-treegrid-lines-both
{
	border-left-color: #d5d5d5;
	border-right-color: #d5d5d5;
	border-bottom-color: #d5d5d5;
}
/* Disabled State */
.iui-treegrid-disabled div
{
	opacity: 0.75;
	pointer-events: none;
}
/* Animation */
.iui-treegrid-column-animate
{
    border: 0;
    background-color: transparent;
    box-shadow: none;
    overflow: hidden;
    position: relative;
}
.iui-treegrid-column-animate-enter
{
	-webkit-animation-name: treegrid-column-animate-enter;
	        animation-name: treegrid-column-animate-enter;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.175s;
	        animation-duration: 0.175s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes treegrid-column-animate-enter
{
	0% { 	   
	    border: thin solid transparent;
	    box-shadow: none;
	}
	100% { 
	    border: thin solid #242424;
	    box-shadow: 2px 3px 3px #cecece;
	}
}
@keyframes treegrid-column-animate-enter
{
	0% { 	   
	    border: thin solid transparent;
	    box-shadow: none;
	}
	100% { 
	    border: thin solid #242424;
	    box-shadow: 2px 3px 3px #cecece;
	}
}
.iui-treegrid-column-animate-select-block
{
	display: block;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}
.iui-treegrid-column-animate-select
{
	background: #d5d5d5;
	display: block;
	left: 0;
	position: absolute;
	opacity: 0;
	top: 0;
}
.iui-treegrid-column-animate-select-left
{
	-webkit-animation-name: treegrid-column-animate-select-left;
	        animation-name: treegrid-column-animate-select-left;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes treegrid-column-animate-select-left
{
	0% { 	   
	    left: 100%;
	    opacity: 0.5;
	    width: 0;
	}
	100% { 
	    left: 0;
	    opacity: 0;
	    width: 100%;
	}
}
@keyframes treegrid-column-animate-select-left
{
	0% { 	   
	    left: 100%;
	    opacity: 0.5;
	    width: 0;
	}
	100% { 
	    left: 0;
	    opacity: 0;
	    width: 100%;
	}
}
.iui-treegrid-column-animate-select-right
{
	-webkit-animation-name: treegrid-column-animate-select-right;
	        animation-name: treegrid-column-animate-select-right;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes treegrid-column-animate-select-right
{
	0% { 	   
	    width: 0;
	    opacity: 0.5;
	}
	100% { 
	    width: 100%;
	    opacity: 0;
	}
}
@keyframes treegrid-column-animate-select-right
{
	0% { 	   
	    width: 0;
	    opacity: 0.5;
	}
	100% { 
	    width: 100%;
	    opacity: 0;
	}
}
.iui-treegrid-row-animate
{
    border: 0;
    background-color: transparent;
    box-shadow: none;
    display: block;
    overflow: hidden;
    position: relative;
}
.iui-treegrid-row-animate-enter
{
	-webkit-animation-name: treegrid-row-animate-enter;
	        animation-name: treegrid-row-animate-enter;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.175s;
	        animation-duration: 0.175s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes treegrid-row-animate-enter
{
	0% { 	   
	    border: thin solid transparent;
	    box-shadow: none;
	}
	100% { 
	    border: thin solid #242424;
	    box-shadow: 2px 3px 3px #cecece;
	}
}
@keyframes treegrid-row-animate-enter
{
	0% { 	   
	    border: thin solid transparent;
	    box-shadow: none;
	}
	100% { 
	    border: thin solid #242424;
	    box-shadow: 2px 3px 3px #cecece;
	}
}
.iui-treegrid-row-animate-select-block
{
	display: block;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}
.iui-treegrid-row-animate-select
{
	background: #f5f5f5;
	display: block;
	left: 0;
	position: absolute;
	opacity: 0;
	top: 0;
}
.iui-treegrid-row-animate-select-left
{
	-webkit-animation-name: treegrid-row-animate-select-left;
	        animation-name: treegrid-row-animate-select-left;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes treegrid-row-animate-select-left
{
	0% { 	   
	    left: 100%;
	    opacity: 0.5;
	    width: 0;
	}
	100% { 
	    left: 0;
	    opacity: 0;
	    width: 100%;
	}
}
@keyframes treegrid-row-animate-select-left
{
	0% { 	   
	    left: 100%;
	    opacity: 0.5;
	    width: 0;
	}
	100% { 
	    left: 0;
	    opacity: 0;
	    width: 100%;
	}
}
.iui-treegrid-row-animate-select-right
{
	-webkit-animation-name: treegrid-row-animate-select-right;
	        animation-name: treegrid-row-animate-select-right;
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
	-webkit-animation-direction: normal;
	        animation-direction: normal;
	-webkit-animation-duration: 0.5s;
	        animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	        animation-play-state: running;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
}
@-webkit-keyframes treegrid-row-animate-select-right
{
	0% { 	   
	    width: 0;
	    opacity: 0.5;
	}
	100% { 
	    width: 100%;
	    opacity: 0;
	}
}
@keyframes treegrid-row-animate-select-right
{
	0% { 	   
	    width: 0;
	    opacity: 0.5;
	}
	100% { 
	    width: 100%;
	    opacity: 0;
	}
}
.iui-treeitem
{
    list-style-type: none;
}
.iui-treeitem-block, .iui-treeitem-content-block {
    border: 2px solid transparent;
}
.iui-treeitem-hovered, .iui-treeitem-content-hovered {
    background-color: #f5f5f5;
    border: 2px solid #efefef;
}
.iui-treeitem-selected, .iui-treeitem-content-selected {
    background-color: #e5e5e5;
    border: 2px solid #dedede;
}
.iui-treeitem:focus, .iui-treeitem-content:focus {
    outline: none !important;
}
.iui-treeitem-empty
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.iui-treeitem-content
{
    display: block;
	margin: 0;
	padding: 3px;
    position: relative;
	white-space: nowrap;
}
.iui-treeitem-content-focused
{
    border-color: gray;
}
.iui-treeitem-content:focus {
    outline: none !important;
}
.iui-treeitem-expand-box
{
    background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat 0 -48px;
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 1px 5px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.iui-treeview-enter .iui-treeitem-expand-box-general {
    -webkit-animation-name: iui-treeview-animate-expand-box-enter;
            animation-name: iui-treeview-animate-expand-box-enter;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@-webkit-keyframes iui-treeview-animate-expand-box-enter {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes iui-treeview-animate-expand-box-enter {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.iui-treeview-leave .iui-treeitem-expand-box-general {
    -webkit-animation-name: iui-treeview-animate-expand-box-leave;
            animation-name: iui-treeview-animate-expand-box-leave;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@-webkit-keyframes iui-treeview-animate-expand-box-leave {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes iui-treeview-animate-expand-box-leave {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.iui-treeitem-expand-box-open
{
    background-position: 0 -16px;
}
.iui-treeitem-expand-box-open-animate
{
    background-position: 0 0;
 
    -webkit-animation-name: expand-box-open;
 
            animation-name: expand-box-open;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.25s;
            animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@keyframes expand-box-open
{
    0% { /* IE 9 */ /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }
    100% { /* IE 9 */ /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }
}
.iui-treeitem-expand-box-close
{
    background-position: 0 0;
}
.iui-treeitem-expand-box-close-animate
{
    background-position: 0 0;

    -webkit-animation-name: expand-box-close;

            animation-name: expand-box-close;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.25s;
            animation-duration: 0.25s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@keyframes expand-box-close
{
    0% { /* IE 9 */ /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }
    100% { /* IE 9 */ /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }
}
.iui-treeitem-expand-box-load
{
    background: url('load.c601cb127f3667bf9335.gif') no-repeat 0 0 !important;
}
.iui-treeitem-list
{
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 20px;
    overflow: hidden;
}
/* Disabled State */
.iui-treeitem-disabled div
{
    opacity: 0.75;
    pointer-events: none;
}
/* Animations */
.iui-treeitem-animate
{
    border: 0 solid transparent;
    background-color: transparent;
    box-shadow: none;
    list-style-type: none;
    position: relative;
}
.iui-treelist
{
	background: #efefef;
    color: #323232;
	overflow: hidden;
	padding: 1px;
	position: relative;
	cursor: default;

    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.iui-treelist-header
{
	background: #cecece;
	padding: 7px;
    position: relative;
	margin: -1px;
    z-index: 2;
}
.iui-treelist-header-title
{
    margin: 0 0 0 5px;
}
.iui-treelist-block
{
}
.iui-treelist-block ul {
    list-style-type: none;
    margin: 0;
    padding: 1px 0;
    position: absolute;
}
.iui-treelistitem
{
	margin: 0;
	padding: 5px;
}
.expand-icons
{
    background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat 0 0;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: -3px 0 0 -4px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.next
{
    background-position: 0 0;
}
.back
{
    background-position: 0 -32px;
}
.iui-treelistitem-hovered
{
	background: #e5e5e5;
}
.iui-treelistitem-selected
{
    background: #d9d9d9;
}
.iui-treelistgroup {
    background: #f5f5f5;
    padding: 5px;
    font-weight: bold;
}
.iui-treelistgroup div:focus, .iui-treelistitem div:focus
{
    outline: none !important;
}
/* Disabled State */
.iui-treelist-disabled div, .iui-treelist-disabled ul
{
    opacity: 0.75;
    pointer-events: none;
}
.iui-treelist-scroll {
    opacity: 0.25;
    z-index: 3;
}
.iui-treelist-scroll-available {
    -webkit-animation-name: treelist-scroll-animate-enter;
            animation-name: treelist-scroll-animate-enter;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@-webkit-keyframes treelist-scroll-animate-enter
{
    0% { opacity: 0.25; }
    100% { opacity: 1; }
}
@keyframes treelist-scroll-animate-enter
{
    0% { opacity: 0.25; }
    100% { opacity: 1; }
}
.iui-treelist-scroll-not-available {
    -webkit-animation-name: treelist-scroll-animate-leave;
            animation-name: treelist-scroll-animate-leave;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@-webkit-keyframes treelist-scroll-animate-leave
{
    0% { opacity: 1; }
    100% { opacity: 0.25; }
}
@keyframes treelist-scroll-animate-leave
{
    0% { opacity: 1; }
    100% { opacity: 0.25; }
}
/* Animation */
.iui-treelistitem-animate
{
    border: 0 solid transparent;
    background-color: transparent;
    box-shadow: none;
    list-style-type: none;
    overflow: hidden;
    position: relative;
}
.iui-treelistitem-animate-enter
{
    -webkit-animation-name: listitem-animate-enter;
            animation-name: listitem-animate-enter;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.175s;
            animation-duration: 0.175s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@keyframes listitem-animate-enter
{
    0% {       
        border: thin solid transparent;
        box-shadow: none;
    }
    100% { 
        border: thin solid #242424;
        box-shadow: 2px 3px 3px #cecece;
    }
}
.iui-treelistitem-animate-select-block
{
    display: block;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
.iui-treelist-header-animate-select, .iui-treelistitem-animate-select
{
    background: #f5f5f5;
    display: block;
    left: 0;
    position: absolute;
    opacity: 0;
    top: 0;
}
.iui-treelistitem-animate-select-left
{
    -webkit-animation-name: listitem-animate-select-left;
            animation-name: listitem-animate-select-left;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@keyframes listitem-animate-select-left
{
    0% {       
        left: 100%;
        opacity: 0.5;
        width: 0;
    }
    100% { 
        left: 0;
        opacity: 0;
        width: 100%;
    }
}
.iui-treelistitem-animate-select-right
{
    -webkit-animation-name: listitem-animate-select-right;
            animation-name: listitem-animate-select-right;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-play-state: running;
            animation-play-state: running;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; 
}
@keyframes listitem-animate-select-right
{
    0% {       
        width: 0;
        opacity: 0.5;
    }
    100% { 
        width: 100%;
        opacity: 0;
    }
}
.iui-treeview
{
    background: white;
	border: thin solid #cecece;
    cursor: default;
	overflow: hidden;
	padding: 1px;
    position: relative;

    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.iui-treeview-item-empty-content
{
    background: #f5f5f5;
    margin: 0;
}
.iui-treeview-block-hover, .iui-treeview-block-select {
    background: transparent;
    border: thin solid #cecece;
    box-shadow: 2px 3px 3px #e5e5e5;
    pointer-events: none;
    position: absolute;
    z-index: 6;
}
.iui-treeview-block-hover > div, .iui-treeview-block-select > div {
    background: #f5f5f5;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}
/* Disabled State */
.iui-treeview-disabled div, .iui-treeview-disabled ul
{
    opacity: 0.75;
    pointer-events: none;
}
.iui-editor-progress-content
{
	background: #ABD8FC;
}
.iui-button
{
	background: #e2e2e2;
	border-color: #e2e2e2;
}
.iui-button-hovered
{
	background: #91c1e7;
	border-color: #91c1e7;
}
.iui-button-selected
{
	background: #318ad2;
	border-color: #318ad2;
	color: white;
}
.iui-calendar-cell-hovered, .iui-calendar-cell-grayed:hover
{
	background: #e5f3fe;
	border-color: #e5f3fe;
}
.iui-calendar-cell-selected
{
    background: #cce8ff;
    border-color: #cce8ff;
	color: black;
}
.iui-calendar-cell-today
{
	border-color: #b4dbfc;
}
@keyframes calendar-cell-enter
{
	0% { 	   
	    background: transparent;
	    border-color: transparent;
	}
	100% { 
	    background: #e5f3fe;
	    border-color: #e5f3fe;
	}
}
@keyframes calendar-cell-leave
{
	0% { 	   
	    background: #e5f3fe;
	    border-color: #e5f3fe;
	}
	100% { 
	    background: transparent;
	    border-color: transparent;
	}
}
.iui-contextmenu
{
	background-color: #f2f2f2;
	border: solid thin #a0a0a0;
    color: #484848;
    padding: 0;
}
.iui-contextmenu .iui-menuitem-block
{
	background-color: #f2f2f2;
	border: solid thin #a0a0a0;
	border-radius: 0;
	padding: 0;
}
.iui-contextmenu .iui-menuitem-root
{
	background: #ffffff;
	border-color: transparent;
	color: #000000;
	padding: 5px;
}
.iui-contextmenu .iui-menuitem-root-hovered, .iui-contextmenu .iui-menuitem-root-selected
{
    -webkit-animation-name: none;
            animation-name: none;
	background-color: #f5f5f5 !important;
	border: solid thin #f5f5f5 !important;
	color: #000000;
}
.iui-dropdown-button
{
	background: #e2e2e2;
	border-color: #e2e2e2;
}
.iui-dropdown-button-btn-right, .iui-dropdown-button-btn-left
{
	border-color: #a5a5a5;
}
.iui-dropdown-button:hover
{
	background: #91c1e7;
	border-color: #e2e2e2;
}
.iui-dropdown-button:hover .iui-dropdown-button-btn-right, .iui-dropdown-button:hover .iui-dropdown-button-btn-left
{
	border-color: #318ad2;
}
.iui-dropdown-button-list, .iui-dropdown-button-list .iui-menuitem-block
{
	background-color: #f2f2f2;
	border: solid thin #a0a0a0;
}
.iui-dropdown-button-list .iui-menuitem-root, .iui-dropdown-button-list .iui-menuitem
{
	padding: 2px;
}
.iui-grid-block-left, .iui-grid-block-right
{
	background: #f5f5f5;
}
.iui-grid-block-top-left .iui-grid-column-header, 
.iui-grid-block-top-right .iui-grid-column-header {
	background-color: #efefef;
	border-color: transparent;
	border-bottom: thin solid #e6e6e6 !important;
	color: #49678f;
}
.iui-grid-block-top-left .iui-grid-column-footer, 
.iui-grid-block-top-right .iui-grid-column-footer {
	background-color: #ffffff;
	border-color: transparent;
	border-right: thin solid #e6e6e6 !important;
	border-top: thin solid #e6e6e6 !important;
	color: #323232;
}
.iui-grid-block-top-left .iui-grid-column-header-hovered, 
.iui-grid-block-top-right .iui-grid-column-header-hovered {
	background-color: #d9ebf9;
	border: thin solid #d9ebf9 !important;
    color: #49678f;
}
.iui-grid-block-top-left .iui-grid-column-header-selected, 
.iui-grid-block-top-right .iui-grid-column-header-selected {
	background-color: #bcdcf4;
	border: thin solid #bcdcf4 !important;
    color: #3d5576;
}
.iui-grid-column-header, .iui-grid-column-footer
{
	color: black;
}
.iui-grid-column-header
{
	border-bottom: thin solid transparent !important;
}
.iui-grid-column-footer
{
	border-top: thin solid transparent !important;
}
.iui-grid-column-header-hovered, .iui-grid-column-header-selected, .iui-grid-row-hovered, .iui-grid-row-selected
{
    -webkit-animation-name: none;
            animation-name: none;
}
.iui-grid-column-header-selected
{
	color: white !important;
}
.iui-grid-row-cell:first-child
{
	border-left: thin solid transparent;
}
.iui-grid-row-cell:last-child
{
	border-right: thin solid transparent;
}
.iui-grid-lines-horizontal:not(:last-child)
{
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}
.iui-grid-lines-horizontal:last-child
{
	border-left-color: transparent;
	border-bottom-color: transparent;
}
.iui-grid-lines-vertical
{
	border-right-color: transparent;
}
.iui-grid-lines-both
{
	border-right-color: transparent;
	border-bottom-color: transparent;
}
.iui-grid-expand-box-open
{
	background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat -16px 0;
	opacity: 0.5;
}
.iui-grid-expand-box-open:hover
{
	background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat -16px 0;
	opacity: 0.5;
}
.iui-grid-expand-box-close
{
	background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat -16px -16px;
}
.iui-grid-expand-box-close:hover
{
	background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat -16px -16px;
}
.iui-grid-row, .iui-grid-row-fixed {
	color: black;
}
.iui-grid
{
	border: thin solid #d9d9d9;
    color: #000000;
}
.iui-grid-column-header, .iui-grid-column-footer
{
	background-color: #ffffff;
	border-color: transparent;
	border-right: thin solid #e6e6e6 !important;
	color: #49678f;
}
.iui-grid-column-header
{
	border-bottom: thin solid #e6e6e6 !important;
}
.iui-grid-column-footer
{
	border-top: thin solid #e6e6e6 !important;
	color: #323232;
}
.iui-grid-column-header-hovered
{
	background-color: #d9ebf9;
	border-color: #d9ebf9;
    color: #49678f;
}
.iui-grid-column-header-selected
{
	background-color: #bcdcf4;
	border-right-color: #bcdcf4;
    color: #3d5576;
}
.iui-grid-column-header-cell-selected
{
	background-color: transparent;
}
.iui-grid-row-hovered
{
	background-color: #e5f3fe;
}
.iui-grid-row-selected
{
	background-color: #cce8ff;
	border-color: #99d1ff;
	color: #000000;
}
.iui-grid-row-cell:first-child
{
	border-left: thin solid transparent;
}
.iui-grid-row-cell:last-child
{
	border-right: thin solid transparent;
}
.iui-grid-lines-horizontal
{
	border-bottom: thin solid transparent;
}
.iui-grid-lines-vertical
{
	border-right: thin solid transparent;
}
.iui-grid-lines-both
{
	border-right: thin solid transparent;
	border-bottom: thin solid transparent;
}
.iui-grid-expand-box-open
{
	background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat -16px 0;
	opacity: 0.5;
}
.iui-grid-expand-box-close
{
	background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat -16px -16px;
}
/* Animation */
.iui-grid-column-animate-select
{
	background: #d9ebf9;
}
.iui-grid-row-animate-select
{
	background: #e5f3fe;
}
/* Grouping */
.iui-grid-grouping-panel
{
	background-color: #ffffff;
	border-bottom: thin solid #d9d9d9;
}
.iui-grid-grouping-panel-item
{
	background-color: #e2e2e2;
	border: thin solid #e2e2e2;
}
.iui-grid-grouping-panel-toolbar-button-add
{
	background: #e2e2e2;
    border: thin solid #e2e2e2;
}
.iui-grid-grouping-marker::before
{
	border: 6px solid #e2e2e2;
	border-color: transparent transparent transparent #e2e2e2;
}
.iui-grid-grouping-marker::after
{
	border: 6px solid #e2e2e2;
	border-color: transparent transparent transparent #e2e2e2;
}
.iui-grid-grouping-panel-dropdown-list li:hover
{
    background: #e5e5e5;
}
.iui-grid .iui-sort-ascending
{
    background-position: -48px -80px;
}
.iui-grid .iui-sort-descending
{
    background-position: -32px -80px;
}
/* Normal State */
.iui-groupbox-header
{
	background-color: #e2e2e2;
	border: thin solid #e2e2e2;
}
/* Hover State */
.iui-groupbox-header-hovered
{
    -webkit-animation-name: none;
            animation-name: none;
	background-color: #91c1e7;
	border: thin solid #91c1e7;
}
/* Selected State */
.iui-groupbox-header-selected
{
    -webkit-animation-name: none;
            animation-name: none;
	background-color: #318ad2;
	border: thin solid #318ad2;
	color: white;
}
.iui-groupbox-content
{
	background-color: #ffffff;
	border: solid thin #d9d9d9;
}
.iui-groupbox-header-selected .iui-groupbox-header-expand-box
{
	background: #ffffff !important;
}
.iui-groupbox-header-animate-select
{
	background: #91c1e7;
}
.iui-listbox
{
    background-color: white;
    border-color: #d9d9d9;
    color: #000000;
}
/* Header Normal State */
.iui-listgroup-header
{
	background-color: #e2e2e2;
	border: thin solid #e2e2e2;
}
/* Header Hover State */
.iui-listgroup-header-hovered
{
    -webkit-animation-name: none;
            animation-name: none;
	background-color: #91c1e7;
	border: thin solid #91c1e7;
}
/* Header Selected State */
.iui-listgroup-header-selected
{
    -webkit-animation-name: none;
            animation-name: none;
	background-color: #318ad2;
	border: thin solid #318ad2;
	color: white;
}
.iui-listgroup-content
{
	background-color: #ffffff;
	border: solid thin #d9d9d9;
}
.iui-listgroup-header-selected .iui-listgroup-header-expand-box
{
	background: #ffffff !important;
}
.iui-listitem-hovered
{
    -webkit-animation-name: none;
            animation-name: none;
    background-color: #e5f3fe;
    border: 2px solid #e5f3fe;
	color: #000000;
}
.iui-listitem-selected
{
    -webkit-animation-name: none;
            animation-name: none;
    background-color: #cce8ff;
    border: 2px solid #cce8ff;
	color: #000000;
}
.iui-listitem-animate-select
{
	background: #e5f3fe;
}
/* DisplayMode - LeftRight */
.iui-listscroller-leftright-buttons
{
	background: #e2e2e2;
	border: thin solid #e2e2e2;
}
.iui-listscroller-leftright-buttons:hover
{
	background: #91c1e7;
	border: thin solid #91c1e7;
}
/* DisplayMode - UpDown */
.iui-listscroller-updown-buttons
{
	background: #e2e2e2;
	border: thin solid #e2e2e2;
}
.iui-listscroller-updown-buttons:hover
{
	background: #91c1e7;
	border: thin solid #91c1e7;
}
.iui-listview
{
    background-color: white;
    border-color: #d9d9d9;
    color: #000000;
}
.iui-menu
{
	background-color: #bcbcbc;
    color: #000000;
}
.iui-menu-block
{
	border-radius: 0;
	padding: 0;
}
.iui-menu > ul
{
	background-color: #bcbcbc;
	border-radius: 0;
}
.iui-menuitem-root, .iui-menuitem-root-vertical
{
	background: none;
	border: solid thin #bcbcbc;
	color: #000000;
	padding: 5px 6px 5px 4px;
}
.iui-menuitem-root .iui-menuitem-root-content
{
	margin: 0 10px;
}
.iui-menuitem-root-hovered, .iui-menuitem-root-selected
{
    -webkit-animation-name: none;
            animation-name: none;
	background-color: #dedede;
	border: solid thin #dedede;
	border-radius: 0;
	color: #000000;
}
.iui-menuitem-root-vertical
{
    border-bottom: thin solid #d5d5d5 !important;
}
.iui-menuitem-root-hovered a
{
	color: black;
}
.iui-menu-disabled > ul
{
	background: #808080;
}
.iui-menuitem-root-disabled, .iui-menuitem-disabled
{
	border: solid thin transparent;
	color: #858585;
}
.iui-menuitem
{
	background-color: #ffffff;
	border: solid thin #ffffff;
	border-radius: 0;
	color: #000000;
	padding: 4px 4px 5px 4px;
}
.iui-menuitem-hovered, .iui-menuitem-selected
{
    -webkit-animation-name: none;
            animation-name: none;
	background-color: #f5f5f5 !important;
	border: solid thin #f5f5f5 !important;
	color: #000000;
}
.iui-menuitem-selected a
{
	color: black;
}
.iui-menuitem-separator
{
    background-color: #919191;
}
.iui-menu li > ul
{
	background-color: #ffffff;
	border: solid thin #a0a0a0;
	border-radius: 0;
	padding: 0;
}
.iui-menu-expand-box
{
	width: 16px;
	height: 16px;
}
.iui-menu-marker-expand-down::before
{
	border: 7px solid #000000;
	border-color: #000000 transparent transparent transparent;
	top: 14px;
	right: 5px;
}
.iui-menu-marker-expand-down::after
{
	border: 7px solid #bcbcbc;
	border-color: #bcbcbc transparent transparent transparent;
	top: 12px;
	right: 5px;
}
.iui-menu-marker-expand-down:hover::after
{
	border: 7px solid #dedede;
	border-color: #dedede transparent transparent transparent;
	top: 12px;
	right: 5px;
}
.iui-menu-marker-expand-down-rtl::before
{
	border: 7px solid #000000;
	border-color: #000000 transparent transparent transparent;
	top: 14px;
	left: 5px;
}
.iui-menu-marker-expand-down-rtl::after
{
	border: 7px solid #bcbcbc;
	border-color: #bcbcbc transparent transparent transparent;
	top: 12px;
	left: 5px;
}
.iui-menu-marker-expand-down-rtl:hover::after
{
	border: 7px solid #dedede;
	border-color: #dedede transparent transparent transparent;
	top: 12px;
	left: 5px;
}
.iui-menu-marker-expand-right::before
{
	border: 7px solid #323232;
	border-color: transparent transparent transparent #323232;
	top: 30%;
	left: auto;
	right: 2px;
}
.iui-menu-marker-expand-right::after
{
	border: 7px solid #ffffff;
	border-color: transparent transparent transparent #ffffff;
	top: 30%;
	left: auto;
	right: 4px;
}
.iui-menu-marker-expand-right:hover::after
{
	border: 7px solid #f5f5f5;
	border-color: transparent transparent transparent #f5f5f5;
	top: 30%;
	left: auto;
	right: 4px;
}
.iui-menu-marker-expand-left::before
{
	border: 7px solid #323232;
	border-color: transparent #323232 transparent transparent;
	top: 30%;
	left: 2px;
	right: auto;
}
.iui-menu-marker-expand-left::after
{
	border: 7px solid #ffffff;
	border-color: transparent #ffffff transparent transparent;
	top: 30%;
	left: 4px;
	right: auto;
}
.iui-menu-marker-expand-left:hover::after
{
	border: 7px solid #f5f5f5;
	border-color: transparent #f5f5f5 transparent transparent;
	top: 30%;
	left: 4px;
	right: auto;
}
.iui-menu-marker-top::before
{
	border: 6px solid #ffffff;
	border-color: transparent transparent #a0a0a0 transparent;
	top: -13px;
	left: 10px;
}
.iui-menu-marker-top::after
{
	border: 6px solid #ffffff;
	border-color: transparent transparent #fefefe transparent;
	top: -12px;
	left: 10px;
}
.iui-menu-marker-top-rtl::before
{
	border: 6px solid #ffffff;
	border-color: transparent transparent #a0a0a0 transparent;
	top: -12px;
	right: 10px;
}
.iui-menu-marker-top-rtl::after
{
	border: 6px solid #ffffff;
	border-color: transparent transparent #ffffff transparent;
	top: -12px;
	right: 10px;
}
.iui-menu-marker-left::before
{
	border: 8px solid #ffffff;
	border-color: transparent #a0a0a0 transparent transparent;
	top: 9px;
	left: -16px;
}
.iui-menu-marker-left::after
{
	border: 8px solid #ffffff;
	border-color: transparent #ffffff transparent transparent;
	top: 9px;
	left: -15px;
}
.iui-menu-marker-right::before
{
	border: 8px solid #ffffff;
	border-color: transparent transparent transparent #a0a0a0;
	top: 9px;
	right: -16px;
}
.iui-menu-marker-right::after
{
	border: 8px solid #ffffff;
	border-color: transparent transparent transparent #ffffff;
	top: 9px;
	right: -15px;
}
.iui-menuitem-root-separator, .iui-menuitem-separator
{
	background: #ffffff;
}
.iui-numeric-inbound-btn
{
	background: #e2e2e2;
	border: thin solid #e2e2e2;
}
.iui-numeric-inbound-btn:hover
{
	background: #91c1e7;
	border: thin solid #91c1e7;
}
/* DisplayMode - LeftRight */
.iui-numeric-leftright-buttons
{
	background: #e2e2e2;
	border: thin solid #e2e2e2;
}
.iui-numeric-leftright-buttons:hover
{
	background: #91c1e7;
	border: thin solid #91c1e7;
}
/* DisplayMode - UpDown */
.iui-numeric-updown-buttons
{
	background: #e2e2e2;
	border: thin solid #e2e2e2;
}
.iui-numeric-updown-buttons:hover
{
	background: #91c1e7;
	border: thin solid #91c1e7;
}
.iui-slider-content, .iui-slider-content-vertical
{
	background: #e2e2e2;
}
.iui-slider-background, .iui-slider-background-vertical
{
	background: #c2c2c2;
}
.iui-slider-button
{
	background: #c2c2c2;
	border: 2px solid #c2c2c2;
}
.iui-splitcontainer-tab
{
	border: thin solid #d9d9d9;
}
.iui-splitcontainer-splitter
{
	background: #e5f3fe;
	border: thin solid #d9d9d9;
}
.iui-splitcontainer-panel
{
	border: thin solid #d9d9d9;
}
.iui-splitcontainer-swap-button:hover
{
	background: #fefefe;
	border-color: #d9d9d9;
}
.iui-splitter
{
	background: #e5f3fe;
}
.iui-tab-header
{
	background-color: #f2f2f2;
	border: solid thin #d9d9d9;
	border-bottom-color: #d9d9d9;
	color: #000000;
}
.iui-tab-header-hovered
{
    -webkit-animation-name: none;
            animation-name: none;
	background-color: #e5f3fe;
	border: solid thin #cce8ff;
	color: #000000;
}
.iui-tab-header-selected
{
	background-color: #ffffff;
	border: solid thin #d9d9d9;
	color: #000000;
}
.iui-tab-content
{
	background: #ffffff;
	border-color: #d9d9d9;
}
.iui-tab-selected-top
{
	border-bottom-color: white;
}
.iui-tab-selected-right
{
	border-left-color: white;
}
.iui-tab-selected-bottom
{
	border-top-color: white;
}
.iui-tab-selected-left
{
	border-right-color: white;
}
.iui-tabstrip ul
{
	padding: 4px;
}
.iui-treegrid-block-left, .iui-treegrid-block-right
{
	background: #f5f5f5;
}
.iui-treegrid-block-top-left .iui-treegrid-column-header, 
.iui-treegrid-block-top-right .iui-treegrid-column-header {
	background-color: #efefef;
	border-color: transparent;
	border-bottom: thin solid #e6e6e6 !important;
	color: #49678f;
}
.iui-treegrid-block-top-left .iui-treegrid-column-footer, 
.iui-treegrid-block-top-right .iui-treegrid-column-footer {
	background-color: #ffffff;
	border-color: transparent;
	border-right: thin solid #e6e6e6 !important;
	border-top: thin solid #e6e6e6 !important;
	color: #323232;
}
.iui-treegrid-block-top-left .iui-treegrid-column-header-hovered, 
.iui-treegrid-block-top-right .iui-treegrid-column-header-hovered {
	background-color: #d9ebf9;
	border: thin solid #d9ebf9 !important;
    color: #49678f;
}
.iui-treegrid-block-top-left .iui-treegrid-column-header-selected, 
.iui-treegrid-block-top-right .iui-treegrid-column-header-selected {
	background-color: #bcdcf4;
	border: thin solid #bcdcf4 !important;
    color: #3d5576;
}
.iui-treegrid-column-header, .iui-treegrid-column-footer
{
	color: black;
}
.iui-treegrid-column-header
{
	border-bottom: thin solid transparent !important;
}
.iui-treegrid-column-footer
{
	border-top: thin solid transparent !important;
}
.iui-treegrid-column-header-hovered, .iui-treegrid-column-header-selected, .iui-treegrid-row-hovered, .iui-treegrid-row-selected
{
    -webkit-animation-name: none;
            animation-name: none;
}
.iui-treegrid-column-header-selected
{
	color: white !important;
}
.iui-treegrid-row-cell:first-child
{
	border-left: thin solid transparent;
}
.iui-treegrid-row-cell:last-child
{
	border-right: thin solid transparent;
}
.iui-treegrid-lines-horizontal:not(:last-child)
{
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}
.iui-treegrid-lines-horizontal:last-child
{
	border-left-color: transparent;
	border-bottom-color: transparent;
}
.iui-treegrid-lines-vertical
{
	border-right-color: transparent;
}
.iui-treegrid-lines-both
{
	border-right-color: transparent;
	border-bottom-color: transparent;
}
.iui-treegrid-expand-box-open
{
	background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat -16px 0;
	opacity: 0.5;
}
.iui-treegrid-expand-box-open:hover
{
	background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat -16px 0;
	opacity: 0.5;
}
.iui-treegrid-expand-box-close
{
	background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat -16px -16px;
}
.iui-treegrid-expand-box-close:hover
{
	background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat -16px -16px;
}
.iui-treegrid-row, .iui-treegrid-row-fixed {
	color: black;
}
.iui-treegrid
{
	border: thin solid #d9d9d9;
    color: #000000;
}
.iui-treegrid-column-header, .iui-treegrid-column-footer
{
	background-color: #ffffff;
	border-color: transparent;
	border-right: thin solid #e6e6e6 !important;
	color: #49678f;
}
.iui-treegrid-column-header
{
	border-bottom: thin solid #e6e6e6 !important;
}
.iui-treegrid-column-footer
{
	border-top: thin solid #e6e6e6 !important;
	color: #323232;
}
.iui-treegrid-column-header-hovered
{
	background-color: #d9ebf9;
	border-color: #d9ebf9;
    color: #49678f;
}
.iui-treegrid-column-header-selected
{
	background-color: #bcdcf4;
	border-right-color: #bcdcf4;
    color: #3d5576;
}
.iui-treegrid-column-header-cell-selected
{
	background-color: transparent;
}
.iui-treegrid-row-hovered
{
	background-color: #e5f3fe;
}
.iui-treegrid-row-selected
{
	background-color: #cce8ff;
	border-color: #99d1ff;
	color: #000000;
}
.iui-treegrid-row-cell:first-child
{
	border-left: thin solid transparent;
}
.iui-treegrid-row-cell:last-child
{
	border-right: thin solid transparent;
}
.iui-treegrid-lines-horizontal
{
	border-bottom: thin solid transparent;
}
.iui-treegrid-lines-vertical
{
	border-right: thin solid transparent;
}
.iui-treegrid-lines-both
{
	border-right: thin solid transparent;
	border-bottom: thin solid transparent;
}
.iui-treegrid-expand-box-open
{
	background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat -16px 0;
	opacity: 0.5;
}
.iui-treegrid-expand-box-close
{
	background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat -16px -16px;
}
.iui-treegrid .iui-sort-ascending
{
    background-position: -48px -80px;
}
.iui-treegrid .iui-sort-descending
{
    background-position: -32px -80px;
}
/* Animation */
.iui-treegrid-column-animate-select
{
	background: #d9ebf9;
}
.iui-treegrid-row-animate-select
{
	background: #e5f3fe;
}
.iui-treeitem-hovered, .iui-treeitem-content-hovered
{
    -webkit-animation-name: none;
            animation-name: none;
    background-color: #e5f3fe;
    border: 2px solid #e5f3fe;
	color: #000000;
}
.iui-treeitem-selected, .iui-treeitem-content-selected
{
    -webkit-animation-name: none;
            animation-name: none;
    background-color: #cce8ff;
    border: 2px solid #cce8ff;
	color: #000000;
}
.iui-treeitem-expand-box
{
    background: url('expandbox-icons.53b30e0f2fe1bc69dd27.png') no-repeat -16px -48px;
}
.iui-treeitem-expand-box-open, .iui-treeitem-expand-box-open:hover
{
    background-position: -16px -16px;
    opacity: 0.5;
}
.iui-treeitem-expand-box-close, .iui-treeitem-expand-box-close:hover
{
    background-position: -16px 0;
}
.iui-treeitem-expand-box-open-animate
{
    background-position: -16px 0;
	opacity: 0.5;
}
.iui-treeitem-expand-box-close-animate
{
    background-position: -16px 0;
}
.iui-treelist
{
    background-color: #ffffff;
    border: thin solid #d9d9d9;
}
.iui-treelist-header
{
    background-color: #318ad2;
    border: solid thin #318ad2;
    color: white;
}
.iui-treelistitem-hovered
{
    background-color: #e5f3fe;
}
.iui-treelistitem-selected
{
    background-color: #cce8ff;
	color: #000000;
}
.iui-treelistitem-animate-select
{
	background: #e5f3fe;
}
.iui-treeview
{
    background-color: white;
    border-color: #d9d9d9;
    color: #000000;
}
/*
    Overwrite some global IUI styles
 */
.iui-dialog
{
    background-color: #ffffff;
    /* box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); */
    height: 400px;
    margin: auto;
    min-height: 50px;
    min-width: 50px;
    max-width: 800px;
    padding: 10px;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    white-space: nowrap;
    width: 600px;
    z-index: 9999999;

    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;

    box-shadow: 5px 5px 20px #808080;
}
.iui-dialog-overlay
{
    background: black;
    /*background: transparent;*/
    margin: 0;
    opacity: 0.1;
    padding: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}
.iui-progressbar
{
    box-shadow: 1px 1px 0px var(--color-wintergrey-2, #f00) inset;
    background: var(--color-wintergrey-1, #f00);
    border: 1px solid var(--color-wintergrey-2, #f00);
    border-radius: 0;
    color: black;
    cursor: default;
    margin: 0;
    overflow: hidden;
    padding: 2px;
    position: relative;
}
.iui-progressbar-content
{
    background: var(--color-cyan-3, #f00);
    border-radius: 3px;
    height: 22px;
}
/* Import the style guide framework css files here! */
/* Style Guide Framework CSS classes */
/* =============================================
   styling for the combo box / drop down selection ng-select as SingleChoiceItemPresenter
==============================================*/
/* @import "../../../../node_modules/@ng-select/ng-select/themes/default.theme.css"; */
/* default.theme.css or material.theme.css */
/* based on default.theme, changes commented and with empty line before/after */
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}
/* on hover no change */
/* .ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none} */
/* left symbol if options opened, color magenta2 */
.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #a8005c;border-width:0 5px 5px}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #a8005c}
.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}
.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}
.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}
.ng-select.ng-select-disabled>.ng-select-container{background-color: var(--color-wintergrey-1, #f00)}
.ng-select .ng-has-value .ng-placeholder{display:none}
/* select height, border wintergrey2, box-shadow (incl. on hover no change) */
.ng-select .ng-select-container{background-color:#fff;border-radius:0px;border:1px solid #c3ced5;box-shadow: 1px 1px 0px #c3ced5 inset;min-height:28px;align-items:center}
/* .ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)} /

/* select value padding */
.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:5px}
/* select value padding */
[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:5px;padding-left:0}
.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}
/* select height */
.ng-select.ng-select-single .ng-select-container{height:28px}
/* select value padding input/cursor */
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:5px;padding-right:50px}
[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:5px;padding-left:50px}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;background-color:#ebf5ff;border-radius:2px;margin-right:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}
.ng-select .ng-clear-wrapper{color:#999}
.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}
.ng-select .ng-spinner-zone{padding:5px 5px 0 0}
[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}
.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}
[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}
/* left symbol if options closed, color magenta2 */
.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#a8005c}
.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#a8005c transparent transparent;border-style:solid;border-width:5px 5px 2.5px}
.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}
.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}
.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}
/* option hover background wintergrey1 */
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#e6ecf0}
/* option selected background wintergrey2 */
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#c3ced5;font-weight:600}
/* option color alpha */
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,1);padding:8px 10px}
/* option selected background wintergrey2 */
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#111;background-color:#c3ced5}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}
/* option hover background wintergrey1 */
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#e6ecf0;color:#111}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}
[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}
/* Import the integralui css files here! */
/*
    Overwrite some global IUI styles
 */
/* Overwrite the IUI default style by extending it with width and height */
.iui-treegrid
{
    width: 100%;
    height: 100%;

    background: white;
    /* border: thin solid #cecece; */
    border: none;
    border-radius: 3px;
    padding: 0px;
    color: black;
    cursor: default;
    overflow: hidden;
    position: relative;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Shared\modules\integralui\themes\win10\integralui.treegrid.win10.css */
.iui-treegrid-column-header
{
    font-weight: 600;
    color: black;
}
.iui-treegrid-column-header-hovered
{
    background-color: var(--color-wintergrey-1, #f00);
}
.iui-treegrid-column-header-selected
{
    background-color: var(--color-wintergrey-2, #f00);
    color: black !important;
}
.iui-treegrid-row-hovered
{
    background-color: var(--color-wintergrey-1, #f00);
}
.iui-treegrid-row-selected
{
    background-color: var(--color-wintergrey-2, #f00);
}
.iui-colorpicker
{
	max-width: 4000px;
}
.iui-colorpicker-header-button
{
	display: inline-block;
	opacity: 1.0;
}
.iui-colorpicker-header-button-down span
{
    background-image: url('ArrowDown.3630b87fc014492514a9.svg');
}
.iui-colorpicker-disabled
{
    background-color: var(--color-wintergrey-1, #f00);
	opacity: 1;
}
.iui-splitter
{
	background: var(--color-wintergrey-1, #f00);
	border: thin solid transparent;
	margin-top: 5px;
	margin-bottom: 5px;
}
.iui-splitter:hover
{
    background-color: var(--color-wintergrey-3, #f00);
}
.iui-splitter-handle-horizontal
{
	width: 50px;
	height: 5px;
}
.iui-splitter-handle-vertical
{
	width: 5px;
	height: 50px;
}
/* =============================================
   Definition of CSS-Variables (here Constants) to use in the style-guide-framework
   see: https://wiki.selfhtml.org/wiki/CSS/Custom_properties_(CSS-Variablen)
==============================================*/
:root
{
    /* E+H_CD_Manual_DE_Print.pdf    page 42 */

    --color-wintergrey-1: rgb(230, 236, 240); /* wintergrey1  #E6ECF0 */
    --color-wintergrey-2: rgb(195, 206, 213); /* wintergrey2  #C3CED5 */
    --color-wintergrey-3: rgb(143, 162, 172); /* wintergrey3  #8FA2AC */
    --color-wintergrey-4: rgb( 80, 102, 113); /* wintergrey4  #506671 */

    --color-magenta-1:    rgb(229,   0, 125); /* magenta1     #E5007D */
    --color-magenta-2:    rgb(168,   0,  92); /* magenta2     #A8005C */
    --color-magenta-3:    rgb(123,   0,  64); /* magenta3     #7B0040 */

    --color-cyan-1:       rgb(  0, 158, 227); /* cyan1        #009EE3 */
    --color-cyan-2:       rgb(174, 211, 231); /* cyan2        #AED3E7 */
    --color-cyan-3:       rgb(  0, 124, 170); /* cyan3        #007CAA */
    --color-cyan-4:       rgb(  0,  89, 122); /* cyan4        #00597A */
}
/* =============================================
   Styles for general elements and fonts
==============================================*/
.sgf-caption2
{
    font-family: "E+H Sans", courier, serif;
    font-weight: bold;
    margin-top: 10px;
    font-size: 12pt;
}
.sgf-textbody
{
    font-family: "E+H Sans", courier, serif;
    font-size: 10pt;
}
div, span, input
{
    font-family: "E+H Sans", courier, serif;
    font-size: 12pt;
}
/* =============================================
   Styles for html help files
==============================================*/
.sgf-help-topic, .sgf-help-subtopic, .sgf-help-subline
{
    font-family: "E+H Sans", courier, serif;
    font-weight: bold;
    margin-top: 10px;
}
.sgf-help-topic
{
    font-size: 12pt;
}
.sgf-help-subtopic
{
    font-size: 10pt;
}
.sgf-help-subline
{
    font-size: 9pt;
}
.sgf-help-textbody, .sgf-help-textbody-emphasized
{
    font-family: "E+H Sans", courier, serif;
    font-size: 10pt;
    white-space: pre-wrap;
}
.sgf-help-textbody-emphasized
{
    font-weight: bold;
}
.sgf-help-temp
{
    font-family: "E+H Sans", courier, serif;
    font-size: 10pt;
    border-radius: 20px;
    background-color:rgb(255, 255, 204);
    border-style: solid;
    border-width: 2px;
    border-color: red;
    padding: 10px;
    /*font-style: italic;*/
    color: black;
    white-space: pre-wrap;
}
/* =============================================
   Styles for the area layout with flex

   background: back-container
   level 0:    back-container:    cyan stripe, content-container     (left->right)
   level 1:    content-container: header, separator, orientation, separator, nwh-container, test     (top->bottom)
   level 2:    nwh-container:     navigation, working, help  (left->right)
==============================================*/
.sgf-background-container
{
    /* Flex-Container */
    display: flex;
    flex-direction: row;  /* place level 0 items left to right */
    align-items: stretch; /* stretch level 0 items from top to bottom */

    overflow-x: hidden;
    overflow-y: hidden;
}
/* Level 0: Left to right arranged */
.sgf-level0-cyan-stripe
{
    /* Flex-Item */
    flex: 0 0 32px;
    background-color: var(--color-cyan-1, #f00);
}
.sgf-level0-container
{
    /* Flex-Item */
    flex: 1 1;

    /* Flex-Container */
    display: flex;
    flex-direction: column; /* place level 1 items top to bottom */
    align-items: stretch;   /* stretch level 1 items from left to right */

    overflow-x: hidden;
    overflow-y: hidden;
}
/* Level 1: Top to bottom arranged */
.sgf-level1-header-area
{
    /* Flex-Item */
    flex: 0 0;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
}
.sgf-level1-area-separator1, .sgf-level1-area-separator2
{
    height: 2px;
    background-color: var(--color-wintergrey-1, #f00);

    /* Flex-Item */
    flex: 0 0 auto;
}
.sgf-level1-area-separator1
{
    margin-bottom: 0px;
}
.sgf-level1-area-separator2
{
    margin-top: 0px;
}
/* Orientation area: Command Line OR Wizard Chapter Bar */
.sgf-level1-orientation-area
{
    /* Flex-Item */
    flex: 0 0;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 30px;
    margin-right: 30px;
}
/* Container for Navigation-Working-Help areas */
.sgf-level1-nwh-container
{
    /* Flex-Item */
    flex: 8 8;

    /* Flex-Container */
    display: flex;
    flex-direction: row;  /* place level 2 items left to right */
    align-items: stretch; /* stretch level 2 items from top to bottom */

    overflow-x: auto;
    overflow-y: hidden; /* Navigation area, working area (= pages and wizards) and help area provide their own vertical scroll bar! */
}
.sgf-level1-test-area
{
    /* Flex-Item */
    flex: 0 0;
}
/* Level 2: Left to right arranged */
.sgf-level2-navigation-area
{
    /* Flex-Item */
    flex: 0 0;
}
.sgf-level2-working-area
{
    /* Flex-Item */
    flex: 8 8;

    min-width: 400px;
    min-height: 100px;

    /* Add a consistent and unique border to all content of the working area */
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 30px;
    margin-right: 10px;
}
.sgf-level2-help-area
{
    /* Flex-Item */
    flex: 0 0 content;
}
/* Area debug border */
.sgf-adb
{
    border-style: dotted;
    border-color: black;
    border-width: 1px;
    margin: 0;
}
.sgf-dock-fill
{
    width: 100%;
    height: 100%;
}
html
{
    height: 100%; /* fill the whole space vertically too */
}
body
{
    height: 100%; /* fill the whole space vertically too */
    margin: 0px; /* default user agent stylesheet 8px */
}

