/* === framework/002 - UI/CSS/ActionBar.css === */
.ActionBar
{
    top: -48px;
    border-radius: 0;
    display: flex;
    flex-direction: row;
    justify-content: end;
    height: 100%;
    max-height: 45px;
    overflow: hidden;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.ActionBar .Action
{
    transition-duration: 200ms;
    overflow: hidden;
}

.ActionBar .Action:hover,
.ActionBar .Action:hover i
{
    transition-duration: 200ms !important;
    cursor: pointer;
    color: var(--actionHoverColor);
    /*background-color: var(--actionHoverBackgroundColor);*/
}

.ActionBar .Action
{
    padding-left       : 15px;
    padding-right      : 15px;
    line-height        : 47px;
    cursor             : pointer;
    text-align         : center;
    transition-duration: 200ms;
    font-weight        : 900;
}

/* === framework/002 - UI/CSS/Fieldset.css === */
fieldset
{
    position      : relative;
    height        : 100%;
    display       : flex;
    flex-direction: column;
    padding-left  : 15px;
    padding-right : 15px;
    min-width     : 0;
    padding       : 0;
    margin        : 0;
    border        : 0;
    border-top    : 1px solid gray;
    border-radius : 0;
}

body fieldset legend
{
    margin-left  : 10px;
    text-indent  : 10px;
    padding-right: 10px;
    max-width    : 45%;
    text-overflow: ellipsis;
    overflow     : hidden;
    white-space  : nowrap;
    border-bottom: 0;
    user-select  : none;
    line-height  : inherit;
    color        : #333;
    border       : 0;
    margin-bottom: 10px;
    width        : auto;
    font-size    : 1.7rem;
    font-weight  : 900;
}

fieldset.Header > legend
{
    font-size    : 1.0rem;
    font-weight: 900;
}

fieldset > .ActionBar
{
    top: -38px;
    border-radius: 0;
    position: absolute;
    right: 15px;
    background: white;
    padding-left: 5px;
    padding-right: 5px;
    height: 31px;
    z-index: 2;
    overflow: auto;
}

fieldset > .ActionBar .Action 
{
    margin: 0;
    padding: 0;
    min-width: 31px;
    background: transparent none !important;
    color: rgba(0, 0, 0, .6) !important;
    font-weight: 400;
    border-radius: .28571429rem;
    text-transform: none;
    text-shadow: none !important;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset;
    border: 0;
    margin-right: 10px;
    transition-duration: 200ms;
}
 
fieldset > .ActionBar .Action:hover
{
    box-shadow: 0 0 0 1px rgb(0, 122, 255) inset;
}

.ActionBar .Action.Disabled
{
    pointer-events: none !important;
    filter: saturate(0);
    cursor: default;
    opacity: 0.5 !important;
}

/* === framework/002 - UI/CSS/FlexContainer.css === */
.VerticalContainer
{
	display       : flex;
	flex-direction: column;
	height        : 100%;
}

.HorizontalContainer
{
	display       : flex;
	flex-direction: row;
	height        : inherit;
}

.HorizontalContainer > *,
.VerticalContainer > *
{
	flex-grow: 1;
}


/* === framework/002 - UI/CSS/KeyValueBox.css === */
.KeyValueBox
{
    /*display: flex;
    flex-direction: column;*/
    display: grid;
    grid-template-columns: max-content auto;
}

.KeyValueBox .Item
{
    display: contents;
/*    display: flex;
    flex-direction: row;
    width: 100%;
    min-height: 42px;*/
    position: relative;
}

.KeyValueBox .Item .Key
{
    width       : auto;
    text-align  : left;
    margin-right: 15px;
    margin-left: 15px;

    color       : silver;
    font-weight : 900;
    display: flex;
    align-items: center;
}

.KeyValueBox .Item .Value
{
    width: auto;
    line-height: 45px;
    overflow: hidden;
}

.KeyValueBox .Item:hover
{
    background-color: rgba(0,0,0,0.05);
}

.KeyValueBox .Item:hover input,
.KeyValueBox .Item .Value input:focus,
.KeyValueBox .Item .Value textarea:focus
{
    background-color: rgba(0,0,0,0.05);
}

.KeyValueBox .Item .Value > input,
.KeyValueBox .Item .Key > input
{
    position        : absolute;
    left            : 0;
    padding-left    : 50%;
    padding-right   : 15px;
    width           : calc(50% - 15px);
    height          : 42px;
    border          : 0;
    outline         : 0;
    background-color: transparent;
}

.KeyValueBox .Item .Key > input
{
    padding-left: 15px;
}

.KeyValueBox .Item .Key.HasSelect > input
{
    color: rgb(51,51,51);
}

.KeyValueBox .Item .Key.HasSelect
{
    z-index: 2;
}

.KeyValueBox .Item .Value textarea
{
    position        : absolute;
    left            : 0;
    padding-left    : 50%;
    padding-right   : 15px;
    width           : calc(50% - 15px);
    height          : calc(100% - 14px);
    border          : 0;
    outline         : 0;
    background-color: transparent;
    resize: none;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* === framework/002 - UI/CSS/UICombobox.css === */
.UICombobox
{
	position:relative;
	display: inline-block;
	border: 1px black solid;
	border-radius: 5px;
	padding: 5px;
	padding-right:30px;

	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
}

.UIComboboxLayer
{
	position: absolute;
	left:0;
	display:none;
	width:100%;
	background-color:white;
	border: 1px black solid;
	border-radius: 5px;
	z-index: 1;
	box-shadow: 0px 0px 15px gray;
	padding:3px;
}

.UIComboboxLayer > .UIListView > .ListCell
{
	background: transparent;
	height: 15px;
	line-height: 15px;
	border-radius: 5px;
	box-shadow: none;
	margin-bottom: 2px;
	font-weight: bold;
}

.ComboboxArrowUp
{
	position: absolute;
	right:11px;
	top:6px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid black;
}

.ComboboxArrowDown
{
	position: absolute;
	right:11px;
	bottom:6px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid black;
}


/* === framework/002 - UI/CSS/UIContent.css === */
.UIContent
{
	width             : 100%;
	height            : 100%;
	left              : 0;
	position          : relative;
	display           : -webkit-box;
	display           : -moz-box;
	display           : -ms-box;
	box-orient        : vertical;
	-webkit-box-orient: vertical;
	-moz-box-orient   : vertical;
	-ms-box-orient    : vertical;
	border-right      : 1px black solid;
	overflow          : hidden;
	padding           : 0;
	margin            : 0;
}


.UIPage,
ui-page
{
	width                      : 100%;
	height                     : 100%;
	left                       : 0;
	position                   : relative;
	transform                  : translateZ(0);
	display: none;
/*	display                    : -webkit-box;
	display                    : -moz-box;
	display                    : -ms-box;
	box-orient                 : vertical;
	-webkit-box-orient         : vertical;
	-moz-box-orient            : vertical;
	-ms-box-orient             : vertical;
	-webkit-transform          : translateZ(0);
	-moz-transform             : translateZ(0);
	-o-transform               : translateZ(0);
	-ms-transform              : translateZ(0);
	transform                  : translateZ(0);
	-webkit-backface-visibility: hidden;
	padding                    : 0;
	margin                     : 0;*/
}

.UIPage.Show,
ui-page.Show
{
	display: block;
}

.hideLeft
{
	left:-100% !important;
}

.hideRight
{
	left:100% !important;
}

.slideLeft
{
	-webkit-transition-duration       : 300ms;
	-moz-transition-duration          : 300ms;
	-o-transition-duration            : 300ms;
	-ms-transition-duration           : 300ms;
	transition-duration               : 300ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function   : ease-out;
	-o-transition-timing-function     : ease-out;
	-ms-transition-timing-function    : ease-out;
	transition-timing-function        : ease-out;
	-webkit-transform                 : translate3d(-100%,0,0) !important;
	-moz-transform                    : translate3d(-100%,0,0) !important;
	-o-transform                      : translate3d(-100%,0,0) !important;
	-ms-transform                     : translate3d(-100%,0,0) !important;
	transform                         : translate3d(-100%,0,0) !important;
}

.slideRight
{
	-webkit-transition-duration       : 300ms;
	-moz-transition-duration          : 300ms;
	-o-transition-duration            : 300ms;
	-ms-transition-duration           : 300ms;
	transition-duration               : 300ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function   : ease-out;
	-o-transition-timing-function     : ease-out;
	-ms-transition-timing-function    : ease-out;
	transition-timing-function        : ease-out;
	-webkit-transform                 : translate3d(100%,0,0) !important;
	-moz-transform                    : translate3d(100%,0,0) !important;
	-o-transform                      : translate3d(100%,0,0) !important;
	-ms-transform                     : translate3d(100%,0,0) !important;
	transform                         : translate3d(100%,0,0) !important;
}


/* === framework/002 - UI/CSS/UIDotIndicator.css === */
.UIDotIndicator
{
    width: 100%;
    text-align: center;
    letter-spacing: 4px;
}

.UIDotIndicator-Dot
{
    color: gray;
}

.UIDotIndicator-CurrentDot
{
    color: white;
}


/* === framework/002 - UI/CSS/UIFileUpload.css === */
.UIFileUpload
{
	position: relative;
	width: 100%;
	height: 100%;

	border: dashed 1px rgba(255,255,255,.4);
	-webkit-transition-duration: 100ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-duration: 100ms;
	-moz-transition-timing-function: ease-out;

	background: -moz-linear-gradient(top,  rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.1) 100%); /* W3C */
	box-shadow: inset 0 0 30px rgba(59, 1, 1, 0.2);
	border-radius: 6px;
}

.UIFileUpload-Placeholder
{
	text-align: center;
	position: relative;
	top:calc(50% - 12px);
}

.UIFileUpload:hover
{
	border-color:white;
	color: white !important;
}

.UIFileUpload-Holder
{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: transparent;
	border:none;
	outline: none;
}

.UIFileUpload-Input
{
	opacity: 0;
	z-index: 1;
}

.UIFileUpload-Input::-webkit-file-upload-button {
  visibility: hidden;
}

.UIFileUpload-Input
{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: transparent;
	border:none;
	outline: none;

}

.UIFileUpload-Input:active
{
	outline: none;
}

.UIFileUpload-Input::before
{
	position: relative;
	width: 400px;
	height: 100%;
	text-align: center;
	background-color: transparent;
	border:none;
	outline: none;

	left:50%;
	top:calc(50% - 12px);

}

.UIFileUpload-Input::after
{
	content: "";
}


.UIFileUpload-Progressbar
{
	position: absolute;
	top: 25%;
	background-color: white;
	width: 60%;
	left: 20%;
	height: 50%;
	border: 1px solid rgba(255, 255, 255, 0.4);

	background: -moz-linear-gradient(top,  rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.1) 100%); /* W3C */
	border-radius: 6px;
}

