/* INCLUDE AS <Default> */
/* REQUIRE CSS <JQueryUI> */
/* REQUIRE CSS <AppStyles> */

/*=====================================================================================*/
/* Global website informations */
/*=====================================================================================*/

[draggable]
{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	/* Required to make elements draggable in old WebKit */
	-khtml-user-drag: element;
	-webkit-user-drag: element;
}

.fi-default-font { font-family:'Segoe UI', Verdana, Arial; font-size:13px; line-height:1.3; }
.fi-default-font .btn,
.fi-default-font .dropdown-menu { font-size:14px; }

@media (max-device-width: 512px), (max-device-height: 512px)
{
	.fi-default-font { font-size:10px; }
	.fi-default-font .btn,
	.fi-default-font .dropdown-menu  { font-size:11px; }
}

html.appHtml { overflow: hidden; font-size:100%; --toolbar-height: 78px; }
html.appHtml, body.appBody { width:100% !important; height:100%; margin:0px; padding:0px; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:none; }
html.appHtml, body.appBody { min-width:320px !important; position:relative; }
@media (max-width: 639px) {
	html.appHtml { overflow:auto; }
	.hidden-xxs { display:none !important; }
}

/* Allow to show additional infos by ctrlKey */
body:not(.shiftKey) .fi-shift-key { display:none; }
body:not(.ctrlKey) .fi-ctrl-key { display:none; }

a[href]:not(.btn):not(.toolitem), span[href], span[rel] { cursor:pointer; color:inherit;  }
a[href], span[href], span[rel] { text-decoration:none; }
a[href]:hover { text-decoration:underline; }
a.btn[href]:hover,
a.plain[href]:hover,
a.ui-button[href]:hover { text-decoration:none; }
.pointer-cursor { cursor:pointer; }

textarea { outline:none; -webkit-overflow-scrolling: touch; resize:none; }
table.layout { width:100%; table-layout:fixed; border-collapse:collapse; }
table.layout > tbody > tr > td { margin:0; border:none; padding:0; }