.UploadProgressBar
{
	height: 100%;
	border: 6%;
	background-color: rgba(255,255,255,0.3);
}


/* === framework/002 - UI/CSS/UIGallery.css === */
.UIGallery
{
	position: relative;
	width:100%;
	height:600px;
	background-color: black;
	flex-wrap: wrap;
	display: flex;
	align-content: flex-start;
}

.GalleryItem
{
	/*position: absolute;*/
	overflow: hidden;
	/*background-color: rgba(255,255,255,0.1);*/
	border-radius: 5px;

	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	-ms-transition-duration: 500ms;
	transition-duration: 300ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	transition-timing-function: ease-out;

}


/* === framework/002 - UI/CSS/UIImageClass.css === */
ui-image
{
    display: block;
}

/* === framework/002 - UI/CSS/UIListView.css === */
.UIListView
{
	overflow-y:auto !important;
	width: 100%;
	height: 100%;
}

.ListCell
{
	display:block;
	height:45px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	line-height: 45px;
	text-overflow: ellipsis;
	-webkit-text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
	box-shadow: 0px 0px 3px black;

	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(247,247,247,1) 99%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(99%,rgba(247,247,247,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(247,247,247,1) 99%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(247,247,247,1) 99%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(247,247,247,1) 99%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(247,247,247,1) 99%,rgba(0,0,0,1) 100%); /* W3C */
}

.ListCellSelected
{
	background: rgba(219,241,255,0.5);
}

/*.ListCell:hover
{
	background: rgba(219,241,255,0.9) !important;
}*/

.ListCellSelected
{
	background: rgba(219,241,255,0.4) !important;
}

.GroupStyle
{
	/*height:15px;*/
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	line-height: 15px;
	border-bottom: 1px black solid;
	font-weight: bolder;
	color: white;
	box-shadow: 0px 0px 5px black;

	background: rgb(96,108,136); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */
}

.UIListView-SubLayer
{
	overflow-y: scroll;
	height:100%;
	width:100%;
	overflow-x: hidden;
	-webkit-overflow-scrolling:touch;
	-webkit-transform:translateZ(0);
}

.ListViewPlaceholder
{
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display:none;
}

.ListViewPlaceholderText
{
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display:table-cell;
	text-align: center;
	vertical-align: middle;
}

.UIListView > .UIContent
{
	position: static;
}

.UIListView > .UIContent > .UIPage
{
	position: static;
}


/* === framework/002 - UI/CSS/UIMultiSwitch.css === */
.UIMultiSwitch
{
	position: relative;
	border-radius: 6px;
	outline: none;
}

.UIMultiSwitch-Switch
{
	position: relative;
	display: inline-block;
	background-color: rgba(255,255,255,0.1);

	background: -moz-linear-gradient(top,  rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0.1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.1) 100%);

	min-width: 140px;
	border-top: 1px gray solid;
	border-bottom: 1px gray solid;
	padding: 2px;

	-webkit-transition-duration: 100ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-duration: 100ms;
	-moz-transition-timing-function: ease-out;
	cursor: default;
	text-align: center;
}

.UIMultiSwitch-Switch-First
{
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	border-left: 1px gray solid;

}

.UIMultiSwitch-Switch-Last
{
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
	border-right: 1px gray solid;
}


.UIMultiSwitch-Switch:hover
{
	color: white;
	background-color:rgba(0, 0, 0, 1)!important;
	border-color: white;
	-webkit-transform:scale(1.15);
	-moz-transform:scale(1.15);
	z-index: 1;
}

.UIMultiSwitch-Selected
{
	background-color:rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2);
	border-color: white;
	color: white;
	border: 1px solid white;
	box-shadow: inset 0 0 60px #FFF;

}


/* === framework/002 - UI/CSS/UINavigation.css === */
.UINavigationLayer
{
	position: relative;
	top:0;
	height:45px;
	width:100%;
	background: #aebcbf;
	background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
	background: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
	background: -o-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
	background: -ms-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
	background: linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
	box-pack:start;
	-webkit-box-pack:start;
	-moz-box-pack:start;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	border-bottom: 1px solid black;
}

.NavButtonLabel
{
	display:block;
	overflow: hidden;
	text-overflow:ellipsis;
}


.NavButton
{
	top: 7px;
	text-overflow: ellipsis;
	-webkit-text-overflow:ellipsis;
	white-space:nowrap;
	display : inline-block;
	position:relative;
	z-index : 0;
	height:30px;
	max-width: 80px;
	min-width: 30px;
	width: auto;
	padding: 0 10px 0 6px;
	background-repeat:repeat-x;
	background-size : 100% 30px;
	background-position :0;
	background-image : -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.3) 100%);
	background-image : -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.3) 100%);
	background-image : -o-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.3) 100%);
	background-image : -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.3) 100%);
	background-image : linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.3) 100%);
	border-radius: 5px;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	box-shadow :0 -1px 1px rgba(0,0,0,0.2)inset,
	              0 1px 2px rgba(0,0,0,0.8)inset;
	font-weight: bold;
	font-size : 12px;
	line-height : 30px;
	text-align:center;
	color:#fff;
	text-shadow : 0px -1px 0px rgba(0,0,0,0.8);
}