.modal_dialog { display:none; }
.conditional { display:none; }
.placeholder { font-style:italic; color:#ccc; }
.ui-autocomplete { font-size:0.9em; white-space:nowrap; max-height:9em; overflow-x:hidden; overflow-y:auto; }	/* Default for collapsible content */
.relWrap { position:relative; width:100%; height:100%; margin:0; padding:0; }
.absWrap { position:absolute; left:0; right:0; top:0; bottom:0; margin:0; padding:0; }

.fi-responsive { position:relative; }
.fi-table-responsive { width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.fi-debug-size { position:absolute; left:auto; right:-2px; top:-2px; bottom:auto; background:#888; border:1px solid #EEE; box-shadow:0px 0px 2px #444; color:yellow; padding:0px 6px; border-radius:20px; font-size:12px; }
.fi-responsive-debug { margin-top:1.5em; }
.fi-unsupported { display:none; }
.fi-debug-info[data-debug-info]:after { position:absolute; left:0; top:0; background:#000; padding:0 0.3em; border:1px solid #888; color:#FFF; content:attr(data-debug-info); display:block; z-index:9999; font-size:60%; }
.fi-debug-info[data-debug-info]:before { position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #AAA; content:' '; display:block; }
.fi-horz-rule { margin-top:0.3em; margin-bottom:0.3em; }
body.shiftKey .fi-ctrl-block-area-debug { outline:2px red dashed; }
body.shiftKey .fi-ctrl-block-area-debug::after { content: attr(data-name); display: block; color: red; position: absolute; font-size: 8px; background: white; margin-top: -11px; z-index: 1000; border: 1px solid red; margin-left: -1px; padding-left: 3px; padding-right: 3px; }

.fi-sm-margin-left { margin-left:1em; }
.fi-md-margin-left { margin-left:3em; }
.fi-lg-margin-left { margin-left:5em; }

.fi-popover button.close { color: #FFF; line-height:14px; padding:8px 14px; }
.fi-popover .popover-content .popover-rows { padding: 0 1px; }
.fi-popover.fi-context-menu button.close { display:none; }
.fi-popover.fi-context-menu .popover-title { font-weight:bold; }
.fi-popover.fi-context-menu .popover-content .btn-group { width:100%; margin-bottom:3px; }
.fi-popover.fi-context-menu .popover-content .btn-group > .btn { width:100%; text-align:left; }
.fi-popover.fi-context-menu .popover-content .btn-group > .btn.separated { margin-top:1em; }

.fi-no-caret ~ .dropdown-toggle { position:absolute; left:0; right:0; }
.fi-no-caret ~ .dropdown-toggle i.caret { display:initial; border:none; width:auto; height:auto; }
.fi-no-caret ~ .dropdown-toggle i.caret:before { content: "\e911"; font-family: 'FIIconFont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.fi-inaccessible { opacity: 0.5; }
.fi-bold { font-weight:bold; }
.fi-alert { color:red !important; }

.fi-iframe-loading { position:relative; }
.fi-iframe-loading::after { display:block; content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background: url('../Content/waiting_horz.gif') no-repeat transparent center center; margin-top:-4px; }

.fi-iframe iframe,
.fi-iframe-loading iframe { width:100%; margin:0; box-sizing:border-box; border:1px solid #AAA; font-family:monospace; background:#FFF; white-space:pre; }
.fi-iframe iframe,
.fi-iframe-loading iframe.auto-height { min-height:unset; }
[data-blocktype="CustomHtml"] iframe { border: none; }

/* automatic fading of the page */
body.isWebPage .fadeIn { visibility:hidden; }
body.isWebPage .loading-animation-wrap { display: none; }

/* manual fading of the page */
body.isWebPage.fadeInManually #page_fader .loading-animation-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; }
body.isWebPage.fadeInManually #page_fader .loading-animation { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; width: 6em; }
body.isWebPage.fadeInManually #page_fader .loading-animation span { width: 1em; height: 3em; background-color: rgba(57, 150, 211, 0.75); }
body.isWebPage.fadeInManually #page_fader .loading-animation span:nth-of-type(1) { animation: grow 1.25s ease-in-out infinite; }
body.isWebPage.fadeInManually #page_fader .loading-animation span:nth-of-type(2) { animation: grow 1.25s ease-in-out 0.25s infinite; }
body.isWebPage.fadeInManually #page_fader .loading-animation span:nth-of-type(3) { animation: grow 1.25s ease-in-out 0.4s infinite; }
body.isWebPage.fadeInManually #page_fader .loading-animation span:nth-of-type(4) { animation: grow 1.25s ease-in-out 0.55s infinite; }
body.isWebPage.fadeInManually #page_fader .loading-animation span:nth-of-type(5) { animation: grow 1.25s ease-in-out 0.7s infinite; }

@keyframes grow {
	0%, 100% {
		transform: scaleY(1);
	}

	50% {
		transform: scaleY(2);
	}
}


.waiting-horz { display:inline-block; width:79px; height:14px; opacity:0.5; background:url(../Content/waiting_horz.gif); }
.waiting-box { display:none; opacity:0.5; background-color:#CCC; z-index:1000; }
.fullscreen { position:absolute; display:none; left:0px; top:0px; right:0px; bottom:0px; }
.shadow_light { -webkit-box-shadow: 0px 2px 5px 0px #cccccc; -moz-box-shadow: 0px 2px 5px 0px #cccccc; box-shadow: 0px 2px 5px 0px #cccccc; }
.thumbnail { width:150px; height:112px; background-repeat:no-repeat; background-size:contain; background-position:center center; }
.thumbnail.image { background-image:url(../Content/image.png); }
.thumbnail.audio { background-image:url(../Content/audio.png); }
.thumbnail.video { background-image:url(../Content/video.png); }
.layoutLabel:not(.llDefault) { display:none; }

.modal .html5-image-modal { text-align:center; }
.modal .html5-image-modal img { max-width:100%; }

.has-tabbable-overlay { opacity:1 !important; }
.has-tabbable-overlay:before { content:" "; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; background-color:rgba(252, 255, 0, 0.20); z-index:1000; border:1px solid #000; }
.has-tabbable-overlay:after { content:attr(data-tabinfo); position:absolute; top:-1px; left:auto; line-height:1; right:-1px; bottom:auto; z-index:1000; border:1px solid #AAA; text-align:right; padding:0; margin:0; color:red; background-color:white; padding:0.1em; white-space:nowrap; }

.async-search:not(.auto-search):not(.searching) > .async-search-indicator,
.async-search.suppress-auto-search > .async-search-indicator { display:none; }
.async-search.searching > .async-search-btn, 
.async-search.auto-search:not(.suppress-auto-search) > .async-search-btn { display:none; }
.async-search > .async-search-btn[data-error-msg]:after { font-family: 'FIIconFont'; content:"\e01c"; display:inline-block; margin-left:0.5em; color: red; }

.btn-block-error:before { font-family: 'FIIconFont'; content:"\e01c"; display:inline-block; margin-right:0.5em; color: red; }

a[href].fi-collapse { color:#888; }
a[href].fi-collapse:hover { color:inherit; text-decoration:none; }
a[href].fi-collapse:not(.show-collapse-info) + .fi-collapse-body { display:none; }
a[href].fi-collapse.show-collapse-info { display:none; }

.additional-info-container:not(.show-additional-info) .additional-info { display:none; }
.additional-info-container.show-additional-info .show-additional-info { display:none; }
.additional-info-container .show-additional-info:focus,
.additional-info-container .hide-additional-info:focus { text-decoration:underline; outline:none; }

.additional-info-container .additional-info-container.show-additional-info .additional-info { display:block; }
.additional-info-container .additional-info-container:not(.show-additional-info) .additional-info { display:none; }
.additional-info-container .additional-info-container:not(.show-additional-info) .show-additional-info { display:block; }
.additional-info-container .additional-info-container.show-additional-info .show-additional-info { display:none; }

.additional-info2-container:not(.show-additional-info2) .additional-info2 { display:none; }
.additional-info2-container.show-additional-info2 .show-additional-info2 { display:none; }
.additional-info2-container .show-additional-info2:focus,
.additional-info2-container .hide-additional-info2:focus { text-decoration:underline; outline:none; }

.additional-info2-container .additional-info2-container.show-additional-info2 .additional-info2 { display:block; }
.additional-info2-container .additional-info2-container:not(.show-additional-info2) .additional-info2 { display:none; }
.additional-info2-container .additional-info2-container:not(.show-additional-info2) .show-additional-info2 { display:block; }
.additional-info2-container .additional-info2-container.show-additional-info2 .show-additional-info2 { display:none; }

.dialog-job-state { display:grid; grid-template: 
							  "Header   Header   " auto 
							  "Info     Remaining" auto 
							  "Progress Progress " auto / auto 8em; margin-bottom:0.8em; position:relative; }
.dialog-job-state .badge { padding:2px 4px; font-size:0.8em; transform:translate(-2px, -4px) }
.dialog-job-state .badge-success { background-color:#28a745; }
.dialog-job-state .badge-info { background-color:#17a2b8; }
.dialog-job-state .info-text { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.dialog-job-state .remaining { text-align:right; }
.dialog-job-state .errors { position:absolute; right:0; bottom:0; }
.dialog-job-state .progress { margin-bottom:0.2em; margin-top:0.2em; }
.dialog-job-state.highlight { color:lightcoral; }

.ui-tooltip, .tooltip-arrow:after { background:#fff8cc; border:1px solid #888 !important; }
.ui-tooltip { padding: 5px 10px; color: black; border-radius: 6px; font: 14px "Helvetica Neue", Sans-Serif; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4); }
.tooltip-arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; }
.tooltip-arrow.top { top: -16px; bottom: auto; }
.tooltip-arrow.left { left: 20%; }
.tooltip-arrow:after { content: ""; position: absolute; left: 23px; top: -23px; width: 23px; height: 23px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.tooltip-arrow.top:after { bottom: -22px; top: auto; }

.not-accessible:before { content:'---'; }
.missing-rights-info { float:right; clear:right; font-size:0.6em; border-top:1px dotted #FCC; color:#C44; }

/* Allow to use single ui-icons with different states */
.ui-icon.highlight { background-image: url(Util/Foreign/JQueryUI/smoothness/images/ui-icons_2e83ff_256x240.png); }

.fi-highlighted-element:after,
body.ctrlKey .fi-ctrl-highlighted-element:after,
body.shiftKey .fi-shift-highlighted-element:after { content:" "; position:absolute; display:block; left:0; top:0; right:0; bottom:0; background:#FFFF00; z-index:10000; opacity:0.3; }

@media screen and (-webkit-min-device-pixel-ratio:0) 
{	/* Adapt webkit styling */
	.textbox { -webkit-appearance:none; outline:none; }
	.dropdownlist { -webkit-appearance: none; background:url('../Content/combobox_down.png') no-repeat right center; }
}

/*=====================================================================================*/
/* Style-buttons */
/*=====================================================================================*/

.fi-style-btn { display:block; position:relative; width:100%; height:100%; padding:0.5em 1em; }
.fi-style-btn.fi-style-btn-with-desc { padding:0.5em 1em; }
.fi-style-btn.fi-style-btn-with-desc .fi-style-btn-title { font-size:1.4em; }
.fi-style-btn.fi-style-btn-with-desc .fi-style-btn-desc { margin-top:0.3em; }

.fi-style-btn > * { position:relative; }
.fi-style-btn:after { display:none; content:" "; position:absolute; top:0; left:0; bottom:0; width:8px; }
.fi-style-btn:hover:before { content:" "; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:black; opacity:0.5; }
.fi-style-btn:hover:after { display:block; }

.fi-style-separator { height:1em; }

a.fi-style-btn:hover { text-decoration:none; }
a.fi-style-btn:focus { outline:3px solid #5897fb; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; }

/*=====================================================================================*/
/* Layout */
/*=====================================================================================*/

#primary_area { right:17px; overflow:visible; }
#primary_area .primary_toolbar { height:44px; bottom:auto; overflow:visible; z-index:1000; font-size:small; }
#primary_area + .toolbarExtender { height:44px; bottom:auto; width:17px; left:auto; z-index:990; }

/* Bug when opening the primary menu items is flawed (they show behind the rest of the page) */
#primary_area { z-index:990; height:44px; -webkit-transform:translate3d(0,0,0); }

#details_jobs { top:-1000px; bottom:auto; z-index:990; margin-left:auto; margin-right:auto; width:500px; background: linear-gradient(#555658, rgba(85,86,88,0.9)); box-shadow: 1px 1px 5px #333; border-bottom-left-radius:2px; border-bottom-right-radius:2px; transition: all 1s ease; }
#details_jobs.visible.active { top:44px; }
#details_jobs .details_jobs_list { max-height:800px; border-top:1px solid #505050; padding:0.2em 1em; color:white; overflow:hidden; overflow-y:auto; }
#details_jobs .details_jobs_list_finished { position:relative; }
#details_jobs .details_jobs_list_finished .header-title { font-size:0.8em; top:0; right:0; position:absolute; }
#details_jobs .details_jobs_list .show-additional-jobs { float:right; margin-bottom:0.2em; font-size:0.8em; margin-top:-0.8em; }
#details_jobs .details_jobs_list .show-all { display:none; float:right; margin-bottom:0.2em; font-size:0.8em; margin-top:-0.8em; }
#details_jobs.show-additional-jobs .show-additional-jobs { display:none; }
#details_jobs:not(.show-additional-jobs) .dialog-job-state.additional { display:none; }
#details_jobs.only-active .show-all { display:inline-block; }
#details_jobs.only-active .details_jobs_list_finished,
#details_jobs.only-active .show-additional-jobs { display:none; }

#secondary_bkgnd { z-index:200; right:17px; height:78px; bottom:auto; }
#tools { right:17px; }
#tools.secondary_toolbar { z-index:200; top:44px; height:34px; bottom:auto; padding:0px; color:#666; overflow:visible; }
#tools.secondary_toolbar + .toolbarExtender { z-index:190; top:44px; height:34px; bottom:auto; width:17px; left:auto; }

#app_area { overflow:hidden; top:78px; z-index:0; --toolbar-height: 78px; }
#app_area #app_scroller { overflow: -moz-scrollbars-vertical; overflow-y: scroll; /*-webkit-overflow-scrolling:touch;*/ }

#app_area #app_scroller #app_bkgnd .cell_content { position:relative; display:block; height:100%; margin:0px auto 0px auto; padding:0px 6px 0px 6px; }

#app_area #app_scroller #app_content { position:relative; width:100%; min-height:100%; }
#app_area #app_scroller #app_content #page { width:100%; height:auto; }
#app_area #app_scroller #app_content #page #page_content { position:relative; display:block; height:100%; margin:0px auto 0px auto; padding:6px 6px 0px 6px; }
#app_area #app_scroller #app_content #spacing { padding-bottom:44px; overflow:auto; }

#app_area #app_scroller #app_content.custom-scrolling { height:100%; padding-bottom:44px; }
#app_area #app_scroller #app_content.custom-scrolling #page { height:100%; }
#app_area #app_scroller #app_content.custom-scrolling #page #page_fader { position:relative; height:100%; }

#app_area #app_scroller #footer { position:relative; width:100%; margin:0; padding:0; margin-top:-44px; height:44px; overflow:hidden; clear:both; }
#app_area #app_scroller #footer #footer_content { position:relative; display:block; height:10px; margin:0px auto 0px auto; padding:0px 6px 0px 6px; }

#app_area #app_messages,
#modal_messages { display:none; position:absolute; top:1px; left:0; right:0; font-size:1.4em; text-align:center; border-top:1px solid #BBB; z-index:510; }
#app_area #app_messages > div,
#modal_messages > div { display:inline-block; position:relative; vertical-align:top; overflow:hidden; box-shadow:0 0 5px #AAA; z-index:190; }
#app_area #app_messages .messages,
#modal_messages .messages { position:relative; padding:0.3em 2em; background:#DCDDDD; }
#app_area #app_messages .messages a[href],
#modal_messages .messages a[href] { font-weight:bold; }
#app_area #app_messages .messages .msg-close,
#modal_messages .messages .msg-close { cursor:pointer; left:auto; bottom:auto; right:0.3em; top:0.2em; }
#app_area #app_messages .msg-icon,
#modal_messages .msg-icon { margin-left:-0.6em; margin-right:0.6em; }
#modal_messages { left:5%; width:90%; top:-1px; border-top:none; }

#app_area #app_messages.has-details .messages,
#modal_messages.has-details .messages { cursor:pointer; }
#app_area #app_messages.is-success .messages,
#modal_messages.is-success .messages { background-color:#35AE72; color:white; }
#app_area #app_messages.is-warning .messages,
#modal_messages.is-warning .messages { background-color:#F39627; color:white; }
#app_area #app_messages.is-failure .messages,
#modal_messages.is-failure .messages { background-color:#AF2117; color:white; }

#app_area .fi-layout-container { margin-bottom:-20px; }	/* Stop showing large white gap below the footer when using fi-layout */
#app_area .fi-pagelayout-debug { padding:1em; border-bottom:2px solid blue; background-color:#88F; color:white; font-weight:bold; cursor:pointer; margin-top:-5px; margin-bottom:5px; }
#app_area .fi-pagelayout-debug + .fi-layout-container { margin-bottom:0; }
#app_area .fi-pagelayout-debug:not(.show) + .fi-layout-container { display:none; }

#app_left_pane, #app_right_pane { top:78px; }

body.fullscreen-active #app_left_pane, 
body.fullscreen-active #app_right_pane { display:none; }

/* iOS 11 contains a bug that does make "black-translucent" unusable - uncomment, if this bug was solved!
	======================================================================================================
	html.standalone #primary_area .primary_toolbar { padding-top:20px; height:64px; box-sizing:border-box; }
	html.standalone #primary_area + .toolbarExtender { height:64px; }
	html.standalone #tools.secondary_toolbar { top:64px; }
	html.standalone #tools.secondary_toolbar + .toolbarExtender { top:64px; }
	html.standalone #app_area { overflow:hidden; top:98px; }
	html.standalone #app_left_pane, #app_right_pane { top:98px; }
*/

/*=====================================================================================*/
/* Toolbar */
/*=====================================================================================*/

.primary_toolbar .toolbar_item { position:relative; float:left; height:44px; }
.primary_toolbar .toolbar_item.right { float:right; }
.primary_toolbar .toolbar_button { position:relative; float:left; cursor:pointer; width:48px; height:42px; border-left:1px solid transparent; border-right:1px solid transparent; background-repeat:no-repeat; background-position:-1px 6px; }
.primary_toolbar .toolbar_button > a { display:block; width:100%; height:100%; outline:none; }
.primary_toolbar .toolbar_button > a.hasFontIcon { font-size:24px; line-height:34px; text-align:center; color:white; text-decoration:none; }
.primary_toolbar .toolbar_button > a.hasFontIcon.icon-home-web { line-height:36px; }
.primary_toolbar .toolbar_button.right { float:right; }
.primary_toolbar .toolbar_button.open { height:45px; border-left:1px solid #BEBEBE; border-right:1px solid #BEBEBE; background-color:#FFF; }
.primary_toolbar .toolbar_button:hover { border-bottom:2px solid white; }
.primary_toolbar .toolbar_button.open:hover { border-bottom:inherit; }
.primary_toolbar .toolbar_button.open > a.hasFontIcon { color:#4E596F; }
.primary_toolbar .toolbar_button:not(.open) > a.hasFontIcon[data-alert]:after { content:attr(data-alert); font-size:small;  font-family: 'Segoe UI', Verdana, Arial; display:block; position:absolute; top:1px; left:auto; right:1px; bottom:auto; background-color:red; color:white; padding:0.1em; min-width:1.5em; text-align:center; border-radius:100px; line-height:1.3em; } 

.primary_toolbar .toolbar_button .toolbar_button_text { font-family:'Segoe UI', Verdana, Arial; font-size:10px; top:auto; bottom:1px; line-height:12px; text-align:center; overflow:hidden; }
.primary_toolbar .toolbar_button.open .toolbar_button_text { bottom:4px; }

.primary_toolbar .toolbar_button .toolbar_menu { display:none; position:absolute; right:-1px; top:44px; left:auto; background:white; border:1px solid #BEBEBE; z-index:-1; }
.primary_toolbar .toolbar_button .toolbar_menu.left { left:-1px; right:auto; }
.primary_toolbar .toolbar_button .toolbar_menu .toolbar_menu_content { cursor:default; margin:0px; padding:5px 0px; }
.primary_toolbar .toolbar_button.optional { transition: opacity ease 1s; opacity: 0; pointer-events: none; }
.primary_toolbar .toolbar_button.active { opacity: 1; pointer-events:inherit; }
.primary_toolbar .toolbar_button:not(.running) span.process:before { content:"\e949"; }
.primary_toolbar #btn_jobs.toolbar_button:not(.running, .open) > a { color:rgba(255,255,255,0.5); }
.primary_toolbar .toolbar_button.running span.process { display:inline-block; animation: rotate 2s linear infinite; }
.primary_toolbar #btn_jobs.toolbar_button .progress { bottom:auto; height:2px; background-color:#444; }
.primary_toolbar #btn_jobs.toolbar_button .progress-bar { background-color:white; }

@keyframes rotate 
{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.dropdown-menu .dropdown-header { cursor:default; }
.dropdown-submenu.dropdown-submenu-with-default { cursor:pointer; }

#app_toolbar { float:left; position:relative; left:auto; margin-left:auto; }
#logo_application { font-size:36px; color:white; width:70px; text-align:center; line-height:44px; float:left; padding:1px 0.4em 0px 0.4em; }
#logo_application:hover { cursor:pointer; }
#logo_application a { text-decoration:none; }

body.RIA   #logo_application { --logo-light-color: #A78ABF; }
body.RIA   #logo_application { --logo-dark-color:  #5C2482; }
body.MBC   #logo_application { --logo-light-color: #928FC2; }
body.MBC   #logo_application { --logo-dark-color:  #2D3687; }
body.MBO   #logo_application { --logo-light-color: #A4BFE1; }
body.MBO   #logo_application { --logo-dark-color:  #1384BF; }
body.MEC   #logo_application { --logo-light-color: #F4A68A; }
body.MEC   #logo_application { --logo-dark-color:  #E74025; }
body.MPO   #logo_application { --logo-light-color: #B6DEDF; }
body.MPO   #logo_application { --logo-dark-color:  #4FBBB9; }
body.MSO   #logo_application { --logo-light-color: #006633; }
body.MSO   #logo_application { --logo-dark-color:  #002E17; }
body.Admin #logo_application { --logo-light-color: #C9DFA7; }
body.Admin #logo_application { --logo-dark-color:  #88BD41; }
body.CRM   #logo_application { --logo-light-color: #c973c5; }
body.CRM   #logo_application { --logo-dark-color:  #750658; }
body.BP    #logo_application { --logo-light-color: #e58cb5; }
body.BP    #logo_application { --logo-dark-color:  #BF3466; }
body.DCC   #logo_application { --logo-light-color: #e07c8b; }
body.DCC   #logo_application { --logo-dark-color:  #cf3244; }
body.Billing #logo_application { --logo-light-color: #FFCB64; }
body.Billing #logo_application { --logo-dark-color:  #FFAF22; }
body.Porter #logo_application { --logo-light-color: #8b7ce0; }
body.Porter #logo_application { --logo-dark-color:  #4432cf; }

/* Menus */
.toolbar_menu_item_list { margin:0px; padding:0px; list-style:none outside none; }
.toolbar_menu_item_list .toolbar_menu_item { line-height:2em; }
.toolbar_menu_item_list .toolbar_menu_item .toolbar_menu_info, 
.toolbar_menu_item_list .toolbar_menu_item .toolbar_menu_link { display:block; padding:0px 15px; white-space:nowrap; vertical-align:baseline; text-align:left; text-decoration:none; overflow:hidden; text-overflow:ellipsis; }
.toolbar_menu_item_list .toolbar_menu_item .toolbar_menu_info.high,
.toolbar_menu_item_list .toolbar_menu_item .toolbar_menu_link.high { padding-bottom:0.3em; }
.toolbar_menu_item_list .toolbar_menu_item .toolbar_menu_link.hover { background-color:#F4F3F4; }
.toolbar_menu_item_list .toolbar_menu_item .toolbar_menu_link.related_dialog_link { cursor:pointer; }
.toolbar_menu_item_list .toolbar_menu_item .toolbar_menu_link.disabled { cursor:default; color:#AAA; background:inherit; }
.toolbar_menu_item_list .toolbar_menu_item .toolbar_menu_separator { padding:0px 15px; margin:5px 0px 5px 0px; border-top:1px solid #E5E5E5; }

.toolbar_menu_item_list .toolbar_menu_item .bold { font-weight:bold; }
.toolbar_menu_item_list .toolbar_menu_item .message_abstract { display:block; line-height:1.3em; font-size:0.7em; color:#888; margin-top:-0.3em; margin-bottom:-2px; font-weight:normal; overflow:hidden; }
.toolbar_menu_item_list .toolbar_menu_item .message-type { float:left; font-size:1.8em; line-height:1.6em; width:1.5em; text-align:center; margin-left:-10px; margin-bottom:-5px; }

/*=====================================================================================*/
/* Panels */
/*=====================================================================================*/

.fi-block.panel { border:none; position:relative; }
.fi-block.panel > .panel-heading { background-color: white; border-radius:0; font-size:140%; border:none; position:relative; overflow:visible; }
.fi-block.panel > .panel-heading > a.fi-block-focus { position:absolute; opacity:0; top:0; left:0; bottom:0; right:0; }
.fi-block.panel > .panel-heading .btn-group { margin-left:10px; }
.fi-block.panel > .panel-heading .btn-group .btn { line-height:2em; height:2em; padding:0 8px; }
.fi-block.panel > .panel-heading .tools { float:right; margin-top:-2px; margin-bottom:-2px; }
.fi-block.panel > .panel-heading.fi-header-collapse,
.fi-block.panel > .panel-heading.fi-header-collapse-with-zoom { height:0; padding:0; }
.fi-block.panel > .panel-heading.fi-header-collapse-with-zoom .fi-header-maximize { z-index:180; }
.fi-block.panel > .panel-heading.fi-header-collapse .fi-header-title,
.fi-block.panel > .panel-heading.fi-header-collapse-with-zoom .fi-header-title { display:none; }
.fi-block.panel > .panel-heading.has-focus .fi-header-title { text-decoration:underline; }
.fi-block.panel > .panel-heading.fi-header .fi-bparea { font-size:10px; position:absolute; bottom:-10px; }
.fi-block.panel > .panel-heading.fi-header .fi-header-subtitle { font-size:10px; position:absolute; bottom:auto; margin-top:-2px; }
.fi-block.panel > .panel-heading .fi-header-ctrls { display: inline-block; font-size: calc(5 / 7 * 1em); vertical-align: top; }
.fi-block.panel > .panel-heading .fi-header-ctrls .inputArea { display:inline-block; width:auto; }
.fi-block.panel.fi-no-edit-right > .panel-heading .fi-header-title:not(:empty):after { font-family: 'FIIconFont'; content: "\e901"; font-size:60%; color:red; vertical-align:top; margin-left:0.3em; position:absolute; }
.fi-block.panel.fi-no-read-right > .panel-heading .fi-header-title:not(:empty):after { font-family: 'FIIconFont'; content: "\e902"; font-size:60%; color:red; vertical-align:top; margin-left:0.3em; position:absolute; }
.fi-readonly .fi-block.panel.fi-no-edit-right > .panel-heading .fi-header-title:not(:empty):after { display:none; }

.fi-block.panel.toggable > .panel-heading:not([role="tab"]) { cursor:pointer; padding-left:2em; }
.fi-block.panel.toggable > .panel-heading:not([role="tab"]) .no-toggle { cursor:default; position:relative; }
.fi-block.panel.toggable > .panel-heading:not([role="tab"]):before { font-family: 'FIIconFont'; font-size:0.8em; font-weight:100; line-height:3.3em; content:"\e01e"; display:block; position:absolute; left:1em; top:0; bottom:0; right:auto; width:1em; }
.fi-block.panel:not(.toggable) > .panel-heading:not([role="tab"]),
.fi-block.panel.toggable:not(.closed) > .panel-heading:not([role="tab"]) { padding-bottom:0; }
.fi-block.panel.toggable.closed:not(.fi-colored) > .panel-heading:not([role="tab"]) { border-bottom:1px solid; }
.fi-block.panel.toggable.closed > .panel-heading:not([role="tab"]):before { content:"\e020"; }
.fi-block.panel.toggable.closed > .panel-body,
.fi-block.panel.toggable.closed > .panel-footer,
.fi-block.panel.empty > .panel-body,
.fi-block.panel.empty > .panel-footer { display:none; }
.fi-block.panel.empty:not(.toggable) > .panel-heading:not([role="tab"]) { padding-bottom:10px; }
.fi-block.panel.toggable > .panel-heading.panel-heading-with-icon:not([role="tab"]) { padding-left:1em; padding-right:2em; }
.fi-block.panel.toggable > .panel-heading.panel-heading-with-icon:not([role="tab"]):before { right:1em; left: auto; }
.fi-block.panel.toggable.closed > .panel-heading.fi-header .fi-bparea { display:none; }

.fi-block.panel.fullscreen-allowed > .panel-heading:not(.fi-hide-maximize) { padding-right:2em; }
.fi-block.panel.fullscreen-allowed > .panel-heading a.fi-header-maximize.no-toggle { position:absolute; right:6px; top:6px; opacity:0.5; font-size:16px; }
.fi-block.panel.fullscreen-allowed > .panel-heading a.fi-header-maximize.no-toggle:hover { opacity:1; text-decoration:none; cursor:pointer; }
.fi-block.panel.fullscreen-allowed > .panel-heading a.fi-header-maximize.no-toggle:focus { opacity:1; text-decoration:underline; outline:none; text-underline-position:under; }
.fi-block.panel.fullscreen-allowed > .panel-heading.fi-hide-maximize a.fi-header-maximize.no-toggle { display:none; }
.fi-block.panel.fullscreen-allowed.toggable > .panel-heading.panel-heading-with-icon:not([role="tab"]):not(.fi-hide-maximize) { padding-right:4em; }
.fi-block.panel.fullscreen-allowed.toggable > .panel-heading.panel-heading-with-icon:not([role="tab"]):not(.fi-hide-maximize):before { right:3em; }
.fi-block.panel.fullscreen-allowed.is-maximized { position:fixed; z-index:180; display:flex; flex-direction: column; border:1px solid #888; border-radius:0; }
.fi-block.panel.fullscreen-allowed.is-maximized a.fi-header-maximize span:before { content:'\e960'; } /* icon-icon-minus */
.fi-block.panel.fullscreen-allowed.is-maximized > .panel-body { flex:1; overflow-y:auto; }

.fi-block.panel.fullscreen-allowed:not(.is-maximized) .hide-in-normal { display:none; }
.fi-block.panel.fullscreen-allowed.is-maximized .hide-in-fullscreen { display:none; }

.fi-maximize-anim { background: white; z-index:180; box-shadow:0 0 5px #888; border:1px solid #888; }
.fi-maximize-anim:before { font-family: 'FIIconFont'; font-weight:100; color:#F8F8F8; line-height:3.3em; content:"\e908"; display:flex; position:absolute; left:0; top:0; bottom:0; right:0; justify-content:center; flex-direction:column; text-align:center; }

.fi-block.panel > .panel-body .panel-collapse-heading { position:relative; box-sizing:border-box; height:3em; padding:0.8em 0.6em; background-color:#EEE; cursor:pointer; font-size:120%; }
.fi-block.panel > .panel-body .panel-collapse-heading > a.panel-collapse-focus { position:absolute; opacity:0; top:0; left:0; bottom:0; right:0; }
.fi-block.panel > .panel-body .panel-collapse-heading.with-spec { padding:0.45em 0.6em; }
.fi-block.panel > .panel-body .panel-collapse-heading > .with-spec { margin-top:-0.35em; }
.fi-block.panel > .panel-body .panel-collapse-heading .spec { font-size:65%; height:1.4em; line-height:1.4em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.fi-block.panel > .panel-body .panel-collapse-heading:not(.with-spec) .inline-ctrls { margin-top:-0.25em; }
.fi-block.panel > .panel-body .panel-collapse-heading:after { font-family: 'FIIconFont'; font-size:0.8em; font-weight:100; line-height:3.75em; content:"\e01e"; display:block; position:absolute; right:1em; top:0; bottom:0; left:auto; width:1em; }
.fi-block.panel > .panel-body .panel-collapse-heading .no-toggle { cursor:default; }
.fi-block.panel > .panel-body .panel-collapse-body { padding:0.4em 0; }
.fi-block.panel > .panel-body .panel-collapse-heading.collapsed,
.fi-block.panel.folded > .panel-body .panel-collapse-heading { border-bottom:1px solid; }
.fi-block.panel > .panel-body .panel-collapse-heading.collapsed:after,
.fi-block.panel.folded > .panel-body .panel-collapse-heading:after { content:"\e020"; }
.fi-block.panel.folded > .panel-body .panel-collapse-body { display:none; }
.fi-block.panel.folded > .panel-body .addition-info-btn:not(.addition-info-btn2) { visibility:hidden; }
.fi-block.panel > .panel-body .panel-collapse-heading .tools { top:50%; margin-top:-0.9em; position:absolute; right:2em; width:auto; height:auto; color:#000; }
.fi-block.panel > .panel-body .panel-collapse-heading.empty { cursor:default; }
.fi-block.panel > .panel-body .panel-collapse-heading.empty:after { display:none;}
.fi-block.panel > .panel-body .panel-collapse-heading.empty .tools { right:0.6em; }
.fi-block.panel > .panel-body .panel-collapse-heading.has-focus { background-color:#DDD; }

.fi-block .addition-info-btn { width:100%; text-align:right; font-size:80%; color:#888; margin-top:-1.3em; }
.fi-block .addition-info-btn:hover { color:inherit; }
.fi-block .addition-info-btn a { text-decoration:none; }
.fi-block .filter-popover-container { max-width:640px; margin-left:auto; margin-right:auto; }
.popover-content .addition-info-btn { margin-top:-1em; }

.fi-block .fi-block-overlay { display:none; z-index:1; }
.fi-block.pending-update .fi-block-overlay { display:block; opacity:0.4; }
.fi-block.pending-update.pending-hard-update .fi-block-overlay { background:white; opacity:0.5; }
.fi-block.pending-update .fi-block-overlay .fi-block-overlay-icon { background:url("../Content/loadingwheel_48x48.gif") no-repeat center center; }

.modal-body > .fi-block .addition-info-btn  { margin-top:-1em; }

.fi-block .fi-new-file-drag-ctrl-container { position:absolute; left:-100px; max-width:0px; overflow:hidden; }
.fi-block .fi-new-file-drag-ctrl-container .fi-new-file-drag-ctrl { position:relative; width:100%; height:100%; }
.fi-block .fi-new-file-drag-ctrl-container:not(.is-uploading) .fi-new-file-drag-ctrl .inputBox,
.fi-block .fi-new-file-drag-ctrl-container:not(.is-uploading) .fi-new-file-drag-ctrl .inputActions { opacity:0; }
html.is-dragging .fi-block .fi-new-file-drag-ctrl-container { left:0px; top:0px; bottom:0px; right:0px; max-width:none; z-index:9999; }
.fi-block .fi-new-file-drag-ctrl-container.is-uploading { left:0px; top:0px; bottom:0px; right:0px; max-width:none; z-index:9999; }
.fi-block .fi-new-file-drag-ctrl-container.is-uploading .inputArea { background:rgba(255,255,255,0.5); display:block; padding:0.7em 4em 0 15px; }
.fi-block .fi-new-file-drag-ctrl-container.is-uploading .inputArea .inputBox { height:2em; display:block; }
.fi-block .fi-new-file-drag-ctrl-container.is-uploading .inputArea .inputBox:before { content: '\e95e'; }
.fi-block .fi-new-file-drag-ctrl-container.is-uploading .inputArea .inputActions { display:block; position:absolute; right:15px; top:0.7em; }
.fi-block .fi-new-file-drag-ctrl-container.is-uploading .inputArea .progress-bar { line-height:initial; }

.fi-block.fi-colored { --block-color:red; box-shadow: 0 0 0 1px var(--block-color); background: #FFF8F8; }
.fi-block.fi-colored.fi-colored-foreign { --block-color: lightblue; background: #F8F8FF; }
.fi-block.fi-colored .fi-header { background: none; }
.fi-block.fi-colored .fi-header .fi-colored-symbol { position:absolute; right:0.2em; top:0.1em; opacity:0.1; font-size:1.8em; }

.fi-block .fi-body-print { position:absolute; right:3px; bottom:0px; opacity:0.3; }
.fi-block .fi-body-print:hover { opacity:1; text-decoration:none; }
.fi-block.panel.print-allowed .panel-body { position:relative; }

/*=====================================================================================*/
/* Tools */
/*=====================================================================================*/

ul.tools { padding:0; margin:0; }
ul.tools li.tool { display:inline-block; position:relative; list-style:none; margin-right:2px; margin-bottom:2px; }
ul.tools li.tool a { text-decoration:none; }
ul.tools li.tool a.toolbutton { display:inline-block; padding:0 0.4em; border: 1px solid #d3d3d3; background: #e6e6e6 url(Util/Foreign/JQueryUI/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
ul.tools li.tool.active a.toolbutton,
ul.tools li.tool a.toolbutton.active { border: 1px solid #aaaaaa; background: #ffffff url(Util/Foreign/JQueryUI/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #3996d3; }
ul.tools li.tool a.toolbutton:not(.disabled):hover { border: 1px solid #999999; background: #dadada url(Util/Foreign/JQueryUI/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
ul.tools li.tool a.toolbutton.disabled { border-color:#888; opacity: .35; filter:Alpha(Opacity=35); background-image: none; cursor:default; }
ul.tools li.tool div.btn_content { line-height:1.4em; }
ul.tools li.tool div.btn_content > div { display:inline-block; vertical-align:middle; padding:0; margin:0; }
ul.tools li.tool div.btn_content .text { font-size:1em; margin-top:-2px; } 
ul.tools li.tool div.btn_content .icon { font-size:larger; } 
ul.tools li.tool div.btn_content:not(.no-icon) .btn_text { padding-left:0.4em; }
ul.tools li.tool div.btn_content:not(.no-text) .btn_dropdown { padding-left:0.4em; }
ul.tools li.tool.small-icon div.btn_content div.btn_icon.icon { font-size:x-small; }
ul.tools li.tool div.btn_content.no-icon div.btn_icon { display:none; }
ul.tools li.tool div.btn_content.no-text div.btn_text { display:none; }
ul.tools li.tool div.btn_content.no-dropdown div.btn_dropdown { display:none; }
ul.tools li.tool a.splitbutton div.btn_text { padding-right:0.4em; }
ul.tools li.tool a.splitbutton div.btn_dropdown { padding-left:0.4em; border-left:1px solid #d3d3d3; }
ul.tools li.tool a.splitbutton.active div.btn_dropdown { border-left-color:#aaaaaa; }
ul.tools li.tool a.splitbutton:hover div.btn_dropdown { border-left-color:#999999; }
ul.tools li.tool.shifted-buttons { display:none; }

ul.tools li.tool div.separator { background:none; border:none; border-left:1px solid #CCC; cursor:default; }
ul.tools li.tool div.dropdown { position:absolute; display:none; left:0; margin:1px 0px 0px -1px; top:100%; z-index:9999; background:white; font-size:0.9em; }
ul.tools li.tool div.dropdown.popup_open { display:block; }
ul.tools li.tool div.dropdown li.ui-menu-item > a { white-space:nowrap; }
ul.tools li.tool div.dropdown li.ui-menu-item.ui-state-disabled { margin-top:0px; }
ul.tools li.tool div.dropdown.icon li.ui-menu-item > a { padding-left:1.8em; position:relative; }
ul.tools li.tool div.dropdown.icon li.ui-menu-item > a > span { position:absolute; display:block; left:0.3em; top:1px; line-height:1.5; font-size:medium; }

ul.tools li.tool.path { float:right; }
ul.tools li.tool.path a.pathitem.active { color:#C00E0C; font-weight:bold; }
ul.tools li.tool.path div.separator { margin:0; border:none; cursor:default; color:#AAA; }

.secondary_toolbar .main_menu { padding:3px 3px 0px 3px } 
.secondary_toolbar .main_menu > div { padding-left:0; padding-right:0; }
.secondary_toolbar .main_menu li.tool { margin-right:4px; }
.secondary_toolbar .main_menu a.toolbutton { border-radius:0px; }
.secondary_toolbar .main_menu a.toolbutton.fi-colored { --tool-color:red; border-color:var(--tool-color); background: #FFF8F8; }
.secondary_toolbar .main_menu a.toolbutton.fi-colored + a.btn.dropdown-toggle { --tool-color:red; border-color:var(--tool-color);  }
.secondary_toolbar .main_menu a.toolbutton.fi-colored-foreign { --tool-color:lightblue; background: #F0F8FF; }
.secondary_toolbar .main_menu a.toolbutton.fi-colored-foreign + a.btn.dropdown-toggle { --tool-color:lightblue; }
.secondary_toolbar .main_menu div.toolbutton.toolhtml { display:inline-block; height:2em; line-height:2em; }
.secondary_toolbar .main_menu div.toolbutton.toolhtml .toolbar-progress { position:relative; width:250px; font-size:14px; height:2em; padding-right:6em; }
.secondary_toolbar .main_menu div.toolbutton.toolhtml .toolbar-progress.scheduled .progress,
.secondary_toolbar .main_menu div.toolbutton.toolhtml .toolbar-progress.finished .progress { visibility:hidden; }
.secondary_toolbar .main_menu div.toolbutton.toolhtml .toolbar-progress.scheduled .description,
.secondary_toolbar .main_menu div.toolbutton.toolhtml .toolbar-progress.finished .description { left:0; width:auto; border-left:1px solid #CCC; }
.secondary_toolbar .main_menu div.toolbutton.toolhtml .toolbar-progress.scheduled .remaining,
.secondary_toolbar .main_menu div.toolbutton.toolhtml .toolbar-progress.finished .remaining { display:none; }
.secondary_toolbar .main_menu div.toolbutton.toolhtml .toolbar-progress.running .infotext { display:none; }
.secondary_toolbar .main_menu div.toolbutton.toolhtml .toolbar-progress .state { position:absolute; left:0; top:0; width:2em; height:2em; line-height:2em; text-align:center; vertical-align:middle; border:1px solid #CCC; border-right:none; }
.secondary_toolbar .main_menu div.toolbutton.toolhtml .toolbar-progress .description { position:absolute; right:0; top:0; width:6em; height:2em; line-height:2em; text-align:left; vertical-align:middle; border:1px solid #CCC; border-left:none; padding-left:0.4em; }
.secondary_toolbar .main_menu div.toolbutton.toolhtml .toolbar-progress .progress { width:100%; height:100%; border-radius:0; border:1px solid #CCC; }
.secondary_toolbar .main_menu div.toolbutton.toolhtml .toolbar-progress .progress .progress-bar { line-height:calc(2em * 14/12); }

.secondary_toolbar #tools_content { position:relative; display:block; height:34px; margin:1px auto 0px auto; padding:0px 6px; border-bottom:1px solid transparent; z-index:501; }

.recent-docs-parent + .dropdown-toggle + .dropdown-menu { max-height: 25em; overflow: auto; }

/*=====================================================================================*/
/* Navigationlists */
/*=====================================================================================*/
ul.tools.navlist li { display:none; }
ul.tools.navlist li.visible,
ul.tools.navlist li.pageButton { display:inline-block; }
ul.tools.navlist li.pageButton.hidden { display:none; }
ul.tools.navlist .page_prev { visibility:hidden; }
ul.tools.navlist .page_next { visibility:hidden; margin-right:0px; }

/*=====================================================================================*/
/* Buttonsets */
/*=====================================================================================*/

div.buttonset { clear:left; margin-right:2px; }
div.buttonset > div.label { line-height:0; }
div.buttonset > div.label label { width:100%; }
div.buttonset > div.label label .ui-button-text { padding-top:3px; padding-bottom:3px; overflow:hidden; }
div.buttonset.cols2 > div.label { width:50%; float:left; }
div.buttonset.cols3 > div.label { width:33%; float:left; }
div.buttonset.cols3 > div.label:nth-child(1) { width:34%; }
div.buttonset.cols4 > div.label { width:25%; float:left; }
div.buttonset.cols5 > div.label { width:20%; float:left; }
div.buttonset.cols6 > div.label { width:17%; float:left; }
div.buttonset.cols6 > div.label:nth-child(3) { width:16%; }
div.buttonset.cols6 > div.label:nth-child(6) { width:16%; }

/*=====================================================================================*/
/* Inline-Tools */
/*=====================================================================================*/

.inline_toolbar { display:block; width:100%; padding-bottom:0.3em; border-bottom:1px dotted #CCC; margin:0.0em 0; }
.inline_toolbar > div { float:left; line-height:1em; }
.inline_toolbar > div.clear { float:inherit; clear:both; }
.inline_toolbar > div.toolbar_left { width:30%; }
.inline_toolbar > div.toolbar_left a { float:left; }
.inline_toolbar > div.toolbar_center { width:40%; }
.inline_toolbar > div.toolbar_center .toolbar_nav { display:inline-block; margin-left:50%; margin-right:-50%; }
.inline_toolbar > div.toolbar_center .toolbar_nav ul { position:relative; left:-50%; display:inline-block; list-style:none; margin:0px; padding:0px; }
.inline_toolbar > div.toolbar_center .toolbar_nav ul li { float:left; margin:0px 5px 0px 0px; }
.inline_toolbar > div.toolbar_right { width:30%; }
.inline_toolbar > div.toolbar_right > * { float:right; }

.inline_toolbar a.toolbutton { border-radius:4px; }

/*=====================================================================================*/
/* Page */
/*=====================================================================================*/

#page #page_content .unused { display:none; }

#page #page_content a.button,
#page #page_content input.button + label { display:inline-block; padding:0 0.4em; border: 1px solid #d3d3d3; background: #e6e6e6 url(Util/Foreign/JQueryUI/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
#page #page_content a.button .ui-button-text, 
#page #page_content input.button + label .ui-button-text { padding: 0.2em; }
#page #page_content a.button.active,
#page #page_content input.button:checked + label { border: 1px solid #aaaaaa; background: #ffffff url(Util/Foreign/JQueryUI/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
#page #page_content a.button:hover,
#page #page_content input.button + label:hover { border: 1px solid #999999; background: #dadada url(Util/Foreign/JQueryUI/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }

/* Within dialogs */
.ui-dialog-content a.button,
.ui-dialog-content input.button + label { display:inline-block; padding:0 0.4em; border: 1px solid #d3d3d3; background: #e6e6e6 url(Util/Foreign/JQueryUI/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-dialog-content a.button .ui-button-text,
.ui-dialog-content input.button + label .ui-button-text { padding: 0.2em; }
.ui-dialog-content a.button.active,
.ui-dialog-content input.button:checked + label { border: 1px solid #aaaaaa; background: #ffffff url(Util/Foreign/JQueryUI/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-dialog-content a.button:hover,
.ui-dialog-content input.button + label:hover { border: 1px solid #999999; background: #dadada url(Util/Foreign/JQueryUI/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }

/* Outer accordions */
#page .collapsible { clear:both; }
#page .collapsible > div.collapsible_head.ui-accordion-header { border:none; border-top:1px solid #CCC; border-radius:0px; font-size:1.1em; font-weight:bolder; color:#444; padding-left:0.5em;  }
#page .collapsible > div.collapsible_head.ui-accordion-header.no_small_caps { font-variant:normal; }
#page .collapsible > div.collapsible_head.ui-accordion-header.no_content > span.ui-icon { display:none; }
#page .collapsible > div.collapsible_head.ui-accordion-header.no_content { cursor:default; }
#page .collapsible > div.collapsible_head.ui-accordion-header.no_small_caps a { color:#666; }

#page .collapsible             > div.collapsible_head.ui-accordion-header > span.ui-icon { position:absolute; right:0.5em; left:auto; }
#page .collapsible.always_open > div.collapsible_head.ui-accordion-header > span.ui-icon { display:none; }

#page .collapsible > div.ui-accordion-content { display:block; border:none; padding:0.0em 0.5em 1.0em 0.5em; overflow:visible; }

/* Inner accordions */
#page .collapsible div.ui-accordion .ui-accordion-header { padding:0; }
#page .collapsible div.ui-accordion .ui-accordion-header-active { border-bottom:none; }
#page .collapsible div.ui-accordion .ui-accordion-header span.ui-icon { left:0.0em; }

/*=====================================================================================*/
/* Footer */
/*=====================================================================================*/

#footer #footer_logo { position:relative; display:block; height:20px; background:url(../content/funkinform_gray_177x14.png) no-repeat center bottom;}
#footer #footer_text { position:relative; display:block; height:14px; padding:4px 10px 0px 10px; }

#footer #footer_homepage, #footer #footer_copyright, #footer #footer_about { color:White; font-size:10px; white-space:nowrap; line-height:14px; position:absolute; left:0; top:0; right:0; bottom:0; }
#footer #footer_copyright { text-align:center; left:10.5em; right:10.5em; }
#footer #footer_homepage { text-align:left; left:0.5em; width:10em; right:auto; }
#footer #footer_about { text-align:right; right:0.5em; width:10em; left:auto; }

/*=====================================================================================*/
/* Mail dialog */
/*=====================================================================================*/

.mail-container .mail-date { float:right; font-size:small; color:#AAA; margin-left:0.3em; }
.mail-container .mail-content { font-size:medium; white-space:pre-wrap; border-radius:0; }

/*=====================================================================================*/
/* Filter dialog */
/*=====================================================================================*/

.filter_dialog > div.label,
.filter_dialog > div.value { float:left; min-width:14em; line-height:2em; border-bottom:1px dotted #E0E0E0; }
.filter_dialog > div.label { clear:left; margin-left:0.0em; }
.filter_dialog > div.value input { width:244px; border:none; background:#EEE; padding-left:3px; padding-right:3px; }
.filter_dialog > div.value select { width:250px; border:none; background:#EEE; }
.filter_dialog > div.value.input-datetime input + input { width:150px; margin-right:5px; }
.filter_dialog > div.value.input-datetime input + input + input { width:83px; }
.filter_dialog > div.value.input-datetime.input-dateonly input + input { width:244px; margin-right:inherit; }
.filter_dialog > div.value.input-datetime.input-dateonly input + input + input { display:none; }
.filter_dialog > div.value.input-daterange input + input { width:109px; margin-right:inherit; }
.filter_dialog > div.value.input-daterange input + input + span { display:inline-block; width:20px; text-align:center; margin:0; padding:0; }
.filter_dialog > div.value.input-daterange input + input + span + input + input { width:109px; margin-right:inherit; }
.filter_dialog > div.value .ui-button-text { padding-top:0px; padding-bottom:0px; }

.filter_dialog .filter_content { width: 40em; position:relative; }
.filter_dialog .filter_content table.label_value > tbody > tr > td:first-child { width:13em; }

.filter_dialog div.horizontal-rule { clear:left; width:100%; height:0.5em; border-bottom:1px dotted #CCC; margin-bottom:0.5em; }

.filter_dialog + .ui-dialog-buttonpane { padding-left:1em; }
.filter_dialog + .ui-dialog-buttonpane .ui-dialog-buttonset { width:100%; }
.filter_dialog + .ui-dialog-buttonpane .ui-dialog-buttonset > .ui-button + .ui-button { float:right; }

/*=====================================================================================*/
/* Taskmanager */
/*=====================================================================================*/

#overlay { position:fixed; z-index:1100; background-color:black; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); }
#overlay.blue { background:url('../Content/bkgnd.jpg') no-repeat; background-position:50% 0px; opacity:.85; -moz-opacity:.85; filter:alpha(opacity=85); }

/*=====================================================================================*/
/* Short messages */
/*=====================================================================================*/
#short_message { position:fixed; z-index:9999; text-align:center; top:50%; margin-top:-2em; bottom:auto; }
#short_message .msg-bkgnd { position:relative; display:inline-block; padding:0.75em 1.5em 0.75em 1.5em; font-weight:900; max-width:80%; box-shadow:2px 2px 10px #CCC; line-height:1em; font-size:1.6em; }
#short_message .msg-bkgnd .msg-icon { margin-left:-0.6em; margin-right:0.6em; }
#short_message .msg-bkgnd .progress { display:none; bottom:0px; top:auto; height:5px; border-radius:0; }
#short_message .msg-bkgnd .progress .progress-bar { width:100%; }

#short_message.is-success .msg-bkgnd { background-color:#35AE72 !important;  }
#short_message.is-warning .msg-bkgnd { background-color:#F39627 !important;  }
#short_message.is-failure .msg-bkgnd { background-color:#AF2117 !important;  }

#short_message.is-modal .msg-bkgnd { box-shadow:2px 2px 10px #444;  }
#short_message.is-modal .msg-bkgnd .progress { display:block; }

/*=====================================================================================*/
/* Error handling */
/*=====================================================================================*/
#error_content { display:none; }

.error_container { position:relative; }
.error_container .error { clear:both; }
.error_container .error .lr_border { margin:0 0.3em; }
.error_container .error .message { width:100%; padding:0.25em 0; border:1px solid #CCC; background:#EEE; font-weight:normal; font-size:15px; line-height:1.4em; }
.error_container .error .message .message_text span:first-child { position:absolute; left:0; top:0; color:#AAA; margin-right:0.1em; margin-left:0.2em; font-size:1.4em; line-height:1; }
.error_container .error .message .message_text span.message_details { display:block; font-size:13px; line-height:1em; white-space:pre-wrap; border-top: 1px solid #DDD; padding-top: 0.3em; margin-top: 0.3em; }
.error_container .error .message .message_text.is-error span:first-child { color:red; }
.error_container .error .message .message_text.with-user-detail .message_details_toggle { position:absolute; right:0; top:0; line-height:2.8em; font-size:0.5em; }
.error_container .error .message .message_text.with-user-detail .message_details_toggle abbr { padding:0.5em; }
.error_container .error .message .message_text.with-user-detail .message_details_toggle:hover { text-decoration:none; }
.error_container .error .message .message_text.with-user-detail:not(.details-open) .message_details { display:none; }
.error_container .error .message .message_text.with-user-detail.details-open .message_details_toggle .is-closed { display:none; }
.error_container .error .message .message_text.with-user-detail:not(.details-open) .message_details_toggle .is-open { display:none; }
.error_container .error .message .message_text { position:relative; font-size:18px; padding-left:2.2em; line-height:1.4em; word-wrap:break-word; }
.error_container .error .message .caption + .message_text { font-weight:normal; }
.error_container .error .show_details { position:absolute; top:0; right:0; width:16px; height:100%; cursor:pointer; background:url(../Content/collapsed_16.png) no-repeat right center; }
.error_container .error .show_details.expanded { background-image:url(../Content/expanded_16.png); }
.error_container .error .add_infos { display:none; left:auto; font-weight:normal; }
.error_container .error .add_infos .btn { width:2em; font-size:12px; padding:0; }
.error_container .error .show_details + .add_infos { right:20px; }
.error_container .error .content { clear:both; display:none; width:100%; border-left:1px dotted #CCC; border-right:1px dotted #CCC; border-bottom:1px dotted #CCC; }
.error_container .error .content .lr_border { padding:0.2em 0; }
.error_container .error + .warnings,
.error_container .error + a + .warnings { display:none; margin-top:2px; margin-left:32px; }
.error_container .error + .error { margin-top:2px; }

.error_container .error .request.content { font-size:75%; background:#FEE; }
.error_container .error .userdetail.content { font-size:75%; background:#EFF; white-space:pre-line; overflow:auto; } 
.error_container .error .techdetail.content { font-size:75%; background:#DFF; white-space:pre-line; overflow:auto; } 
.error_container .error .stacktrace.content { font-size:75%; background:#CFF; white-space:pre-line; overflow:auto; } 
.error_container .error .errortext.content { font-size:75%; background:#BFF; white-space:pre-line; overflow:auto; } 

.error_container .caption { display:none; }
.error_container .modal-error-content { position:relative; }
.error_container .show-doublet-warnings { position:absolute; right:0; top:-1em; font-size:80%; }
.error_container .show-doublet-warnings:hover { text-decoration:none; }
.error_container .show-doublet-warnings.doublets-hidden + .warnings .error.is-doublet { display:none; }

.ajax-error { display:table; min-width:24px; min-height:24px; padding-left:30px; background:url('../Content/error_24.png') no-repeat 0 0; }
.ajax-error span { display:table-cell; vertical-align:middle; }
.data-exceptions { display:none; }

#modal-error { display:none; position:relative; border-bottom:1px solid #888; padding-bottom:0.8em; margin-bottom:0.8em; padding-right:2.0em; }
#modal-error.visible { display:block; }
#modal-error.visible + div { opacity:0.5; position:relative; }
#modal-error.visible + div .fi-popover { visibility:hidden; }
#modal-error.visible + div:after { display:block; content:' '; position:absolute; left:0; top:0; bottom:0; right:0; }
#modal-error .modal-error-close { font-size:15px; position:absolute; left:auto; width:1.6em; height:1.6em; right:0; top:0px; padding:0; color:black; line-height:1.6em; }
#modal-error .modal-error-close:hover { color:white; background:#888; }

.modal.has-error button.close { display:none; }
.modal.has-error .modal-footer { opacity:0.5; position:relative; }
.modal.has-error .modal-footer:after { display:block; content:' '; position:absolute; left:0; top:0; bottom:0; right:0; }

.modal .modal-popover-anchor { left:5%; width:90%; }

/*=====================================================================================*/
/* Text-Input dialog */
/*=====================================================================================*/

#text_input_dialog { font-size:medium; }
#text_input_dialog textarea { width:100%; height:100%; padding:2px; margin:0; border:1px solid #DDD; background-color:#EEE; }

/*=====================================================================================*/
/* Support FullScreen-Mode */
/*=====================================================================================*/

body.fullScreen.appBody .cell_content { width:100%; padding-left:0; padding-right:0; }

/* Scrollbar only if necessary */
body.fullScreen #app_area #app_scroller { overflow-y: auto; }

/* Secondary toolbar should be maximized */
body.fullScreen #primary_area,
body.fullScreen #secondary_bkgnd,
body.fullScreen #tools { right:0px; }
body.fullScreen #tools.secondary_toolbar + .toolbarExtender { display:none !important; }

/* Stop overflowing the page by padding  */
body.fullScreen .secondary_toolbar #tools_content,
body.fullScreen #app_area #app_scroller #app_bkgnd .cell_content,
body.fullScreen #app_area #app_scroller #app_content #page #page_content,
body.fullScreen #app_area #app_scroller #footer #footer_content { padding-left:0; padding-right:0;}

/* Cancel round borders */
body.fullScreen .secondary_toolbar #tools_content,
body.fullScreen #app_area #app_scroller #footer #footer_content { border-radius:0; }

/* Layout secondary menu */
body.fullScreen .secondary_toolbar .main_menu_buttons { margin-left: 6px; }
body.fullScreen .secondary_toolbar .main_menu_pathitems { margin-right: 6px; }

/*=====================================================================================*/
/* Responsive page layout */
/*=====================================================================================*/
.fi-responsive .col-sm-1,
.fi-responsive .col-sm-2,
.fi-responsive .col-sm-3,
.fi-responsive .col-sm-4,
.fi-responsive .col-sm-5,
.fi-responsive .col-sm-6,
.fi-responsive .col-sm-7,
.fi-responsive .col-sm-8,
.fi-responsive .col-sm-9,
.fi-responsive .col-sm-10,
.fi-responsive .col-sm-11,
.fi-responsive .col-sm-12 { float:none; width:auto; width:initial; }

.fi-responsive .col-md-1,
.fi-responsive .col-md-2,
.fi-responsive .col-md-3,
.fi-responsive .col-md-4,
.fi-responsive .col-md-5,
.fi-responsive .col-md-6,
.fi-responsive .col-md-7,
.fi-responsive .col-md-8,
.fi-responsive .col-md-9,
.fi-responsive .col-md-10,
.fi-responsive .col-md-11,
.fi-responsive .col-md-12 { float:none; width:auto; width:initial; }

.fi-responsive.fi-responsive-sm .col-sm-1,
.fi-responsive.fi-responsive-sm .col-sm-2,
.fi-responsive.fi-responsive-sm .col-sm-3,
.fi-responsive.fi-responsive-sm .col-sm-4,
.fi-responsive.fi-responsive-sm .col-sm-5,
.fi-responsive.fi-responsive-sm .col-sm-6,
.fi-responsive.fi-responsive-sm .col-sm-7,
.fi-responsive.fi-responsive-sm .col-sm-8,
.fi-responsive.fi-responsive-sm .col-sm-9,
.fi-responsive.fi-responsive-sm .col-sm-10,
.fi-responsive.fi-responsive-sm .col-sm-11,
.fi-responsive.fi-responsive-sm .col-sm-12 { float:left; }

.fi-responsive.fi-responsive-sm .col-sm-1 { width:8.33333333%; }
.fi-responsive.fi-responsive-sm .col-sm-2 { width:16.66666667%; }
.fi-responsive.fi-responsive-sm .col-sm-3 { width:25%; }
.fi-responsive.fi-responsive-sm .col-sm-4 { width:33.33333333%; }
.fi-responsive.fi-responsive-sm .col-sm-5 { width:41.66666667%; }
.fi-responsive.fi-responsive-sm .col-sm-6 { width:50%; }
.fi-responsive.fi-responsive-sm .col-sm-7 { width:58.33333333%; }
.fi-responsive.fi-responsive-sm .col-sm-8 { width:66.66666667%; }
.fi-responsive.fi-responsive-sm .col-sm-9 { width:75%; }
.fi-responsive.fi-responsive-sm .col-sm-10 { width:83.33333333%; }
.fi-responsive.fi-responsive-sm .col-sm-11 { width:91.66666667%; }
.fi-responsive.fi-responsive-sm .col-sm-12 { width:100%; }

.fi-responsive.fi-responsive-md .col-md-1,
.fi-responsive.fi-responsive-md .col-md-2,
.fi-responsive.fi-responsive-md .col-md-3,
.fi-responsive.fi-responsive-md .col-md-4,
.fi-responsive.fi-responsive-md .col-md-5,
.fi-responsive.fi-responsive-md .col-md-6,
.fi-responsive.fi-responsive-md .col-md-7,
.fi-responsive.fi-responsive-md .col-md-8,
.fi-responsive.fi-responsive-md .col-md-9,
.fi-responsive.fi-responsive-md .col-md-10,
.fi-responsive.fi-responsive-md .col-md-11,
.fi-responsive.fi-responsive-md .col-md-12 { float:left; }

.fi-responsive.fi-responsive-md .col-md-1 { width:8.33333333%; }
.fi-responsive.fi-responsive-md .col-md-2 { width:16.66666667%; }
.fi-responsive.fi-responsive-md .col-md-3 { width:25%; }
.fi-responsive.fi-responsive-md .col-md-4 { width:33.33333333%; }
.fi-responsive.fi-responsive-md .col-md-5 { width:41.66666667%; }
.fi-responsive.fi-responsive-md .col-md-6 { width:50%; }
.fi-responsive.fi-responsive-md .col-md-7 { width:58.33333333%; }
.fi-responsive.fi-responsive-md .col-md-8 { width:66.66666667%; }
.fi-responsive.fi-responsive-md .col-md-9 { width:75%; }
.fi-responsive.fi-responsive-md .col-md-10 { width:83.33333333%; }
.fi-responsive.fi-responsive-md .col-md-11 { width:91.66666667%; }
.fi-responsive.fi-responsive-md .col-md-12 { width:100%; }

.fi-responsive.fi-responsive-lg .col-lg-1,
.fi-responsive.fi-responsive-lg .col-lg-2,
.fi-responsive.fi-responsive-lg .col-lg-3,
.fi-responsive.fi-responsive-lg .col-lg-4,
.fi-responsive.fi-responsive-lg .col-lg-5,
.fi-responsive.fi-responsive-lg .col-lg-6,
.fi-responsive.fi-responsive-lg .col-lg-7,
.fi-responsive.fi-responsive-lg .col-lg-8,
.fi-responsive.fi-responsive-lg .col-lg-9,
.fi-responsive.fi-responsive-lg .col-lg-10,
.fi-responsive.fi-responsive-lg .col-lg-11,
.fi-responsive.fi-responsive-lg .col-lg-12 { float:left; }

.fi-responsive.fi-responsive-lg .col-lg-1 { width:8.33333333%; }
.fi-responsive.fi-responsive-lg .col-lg-2 { width:16.66666667%; }
.fi-responsive.fi-responsive-lg .col-lg-3 { width:25%; }
.fi-responsive.fi-responsive-lg .col-lg-4 { width:33.33333333%; }
.fi-responsive.fi-responsive-lg .col-lg-5 { width:41.66666667%; }
.fi-responsive.fi-responsive-lg .col-lg-6 { width:50%; }
.fi-responsive.fi-responsive-lg .col-lg-7 { width:58.33333333%; }
.fi-responsive.fi-responsive-lg .col-lg-8 { width:66.66666667%; }
.fi-responsive.fi-responsive-lg .col-lg-9 { width:75%; }
.fi-responsive.fi-responsive-lg .col-lg-10 { width:83.33333333%; }
.fi-responsive.fi-responsive-lg .col-lg-11 { width:91.66666667%; }
.fi-responsive.fi-responsive-lg .col-lg-12 { width:100%; }

.fi-responsive-toolbar.measure { white-space:nowrap; visibility:hidden; }
.fi-responsive-toolbar.measure > .btn-group { float:none; }
.fi-responsive-toolbar .fi-responsive-group > ul > li.divider { display:none; }
.fi-responsive-toolbar.fi-hide-ext .fi-responsive-group { display:none; }

/* Info-dialog */
#fi-info-dialog { margin-bottom:-20px; }
#fi-info-dialog.hide-signalr-testing .signalr-testing { display:none; }

#debugflag-overview { display:none; }
#debugflag-overview .debugflag-entry { position:relative; padding-left:2.4em; }
#debugflag-overview .debugflag-entry + .debugflag-entry { margin-top:0.4em; }
#debugflag-overview .debugflag-entry.html_template { display:none; }
#debugflag-overview .debugflag-entry .debugflag-entry-icon { right:auto; font-size:2em; width:1em; line-height:1.4em; cursor:pointer; }
#debugflag-overview .debugflag-entry.active .debugflag-entry-icon .icon-uncheck { display:none; }
#debugflag-overview .debugflag-entry:not(.active) .debugflag-entry-icon .icon-check { display:none; }
#debugflag-overview .debugflag-entry:not(.active) .debugflag-entry-name,
#debugflag-overview .debugflag-entry:not(.active) .debugflag-entry-desc { opacity:0.5; }
#debugflag-overview .debugflag-entry .debugflag-entry-name { font-weight:bold; }
#debugflag-overview .debugflag-entry .debugflag-entry-desc { font-size:0.8em; }

#dbg-accesskeys { position:fixed; width:30em; left:50%; top:80px; margin-left:-15em; z-index:20000; background:rgba(255, 255, 255, 0.75); border:1px solid #DDD; padding:0.5em; box-shadow:0 0 10px #000; border-radius:10px; }
#dbg-accesskeys.no-labels { width:18em; margin-left:-9em; }
#dbg-accesskeys .icon-close { position:absolute; right:5px; top:5px; cursor:pointer; }
#dbg-accesskeys table { width:100%; table-layout:fixed; }
#dbg-accesskeys table tr > *:nth-child(1),
#dbg-accesskeys table tr > *:nth-child(2) { text-align:center; width:5em; }
#dbg-accesskeys table .elem-link { display:inline-block; width:3em; height:1em; border:1px solid #AAA; border-radius:4px; margin-right:0.2em; }
#dbg-accesskeys table .elem-link:hover { cursor:pointer; }

#ShowLastAjaxError { color:red; }

.table-history { width:100%; margin-top:0.5em; }
.table-history .table-history-heading { border-bottom:1px solid #CCC; }
.table-history .table-history-row .table-history-from,
.table-history .table-history-row .table-history-edit,
.table-history .table-history-row .table-history-remove { text-align:right; }
.table-history .table-history-row.deleted > td { text-decoration:line-through; }

.nav.nav-tabs li.active { font-weight:bold; }
.nav.nav-tabs + .tab-content .tab-pane.tab-with-controls { padding-top:15px; }

.panel-group.fi-control-panel .fi-panel.panel { border-radius:0; border:none; }
.panel-group.fi-control-panel .fi-panel.panel .fi-panel-heading { padding:0; }
.panel-group.fi-control-panel .fi-panel.panel .fi-panel-heading.closed { border-bottom:1px solid; }
.panel-group.fi-control-panel .fi-panel.panel .fi-panel-heading a[href] { display:block; padding:10px 15px; }
.panel-group.fi-control-panel .fi-panel.panel .fi-panel-heading a[href]:hover { text-decoration:none; }
.panel-group.fi-control-panel .fi-panel.panel .fi-panel-body { padding-left:0; padding-right:0; border-top:none; }
.panel-group.fi-control-panel .fi-panel.panel .fi-panel-heading.open + div.panel-collapse .fi-panel-body { border-bottom:1px solid; }
.panel-group.fi-control-panel .fi-panel + .fi-panel { margin-top:0; }
.panel-group.fi-control-panel .fi-panel.panel .fi-panel-heading:after { font-family: 'FIIconFont'; font-size:0.6em; font-weight:100; line-height:3.75em; content:"\e01e"; display:block; position:absolute; right:1em; top:0; bottom:0; left:auto; width:1em; }
.panel-group.fi-control-panel .fi-panel.panel .fi-panel-heading.closed:after { content:"\e020"; }

#btn_gears {
	width: 65px;
}

#btn_gears .hasFontIcon {
	margin-left: 10px;
	text-align: left;
}

#logo_application .spinner { opacity:0; overflow:hidden; position:absolute; top:2px; left:14px; width:40px; height:12px; padding-left:5px; line-height:0; -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; -o-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out; }
#logo_application .spinner > div { width: 8px; height: 8px; margin-left:-6px; vertical-align:middle; background-color: #FFF; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

#logo_application .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
#logo_application .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

html.ajax-pending #logo_application .spinner { opacity:1; }

/* globally used definitions */
.activity-overdue .activity-icon-deadline { color:red; }

/* Allow printing of single divs*/
@media print {
	body.fi-printing *:not(.fi-printing) { display:none; }

	#app_scroller { overflow:hidden !important; }

	.fi-div-to-print {
		display:block;
		background-color: white;
		height: 100%;
		width: 100%;
		position: fixed !important;
		top: 0;
		left: 0;
		margin: 0;
		padding: 15px;
		font-size: 14px;
		line-height: 18px;
		z-index:99999;
	}

	a:link:after, a:visited:after {
		content: "";
	}
	.fi-div-to-print .addition-info-btn,
	.fi-div-to-print .fi-no-printing { display:none; }
}