.NavLeft
{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex:1;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
}

.NavTitle
{
	box-flex: 7;
	-webkit-box-flex: 7;
	-moz-box-flex: 2;
	-ms-box-flex:7;

	text-shadow: #444 0px -1px 0px;

	max-height   : 45px;
	text-overflow: ellipsis;
	color        : white;
	font-weight  : bolder;
	font-size    : 19px;
	text-align   : center;
	left         : 0;
	z-index      : 1;
	line-height: 2.4;
	vertical-align: middle;

	-webkit-text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.NavRight
{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex:1;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
}


.NavBackButton
{
	left:11px;
}


.NavBackButton:before
{
	position:absolute;
	content : ' ';
	left:-8px;
	top:3.5px;
	height : 24px;
	width: 24px;
	z-index : 1;
	background-repeat:repeat-x;
	background-size : 20px 20px;
	background-position :-1px -0.5px;
	background-image :
	    -webkit-gradient(linear, left bottom, right top,
	        from(rgba(0,0,0,0)),
	        color-stop(0.5, rgba(0,0,0,0)),
	        color-stop(0.5, rgba(255,255,255,0.1)),
	        to(rgba(255,255,255,0.3)));

	-webkit-transform : rotate(-45deg) skew(-10deg, -10deg);
	border-top-right-radius : 10px;
	border-top-left-radius :0px;
	border-bottom-right-radius : 0px;
	border-bottom-left-radius : 10px;
	border-left : 1.5px solid rgba(255,255,255,0.4);
	box-shadow :  1px 1px 1px rgba(0,0,0,0.4) inset,
	    -1px 1px 1px rgba(0,0,0,0.5) inset;
	-webkit-mask-image :
	    -webkit-gradient(linear, left top, right bottom,
	        from(#000000),
	        color-stop(0.4,#000000),
	        color-stop(0.5, transparent),
	        to(transparent));
}

.NavButton,
.NavButton:before
{
	background-color: rgba(145,145,145,1);
}


.NavRightButton
{
	position:absolute;
	right:7px;
	top: 7px;
	padding: 0 10px 0 10px;
}


.UINavLeftButton
{
	margin-left:5px;
}


/* === framework/002 - UI/CSS/UIProgress.css === */

.UIProgress
{
	/*display:none;*/
}
.ProgressBorder
{
	position     : absolute;
	width        : 100%;
	height       : 100%;
	border       : 1px solid white;
	padding      : 1px;
	border-radius: inherit;
	overflow     : hidden;
}

.ProgressBar
{
	position          : relative;
	-webkit-transition: width 0.2s;

	background        : rgb(255,255,255);
	background        : -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
	background        : -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background        : -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background        : -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background        : linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);

	height            : 100%;
	padding           : 0px;
	margin            : 0px;
	border-radius     : inherit;
	width             : 0%;
	max-width         : 100%
}

.ProgressInfoLabel
{
	display: none;
}

.ProgressStatus
{
	position  : absolute;
	left      : 0;
	top       : 0;
	width     : 100%;
	height    : 100%;
	text-align: center;
}


/* === framework/002 - UI/CSS/UIRadialProgress.css === */
.UIRadialProgress
{
	width: 100%;
	height: 100%;
	position: absolute;
}



.ProgressLayer
{
	position: absolute;
	width: 100%;
	height: 100%;

	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;

	-webkit-transition: all 0.2s;

	background: -moz-radial-gradient(center, ellipse cover,  rgba(242,242,242,1) 0%, rgba(242,242,242,1) 1%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 39%, rgba(242,242,242,1) 47%, rgba(242,242,242,1) 48%, rgba(242,242,242,0) 50%, rgba(242,242,242,0) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(242,242,242,1)), color-stop(1%,rgba(242,242,242,1)), color-stop(10%,rgba(255,255,255,1)), color-stop(39%,rgba(255,255,255,1)), color-stop(47%,rgba(242,242,242,1)), color-stop(48%,rgba(242,242,242,1)), color-stop(50%,rgba(242,242,242,0)), color-stop(100%,rgba(242,242,242,0)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 39%,rgba(242,242,242,1) 47%,rgba(242,242,242,1) 48%,rgba(242,242,242,0) 50%,rgba(242,242,242,0) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 39%,rgba(242,242,242,1) 47%,rgba(242,242,242,1) 48%,rgba(242,242,242,0) 50%,rgba(242,242,242,0) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 39%,rgba(242,242,242,1) 47%,rgba(242,242,242,1) 48%,rgba(242,242,242,0) 50%,rgba(242,242,242,0) 100%);
	background: radial-gradient(ellipse at center,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 39%,rgba(242,242,242,1) 47%,rgba(242,242,242,1) 48%,rgba(242,242,242,0) 50%,rgba(242,242,242,0) 100%);
}


.UIProgressLayerFill
{
	border: transparent;
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(180deg) !important;
	-webkit-transition: all 0.2s;

	background: -moz-radial-gradient(center, ellipse cover,  rgba(242,242,242,1) 0%, rgba(242,242,242,1) 1%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 39%, rgba(242,242,242,1) 47%, rgba(242,242,242,1) 48%, rgba(242,242,242,0) 50%, rgba(242,242,242,0) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(242,242,242,1)), color-stop(1%,rgba(242,242,242,1)), color-stop(10%,rgba(255,255,255,1)), color-stop(39%,rgba(255,255,255,1)), color-stop(47%,rgba(242,242,242,1)), color-stop(48%,rgba(242,242,242,1)), color-stop(50%,rgba(242,242,242,0)), color-stop(100%,rgba(242,242,242,0)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 39%,rgba(242,242,242,1) 47%,rgba(242,242,242,1) 48%,rgba(242,242,242,0) 50%,rgba(242,242,242,0) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 39%,rgba(242,242,242,1) 47%,rgba(242,242,242,1) 48%,rgba(242,242,242,0) 50%,rgba(242,242,242,0) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 39%,rgba(242,242,242,1) 47%,rgba(242,242,242,1) 48%,rgba(242,242,242,0) 50%,rgba(242,242,242,0) 100%);
	background: radial-gradient(ellipse at center,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 1%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 39%,rgba(242,242,242,1) 47%,rgba(242,242,242,1) 48%,rgba(242,242,242,0) 50%,rgba(242,242,242,0) 100%);
}


/* === framework/002 - UI/CSS/UISlider.css === */
.UISlider
{
	position: relative;
	max-width: 250px;
	display: block;
	background: #565656;
	height: 16px;
	box-shadow: 0 1px 0px rgba(255,255,255,0.25), inset 0 0 4px rgba(0,0,0,0.9);
	border-radius:20px;
	overflow: hidden;
	border:1px black solid;
}

.UISliderRange
{
	display: block;
	height: 16px;
	border-radius: 20px;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 100ms;
/*	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#FFFFFF), to(#FFFFFF), color-stop(.1,#E6E6E6));*/

	background: rgb(237,237,237);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(213,213,213,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(213,213,213,1)));
	background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(213,213,213,1) 100%);
	background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(213,213,213,1) 100%);
	background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(213,213,213,1) 100%);
	background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(213,213,213,1) 100%);

	box-shadow: inset 0 0 4px rgba(88, 88, 88, 0.5), inset 0 0 2px rgba(0, 0, 0,0.3);
	width:0%;
}

.UISliderHandle
{
	position: absolute;
	top: 0px;
	left: 0px;
	/*margin-left: -9px;*/
	z-index: 2;
	height: 16px;
	width: 16px;
	border-radius: 20px;
	/*background-color: #d4d4d4;*/
/*	background-image:url('https://s3.amazonaws.com/codepen/chrome_radial.jpg');*/
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#FFFFFF), to(#FFFFFF), color-stop(.1,#E6E6E6));

	background-size:100% 100%;
	border: 0px solid rgba(0,0,0,0.1);
	box-shadow: 0 0px 2px rgba(0,0,0,0.4),
	  inset 0 0px 1px rgba(0,0,0,0.3),
	  0 1px 2px rgba(0,0,0,0.6),
	  0 4px 2px rgba(0,0,0,0.2),
	  0 9px 4px rgba(0,0,0,0.1),
	  inset 0 2px 1px rgba(255,255,255,1.0);
	outline: none;
  }


/* === framework/002 - UI/CSS/UITabBar.css === */
/**
 * @Author: andreasprietzel
 * @Date:   2016-02-07T19:22:17+01:00
 * @Last modified by:   andreasprietzel
 * @Last modified time: 2018-07-19T20:40:30+02:00
 */



.UITabBar
{
	height: 64px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background: #4b5a5d; /* Old browsers */
	background: -moz-linear-gradient(top, #4b5a5d 0%, #333736 50%, #050705 51%, #040404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b5a5d), color-stop(50%,#333736), color-stop(51%,#050705), color-stop(100%,#040404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4b5a5d 0%,#333736 50%,#050705 51%,#040404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4b5a5d 0%,#333736 50%,#050705 51%,#040404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4b5a5d 0%,#333736 50%,#050705 51%,#040404 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4b5a5d 0%,#333736 50%,#050705 51%,#040404 100%); /* W3C */
	-webkit-box-pack: start;
	display: -webkit-box;
}

.UITab
{
	position           : relative;
	float              : left;
	-webkit-box-flex   : 1;
	text-align         : center;
	line-height        : 110px;
	color              : gray;
	text-shadow        : 0px 0px 0px;
	font-weight        : bold;
	background-repeat  : no-repeat;
	background-position: 50% 0px;
	margin             : 2px;
	/*padding-left: 10px;
	padding-right: 10px;*/
}

.UITabSelected
{
	background-color: rgba(255,255,255,0.2);
	color           : white;
	border-radius   : 5px;
}


/* === framework/002 - UI/CSS/UITagList.css === */
.UITagList
{
    display       : flex;
    flex-direction: row;
}


/* === framework/002 - UI/CSS/UITerminal.css === */
.UITerminal
{
	position              : absolute;
	top                   : 0;
	left                  : 0;
	width                 : 100%;
	height                : 100%;
	z-index               : 20;
	overflow: hidden;
	background-image      : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAIAAAAiOjnJAAAD0ElEQVR4Ae3WsQ2AMBDFUCAZAFGw/6KREDvE3bsBXFiW7p/38x6Ogd0Grt1APAZ+A8LSQWJAWIlW0DnGYIGB7QbmWms7FJABr1ADiQFhJVpBhaWBxIDxnmgFNd41kBjwChOtoMLSQGJAWIlWUONdA4kB4z3RCuoVaiAxIKxEK6iwNJAYMN4TraDGuwYSA15hohVUWBpIDAgr0QpqvGsgMWC8J1pBvUINJAaElWgFFZYGEgPGe6IV1HjXQGLAK0y0ggpLA4kBYSVaQY13DSQGjPdEK6hXqIHEgLASraDC0kBiwHhPtIIa7xpIDHiFiVZQYWkgMSCsRCuo8a6BxIDxnmgF9Qo1kBgQVqIVVFgaSAwY74lWUONdA4kBrzDRCiosDSQGhJVoBTXeNZAYMN4TraBeoQYSA8JKtIIKSwOJAeM90QpqvGsgMeAVJlpBhaWBxICwEq2gxrsGEgPGe6IV1CvUQGJAWIlWUGFpIDFgvCdaQY13DSQGvMJEK6iwNJAYEFaiFdR410BiwHhPtIJ6hRpIDAgr0QoqLA0kBoz3RCuo8a6BxIBXmGgFFZYGEgPCSrSCGu8aSAwY74lWUK9QA4kBYSVaQYWlgcSA8Z5oBTXeNZAY8AoTraDC0kBiQFiJVlDjXQOJAeM90QrqFWogMSCsRCuosDSQGDDeE62gxrsGEgNeYaIVVFgaSAwIK9EKarxrIDFgvCdaQb1CDSQGhJVoBRWWBhIDxnuiFdR410BiwCtMtIIKSwOJAWElWkGNdw0kBoz3RCuoV6iBxICwEq2gwtJAYsB4T7SCGu8aSAx4hYlWUGFpIDEgrEQrqPGugcSA8Z5oBfUKNZAYEFaiFVRYGkgMGO+JVlDjXQOJAa8w0QoqLA0kBoSVaAU13jWQGDDeE62gXqEGEgPCSrSCCksDiQHjPdEKarxrIDHgFSZaQYWlgcSAsBKtoMa7BhIDxnuiFdQr1EBiQFiJVlBhaSAxYLwnWkGNdw0kBrzCRCuosDSQGBBWohXUeNdAYsB4T7SCeoUaSAwIK9EKKiwNJAaM90QrqPGugcSAV5hoBRWWBhIDwkq0ghrvGkgMGO+JVlCvUAOJAWElWkGFpYHEgPGeaAU13jWQGPAKE62gwtJAYkBYiVZQ410DiQHjPdEK6hVqIDEgrEQrqLA0kBgw3hOtoMa7BhIDXmGiFVRYGkgMCCvRCmq8ayAxYLwnWkG9Qg0kBoSVaAUVlgYSA8Z7ohXUeNdAYsArTLSCCksDiQFhJVpBjXcNJAaM90QrqFeogcSAsBKtoMLSQGLAeE+0gn6NXXdvK2/RcgAAAABJRU5ErkJggg==); /*Noise*/
	/*
	-webkit-border-radius : 20px;
	-moz-border-radius    : 20px;
	border-radius         : 20px;
	padding               : 10px 25px 20px;
	-webkit-box-shadow    : 0px 0px 0 rgb(194,197,198),0px 1px 0 rgb(191,194,195),0px 2px 0 rgb(189,192,193),0px 3px 0 rgb(186,189,190),0px 4px 0 rgb(183,186,187),0px 5px 0 rgb(180,183,184),0px 6px 0 rgb(178,181,182),0px 7px 0 rgb(175,178,179),0px 8px 0 rgb(172,175,176),0px 9px 0 rgb(169,172,173),0px 10px 0 rgb(167,170,171),0px 11px 0 rgb(164,167,168),0px 12px 0 rgb(161,164,165),0px 13px 0 rgb(158,161,162),0px 14px 0 rgb(156,159,160),0px 15px 0 rgb(153,156,157),0px 16px 0 rgb(150,153,154), 0px 17px 0 rgb(147,150,151),0px 18px 17px rgba(0,0,0,0.15),0px 18px 1px rgba(0,0,0,0.5),0px 0px 17px rgba(0,0,0,.2);
	-moz-box-shadow       : 0px 0px 0 rgb(194,197,198),0px 1px 0 rgb(191,194,195),0px 2px 0 rgb(189,192,193),0px 3px 0 rgb(186,189,190),0px 4px 0 rgb(183,186,187),0px 5px 0 rgb(180,183,184),0px 6px 0 rgb(178,181,182),0px 7px 0 rgb(175,178,179),0px 8px 0 rgb(172,175,176),0px 9px 0 rgb(169,172,173),0px 10px 0 rgb(167,170,171),0px 11px 0 rgb(164,167,168),0px 12px 0 rgb(161,164,165),0px 13px 0 rgb(158,161,162),0px 14px 0 rgb(156,159,160),0px 15px 0 rgb(153,156,157),0px 16px 0 rgb(150,153,154), 0px 17px 0 rgb(147,150,151),0px 18px 17px rgba(0,0,0,0.15),0px 18px 1px rgba(0,0,0,0.5),0px 0px 17px rgba(0,0,0,.2);
	box-shadow            : 0px 0px 0 rgb(194,197,198),0px 1px 0 rgb(191,194,195),0px 2px 0 rgb(189,192,193),0px 3px 0 rgb(186,189,190),0px 4px 0 rgb(183,186,187),0px 5px 0 rgb(180,183,184),0px 6px 0 rgb(178,181,182),0px 7px 0 rgb(175,178,179),0px 8px 0 rgb(172,175,176),0px 9px 0 rgb(169,172,173),0px 10px 0 rgb(167,170,171),0px 11px 0 rgb(164,167,168),0px 12px 0 rgb(161,164,165),0px 13px 0 rgb(158,161,162),0px 14px 0 rgb(156,159,160),0px 15px 0 rgb(153,156,157),0px 16px 0 rgb(150,153,154), 0px 17px 0 rgb(147,150,151),0px 18px 17px rgba(0,0,0,0.15),0px 18px 1px rgba(0,0,0,0.5),0px 0px 17px rgba(0,0,0,.2);
	*/
	text-align            :left;
}


.UITerminal pre
{
	top             : -16px;
	overflow-x      : hidden;
	overflow-y      : auto;
	position        : relative;
	color           : #FFA842;
	padding         : 1.5em 1.5em 1.5em 5em;
	height          : 100%;
	line-height     : 20px;
	background-color: #162030;
	text-shadow     : #FFBC6D 0 -1px 35px;
}

/*Scanlines moves from top to bottom*/
.UITerminal pre:before
{
	/*
	content          : "";
	width            : 100%;
	height           : 20%;
	position         : absolute;
	top              : 0;
	left             : 0;
	background       : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,66,25,0.2)), color-stop(70%,rgba(32,57,17,0)), color-stop(99%,rgba(28,53,13,0)));

	-webkit-animation: scan 6.5s 1.0s infinite ease-in-out forwards;
	-moz-animation   : scan 6.5s 1.0s infinite ease-in-out forwards;
	-ms-animation    : scan 6.5s 1.0s infinite ease-in-out forwards;
	-o-animation     : scan 6.5s 1.0s infinite ease-in-out forwards;
	animation        : scan 6.5s 1.0s infinite ease-in-out forwards;
	*/
}

/*Scanlines*/
/*.UITerminal pre:after*/
.UITerminal:after
{
	content         : "";
	overflow: hidden;
	width           : 100%;
	height          : 100%;
	position        : absolute;
	top             : 0;
	left            : 0;
	opacity         : 1;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAE0lEQVQIHWP4//8/AxMDFMiDWQA2wAMhzy0v7QAAAABJRU5ErkJggg==);
	 repeat;
	-webkit-filter  : drop-shadow(15.32px 2.18px 7.35px rgba(20, 184, 189, 1));
}


.UITerminal code
{
	background: #fff;
	border    : 1px solid #DDD;
}

.UITerminal pre code
{
	-webkit-box-shadow: none;
	-moz-box-shadow   : none;
	box-shadow        : none;
	background-color  : transparent;
	border-style      : none;
	font              : 400 19px VT323, monospace;
	line-height       : 10px;
}

.UITerminal pre code:last-child:after
{

	content          : "\220E";
	/*-webkit-animation: cursor .95s ease-in-out infinite;
	-moz-animation   : cursor .95s ease-in-out infinite;
	-ms-animation    : cursor .95s ease-in-out infinite;
	-o-animation     : cursor .95s ease-in-out infinite;
	animation        : cursor .95s ease-in-out infinite;
	*/
	font-size        : 120%;
}

.UITerminalInput
{
	position: absolute;
	width: 0;
	height: 0;
}

@-webkit-keyframes scan
{
	from
	{
		top : -50%;
		left: 0;
	}

	to
	{
		top : 150%;
		left: 0;
	}
}


@keyframes scan
{
	from
	{
		top : -50%;
		left: 0;
	}

	to
	{
		top : 150%;
		left: 0;
	}
}


@-webkit-keyframes cursor
{
	from
	{
		opacity: 1.0;
	}

	to
	{
		opacity: 0.0;
	}
}


@-moz-keyframes cursor
{
	from
	{
		opacity: 1.0;
	}

	to
	{
		opacity: 0.0;
	}
}


@-ms-keyframes cursor
{
	from
	{
		opacity: 1.0;
	}

	to
	{
		opacity: 0.0;
	}
}


@-o-keyframes cursor
{
	from
	{
		opacity: 1.0;
	}

	to
	{
		opacity: 0.0;
	}
}


@keyframes cursor
{
	from
	{
		opacity: 1.0;
	}

	to
	{
		opacity: 0.0;
	}
}


/* === framework/002 - UI/CSS/UITimeline.css === */
.UITimeline
{
    position: relative;
}

.TimelineControlls
{
    position: absolute;
    top     : 0;
    left    : 0;
    right   : 0;
    height  : 45px;
}

.TimelineContainer
{
    position: absolute;
    top     : 46px;
    left    : 0;
    right   : 0;
    bottom  : 0;
}


/* === framework/002 - UI/CSS/UITreeView.css === */
.TreeNode
{
	padding-left: 1em;
}

.TreeNodeOpen
{
	/*imagehere*/
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.TreeNodeClosed
{
	/*imagehere*/
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 0 0;
}


/* === framework/002 - UI/CSS/default.css === */
.Hidden
{
    display: none !important;
}

.WidthWithFillAvailable
{
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
}

.HeightWithFillAvailable
{
    height: -webkit-fill-available;
    height: -moz-available;
    height: fill-available;
}

body .FlexWithDirectionRow,
body .ActionPanel .Action.FlexWithDirectionRow
{
    display: flex;
    flex-direction: row;
}

/* === framework/002 - UI/CSS/other/TransitionDurations.css === */
.TD300
{
	-webkit-transition      : 300ms all ease-out;
	-moz-transition-duration: 300ms all ease-out;
	-o-transition-duration  : 300ms all ease-out;
	-ms-transition-duration : 300ms all ease-out;
	transition-duration     : 300ms;
}

.TD600
{
	-webkit-transition      : 600ms all ease-out;
	-moz-transition-duration: 600ms all ease-out;
	-o-transition-duration  : 600ms all ease-out;
	-ms-transition-duration : 600ms all ease-out;
	transition-duration     : 600ms;
}

.TD1000
{
	-webkit-transition      : 1000ms all ease-out;
	-moz-transition-duration: 1000ms all ease-out;
	-o-transition-duration  : 1000ms all ease-out;
	-ms-transition-duration : 1000ms all ease-out;
	transition-duration     : 1000ms;
}


/* === framework/005 - Controller/CSS/FormStack.css === */
.FormController,
.FormStack
{
    display: none;
}