@charset "UTF-8";
/*  Import base compass components */
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*
* Let's have some support for vendor prefixes
*/
/*
* Global settings
*/
/* Browser support & Vendor prefixes */
/*$experimental-support-for-khtml: true;*/
/* Constants */
/* border-radius */
.borderRadius1 { border-radius: 1px; }

.borderRadiusL1 { border-top-left-radius: 1px; border-bottom-left-radius: 1px; }

.borderRadiusT1 { border-top-left-radius: 1px; border-top-right-radius: 1px; }

.borderRadiusR1 { border-top-right-radius: 1px; border-bottom-right-radius: 1px; }

.borderRadiusB1 { border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; }

.borderRadiusTL1 { border-top-left-radius: 1px; }

.borderRadiusTR1 { border-top-right-radius: 1px; }

.borderRadiusBR1 { border-bottom-right-radius: 1px; }

.borderRadiusBL1 { border-bottom-left-radius: 1px; }

.borderRadius2 { border-radius: 2px; }

.borderRadiusL2 { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.borderRadiusT2 { border-top-left-radius: 2px; border-top-right-radius: 2px; }

.borderRadiusR2 { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.borderRadiusB2 { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

.borderRadiusTL2 { border-top-left-radius: 2px; }

.borderRadiusTR2 { border-top-right-radius: 2px; }

.borderRadiusBR2 { border-bottom-right-radius: 2px; }

.borderRadiusBL2 { border-bottom-left-radius: 2px; }

.borderRadius3 { border-radius: 3px; }

.borderRadiusL3 { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.borderRadiusT3 { border-top-left-radius: 3px; border-top-right-radius: 3px; }

.borderRadiusR3 { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.borderRadiusB3 { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.borderRadiusTL3 { border-top-left-radius: 3px; }

.borderRadiusTR3 { border-top-right-radius: 3px; }

.borderRadiusBR3 { border-bottom-right-radius: 3px; }

.borderRadiusBL3 { border-bottom-left-radius: 3px; }

.borderRadius4, .appmenu_submenu dd, #voiceassistantcontrol > div { border-radius: 4px; }

.borderRadiusL4, #voiceassistantcontrol > div .flexcol, #voiceassistantcontrol > div .verticalElements, .backstagemenuheaderContainer { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.borderRadiusT4 { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.borderRadiusR4 { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.borderRadiusB4, .appmenu_submenu { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.borderRadiusTL4 { border-top-left-radius: 4px; }

.borderRadiusTR4 { border-top-right-radius: 4px; }

.borderRadiusBR4 { border-bottom-right-radius: 4px; }

.borderRadiusBL4 { border-bottom-left-radius: 4px; }

.borderRadius5 { border-radius: 5px; }

.borderRadiusL5 { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.borderRadiusT5 { border-top-left-radius: 5px; border-top-right-radius: 5px; }

.borderRadiusR5 { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.borderRadiusB5 { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.borderRadiusTL5 { border-top-left-radius: 5px; }

.borderRadiusTR5 { border-top-right-radius: 5px; }

.borderRadiusBR5 { border-bottom-right-radius: 5px; }

.borderRadiusBL5 { border-bottom-left-radius: 5px; }

.borderRadius6 { border-radius: 6px; }

.borderRadiusL6 { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.borderRadiusT6 { border-top-left-radius: 6px; border-top-right-radius: 6px; }

.borderRadiusR6 { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.borderRadiusB6 { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

.borderRadiusTL6 { border-top-left-radius: 6px; }

.borderRadiusTR6 { border-top-right-radius: 6px; }

.borderRadiusBR6 { border-bottom-right-radius: 6px; }

.borderRadiusBL6 { border-bottom-left-radius: 6px; }

.borderRadius7, .toolbarButtongroup { border-radius: 7px; }

.borderRadiusL7, .toolbarButtongroup > div:first-child { border-top-left-radius: 7px; border-bottom-left-radius: 7px; }

.borderRadiusT7 { border-top-left-radius: 7px; border-top-right-radius: 7px; }

.borderRadiusR7, .toolbarButtongroup > div:last-child, .toolbarButtongroup #searchcontrol .searchfields.collapsed .searchtoggle, #searchcontrol > div .searchfields { border-top-right-radius: 7px; border-bottom-right-radius: 7px; }

.borderRadiusB7 { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }

.borderRadiusTL7 { border-top-left-radius: 7px; }

.borderRadiusTR7 { border-top-right-radius: 7px; }

.borderRadiusBR7 { border-bottom-right-radius: 7px; }

.borderRadiusBL7 { border-bottom-left-radius: 7px; }

.borderRadius8 { border-radius: 8px; }

.borderRadiusL8 { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }

.borderRadiusT8 { border-top-left-radius: 8px; border-top-right-radius: 8px; }

.borderRadiusR8 { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

.borderRadiusB8 { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.borderRadiusTL8 { border-top-left-radius: 8px; }

.borderRadiusTR8 { border-top-right-radius: 8px; }

.borderRadiusBR8 { border-bottom-right-radius: 8px; }

.borderRadiusBL8 { border-bottom-left-radius: 8px; }

.borderRadius9 { border-radius: 9px; }

.borderRadiusL9 { border-top-left-radius: 9px; border-bottom-left-radius: 9px; }

.borderRadiusT9 { border-top-left-radius: 9px; border-top-right-radius: 9px; }

.borderRadiusR9 { border-top-right-radius: 9px; border-bottom-right-radius: 9px; }

.borderRadiusB9 { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }

.borderRadiusTL9 { border-top-left-radius: 9px; }

.borderRadiusTR9 { border-top-right-radius: 9px; }

.borderRadiusBR9 { border-bottom-right-radius: 9px; }

.borderRadiusBL9 { border-bottom-left-radius: 9px; }

.borderRadius10 { border-radius: 10px; }

.borderRadiusL10 { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

.borderRadiusT10 { border-top-left-radius: 10px; border-top-right-radius: 10px; }

.borderRadiusR10 { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.borderRadiusB10 { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.borderRadiusTL10 { border-top-left-radius: 10px; }

.borderRadiusTR10 { border-top-right-radius: 10px; }

.borderRadiusBR10 { border-bottom-right-radius: 10px; }

.borderRadiusBL10 { border-bottom-left-radius: 10px; }

/* menu width */
/*
* Import compass helpers
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, .strokedashbutton, .flatbutton, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/*
* Custom mixins
*/
/* Helper functions  */
/* Mixin for breakpoints */
/* 0, 640px */
/* 641px, 1024px */
/* 1025px, 1440px */
/* 1441px, 1920px */
/** Mixin for custom scrollbar styles */
/* global extends */
/* Global silent extends */
/*
* Typography Guideline Tablet 
*/
.mtMobile .name, .mtMobile .browser .name { font-size: 16px; font-family: 'OpenSans', 'Verdana', 'Arial', sans-serif; }

.NavigationBarLabelText { font-size: 16px; font-weight: normal; font-family: 'OpenSans Semibold', 'Verdana', 'Arial', sans-serif; }

.mtMobile .stereotype, .mtMobile .browser .stereotype { font-size: 12px; font-family: 'OpenSans', 'Verdana', 'Arial', sans-serif; }

/*
* Icons Guideline Tablet 
*/
.mtMobile .dialogbutton, .mtMobile .diagrambutton, .mtMobile .toolbar .toolbarbutton { height: 32px; width: 32px; }

.mtMobile .NavigationBarPin, .mtMobile .treeItemClone svg, .mtMobile .browser .icon, .TouchNavigationBar > li > svg { height: 24px; width: 24px; }

.mtMobile .workspaceTabs .tabLink > .icon, .mtMobile .closeProjectButton { height: 18px; width: 18px; }

/*
* Grids Guideline Tablet 
*/
.mtMobile .workspaceTabs .tabLink, .NavigationBarLabel, .mtMobile .browserheader, .mtMobile .treeitem, .mtMobile .treeitem .underlay, .mtMobile .treeitem .content, .mtMobile .treeitem .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .mtMobile .treeitem .dxheDlgContentCell, .mtMobile .treeitem .crumbcontent, .mtMobile .treeitem .grip, .mtMobile .treeitem .selector, .mtMobile .treeitem .root, .mtMobile .treeitem ul.actions li, .mtMobile .breadcrumbs .treeitem, .mtMobile .breadcrumbs .treeitem .crumbcontent, .mtMobile .breadcrumbs .treeitem .underlay, .mtMobile .breadcrumbs .treeitem ul.actions li, .mtMobile .toolbar ul > li, .TouchNavigationBar > li { height: 48px; }

.mtMobile ul.workspaceTabs li:before, .mtMobile #systembar { height: 30px; }

.mtMobile .treeitem .grip, .mtMobile .treeitem .selector, .mtMobile .treeitem .root, .mtMobile .treeitem ul.actions li, .TouchNavigationBar > li { width: 48px; }

.NavigationBarLabel, .mtMobile .treeitem, .touchNavigationButton:not(last-child), .touchUserboardButton:not(last-child) { margin-bottom: 3px; }

/*
* Color Guideline Tablet 
*/
/*
* Import global files
*/
/* This file contains all styles relevant for raster sizes */
.rw1, .storiescontrol .verticalmarker, .stepselection .verticalmarker { width: 7px; }

.minrw1 { min-width: 7px; }

.maxrw1 { max-width: 7px; }

.rw2 { width: 14px; }

.minrw2, input[type=checkbox] { min-width: 14px; }

.maxrw2 { max-width: 14px; }

.rw3, #appthrobber, .listButton { width: 21px; }

.minrw3, .simplebutton:not(.disabled), .toggletextexpansionbutton:not(.disabled), .alternateflowbutton:not(.disabled) { min-width: 21px; }

.maxrw3 { max-width: 21px; }

.rw4 { width: 28px; }

.minrw4 { min-width: 28px; }

.maxrw4 { max-width: 28px; }

.rw5, .toolbarcontainer .dock.left, .toolbarcontainer .dock.right, .toolbarcontainer input.dock[type="number"], .toolbarcontainer .columnlayout .inputGroup label.dock:first-child, .columnlayout .inputGroup .toolbarcontainer label.dock:first-child, .toolbarcontainer input.dock[type=number], .toolbarcontainer .mtClassic .ui-autocomplete li.dock, .mtClassic .ui-autocomplete .toolbarcontainer li.dock, .toolbarcontainer .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dock.dxheDlgCaptionCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbarcontainer .dock.dxheDlgCaptionCell { width: 35px; }

.minrw5, .mtMobile ul.tabs li { min-width: 35px; }

.maxrw5 { max-width: 35px; }

.rw6, #searchresults .groupheader, .glossarypane .groupheader, .voiceAssistant .groupheader { width: 42px; }

.minrw6 { min-width: 42px; }

.maxrw6 { max-width: 42px; }

.rw7, .tabcontrols, #searchresults .resultheader .bookmark, .glossarypane .resultheader .bookmark, .voiceAssistant .resultheader .bookmark, .toolbar ul { width: 49px; }

.minrw7 { min-width: 49px; }

.maxrw7 { max-width: 49px; }

.rw8 { width: 56px; }

.minrw8 { min-width: 56px; }

.maxrw8 { max-width: 56px; }

.rw10 { width: 70px; }

.minrw10 { min-width: 70px; }

.maxrw10 { max-width: 70px; }

.rw12 { width: 84px; }

.minrw12 { min-width: 84px; }

.maxrw12 { max-width: 84px; }

.rw14 { width: 98px; }

.minrw14 { min-width: 98px; }

.maxrw14 { max-width: 98px; }

.rw20 { width: 140px; }

.minrw20, .messagebox { min-width: 140px; }

.maxrw20 { max-width: 140px; }

.rw24, #searchcontrol > div #searchstring { width: 168px; }

.minrw24 { min-width: 168px; }

.maxrw24 { max-width: 168px; }

.rw25 { width: 175px; }

.minrw25, .ui-menu:not(.stateSelectionMenu, .ui-autocomplete) { min-width: 175px; }

.maxrw25 { max-width: 175px; }

.rw30 { width: 210px; }

.minrw30 { min-width: 210px; }

.maxrw30 { max-width: 210px; }

.rw36 { width: 252px; }

.minrw36 { min-width: 252px; }

.maxrw36 { max-width: 252px; }

.rw40 { width: 280px; }

.minrw40 { min-width: 280px; }

.maxrw40 { max-width: 280px; }

.rw45 { width: 315px; }

.minrw45 { min-width: 315px; }

.maxrw45 { max-width: 315px; }

.rw50 { width: 350px; }

.minrw50 { min-width: 350px; }

.maxrw50 { max-width: 350px; }

.rw56 { width: 392px; }

.minrw56 { min-width: 392px; }

.maxrw56 { max-width: 392px; }

.rw60 { width: 420px; }

.minrw60 { min-width: 420px; }

.maxrw60 { max-width: 420px; }

.rw70 { width: 490px; }

.minrw70 { min-width: 490px; }

.maxrw70 { max-width: 490px; }

.rw80 { width: 560px; }

.minrw80 { min-width: 560px; }

.maxrw80 { max-width: 560px; }

.rw100 { width: 700px; }

.minrw100 { min-width: 700px; }

.maxrw100 { max-width: 700px; }

.rw120 { width: 840px; }

.minrw120 { min-width: 840px; }

.maxrw120 { max-width: 840px; }

.rh1 { height: 7px; }

.minrh1 { min-height: 7px; }

.maxrh1 { max-height: 7px; }

.rh2 { height: 14px; }

.minrh2 { min-height: 14px; }

.maxrh2 { max-height: 14px; }

.rh3, .expanderheader, .storiescontrol .description, .stepselection .description, .storiescontrol .alternatestepsselector, .flow:not(.selected):not(.expanded), .flowstep:not(.selected):not(.expanded), .endstep:not(.selected):not(.expanded), .selectitem:not(.rh2), .chartcontainer .header, .valuecontainer .caption, .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, #welcomescreen .closebutton, .simplebutton:not(.disabled), .toggletextexpansionbutton:not(.disabled), .alternateflowbutton:not(.disabled), .buttongroup .inputGroup, .chapterreferences ul li, .furtherlinks ul li, #searchresults .resultheader .bookmark, .glossarypane .resultheader .bookmark, .voiceAssistant .resultheader .bookmark, #searchresults .groupheader, .glossarypane .groupheader, .voiceAssistant .groupheader { height: 21px; }

.minrh3, .container .info, .container .error, .container .warning, #tooltip, .inputGroup { min-height: 21px; }

.maxrh3 { max-height: 21px; }

.rh4, .titlebar, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header, .workspaceTabs .tabLink, .openContext, .toolbarButtongroup, .toolbarButtongroup > div, #searchresults .resultheader, .glossarypane .resultheader, .voiceAssistant .resultheader { height: 28px; }

.minrh4 { min-height: 28px; }

.maxrh4 { max-height: 28px; }

.rh5, .workspaceMenuContainer, .openContextContainer, #welcomescreen .closebutton, .accordion dt, .toolbarcontainer .dock.top, .toolbarcontainer .dock.bottom { height: 35px; }

.minrh5 { min-height: 35px; }

.maxrh5 { max-height: 35px; }

.rh6, #appthrobber, .mtMobile .chapterreferences ul li, .mtMobile .furtherlinks ul li, .toolbar li { height: 42px; }

.minrh6, .service { min-height: 42px; }

.maxrh6 { max-height: 42px; }

.rh7, .buttonbar, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter { height: 49px; }

.minrh7 { min-height: 49px; }

.maxrh7 { max-height: 49px; }

.rh8 { height: 56px; }

.minrh8 { min-height: 56px; }

.maxrh8 { max-height: 56px; }

.rh9 { height: 63px; }

.minrh9 { min-height: 63px; }

.maxrh9 { max-height: 63px; }

.rh10 { height: 70px; }

.minrh10 { min-height: 70px; }

.maxrh10 { max-height: 70px; }

.rh12 { height: 84px; }

.minrh12 { min-height: 84px; }

.maxrh12 { max-height: 84px; }

.rh15 { height: 105px; }

.minrh15 { min-height: 105px; }

.maxrh15 { max-height: 105px; }

.rh17 { height: 119px; }

.minrh17 { min-height: 119px; }

.maxrh17 { max-height: 119px; }

.rh18 { height: 126px; }

.minrh18 { min-height: 126px; }

.maxrh18 { max-height: 126px; }

.rh20 { height: 140px; }

.minrh20 { min-height: 140px; }

.maxrh20 { max-height: 140px; }

.rh22 { height: 154px; }

.minrh22 { min-height: 154px; }

.maxrh22 { max-height: 154px; }

.rh25 { height: 175px; }

.minrh25 { min-height: 175px; }

.maxrh25 { max-height: 175px; }

.rh30 { height: 210px; }

.minrh30 { min-height: 210px; }

.maxrh30 { max-height: 210px; }

.rh40 { height: 280px; }

.minrh40 { min-height: 280px; }

.maxrh40 { max-height: 280px; }

.rh46 { height: 322px; }

.minrh46 { min-height: 322px; }

.maxrh46 { max-height: 322px; }

.rh50 { height: 350px; }

.minrh50 { min-height: 350px; }

.maxrh50 { max-height: 350px; }

.rh54 { height: 378px; }

.minrh54 { min-height: 378px; }

.maxrh54 { max-height: 378px; }

.rh60 { height: 420px; }

.minrh60 { min-height: 420px; }

.maxrh60 { max-height: 420px; }

.rh80 { height: 560px; }

.minrh80 { min-height: 560px; }

.maxrh80 { max-height: 560px; }

.rh100 { height: 700px; }

.minrh100 { min-height: 700px; }

.maxrh100 { max-height: 700px; }

.rwh1, ul.tabs li.hasContent:before, .expanderheader.hasContent > span:before, .toolbar li.hasSubItems > .toolbarbutton:before { height: 7px; width: 7px; }

.rwh2, .invalidIcon, #systembar .menubutton .searchfieldsbkgr .icon, .dialogbutton.rwh2, #searchcontrol > div .searchOrReset, #searchcontrol > div .toggleQuerySearchButton { height: 14px; width: 14px; }

.rwh3, .tileToolTipIcon, .toolbarbutton, .diagrambutton, .dialogbutton, .squarebutton, .workspaceMenuButton, .toggletextexpansionbutton, .filenavigation .previous, .filenavigation .next, span.checkbox, .browser .selector, .browser .dxTreeList_CollapsedButton, .browser .dxTreeList_ExpandedButton, #searchresults .resultheader .resultByRankButton, #searchresults .resultheader .resultAlphanumericalButton, .glossarypane .resultheader .resultByRankButton, .glossarypane .resultheader .resultAlphanumericalButton, .voiceAssistant .resultheader .resultByRankButton, .voiceAssistant .resultheader .resultAlphanumericalButton { height: 21px; width: 21px; }

.rwh4, .mtMobile .modaldialog .dialogbutton, .mtMobile .modaldialog .cellbutton, .chapternumber, .loadingindicator { height: 28px; width: 28px; }

.rwh5, .mtMobile .tileToolTipIcon, .toolbar .toolbarbutton, .touchNavigationButton, .touchUserboardButton { height: 35px; width: 35px; }

.rwh6, .menubutton, .menubutton .icon, .mtMobile .filenavigation .previous, .mtMobile .filenavigation .next { height: 42px; width: 42px; }

.rwh7, .mtMobile .selectioncontext ul.actions li { height: 49px; width: 49px; }

.rwh8 { height: 56px; width: 56px; }

.rwh9 { height: 63px; width: 63px; }

.rwh10 { height: 70px; width: 70px; }

.swh16, .referenceicon, .ganttChartNameIcon, .treequeryicon, .queryicon, .expanderbutton, .iconContainer svg.icon, .NavigationBarItem .iconcontainer { height: 16px; width: 16px; min-width: 16px; }

.swh32, .mtMobile .referenceicon, .popupMenu ul.actions li { height: 32px; width: 32px; min-width: 32px; }

.swh36 { height: 36px; width: 36px; min-width: 36px; }

.swh64 { height: 64px; width: 64px; min-width: 64px; }

.mt0, .expanderheader:first-child { margin-top: 0px; }

.mr0, .flexbox .medium .wraprow > .flexitem:not(:last-child):not(:only-child), .flexbox .medium .wraprow > .flexcol:not(:last-child):not(:only-child):not(:last-of-type), .flexbox .medium .wraprow > .verticalElements:not(:last-child):not(:only-child):not(:last-of-type), .flexbox .slim .wraprow > .flexitem:not(:last-child):not(:only-child), .flexbox .slim .wraprow > .flexcol:not(:last-child):not(:only-child):not(:last-of-type), .flexbox .slim .wraprow > .verticalElements:not(:last-child):not(:only-child):not(:last-of-type), .flexbox .medium .wraprow .activityDialogContainer, .flexbox .slim .wraprow .activityDialogContainer { margin-right: 0px; }

.mb0, .flexbox .flexcol.nomargin > .flexrow, .flexbox .nomargin.verticalElements > .flexrow, .flexbox .mtMobile .flexcol.nomargin > #systembar, .mtMobile .flexbox .flexcol.nomargin > #systembar, .flexbox .mtMobile .nomargin.verticalElements > #systembar, .mtMobile .flexbox .nomargin.verticalElements > #systembar, .verticalElements div:last-child, .listitem, #searchresults .resultitem, .glossarypane .resultitem, .voiceAssistant .resultitem, .elementAccessHistory .elementAccess { margin-bottom: 0px; }

.ml0 { margin-left: 0px; }

.mo0, html, body, .menubutton, .mtMobile .treeitem .grip, .mtMobile .treeitem .selector, .mtMobile .treeitem .root, .mtMobile .treeitem ul.actions li { margin: 0px 0px; }

.mtMobile .mobile-mt0 { margin-top: 0px; }

.mtMobile .mobile-mr0 { margin-right: 0px; }

.mtMobile .mobile-mb0 { margin-bottom: 0px; }

.mtMobile .mobile-ml0 { margin-left: 0px; }

.mtMobile .mobile-mo0 { margin: 0px 0px; }

.mt1, .flow.selected .assigntools, .flowstep.selected .assigntools, .accordion dt:not(first-child):not(.current), .accordionnavigation, .chapterreferences ul, .furtherlinks ul, .milestoneButtonContainer { margin-top: 7px; }

.mr1, .service, .buttonbar .rectangularbutton:not(#dialoghelp), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton:not(#dialoghelp), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(#dialoghelp), .buttonbar .buttongroup:nth-last-child(1), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup:nth-last-child(1), .mtMobile .buttonbar .rectangularbutton, .mtMobile .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .mtMobile .dxheDlgFooter .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .mtMobile .buttonbar .dxheDlgFooterBtn, .mtMobile .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, .HtmlEditorDialog.dxpcLite_DevEx .mtMobile .dxheDlgFooter .dxheDlgFooterBtn, .storiescontrol .alternatestepsselector li, .storiescontrol .edittools, .toggletextexpansionbutton, .resultByRank, .columnlayout .inputGroup label:first-child, label.labelPlaceholder, .chapternumber, #searchcontrol > div .searchfieldsbkgr, #searchcontrol > div .searchOrReset, #searchresults .resultheader .bookmark, .glossarypane .resultheader .bookmark, .voiceAssistant .resultheader .bookmark { margin-right: 7px; }

.mb1, .flexbox .flexformcontainer > .flexrow:not(:last-child):not(:only-child):not(.nomargin), .flexbox .mtMobile .flexformcontainer > #systembar:not(:last-child):not(:only-child):not(.nomargin), .mtMobile .flexbox .flexformcontainer > #systembar:not(:last-child):not(:only-child):not(.nomargin), .flexbox .flexformcontainer > .flexitem:not(:last-child):not(:only-child):not(.nomargin), .flexbox .flexformcontainer > .flexcol:not(:last-child):not(:only-child):not(.nomargin), .flexbox .flexformcontainer > .verticalElements:not(:last-child):not(:only-child):not(.nomargin), .service, div:not(.expander) > .groupbox, li > .groupbox, .opengroupbox, .verticalElements div, .userboardcontrols .circularbutton, input, select, .furtherlinks, .chaptercontent, .chapterbody, #searchresults .resultheader, .glossarypane .resultheader, .voiceAssistant .resultheader, #searchresults .resultitem, .glossarypane .resultitem, .voiceAssistant .resultitem, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell table, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell table[id$='_dxeEmailArea'], .elementAccessHistory .elementAccess { margin-bottom: 7px; }

.ml1, .referenceicon, .mtMobile .tileToolTipIcon, .expanderheader .invalidIcon, .expanderbutton, .diagrambutton:not(:first-child), .filenavigation .next, .accordionnavigation .scrollup, .accordionnavigation .scrolldown, span.unit, #searchcontrol > div .searchOrReset, #searchcontrol > div .searchfields .inputwrapper #bestmatchplaceholder, #searchcontrol > div .searchfields .inputwrapper .bestmatchplaceholder, .mtMobile .treeitem .selector, .mtMobile .treeitem .root, .mtMobile .treeitem .swipearea, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header .dxpc-headerText, .backstagemenuheader, .milestoneButtonContainer { margin-left: 7px; }

.mo1, .container .info .content, .container .info .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .container .info .dxheDlgContentCell, .container .info .result, .container .error .content, .container .error .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .container .error .dxheDlgContentCell, .container .error .result, .container .warning .content, .container .warning .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .container .warning .dxheDlgContentCell, .container .warning .result, .editable .value, .mtMobile .accordion, .milestoneContainer { margin: 7px 7px; }

.mtMobile .mobile-mt1 { margin-top: 7px; }

.mtMobile .mobile-mr1 { margin-right: 7px; }

.mtMobile .mobile-mb1 { margin-bottom: 7px; }

.mtMobile .mobile-ml1 { margin-left: 7px; }

.mtMobile .mobile-mo1 { margin: 7px 7px; }

.mt2, .containerheader .circularbutton, .chaptercontent, .mtMobile .chapterreferences ul, .mtMobile .furtherlinks ul { margin-top: 14px; }

.mr2, .referenceicon, .flexbox .flexrow:not(ul) > .flexitem:not(:last-child):not(:only-child), .flexbox .mtMobile #systembar:not(ul) > .flexitem:not(:last-child):not(:only-child), .mtMobile .flexbox #systembar:not(ul) > .flexitem:not(:last-child):not(:only-child), .flexbox .flexrow:not(ul) > .flexcol:not(:last-child):not(:only-child):not(:last-of-type), .flexbox .mtMobile #systembar:not(ul) > .flexcol:not(:last-child):not(:only-child):not(:last-of-type), .mtMobile .flexbox #systembar:not(ul) > .flexcol:not(:last-child):not(:only-child):not(:last-of-type), .flexbox .flexrow:not(ul) > .verticalElements:not(:last-child):not(:only-child):not(:last-of-type), .flexbox .mtMobile #systembar:not(ul) > .verticalElements:not(:last-child):not(:only-child):not(:last-of-type), .mtMobile .flexbox #systembar:not(ul) > .verticalElements:not(:last-child):not(:only-child):not(:last-of-type), .mtMobile .toolbar .statemachine { margin-right: 14px; }

.mb2, .flexbox .flexcontainer > .flexrow:not(:last-child):not(:only-child), .flexbox .mtMobile .flexcontainer > #systembar:not(:last-child):not(:only-child), .mtMobile .flexbox .flexcontainer > #systembar:not(:last-child):not(:only-child), .flexbox .flexcontainer > .flexitem:not(:last-child):not(:only-child), .flexbox .flexcontainer > .flexcol:not(:last-child):not(:only-child), .flexbox .flexcontainer > .verticalElements:not(:last-child):not(:only-child), .flexbox .tabContent > .flexrow:not(:last-child):not(:only-child), .flexbox .mtMobile .tabContent > #systembar:not(:last-child):not(:only-child), .mtMobile .flexbox .tabContent > #systembar:not(:last-child):not(:only-child), .flexbox .tabContent > .flexitem:not(:last-child):not(:only-child), .flexbox .tabContent > .flexcol:not(:last-child):not(:only-child), .flexbox .tabContent > .verticalElements:not(:last-child):not(:only-child), .flexbox .medium .wraprow > .flexitem:not(:last-child):not(:only-child), .flexbox .medium .wraprow > .flexcol:not(:last-child):not(:only-child):not(:last-of-type), .flexbox .medium .wraprow > .verticalElements:not(:last-child):not(:only-child):not(:last-of-type), .flexbox .slim .wraprow > .flexitem:not(:last-child):not(:only-child), .flexbox .slim .wraprow > .flexcol:not(:last-child):not(:only-child):not(:last-of-type), .flexbox .slim .wraprow > .verticalElements:not(:last-child):not(:only-child):not(:last-of-type), #welcomescreen .instructiontext p:not(last-child), #welcomescreen .closebutton, .modaldialog .processmessage, .valuerowleft, .valuerowright { margin-bottom: 14px; }

.ml2, .tileToolTipIcon, #applicationBar, .mtMobile .buttonbar .buttongroup:nth-child(1), .mtMobile .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup:nth-child(1), .HtmlEditorDialog.dxpcLite_DevEx .mtMobile .dxheDlgFooter .buttongroup:nth-child(1), .mtMobile .toolbar .statemachine { margin-left: 14px; }

.mo2, .modaldialog .content, .modaldialog .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog .dxheDlgContentCell, .modaldialog .result { margin: 14px 14px; }

.mtMobile .mobile-mt2 { margin-top: 14px; }

.mtMobile .mobile-mr2 { margin-right: 14px; }

.mtMobile .mobile-mb2 { margin-bottom: 14px; }

.mtMobile .mobile-ml2 { margin-left: 14px; }

.mtMobile .mobile-mo2 { margin: 14px 14px; }

.mt3, #welcomescreen .decision, .expanderheader, .downloadinfo { margin-top: 21px; }

.mr3, .flexbox .flexrow:not(ul) .activityDialogContainer:not(:last-child):not(:only-child):not(:last-of-type), .flexbox .mtMobile #systembar:not(ul) .activityDialogContainer:not(:last-child):not(:only-child):not(:last-of-type), .mtMobile .flexbox #systembar:not(ul) .activityDialogContainer:not(:last-child):not(:only-child):not(:last-of-type), #welcomescreen .instructiontext, .modaldialog .processmessage { margin-right: 21px; }

.mb3, .slice { margin-bottom: 21px; }

.ml3, #welcomescreen .instructiontext, .modaldialog .processmessage { margin-left: 21px; }

.mo3, .container .content, .container .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .container .dxheDlgContentCell, .container .result { margin: 21px 21px; }

.mtMobile .mobile-mt3 { margin-top: 21px; }

.mtMobile .mobile-mr3 { margin-right: 21px; }

.mtMobile .mobile-mb3 { margin-bottom: 21px; }

.mtMobile .mobile-ml3 { margin-left: 21px; }

.mtMobile .mobile-mo3 { margin: 21px 21px; }

.mt4 { margin-top: 28px; }

.mr4 { margin-right: 28px; }

.mb4, .tile { margin-bottom: 28px; }

.ml4 { margin-left: 28px; }

.mo4 { margin: 28px 28px; }

.mtMobile .mobile-mt4 { margin-top: 28px; }

.mtMobile .mobile-mr4 { margin-right: 28px; }

.mtMobile .mobile-mb4 { margin-bottom: 28px; }

.mtMobile .mobile-ml4 { margin-left: 28px; }

.mtMobile .mobile-mo4 { margin: 28px 28px; }

.mt5 { margin-top: 35px; }

.mr5 { margin-right: 35px; }

.mb5 { margin-bottom: 35px; }

.ml5 { margin-left: 35px; }

.mo5 { margin: 35px 35px; }

.mtMobile .mobile-mt5 { margin-top: 35px; }

.mtMobile .mobile-mr5 { margin-right: 35px; }

.mtMobile .mobile-mb5 { margin-bottom: 35px; }

.mtMobile .mobile-ml5 { margin-left: 35px; }

.mtMobile .mobile-mo5 { margin: 35px 35px; }

.mt6 { margin-top: 42px; }

.mr6 { margin-right: 42px; }

.mb6 { margin-bottom: 42px; }

.ml6 { margin-left: 42px; }

.mo6 { margin: 42px 42px; }

.mtMobile .mobile-mt6 { margin-top: 42px; }

.mtMobile .mobile-mr6 { margin-right: 42px; }

.mtMobile .mobile-mb6 { margin-bottom: 42px; }

.mtMobile .mobile-ml6 { margin-left: 42px; }

.mtMobile .mobile-mo6 { margin: 42px 42px; }

.mt7 { margin-top: 49px; }

.mr7 { margin-right: 49px; }

.mb7 { margin-bottom: 49px; }

.ml7 { margin-left: 49px; }

.mo7 { margin: 49px 49px; }

.mtMobile .mobile-mt7 { margin-top: 49px; }

.mtMobile .mobile-mr7 { margin-right: 49px; }

.mtMobile .mobile-mb7 { margin-bottom: 49px; }

.mtMobile .mobile-ml7 { margin-left: 49px; }

.mtMobile .mobile-mo7 { margin: 49px 49px; }

.mt8 { margin-top: 56px; }

.mr8 { margin-right: 56px; }

.mb8 { margin-bottom: 56px; }

.ml8 { margin-left: 56px; }

.mo8 { margin: 56px 56px; }

.mtMobile .mobile-mt8 { margin-top: 56px; }

.mtMobile .mobile-mr8 { margin-right: 56px; }

.mtMobile .mobile-mb8 { margin-bottom: 56px; }

.mtMobile .mobile-ml8 { margin-left: 56px; }

.mtMobile .mobile-mo8 { margin: 56px 56px; }

.mt12 { margin-top: 84px; }

.mr12 { margin-right: 84px; }

.mb12 { margin-bottom: 84px; }

.ml12 { margin-left: 84px; }

.mo12 { margin: 84px 84px; }

.mtMobile .mobile-mt12 { margin-top: 84px; }

.mtMobile .mobile-mr12 { margin-right: 84px; }

.mtMobile .mobile-mb12 { margin-bottom: 84px; }

.mtMobile .mobile-ml12 { margin-left: 84px; }

.mtMobile .mobile-mo12 { margin: 84px 84px; }

.mt16 { margin-top: 112px; }

.mr16 { margin-right: 112px; }

.mb16 { margin-bottom: 112px; }

.ml16 { margin-left: 112px; }

.mo16 { margin: 112px 112px; }

.mtMobile .mobile-mt16 { margin-top: 112px; }

.mtMobile .mobile-mr16 { margin-right: 112px; }

.mtMobile .mobile-mb16 { margin-bottom: 112px; }

.mtMobile .mobile-ml16 { margin-left: 112px; }

.mtMobile .mobile-mo16 { margin: 112px 112px; }

.mt18 { margin-top: 126px; }

.mr18 { margin-right: 126px; }

.mb18 { margin-bottom: 126px; }

.ml18 { margin-left: 126px; }

.mo18 { margin: 126px 126px; }

.mtMobile .mobile-mt18 { margin-top: 126px; }

.mtMobile .mobile-mr18 { margin-right: 126px; }

.mtMobile .mobile-mb18 { margin-bottom: 126px; }

.mtMobile .mobile-ml18 { margin-left: 126px; }

.mtMobile .mobile-mo18 { margin: 126px 126px; }

.mt20 { margin-top: 140px; }

.mr20 { margin-right: 140px; }

.mb20 { margin-bottom: 140px; }

.ml20 { margin-left: 140px; }

.mo20 { margin: 140px 140px; }

.mtMobile .mobile-mt20 { margin-top: 140px; }

.mtMobile .mobile-mr20 { margin-right: 140px; }

.mtMobile .mobile-mb20 { margin-bottom: 140px; }

.mtMobile .mobile-ml20 { margin-left: 140px; }

.mtMobile .mobile-mo20 { margin: 140px 140px; }

.mt24 { margin-top: 168px; }

.mr24 { margin-right: 168px; }

.mb24 { margin-bottom: 168px; }

.ml24 { margin-left: 168px; }

.mo24 { margin: 168px 168px; }

.mtMobile .mobile-mt24 { margin-top: 168px; }

.mtMobile .mobile-mr24 { margin-right: 168px; }

.mtMobile .mobile-mb24 { margin-bottom: 168px; }

.mtMobile .mobile-ml24 { margin-left: 168px; }

.mtMobile .mobile-mo24 { margin: 168px 168px; }

.mt28 { margin-top: 196px; }

.mr28 { margin-right: 196px; }

.mb28 { margin-bottom: 196px; }

.ml28 { margin-left: 196px; }

.mo28 { margin: 196px 196px; }

.mtMobile .mobile-mt28 { margin-top: 196px; }

.mtMobile .mobile-mr28 { margin-right: 196px; }

.mtMobile .mobile-mb28 { margin-bottom: 196px; }

.mtMobile .mobile-ml28 { margin-left: 196px; }

.mtMobile .mobile-mo28 { margin: 196px 196px; }

.mt32 { margin-top: 224px; }

.mr32 { margin-right: 224px; }

.mb32 { margin-bottom: 224px; }

.ml32 { margin-left: 224px; }

.mo32 { margin: 224px 224px; }

.mtMobile .mobile-mt32 { margin-top: 224px; }

.mtMobile .mobile-mr32 { margin-right: 224px; }

.mtMobile .mobile-mb32 { margin-bottom: 224px; }

.mtMobile .mobile-ml32 { margin-left: 224px; }

.mtMobile .mobile-mo32 { margin: 224px 224px; }

.mt36 { margin-top: 252px; }

.mr36 { margin-right: 252px; }

.mb36 { margin-bottom: 252px; }

.ml36 { margin-left: 252px; }

.mo36 { margin: 252px 252px; }

.mtMobile .mobile-mt36 { margin-top: 252px; }

.mtMobile .mobile-mr36 { margin-right: 252px; }

.mtMobile .mobile-mb36 { margin-bottom: 252px; }

.mtMobile .mobile-ml36 { margin-left: 252px; }

.mtMobile .mobile-mo36 { margin: 252px 252px; }

.mt40 { margin-top: 280px; }

.mr40 { margin-right: 280px; }

.mb40 { margin-bottom: 280px; }

.ml40 { margin-left: 280px; }

.mo40 { margin: 280px 280px; }

.mtMobile .mobile-mt40 { margin-top: 280px; }

.mtMobile .mobile-mr40 { margin-right: 280px; }

.mtMobile .mobile-mb40 { margin-bottom: 280px; }

.mtMobile .mobile-ml40 { margin-left: 280px; }

.mtMobile .mobile-mo40 { margin: 280px 280px; }

.mt44 { margin-top: 308px; }

.mr44 { margin-right: 308px; }

.mb44 { margin-bottom: 308px; }

.ml44 { margin-left: 308px; }

.mo44 { margin: 308px 308px; }

.mtMobile .mobile-mt44 { margin-top: 308px; }

.mtMobile .mobile-mr44 { margin-right: 308px; }

.mtMobile .mobile-mb44 { margin-bottom: 308px; }

.mtMobile .mobile-ml44 { margin-left: 308px; }

.mtMobile .mobile-mo44 { margin: 308px 308px; }

.mt48 { margin-top: 336px; }

.mr48 { margin-right: 336px; }

.mb48 { margin-bottom: 336px; }

.ml48 { margin-left: 336px; }

.mo48 { margin: 336px 336px; }

.mtMobile .mobile-mt48 { margin-top: 336px; }

.mtMobile .mobile-mr48 { margin-right: 336px; }

.mtMobile .mobile-mb48 { margin-bottom: 336px; }

.mtMobile .mobile-ml48 { margin-left: 336px; }

.mtMobile .mobile-mo48 { margin: 336px 336px; }

.mt52 { margin-top: 364px; }

.mr52 { margin-right: 364px; }

.mb52 { margin-bottom: 364px; }

.ml52 { margin-left: 364px; }

.mo52 { margin: 364px 364px; }

.mtMobile .mobile-mt52 { margin-top: 364px; }

.mtMobile .mobile-mr52 { margin-right: 364px; }

.mtMobile .mobile-mb52 { margin-bottom: 364px; }

.mtMobile .mobile-ml52 { margin-left: 364px; }

.mtMobile .mobile-mo52 { margin: 364px 364px; }

.mt56 { margin-top: 392px; }

.mr56 { margin-right: 392px; }

.mb56 { margin-bottom: 392px; }

.ml56 { margin-left: 392px; }

.mo56 { margin: 392px 392px; }

.mtMobile .mobile-mt56 { margin-top: 392px; }

.mtMobile .mobile-mr56 { margin-right: 392px; }

.mtMobile .mobile-mb56 { margin-bottom: 392px; }

.mtMobile .mobile-ml56 { margin-left: 392px; }

.mtMobile .mobile-mo56 { margin: 392px 392px; }

.mt60 { margin-top: 420px; }

.mr60 { margin-right: 420px; }

.mb60 { margin-bottom: 420px; }

.ml60 { margin-left: 420px; }

.mo60 { margin: 420px 420px; }

.mtMobile .mobile-mt60 { margin-top: 420px; }

.mtMobile .mobile-mr60 { margin-right: 420px; }

.mtMobile .mobile-mb60 { margin-bottom: 420px; }

.mtMobile .mobile-ml60 { margin-left: 420px; }

.mtMobile .mobile-mo60 { margin: 420px 420px; }

.mt64 { margin-top: 448px; }

.mr64 { margin-right: 448px; }

.mb64 { margin-bottom: 448px; }

.ml64 { margin-left: 448px; }

.mo64 { margin: 448px 448px; }

.mtMobile .mobile-mt64 { margin-top: 448px; }

.mtMobile .mobile-mr64 { margin-right: 448px; }

.mtMobile .mobile-mb64 { margin-bottom: 448px; }

.mtMobile .mobile-ml64 { margin-left: 448px; }

.mtMobile .mobile-mo64 { margin: 448px 448px; }

.mt68 { margin-top: 476px; }

.mr68 { margin-right: 476px; }

.mb68 { margin-bottom: 476px; }

.ml68 { margin-left: 476px; }

.mo68 { margin: 476px 476px; }

.mtMobile .mobile-mt68 { margin-top: 476px; }

.mtMobile .mobile-mr68 { margin-right: 476px; }

.mtMobile .mobile-mb68 { margin-bottom: 476px; }

.mtMobile .mobile-ml68 { margin-left: 476px; }

.mtMobile .mobile-mo68 { margin: 476px 476px; }

.mt72 { margin-top: 504px; }

.mr72 { margin-right: 504px; }

.mb72 { margin-bottom: 504px; }

.ml72 { margin-left: 504px; }

.mo72 { margin: 504px 504px; }

.mtMobile .mobile-mt72 { margin-top: 504px; }

.mtMobile .mobile-mr72 { margin-right: 504px; }

.mtMobile .mobile-mb72 { margin-bottom: 504px; }

.mtMobile .mobile-ml72 { margin-left: 504px; }

.mtMobile .mobile-mo72 { margin: 504px 504px; }

.mt76 { margin-top: 532px; }

.mr76 { margin-right: 532px; }

.mb76 { margin-bottom: 532px; }

.ml76 { margin-left: 532px; }

.mo76 { margin: 532px 532px; }

.mtMobile .mobile-mt76 { margin-top: 532px; }

.mtMobile .mobile-mr76 { margin-right: 532px; }

.mtMobile .mobile-mb76 { margin-bottom: 532px; }

.mtMobile .mobile-ml76 { margin-left: 532px; }

.mtMobile .mobile-mo76 { margin: 532px 532px; }

.mt80 { margin-top: 560px; }

.mr80 { margin-right: 560px; }

.mb80 { margin-bottom: 560px; }

.ml80 { margin-left: 560px; }

.mo80 { margin: 560px 560px; }

.mtMobile .mobile-mt80 { margin-top: 560px; }

.mtMobile .mobile-mr80 { margin-right: 560px; }

.mtMobile .mobile-mb80 { margin-bottom: 560px; }

.mtMobile .mobile-ml80 { margin-left: 560px; }

.mtMobile .mobile-mo80 { margin: 560px 560px; }

.mt84 { margin-top: 588px; }

.mr84 { margin-right: 588px; }

.mb84 { margin-bottom: 588px; }

.ml84 { margin-left: 588px; }

.mo84 { margin: 588px 588px; }

.mtMobile .mobile-mt84 { margin-top: 588px; }

.mtMobile .mobile-mr84 { margin-right: 588px; }

.mtMobile .mobile-mb84 { margin-bottom: 588px; }

.mtMobile .mobile-ml84 { margin-left: 588px; }

.mtMobile .mobile-mo84 { margin: 588px 588px; }

.mt88 { margin-top: 616px; }

.mr88 { margin-right: 616px; }

.mb88 { margin-bottom: 616px; }

.ml88 { margin-left: 616px; }

.mo88 { margin: 616px 616px; }

.mtMobile .mobile-mt88 { margin-top: 616px; }

.mtMobile .mobile-mr88 { margin-right: 616px; }

.mtMobile .mobile-mb88 { margin-bottom: 616px; }

.mtMobile .mobile-ml88 { margin-left: 616px; }

.mtMobile .mobile-mo88 { margin: 616px 616px; }

.mt92 { margin-top: 644px; }

.mr92 { margin-right: 644px; }

.mb92 { margin-bottom: 644px; }

.ml92 { margin-left: 644px; }

.mo92 { margin: 644px 644px; }

.mtMobile .mobile-mt92 { margin-top: 644px; }

.mtMobile .mobile-mr92 { margin-right: 644px; }

.mtMobile .mobile-mb92 { margin-bottom: 644px; }

.mtMobile .mobile-ml92 { margin-left: 644px; }

.mtMobile .mobile-mo92 { margin: 644px 644px; }

.mt96 { margin-top: 672px; }

.mr96 { margin-right: 672px; }

.mb96 { margin-bottom: 672px; }

.ml96 { margin-left: 672px; }

.mo96 { margin: 672px 672px; }

.mtMobile .mobile-mt96 { margin-top: 672px; }

.mtMobile .mobile-mr96 { margin-right: 672px; }

.mtMobile .mobile-mb96 { margin-bottom: 672px; }

.mtMobile .mobile-ml96 { margin-left: 672px; }

.mtMobile .mobile-mo96 { margin: 672px 672px; }

.mt100 { margin-top: 700px; }

.mr100 { margin-right: 700px; }

.mb100 { margin-bottom: 700px; }

.ml100 { margin-left: 700px; }

.mo100 { margin: 700px 700px; }

.mtMobile .mobile-mt100 { margin-top: 700px; }

.mtMobile .mobile-mr100 { margin-right: 700px; }

.mtMobile .mobile-mb100 { margin-bottom: 700px; }

.mtMobile .mobile-ml100 { margin-left: 700px; }

.mtMobile .mobile-mo100 { margin: 700px 700px; }

.pt0 { padding-top: 0px; }

.pr0 { padding-right: 0px; }

.pb0 { padding-bottom: 0px; }

.pl0 { padding-left: 0px; }

.po0, html, body, .mtMobile .workspaceTabContent, .menubutton { padding: 0px 0px; }

.large .large-pt0 { padding-top: 0px; }

.large .large-pr0 { padding-right: 0px; }

.large .large-pb0 { padding-bottom: 0px; }

.large .large-pl0 { padding-left: 0px; }

.large .large-po0 { padding: 0px 0px; }

.pt1, .valuerowleft, .valuerowright { padding-top: 7px; }

.pr1 { padding-right: 7px; }

.pb1, .valuerowleft, .valuerowright { padding-bottom: 7px; }

.pl1 { padding-left: 7px; }

.po1, .service, .groupbox, .opengroupbox:not(.po0):not(html):not(.menubutton), .selectitem, .stepselection .flowstep { padding: 7px 7px; }

.large .large-pt1 { padding-top: 7px; }

.large .large-pr1 { padding-right: 7px; }

.large .large-pb1 { padding-bottom: 7px; }

.large .large-pl1 { padding-left: 7px; }

.large .large-po1 { padding: 7px 7px; }

.pt2 { padding-top: 14px; }

.pr2 { padding-right: 14px; }

.pb2 { padding-bottom: 14px; }

.pl2 { padding-left: 14px; }

.po2 { padding: 14px 14px; }

.large .large-pt2 { padding-top: 14px; }

.large .large-pr2 { padding-right: 14px; }

.large .large-pb2 { padding-bottom: 14px; }

.large .large-pl2 { padding-left: 14px; }

.large .large-po2 { padding: 14px 14px; }

.pt3 { padding-top: 21px; }

.pr3 { padding-right: 21px; }

.pb3 { padding-bottom: 21px; }

.pl3 { padding-left: 21px; }

.po3, .missingstoriesbox, .emptyfolder { padding: 21px 21px; }

.large .large-pt3 { padding-top: 21px; }

.large .large-pr3 { padding-right: 21px; }

.large .large-pb3 { padding-bottom: 21px; }

.large .large-pl3 { padding-left: 21px; }

.large .large-po3 { padding: 21px 21px; }

.flex0 { -webkit-flex: 0; flex: 0; }

.flex1, .appmenu_submenu dd, .mtMobile .workspaceTabs span, .mtMobile .treeitem .swipearea { -webkit-flex: 1; flex: 1; }

.flex2 { -webkit-flex: 2; flex: 2; }

.flex3 { -webkit-flex: 3; flex: 3; }

.flex4 { -webkit-flex: 4; flex: 4; }

.flex5 { -webkit-flex: 5; flex: 5; }

.flex10 { -webkit-flex: 10; flex: 10; }

.flex20 { -webkit-flex: 20; flex: 20; }

.flex01 { -webkit-flex: 0.1; flex: 0.1; }

.flex02 { -webkit-flex: 0.2; flex: 0.2; }

.flex03 { -webkit-flex: 0.3; flex: 0.3; }

.flex04 { -webkit-flex: 0.4; flex: 0.4; }

.flex05 { -webkit-flex: 0.5; flex: 0.5; }

.flex06 { -webkit-flex: 0.6; flex: 0.6; }

.flex07 { -webkit-flex: 0.7; flex: 0.7; }

.flex08 { -webkit-flex: 0.8; flex: 0.8; }

.flex09 { -webkit-flex: 0.9; flex: 0.9; }

.flex-basis1 { -webkit-flex: 7px; flex: 7px; }

.flex-basis2 { -webkit-flex: 14px; flex: 14px; }

.flex-basis3 { -webkit-flex: 21px; flex: 21px; }

.flex-basis4 { -webkit-flex: 28px; flex: 28px; }

.flex-basis5 { -webkit-flex: 35px; flex: 35px; }

.flex-basis6 { -webkit-flex: 42px; flex: 42px; }

.flex-basis7 { -webkit-flex: 49px; flex: 49px; }

.flex-basis8 { -webkit-flex: 56px; flex: 56px; }

.flex-basis10 { -webkit-flex: 70px; flex: 70px; }

.flex-basis12 { -webkit-flex: 84px; flex: 84px; }

.flex-basis14 { -webkit-flex: 98px; flex: 98px; }

.flex-basis20 { -webkit-flex: 140px; flex: 140px; }

.flex-basis24 { -webkit-flex: 168px; flex: 168px; }

.flex-basis25 { -webkit-flex: 175px; flex: 175px; }

.flex-basis30 { -webkit-flex: 210px; flex: 210px; }

.flex-basis36 { -webkit-flex: 252px; flex: 252px; }

.flex-basis40 { -webkit-flex: 280px; flex: 280px; }

.flex-basis45 { -webkit-flex: 315px; flex: 315px; }

.flex-basis50 { -webkit-flex: 350px; flex: 350px; }

.flex-basis56 { -webkit-flex: 392px; flex: 392px; }

.flex-basis60 { -webkit-flex: 420px; flex: 420px; }

.flex-basis70 { -webkit-flex: 490px; flex: 490px; }

.flex-basis80 { -webkit-flex: 560px; flex: 560px; }

.flex-basis100 { -webkit-flex: 700px; flex: 700px; }

.flex-basis120 { -webkit-flex: 840px; flex: 840px; }

.col1 { width: 70px; }

.col2 { width: 140px; }

.col3 { width: 210px; }

.col4 { width: 280px; }

.col5 { width: 350px; }

.minlw6 label { min-width: 42px; }

.minlw8 label { min-width: 56px; }

.minlw10 label { min-width: 70px; }

.minlw12 label, .columnlayout label { min-width: 84px; }

.minlw14 label { min-width: 98px; }

.minlw16 label { min-width: 112px; }

.minlw18 label, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgCaptionCell label { min-width: 126px; }

.minlw20 label { min-width: 140px; }

.minlw22 label { min-width: 154px; }

.minlw23 label { min-width: 161px; }

.minlw24 label { min-width: 168px; }

.minlw28 label { min-width: 196px; }

.minlw29 label { min-width: 203px; }

.minlw30 label { min-width: 210px; }

.minlw31 label { min-width: 217px; }

.minlw32 label { min-width: 224px; }

.minlw33 label { min-width: 231px; }

.minlw34 label { min-width: 238px; }

.minlw35 label { min-width: 245px; }

label.minlw6 { min-width: 42px; }

label.minlw8 { min-width: 56px; }

label.minlw10 { min-width: 70px; }

label.minlw12, label.columnlayout { min-width: 84px; }

label.minlw14 { min-width: 98px; }

label.minlw16 { min-width: 112px; }

label.minlw18, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell label.dxheDlgCaptionCell { min-width: 126px; }

label.minlw20 { min-width: 140px; }

label.minlw22 { min-width: 154px; }

label.minlw23 { min-width: 161px; }

label.minlw24 { min-width: 168px; }

label.minlw28 { min-width: 196px; }

label.minlw29 { min-width: 203px; }

label.minlw30 { min-width: 210px; }

label.minlw31 { min-width: 217px; }

label.minlw32 { min-width: 224px; }

label.minlw33 { min-width: 231px; }

label.minlw34 { min-width: 238px; }

label.minlw35 { min-width: 245px; }

.mtMobile .minlw6 label { min-width: 54px; }
.mtMobile .minlw8 label { min-width: 72px; }
.mtMobile .minlw10 label { min-width: 90px; }
.mtMobile .minlw12 label, .mtMobile .columnlayout label { min-width: 108px; }
.mtMobile .minlw14 label { min-width: 126px; }
.mtMobile .minlw16 label { min-width: 144px; }
.mtMobile .minlw18 label, .mtMobile .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgCaptionCell label, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .mtMobile .dxheDlgCaptionCell label { min-width: 162px; }
.mtMobile .minlw20 label { min-width: 180px; }
.mtMobile .minlw22 label { min-width: 198px; }
.mtMobile .minlw23 label { min-width: 207px; }
.mtMobile .minlw24 label { min-width: 216px; }
.mtMobile .minlw28 label { min-width: 252px; }
.mtMobile .minlw29 label { min-width: 261px; }
.mtMobile .minlw30 label { min-width: 270px; }
.mtMobile .minlw31 label { min-width: 279px; }
.mtMobile .minlw32 label { min-width: 288px; }
.mtMobile .minlw33 label { min-width: 297px; }
.mtMobile .minlw34 label { min-width: 306px; }
.mtMobile .minlw35 label { min-width: 315px; }

.medium .medium-minlw6 label { min-width: 42px; }

.medium .medium-minlw8 label { min-width: 56px; }

.medium .medium-minlw10 label { min-width: 70px; }

.medium .medium-minlw12 label { min-width: 84px; }

.medium .medium-minlw14 label { min-width: 98px; }

.medium .medium-minlw16 label { min-width: 112px; }

.medium .medium-minlw18 label { min-width: 126px; }

.medium .medium-minlw20 label { min-width: 140px; }

.medium .medium-minlw22 label { min-width: 154px; }

.medium .medium-minlw23 label { min-width: 161px; }

.medium .medium-minlw24 label { min-width: 168px; }

.medium .medium-minlw28 label { min-width: 196px; }

.medium .medium-minlw29 label { min-width: 203px; }

.medium .medium-minlw30 label { min-width: 210px; }

.medium .medium-minlw31 label { min-width: 217px; }

.medium .medium-minlw32 label { min-width: 224px; }

.medium .medium-minlw33 label { min-width: 231px; }

.medium .medium-minlw34 label { min-width: 238px; }

.medium .medium-minlw35 label { min-width: 245px; }

.mtMobile .medium .medium-minlw6 label { min-width: 54px; }
.mtMobile .medium .medium-minlw8 label { min-width: 72px; }
.mtMobile .medium .medium-minlw10 label { min-width: 90px; }
.mtMobile .medium .medium-minlw12 label { min-width: 108px; }
.mtMobile .medium .medium-minlw14 label { min-width: 126px; }
.mtMobile .medium .medium-minlw16 label { min-width: 144px; }
.mtMobile .medium .medium-minlw18 label { min-width: 162px; }
.mtMobile .medium .medium-minlw20 label { min-width: 180px; }
.mtMobile .medium .medium-minlw22 label { min-width: 198px; }
.mtMobile .medium .medium-minlw23 label { min-width: 207px; }
.mtMobile .medium .medium-minlw24 label { min-width: 216px; }
.mtMobile .medium .medium-minlw28 label { min-width: 252px; }
.mtMobile .medium .medium-minlw29 label { min-width: 261px; }
.mtMobile .medium .medium-minlw30 label { min-width: 270px; }
.mtMobile .medium .medium-minlw31 label { min-width: 279px; }
.mtMobile .medium .medium-minlw32 label { min-width: 288px; }
.mtMobile .medium .medium-minlw33 label { min-width: 297px; }
.mtMobile .medium .medium-minlw34 label { min-width: 306px; }
.mtMobile .medium .medium-minlw35 label { min-width: 315px; }

.large .large-minlw6 label { min-width: 42px !important; }

.large .large-minlw8 label { min-width: 56px !important; }

.large .large-minlw10 label { min-width: 70px !important; }

.large .large-minlw12 label { min-width: 84px !important; }

.large .large-minlw14 label { min-width: 98px !important; }

.large .large-minlw16 label { min-width: 112px !important; }

.large .large-minlw18 label { min-width: 126px !important; }

.large .large-minlw20 label { min-width: 140px !important; }

.large .large-minlw22 label { min-width: 154px !important; }

.large .large-minlw23 label { min-width: 161px !important; }

.large .large-minlw24 label { min-width: 168px !important; }

.large .large-minlw28 label { min-width: 196px !important; }

.large .large-minlw29 label { min-width: 203px !important; }

.large .large-minlw30 label { min-width: 210px !important; }

.large .large-minlw31 label { min-width: 217px !important; }

.large .large-minlw32 label { min-width: 224px !important; }

.large .large-minlw33 label { min-width: 231px !important; }

.large .large-minlw34 label { min-width: 238px !important; }

.large .large-minlw35 label { min-width: 245px !important; }

.mtMobile .large .large-minlw6 label { min-width: 54px !important; }
.mtMobile .large .large-minlw8 label { min-width: 72px !important; }
.mtMobile .large .large-minlw10 label { min-width: 90px !important; }
.mtMobile .large .large-minlw12 label { min-width: 108px !important; }
.mtMobile .large .large-minlw14 label { min-width: 126px !important; }
.mtMobile .large .large-minlw16 label { min-width: 144px !important; }
.mtMobile .large .large-minlw18 label { min-width: 162px !important; }
.mtMobile .large .large-minlw20 label { min-width: 180px !important; }
.mtMobile .large .large-minlw22 label { min-width: 198px !important; }
.mtMobile .large .large-minlw23 label { min-width: 207px !important; }
.mtMobile .large .large-minlw24 label { min-width: 216px !important; }
.mtMobile .large .large-minlw28 label { min-width: 252px !important; }
.mtMobile .large .large-minlw29 label { min-width: 261px !important; }
.mtMobile .large .large-minlw30 label { min-width: 270px !important; }
.mtMobile .large .large-minlw31 label { min-width: 279px !important; }
.mtMobile .large .large-minlw32 label { min-width: 288px !important; }
.mtMobile .large .large-minlw33 label { min-width: 297px !important; }
.mtMobile .large .large-minlw34 label { min-width: 306px !important; }
.mtMobile .large .large-minlw35 label { min-width: 315px !important; }

.pw10 { width: 10%; }

.minpw10 { min-width: 10%; }

.maxpw10 { max-width: 10%; }

.large .large-pw10 { width: 10%; }

.medium .medium-pw10 { width: 10%; }

.small .small-pw10 { width: 10%; }

.pw20 { width: 20%; }

.minpw20 { min-width: 20%; }

.maxpw20 { max-width: 20%; }

.large .large-pw20 { width: 20%; }

.medium .medium-pw20 { width: 20%; }

.small .small-pw20 { width: 20%; }

.pw30 { width: 30%; }

.minpw30 { min-width: 30%; }

.maxpw30 { max-width: 30%; }

.large .large-pw30 { width: 30%; }

.medium .medium-pw30 { width: 30%; }

.small .small-pw30 { width: 30%; }

.pw40 { width: 40%; }

.minpw40 { min-width: 40%; }

.maxpw40 { max-width: 40%; }

.large .large-pw40 { width: 40%; }

.medium .medium-pw40 { width: 40%; }

.small .small-pw40 { width: 40%; }

.pw50 { width: 50%; }

.minpw50 { min-width: 50%; }

.maxpw50 { max-width: 50%; }

.large .large-pw50 { width: 50%; }

.medium .medium-pw50 { width: 50%; }

.small .small-pw50 { width: 50%; }

.pw60 { width: 60%; }

.minpw60 { min-width: 60%; }

.maxpw60 { max-width: 60%; }

.large .large-pw60 { width: 60%; }

.medium .medium-pw60 { width: 60%; }

.small .small-pw60 { width: 60%; }

.pw70 { width: 70%; }

.minpw70 { min-width: 70%; }

.maxpw70 { max-width: 70%; }

.large .large-pw70 { width: 70%; }

.medium .medium-pw70 { width: 70%; }

.small .small-pw70 { width: 70%; }

.pw80 { width: 80%; }

.minpw80 { min-width: 80%; }

.maxpw80 { max-width: 80%; }

.large .large-pw80 { width: 80%; }

.medium .medium-pw80 { width: 80%; }

.small .small-pw80 { width: 80%; }

.pw90 { width: 90%; }

.minpw90 { min-width: 90%; }

.maxpw90 { max-width: 90%; }

.large .large-pw90 { width: 90%; }

.medium .medium-pw90 { width: 90%; }

.small .small-pw90 { width: 90%; }

.pw100 { width: 100%; }

.minpw100 { min-width: 100%; }

.maxpw100 { max-width: 100%; }

.large .large-pw100 { width: 100%; }

.medium .medium-pw100 { width: 100%; }

.small .small-pw100 { width: 100%; }

/* This files contains all application specific ressources for microTOOL in-Step RED  @see http://css-tricks.com/sass-style-guide/ */
/* This files contains all styles relevant for sprites and images  @see http://css-tricks.com/sass-style-guide/ */
/* Constants
*/
.TreeNodeIcons-sprite, .TreeNodeIcons-ActiveCollapsed, .TreeNodeIcons-ActiveExpanded, .TreeNodeIcons-Collapsed, .TreeNodeIcons-Expanded, .browser .dxTreeList_CollapsedButton, .browser .dxTreeList_CollapsedButton:hover, .browser .dxTreeList_ExpandedButton, .browser .dxTreeList_ExpandedButton:hover { background-image: url('../Images/sprite-TreeNodeIcons.png'); background-repeat: no-repeat; }

.TreeNodeIcons_x2-sprite, .TreeNodeIcons_x2-ActiveCollapsed, .TreeNodeIcons_x2-ActiveExpanded, .TreeNodeIcons_x2-Collapsed, .TreeNodeIcons_x2-Expanded { background-image: url('../Images/sprite-TreeNodeIcons_x2.png'); background-repeat: no-repeat; }

.BackstageMenuIcons-sprite, .BackstageMenuIcons-BackstageMenu_GlobalSettings, .BackstageMenuIcons-CreateMenuCommandsCreateOrganizationCommand, .BackstageMenuIcons-CreateMenuCommandsCreateProjectCommand, .BackstageMenuIcons-DeleteOrganization, .BackstageMenuIcons-DeleteProject, .BackstageMenuIcons-EditOrganization, .BackstageMenuIcons-EditProject, .BackstageMenuIcons-EditProjectCalendar-Kopie, .BackstageMenuIcons-EditProjectGuideline, .BackstageMenuIcons-EditUser, .BackstageMenuIcons-EditUserCalendar, .BackstageMenuIcons-EditUsers, .BackstageMenuIcons-OrganizationMenuCommandsEditCommand, .BackstageMenuIcons-OrganizationMenuViewShowUsersCommand, .BackstageMenuIcons-ProjectMenuCommandsEditCommand, .BackstageMenuIcons-ProjectMenuCommandsExportProjectCommand, .BackstageMenuIcons-ProjectMenuCommandsImportProjectCommand, .BackstageMenuIcons-ProjectMenuViewShowProjectUsersCommand, .BackstageMenuIcons-ProjectMenuViewShowProjectWorkingDaysCommand, .BackstageMenuIcons-RefreshFromTemplate, .BackstageMenuIcons-SettingsMenuViewShowDatabaseUsersCommand, .BackstageMenuIcons-SettingsMenuViewShowWorkingDaysCommand, .BackstageMenuIcons-UserMenuViewShowWorkingDaysCommand { background-image: url('../Images/sprite-BackstageMenuIcons.png'); background-repeat: no-repeat; }

.MiscIcons-sprite, .MiscIcons-Add, .MiscIcons-Admin, .MiscIcons-AdminSmall, .MiscIcons-ArrowDown, .MiscIcons-ArrowUp, .MiscIcons-CloseSearch, .MiscIcons-DefaultUser, .MiscIcons-Download, .MiscIcons-EmptyState, .MiscIcons-Error, .MiscIcons-ExecuteSearch, .MiscIcons-FontBold, .MiscIcons-FontItalic, .MiscIcons-FontStrikeThrough, .MiscIcons-FontUnderline, .MiscIcons-Missing, .MiscIcons-OpenSearch, .MiscIcons-Question, .MiscIcons-Remove, .MiscIcons-Required, .MiscIcons-ResetSearch, .MiscIcons-SortAlphanumeric, .MiscIcons-SortAscending, .MiscIcons-SortDescending, .MiscIcons-SortRanked, .MiscIcons-TakeOver, .MiscIcons-Warning, input:invalid, input .input-validation-error, .comboContainer[data-required].invalid::before, .textEditorContainer.invalid > div.icon:first-child { background-image: url('../Images/sprite-MiscIcons.png'); background-repeat: no-repeat; }

.TileIcons-sprite, .TileIcons-RessourceUsage { background-image: url('../Images/sprite-TileIcons.png'); background-repeat: no-repeat; }

.BackgroundFills-sprite, .BackgroundFills-ButtonBarRepeat, .BackgroundFills-DialogTitleBarRepeat, .BackgroundFills-QueryHeaderRepeat, .BackgroundFills-SystemBarRepeat, .BackgroundFills-TitleBarRepeat, .BackgroundFills-zButtonBarRepeat_light, .BackgroundFills-zQueryHeaderRepeat_light, .BackgroundFills-zzSystemBarRepeat, th.dxtlHSEC, .dxgvHSDC td.dxgvHEC { background-image: url('../Images/sprite-BackgroundFills.png'); background-repeat: no-repeat; }

/*
* Sprite mapping
*/
.TreeNodeIcons-ActiveCollapsed { background-position: 0 0; }

.TreeNodeIcons-ActiveExpanded { background-position: 0 -28px; }

.TreeNodeIcons-Collapsed { background-position: 0 -56px; }

.TreeNodeIcons-Expanded { background-position: 0 -84px; }

.TreeNodeIcons_x2-ActiveCollapsed { background-position: 0 0; }

.TreeNodeIcons_x2-ActiveExpanded { background-position: 0 -50px; }

.TreeNodeIcons_x2-Collapsed { background-position: 0 -100px; }

.TreeNodeIcons_x2-Expanded { background-position: 0 -150px; }

.BackstageMenuIcons-BackstageMenu_GlobalSettings { background-position: 0 0; }

.BackstageMenuIcons-CreateMenuCommandsCreateOrganizationCommand { background-position: 0 -70px; }

.BackstageMenuIcons-CreateMenuCommandsCreateProjectCommand { background-position: 0 -140px; }

.BackstageMenuIcons-DeleteOrganization { background-position: 0 -210px; }

.BackstageMenuIcons-DeleteProject { background-position: 0 -280px; }

.BackstageMenuIcons-EditOrganization { background-position: 0 -350px; }

.BackstageMenuIcons-EditProject { background-position: 0 -420px; }

.BackstageMenuIcons-EditProjectCalendar-Kopie { background-position: 0 -490px; }

.BackstageMenuIcons-EditProjectGuideline { background-position: 0 -560px; }

.BackstageMenuIcons-EditUser { background-position: 0 -630px; }

.BackstageMenuIcons-EditUserCalendar { background-position: 0 -700px; }

.BackstageMenuIcons-EditUsers { background-position: 0 -770px; }

.BackstageMenuIcons-OrganizationMenuCommandsEditCommand { background-position: 0 -840px; }

.BackstageMenuIcons-OrganizationMenuViewShowUsersCommand { background-position: 0 -910px; }

.BackstageMenuIcons-ProjectMenuCommandsEditCommand { background-position: 0 -980px; }

.BackstageMenuIcons-ProjectMenuCommandsExportProjectCommand { background-position: 0 -1050px; }

.BackstageMenuIcons-ProjectMenuCommandsImportProjectCommand { background-position: 0 -1120px; }

.BackstageMenuIcons-ProjectMenuViewShowProjectUsersCommand { background-position: 0 -1190px; }

.BackstageMenuIcons-ProjectMenuViewShowProjectWorkingDaysCommand { background-position: 0 -1260px; }

.BackstageMenuIcons-RefreshFromTemplate { background-position: 0 -1330px; }

.BackstageMenuIcons-SettingsMenuViewShowDatabaseUsersCommand { background-position: 0 -1400px; }

.BackstageMenuIcons-SettingsMenuViewShowWorkingDaysCommand { background-position: 0 -1470px; }

.BackstageMenuIcons-UserMenuViewShowWorkingDaysCommand { background-position: 0 -1540px; }

.MiscIcons-Add { background-position: 0 0; }

.MiscIcons-Admin { background-position: 0 -42px; }

.MiscIcons-AdminSmall { background-position: 0 -84px; }

.MiscIcons-ArrowDown { background-position: 0 -126px; }

.MiscIcons-ArrowUp { background-position: 0 -153px; }

.MiscIcons-CloseSearch { background-position: 0 -180px; }

.MiscIcons-DefaultUser { background-position: 0 -236px; }

.MiscIcons-Download { background-position: 0 -397px; }

.MiscIcons-EmptyState { background-position: 0 -468px; }

.MiscIcons-Error { background-position: 0 -510px; }

.MiscIcons-ExecuteSearch { background-position: 0 -595px; }

.MiscIcons-FontBold { background-position: 0 -630px; }

.MiscIcons-FontItalic { background-position: 0 -672px; }

.MiscIcons-FontStrikeThrough { background-position: 0 -714px; }

.MiscIcons-FontUnderline { background-position: 0 -756px; }

.MiscIcons-Missing { background-position: 0 -798px; }

.MiscIcons-OpenSearch { background-position: 0 -840px; }

.MiscIcons-Question { background-position: 0 -896px; }

.MiscIcons-Remove { background-position: 0 -981px; }

.MiscIcons-Required { background-position: 0 -1023px; }

.MiscIcons-ResetSearch { background-position: 0 -1065px; }

.MiscIcons-SortAlphanumeric { background-position: 0 -1100px; }

.MiscIcons-SortAscending { background-position: 0 -1142px; }

.MiscIcons-SortDescending { background-position: 0 -1184px; }

.MiscIcons-SortRanked { background-position: 0 -1226px; }

.MiscIcons-TakeOver { background-position: 0 -1268px; }

.MiscIcons-Warning { background-position: 0 -1310px; }

.TileIcons-RessourceUsage { background-position: 0 0; }

.BackgroundFills-ButtonBarRepeat { background-position: 0 0; }

.BackgroundFills-DialogTitleBarRepeat { background-position: 0 -70px; }

.BackgroundFills-QueryHeaderRepeat { background-position: 0 -119px; }

.BackgroundFills-SystemBarRepeat { background-position: 0 -168px; }

.BackgroundFills-TitleBarRepeat { background-position: 0 -231px; }

.BackgroundFills-zButtonBarRepeat_light { background-position: 0 -280px; }

.BackgroundFills-zQueryHeaderRepeat_light { background-position: 0 -350px; }

.BackgroundFills-zzSystemBarRepeat { background-position: 0 -399px; }

/* disabled icons */
.MiscIcons-Admin.disabled { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

/*
* This files contains all styles relevant for colors
*
* @see http://css-tricks.com/sass-style-guide/
*/
/*
* Colors Redesign 2024
*/
/*#7AB5B8;*/
/*#96D1D3;*/
/*#72AEC0;*/
/*#078280;*/
/*#1E7C96;*/
/*#4C95A3;*/
/*#fff;*/
/*#cfe3e6;*/
/*#cbe4ee;*/
/*#AFD6DE;*/
/*
* Colors
*/
/*$DefaultFocusForegroundColor: $WhiteColor;*/
/*$DefaultFocusColor: #00A1FF;*/
/*$DefaultHoverColor: #d7f0ff;*/
/*$UnderloadedColor: #90BC24;
$FullCapacityColor: #F4CE00;
$OverloadedColor: #B80D29;*/
/*
* Light theme colors - not really used anymore
*/
/* 
* Dark theme colors - not really used anymore
*/
/*
* TreeViews 
*/
/* slicing Control */
/* button colors   */
body { color: #191919; -webkit-tap-highlight-color: transparent; }

noscript { color: #191919; background-color: #fff; }

/*
*  Theme colors
*/
.lighttheme .rectangularbutton, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .dxheDlgFooterBtn, .lighttheme .radiobuttongroup label, .lighttheme label { color: #191919; text-shadow: 0 -1px 0px rgba(225, 225, 225, 0.5); }
.lighttheme .rectangularbutton, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .dxheDlgFooterBtn { border-width: 1px; border-style: solid; filter: none; box-shadow: none; }
.lighttheme .rectangularbutton:not(.disabled), .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .dxheDlgFooterBtn:not(.disabled) { border-color: #919191; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTFlMWUxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, #e1e1e1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.35), #e1e1e1); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35), #e1e1e1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.35), #e1e1e1); }
.lighttheme .rectangularbutton:not(.disabled):hover, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled):hover, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .dxheDlgFooterBtn:not(.disabled):hover, .lighttheme .rectangularbutton:not(.disabled).selected, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled).selected, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .dxheDlgFooterBtn:not(.disabled).selected { /*@include background-image(linear-gradient(top, $LightButtonHoverBackgroundStart, $LightButtonHoverBackgroundEnd));*/ filter: none; }
.lighttheme .rectangularbutton.disabled, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .disabled.dxheDlgFooterBtn, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .disabled.dxheDlgFooterBtn { color: #A5A5A5; border-color: #B9B9B9; }

.darktheme .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, .darktheme .radiobuttongroup label, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .radiobuttongroup label, .darktheme label, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter label, .lighttheme .darktheme .rectangularbutton, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .darktheme .dxheDlgFooterBtn, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter .dxheDlgFooterBtn, .lighttheme .darktheme .radiobuttongroup label, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .radiobuttongroup label, .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter .radiobuttongroup label, .lighttheme .darktheme label, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter label, .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter label { color: #191919; /*text-shadow: 0 -1px 0px $DarkGreyFourAlpha50Color;*/ text-shadow: 0 -1px 0px rgba(225, 225, 225, 0.5); }
.darktheme .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, .lighttheme .darktheme .rectangularbutton, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .darktheme .dxheDlgFooterBtn, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter .dxheDlgFooterBtn { border-width: 1px; border-style: solid; filter: none !important; box-shadow: none; }
.darktheme .rectangularbutton:not(.disabled), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton:not(.disabled), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled), .lighttheme .darktheme .rectangularbutton:not(.disabled), .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton:not(.disabled), .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter .rectangularbutton:not(.disabled), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .darktheme .dxheDlgFooterBtn:not(.disabled), .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled), .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled) { border-color: #B9B9B9; /*@include background-image(linear-gradient(top, $LightButtonNormalBackgroundStart, $LightButtonNormalBackgroundEnd));*/ }
.darktheme .rectangularbutton:not(.disabled):hover, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton:not(.disabled):hover, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled):hover, .darktheme .rectangularbutton:not(.disabled).selected, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton:not(.disabled).selected, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled).selected, .lighttheme .darktheme .rectangularbutton:not(.disabled):hover, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton:not(.disabled):hover, .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter .rectangularbutton:not(.disabled):hover, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .darktheme .dxheDlgFooterBtn:not(.disabled):hover, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled):hover, .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled):hover, .lighttheme .darktheme .rectangularbutton:not(.disabled).selected, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton:not(.disabled).selected, .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter .rectangularbutton:not(.disabled).selected, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .darktheme .dxheDlgFooterBtn:not(.disabled).selected, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled).selected, .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled).selected { /*@include background-image(linear-gradient(to bottom, $DarkButtonHoverBackgroundStart, $DarkButtonHoverBackgroundEnd));*/ filter: none; }
.darktheme .rectangularbutton.disabled, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton.disabled, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .disabled.dxheDlgFooterBtn, .lighttheme .darktheme .rectangularbutton.disabled, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton.disabled, .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter .rectangularbutton.disabled, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .darktheme .disabled.dxheDlgFooterBtn, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .disabled.dxheDlgFooterBtn, .HtmlEditorDialog.dxpcLite_DevEx .lighttheme .dxheDlgFooter .disabled.dxheDlgFooterBtn { color: #919191; border-color: #919191; }

.repeatx, th.dxtlHSEC, .dxgvHSDC td.dxgvHEC { background-repeat: repeat-x; }

#welcomescreen .instructions { background-color: #fff; }

.mtClassic #systembar { background-color: #fafafa; }
.mtClassic #systembar .productBackgroundColor, .mtClassic #systembar .productBackground, .mtClassic #systembar #searchcontrol > div .searchfields { /*background-color: $ModernLightMediumGrey;*/ background-color: #fafafa; }
.mtClassic #systembar .toolbarButtongroup.mainmenu { border: 1px solid #d1d1d1; }
.mtClassic #systembar .toolbarButtongroup.mainmenu .icon { color: #b80d29; }
.mtClassic #systembar .toolbarButtongroup.mainmenu .searchflyout .icon { color: #191919; }

/* throbber */
@-moz-keyframes throbberspin { to { -moz-transform: rotate(1turn); transform: rotate(1turn); } }
@-webkit-keyframes throbberspin { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } }
@keyframes throbberspin { to { -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); -webkit-transform: rotate(1turn); transform: rotate(1turn); } }
/* todo: doe we need to set horizontal and vertical offset? I mean, is it centered? */
.throbber { position: relative; display: inline-block; width: 5em; height: 5em; margin: 0 .5em; font-size: 0.583333rem; text-indent: 999em; overflow: hidden; -moz-animation: throbberspin 1.2s infinite steps(12); -webkit-animation: throbberspin 1.2s infinite steps(12); animation: throbberspin 1.2s infinite steps(12); }

body:not(.loading) #appthrobber .throbber, body:not(.loading) #loginbutton .throbber, body:not(.loading) .backcontainer .throbber { -moz-animation: none; -webkit-animation: none; animation: none; }

.throbber.small { font-size: 0.5rem; }

.throbber.large { font-size: 1.166666rem; }

.throbber:before, .throbber:after, .throbber > div:before, .throbber > div:after, .throbber > div > div:before, .throbber > div > div:after { content: ''; position: absolute; top: 0; left: 2.325em; /* (container width - part width)/2  */ width: .35em; height: 1.2em; background-color: rgba(65, 65, 65, 0.4); -moz-transform-origin: 50% 2.5em; -ms-transform-origin: 50% 2.5em; -webkit-transform-origin: 50% 2.5em; transform-origin: 50% 2.5em; /* container height / 2 */ -moz-box-shadow: 0px 3.8em rgba(65, 65, 65, 0.2); -webkit-box-shadow: 0px 3.8em rgba(65, 65, 65, 0.2); box-shadow: 0px 3.8em rgba(65, 65, 65, 0.2); /* container height - part height */ -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }

.throbber:before { background-color: #414141; }

.throbber:after { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); background-color: rgba(65, 65, 65, 0.9); }

.throbber > div:before { -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); transform: rotate(-60deg); background-color: rgba(65, 65, 65, 0.8); }

.throbber > div > div:before { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background-color: rgba(65, 65, 65, 0.7); }

.throbber > div:after { -moz-transform: rotate(-120deg); -ms-transform: rotate(-120deg); -webkit-transform: rotate(-120deg); transform: rotate(-120deg); background-color: rgba(65, 65, 65, 0.6); }

.throbber > div > div:after { -moz-transform: rotate(-150deg); -ms-transform: rotate(-150deg); -webkit-transform: rotate(-150deg); transform: rotate(-150deg); background-color: rgba(65, 65, 65, 0.5); }

/* light throbber */
.throbber.light:before, .throbber.light:after, .throbber.light > div:before, .throbber.light > div:after, .throbber.light > div > div:before, .throbber.light > div > div:after { background-color: rgba(185, 185, 185, 0.4); -moz-box-shadow: 0px 3.8em rgba(185, 185, 185, 0.2); -webkit-box-shadow: 0px 3.8em rgba(185, 185, 185, 0.2); box-shadow: 0px 3.8em rgba(185, 185, 185, 0.2); /* container height - part height */ }

.throbber.light:before { background-color: #b9b9b9; }

.throbber.light:after { background-color: rgba(185, 185, 185, 0.9); }

.throbber.light > div:before { background-color: rgba(185, 185, 185, 0.8); }

.throbber.light > div > div:before { background-color: rgba(185, 185, 185, 0.7); }

.throbber.light > div:after { background-color: rgba(185, 185, 185, 0.6); }

.throbber.light > div > div:after { background-color: rgba(185, 185, 185, 0.5); }

.titlebar, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header { /*@extend .repeatx;
@include BackgroundFills-sprite(TitleBarRepeat); // ok; for now, no svg used*/ background-color: #f1f1f1; }

/*
* Effects and  shadows
*/
.boxshadow .ui-menu:not(.stateSelectionMenu, .ui-autocomplete), .boxshadow .toolbar ul > li.hover > ul, .toolbar .boxshadow ul > li.hover > ul { -moz-box-shadow: 0px 2px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: 0px 2px 3px rgba(25, 25, 25, 0.5); box-shadow: 0px 2px 3px rgba(25, 25, 25, 0.5); }
.boxshadow .shadow { -moz-box-shadow: 0px 1px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: 0px 1px 3px rgba(25, 25, 25, 0.5); box-shadow: 0px 1px 3px rgba(25, 25, 25, 0.5); }
.boxshadow .shadowfilter { -webkit-filter: drop-shadow(0px 1px 2px rgba(25, 25, 25, 0.5)); filter: drop-shadow(0px 1px 2px rgba(25, 25, 25, 0.5)); }
.boxshadow .dragging .shadow { -moz-box-shadow: 0px 3px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: 0px 3px 3px rgba(25, 25, 25, 0.5); box-shadow: 0px 3px 3px rgba(25, 25, 25, 0.5); }
.boxshadow .innershadow { -moz-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); }
.boxshadow .dropshadow90, .boxshadow .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv, .HtmlEditorDialog.dxpcLite_DevEx .boxshadow .dxpc-mainDiv { /*@include box-shadow(0px 0px 25px $DarkGreyFourColor);*/ -moz-box-shadow: 0px 0px 10px #7D7D7D; -webkit-box-shadow: 0px 0px 10px #7D7D7D; box-shadow: 0px 0px 10px #7D7D7D; }
.boxshadow .groupbox { -moz-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); }
.boxshadow .opengroupbox > div:nth-child(2) { background-color: #fff; -moz-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); }
.boxshadow .tabContent:not(.workspaceTabContent).current { border-top: 1px solid #A5A5A5; -moz-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); }
.boxshadow.mtMobile ul.tabs li.current { z-index: 8; }

.no-boxshadow .dropshadow90, .no-boxshadow .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv, .HtmlEditorDialog.dxpcLite_DevEx .no-boxshadow .dxpc-mainDiv, .no-boxshadow .groupbox { border: 1px solid #7D7D7D; }

.itembox, .elementstatebox { border: 1px solid #7D7D7D; }

.container .info, .modaldialog .container .info { background-color: #9FC229; color: #fff; }
.container .error, .modaldialog .container .error { background-color: #F74E1A; color: #fff; }
.container .warning, .modaldialog .container .warning { background-color: #F9E426; }

.service { background-color: #F5F5F5; }

#workspaceContainer { background-color: #ededed; }

.mtMobile #appcontent { background: #fff; }

label { color: #191919; }

/*
* Named elements
*/
.title { color: #fff; }

.modaldialog .title { color: #191919; }

.tabContent { background: WhiteSmoke; }

.workspaceTabContent { background: #fff; }

.buttonbar, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter { /*@extend .repeatx;
@include BackgroundFills-sprite(ButtonBarRepeat); // ok; for now, no svg used*/ background-color: #f1f1f1; }

/*
* Menus
*/
/*.appmenu { dt { color: $WhiteColor; &:hover { background: pink; } } dd { background: $LightGreyThreeColor; &:hover { background: yellow; } }
}*/
footer p { color: #CDCDCD; text-shadow: 0 1px 0px rgba(255, 255, 255, 0.5); }

/*
* Dialogs
*/
.modaldialog .titlebar, .modaldialog .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog .dxpc-header { /*@extend .repeatx;
@include BackgroundFills-sprite(DialogTitleBarRepeat); // ok; for now, no svg used*/ background-color: #f1f1f1; }
.modaldialog .container, .modaldialog .flexcontainer { background: #fff; }

.modaldialog:first-of-type .modaloverlay { background: rgba(25, 25, 25, 0.3); }

.throbberoverlay { background: #F5F5F5; }

.throbberoverlay.light { background: rgba(255, 255, 255, 0.75); }

.whiteTransparentOverlay { background: rgba(255, 255, 255, 0.5); }

.blackTransparentOverlay { background: rgba(25, 25, 25, 0.1); }

.project, .organization { background-color: rgba(105, 105, 105, 0.5); }
.project .contextName, .organization .contextName { color: #fff; }

.project.active { background-color: #006293; }
.project.active.template { background-color: #8798AA; }

.organization.active { background-color: #85141F; }
.organization.active.template { background-color: #B67279; }

.project.tutorial.active { background-color: #70b1cf; }

.mtClassic body .openContext.project:after, .mtClassic body .openContext.project > .inactiveTabMarker { background: #006293; }
.mtClassic body .openContext.project.template:after, .mtClassic body .openContext.project.template > .inactiveTabMarker { background: #8798AA; }
.mtClassic body .openContext.project.tutorial:after, .mtClassic body .openContext.project.tutorial > .inactiveTabMarker { background: #70b1cf; }
.mtClassic body .openContext.organization:after, .mtClassic body .openContext.organization > .inactiveTabMarker { background: #85141F; }
.mtClassic body .openContext.organization.template:after, .mtClassic body .openContext.organization.template > .inactiveTabMarker { background: #B67279; }
.mtClassic body .openContext.project.active { border-color: #006293; }
.mtClassic body .openContext.project.active.template { border-color: #8798AA; }
.mtClassic body .openContext.project.active.tutorial { border-color: #70b1cf; }
.mtClassic body .openContext.organization.active { border-color: #85141F; }
.mtClassic body .openContext.organization.active.template { border-color: #B67279; }

.undefined { background-color: #808183; }

.throbber { transition: visibility 0.4s ease-in-out; }

.backstageMenu_menuContainer { background-color: #B80D29; }

/* tabs */
ul.tabs li { background: #ededed; }
ul.tabs li.current { background: #919191; color: #fff; }
ul.tabs li.hasContent:before { background-color: #555555; }
ul.tabs li.current.hasContent:before { background-color: #fff; }

ul.workspaceTabs li { background: #ededed; }
ul.workspaceTabs li.current { background: #fff; color: #191919; }

.mtMobile .workspaceTabs, .mtMobile .tabs { background: #fff; }
.mtMobile ul.workspaceTabs li, .mtMobile ul.tabs li { background: #fff; }
.mtMobile ul.workspaceTabs li.current, .mtMobile ul.tabs li.current { color: #191919; background: #fff; }
.mtMobile ul.workspaceTabs li.current.hasContent:Before, .mtMobile ul.tabs li.current.hasContent:Before { background-color: #191919; }

/* tooltips */
#tooltip { background: WhiteSmoke; color: #191919; border: none; -moz-box-shadow: #555555 0px 2px 3px; -webkit-box-shadow: #555555 0px 2px 3px; box-shadow: #555555 0px 2px 3px; }

.selected { background-color: #d1e9f7; }

/* Expander */
.expander .groupbox { background-color: #fff; }

.expanderheader { background: WhiteSmoke; }
.expanderheader:hover { background: #CCE8E9; }
.expanderheader.hasContent > span:before { background-color: #555555; }

.fileinfo { background: rgba(255, 255, 255, 0.75); }

/* storiescontrol */
.storiescontrol, .stepselection, .storyselection { background-color: #fff; }
.storiescontrol .flow.selected .label, .storiescontrol .flow.selected .verticalmarker, .storiescontrol .flowstep.selected .label, .storiescontrol .flowstep.selected .verticalmarker, .stepselection .flow.selected .label, .stepselection .flow.selected .verticalmarker, .stepselection .flowstep.selected .label, .stepselection .flowstep.selected .verticalmarker, .storyselection .flow.selected .label, .storyselection .flow.selected .verticalmarker, .storyselection .flowstep.selected .label, .storyselection .flowstep.selected .verticalmarker { background-color: #fff; }

.flow:hover, .flow.selected, .flowstep:hover, .flowstep.selected, .story:hover, .story.selected, .selectitem:hover, .selectitem.selected { background-color: #8fc4c6; }
.flow:hover .condition, .flow.selected .condition, .flowstep:hover .condition, .flowstep.selected .condition, .story:hover .condition, .story.selected .condition, .selectitem:hover .condition, .selectitem.selected .condition { color: #191919; }

.storiescontrol .label, .storiescontrol .alternatestepsselector li, .stepselection .label, .stepselection .alternatestepsselector li { color: #fff; }

.alternatestepsselector { background: #CDCDCD; }
.alternatestepsselector .alternateflowbutton:not(.disabled) { background-color: #7D7D7D; }
.alternatestepsselector .alternateflowbutton:not(.disabled).selected { background-color: #2193A9; }

.startstep .label { background-color: #A0C21C; }
.startstep .stroke { stroke: #919191; fill: transparent; }
.startstep .outline { fill: #A0C21C; }

.endstep .label { background-color: #ff600A; }
.endstep .outline { fill: #ff600A; }
.endstep .filling { fill: #fff; }

.flow .label, .flow .verticalmarker { background-color: #555555; }
.flow .stroke { stroke: #555555; fill: transparent; }
.flow .outline { fill: #555555; }
.flow .filling { fill: #fff; }
.flow.selected .label, .flow.selected .verticalmarker, .flow:hover .label, .flow:hover .verticalmarker { background-color: #fff; color: #555555; }
.flow.selected .stroke, .flow:hover .stroke { stroke: #fff; fill: transparent; }
.flow.selected .outline, .flow:hover .outline { fill: #fff; }
.flow.selected .filling, .flow:hover .filling { fill: #555555; }

.flowstep .label, .flowstep .verticalmarker { background-color: #919191; }
.flowstep .stroke { stroke: #919191; fill: transparent; }
.flowstep .outline { fill: #919191; }
.flowstep .filling { fill: #fff; }
.flowstep.alternate .label, .flowstep.alternate .verticalmarker { background-color: #2193A9; }
.flowstep.alternate .outline { fill: #2193A9; }
.flowstep.alternate .stroke { stroke: #2193A9; fill: transparent; }
.flowstep.selected .label, .flowstep.selected .verticalmarker, .flowstep:hover .label, .flowstep:hover .verticalmarker { background-color: #fff; color: #2193A9; }
.flowstep.selected .stroke, .flowstep:hover .stroke { stroke: #fff; fill: transparent; }
.flowstep.selected .outline, .flowstep:hover .outline { fill: #fff; }
.flowstep.selected .filling, .flowstep:hover .filling { fill: #2193A9; }
.flowstep.base.selected .label, .flowstep.base.selected .verticalmarker, .flowstep.base:hover .label, .flowstep.base:hover .verticalmarker { color: #919191; }
.flowstep.base.selected .filling, .flowstep.base:hover .filling { fill: #919191; }

.story.selected .label, .story:hover .label, .slice .selectitem.selected .label, .slice .selectitem:hover .label { color: #191919; }

.hoveritem:hover { background-color: #CCE8E9; }

.listitem:hover, #searchresults .resultitem:hover, .glossarypane .resultitem:hover, .voiceAssistant .resultitem:hover, .elementAccessHistory .elementAccess:hover { background-color: #CCE8E9; /*color: $DefaultFocusForegroundColor;*/ }

.disabledUser[canlogin="false"] { color: #7D7D7D; }

.licenseWarning { color: #006293; }

.mailListThrobberBackground { background: rgba(255, 255, 255, 0.5); }

.greenButton { color: #9FC223; }

.blueButton { color: #2194C2; }

.redButton { color: #b80d28; }

.textMediumGreyColor { color: #7D7D7D; }

/*#appcontent #workspaceContainer:not(:has(div.active)),
#appcontent #workspaceContainer .workspaceContent,
#appcontent #backstageContainer { border-top: 1px solid $MediumGreyOneColor;
}

#appcontent #workspaceContainer .workspaceContent { border-top: 2px solid $MediumGreyOneColor;
 &.organizationColor { border-top-color: $OrganizationTileColor;
 &.templateColor { border-top-color: $OrganizationTemplateTileColor; } }
 &.projectColor { border-top-color: $ProjectTileColor;
 &.templateColor { border-top-color: $ProjectTemplateTileColor; }
 &.tutorialColor { border-top-color: $TutorialProjectTileColor; } }
}*/
/* This files contains all styles relevant for svg icons  @see http://css-tricks.com/sass-style-guide/ */
.focused { /*.icon { color: $IconKeyColor;
}*/ }
.focused .isvalidconfigurationcolor { color: #ffffff; }

.whitecolor { color: #ffffff; }

.greencolor1, .goaldiagramcolor { color: #8F961C; }

.isvalidconfigurationcolor { color: #8F961C; }

.redcolor1, .processstatemachinecolor { color: #BA3529; }

.redcolor2, .systemcontextdiagramcolor { color: #C4355F; }

.redcolor3, .blockaggregationcolor { color: #BB352A; }

.greencolor2, .requirementcolor, .requirementsdiagramcolor, .specificationcolor, .spechierarchycolor, .relationgroupcolor, .reqifexchangecolor { color: #648556; }

.greencolor4, .blockinterfacecolor { color: #88A366; }

.greycolor1, .attributecolor, .propertycolor, .classpropertycolor, .classeventcolor, .signalpropertycolor, .flowpropertycolor { color: #383838; }

.greycolor2, .blockoperationcolor, .customelementcolor, .blockinterfaceoperationcolor, .abstractcolor, .abstractdiagramcolor { color: #788488; }

.greycolor3, .packagecolor, .packagediagramcolor { color: #222322; }

.greycolor4, .featurediagramcolor { color: #939597; }

.bluecolor1, .vbnetfilecolor, .vbnetprojectcolor { color: #0C5F8C; }

.bluecolor3, .usecasediagramcolor { color: #6A8FA0; }

.bluecolor2, .signalcolor, .interfaceblockcolor, .classcolor, .classdiagramcolor { color: #175183; }

.orangecolor1, .constraintblockcolor, .storycolor { color: #DB7813; }

.orangecolor2, .activitydiagramcolor { color: #E9632F; }

.orangecolor3, .milestonecolor { color: #F6A800; }

.browncolor1, .blockcolor, .blockdiagramcolor, .internalblockcolor, .internalblockdiagramcolor { color: #917C34; }

.criticalpathiconcolor { color: #85141F; }

/*.focused .icon { color: $DefaultFocusForegroundColor;
}*/
.NavigationBarItem:hover .icon { color: #191919; }

.diagrambutton .icon { color: DimGrey; opacity: 0.5; }

.diagrambutton:hover .icon { color: DimGrey; opacity: 1; }

.ganttChartNameIcon, .treequeryicon, .queryicon { margin: auto 7px; vertical-align: middle; }

.mtMobile .queryicon, .mtMobile .treequeryicon { width: 24px; height: 24px; }
.mtMobile .queryicon { margin-left: 3px; }

.treequeryicon { margin-left: 0px; }

.ganttChartNameIcon { margin-left: 12px; }

.tileToolTipIcon { z-index: 100; }

.mtMobile .closeProjectButton .icon { color: #ffffff; }

tr .icon#selected { visibility: hidden; display: none; }

tr .icon#unselected { visibility: visible; display: inherit; }

tr.mtselected .icon#selected { visibility: visible; display: inherit; }

tr.mtselected .icon#unselected { visibility: hidden; display: none; }

.invalidIcon { vertical-align: middle; color: #FDD033; }

.expanderheader .invalidIcon { display: inline-block; margin-top: 2px; position: absolute; }

/*
* This files contains all styles relevant for transitions
*
* @see http://css-tricks.com/sass-style-guide/
*/
.csstransitions { /* tooltips */ }
.csstransitions .button, .csstransitions .rectangularbutton, .csstransitions .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .csstransitions .dxheDlgFooterBtn, .csstransitions #welcomescreen .closebutton, #welcomescreen .csstransitions .closebutton, .csstransitions .strokedashbutton, .csstransitions .flatbutton, .csstransitions .menubuttons { -moz-transition: box-shadow 0.1s linear; -o-transition: box-shadow 0.1s linear; -webkit-transition: box-shadow 0.1s linear; transition: box-shadow 0.1s linear; }
.csstransitions #appthrobber { -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); /* fixes a chrome GPU bug */ }
.csstransitions #openDialog { -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); /* fixes a chrome GPU bug */ }
.csstransitions .push, .csstransitions #appcontent { -moz-transition: left 0.3s ease-in-out; -o-transition: left 0.3s ease-in-out; -webkit-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; }
.csstransitions div[data-tooltip]:after, .csstransitions span[data-tooltip]:after { -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.csstransitions div[data-tooltip]:hover:after, .csstransitions div[data-tooltip]:active:after, .csstransitions span[data-tooltip]:hover:after, .csstransitions span[data-tooltip]:active:after { -moz-transition: opacity 0.4s ease-in-out 0.7s; -o-transition: opacity 0.4s ease-in-out 0.7s; -webkit-transition: opacity 0.4s ease-in-out; -webkit-transition-delay: 0.7s; transition: opacity 0.4s ease-in-out 0.7s; }
.csstransitions .showhandle .ui-resizable-s:after { -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.csstransitions .storiescontrol .label, .csstransitions .stepselection .label, .csstransitions .storyselecetion .label, .csstransitions .story, .csstransitions .selectitem, .csstransitions .verticalmarker { -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
.csstransitions .flow, .csstransitions .flowstep { -moz-transition: fill 0.2s ease-in-out; -o-transition: fill 0.2s ease-in-out; -webkit-transition: fill 0.2s ease-in-out; transition: fill 0.2s ease-in-out; -moz-transition: stroke 0.2s ease-in-out; -o-transition: stroke 0.2s ease-in-out; -webkit-transition: stroke 0.2s ease-in-out; transition: stroke 0.2s ease-in-out; }

@keyframes twinkle { 0% { transform: scale(0.9); opacity: 1; }
  25% { transform: scale(0.4); opacity: 0.1; }
  50% { transform: scale(0.7); opacity: 1; }
  75% { transform: scale(0.4); opacity: 0.1; }
  100% { transform: scale(0.9); opacity: 1; } }
@keyframes twinkle2 { 0% { transform: scale(1); opacity: 1; }
  25% { transform: scale(0.7); opacity: 0.1; }
  50% { transform: scale(0.9); opacity: 1; }
  75% { transform: scale(0.7); opacity: 0.1; }
  100% { transform: scale(1); opacity: 1; } }
.aiAssistantPane.loading #sparkle1 { transform-origin: center center; animation: twinkle 6s ease-in-out infinite alternate; }
.aiAssistantPane.loading #sparkle2 { transform-origin: center center; animation: twinkle2 3s ease-in-out infinite alternate; }
.aiAssistantPane.loading #sparkle3 { transform-origin: center center; animation: twinkle2 4s ease-in-out infinite alternate; animation-delay: 0.5s; }

.aiAssistantPane .editSingleElement { -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

/*
* This file contains all styles relevant for interactions
*/
.noselect, .button, .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, #welcomescreen .closebutton, .strokedashbutton, .flatbutton, .simplebutton:not(.disabled), .toggletextexpansionbutton:not(.disabled), .alternateflowbutton:not(.disabled), .dialogclosebutton, .modaldialog .titlebarfullscreen, ul.tabs, ul.tabs li, .tabContent, .applicationBar, .openContext, .SplitterVerticalSeparator, .SplitterHorizontalSeparator, .workspaceMenuContainer, h1, h2, h3, h4, .strokedashbutton, .flatbutton, h5, h6, .h1, h2.backstageContentHeader, .h2, .h3, .h4, .h5, .h6, label, legend, tabLink, .expanderheader, footer, .titlebar, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header, .title, .browser .node, #searchcontrol > div .searchfields .inputwrapper #bestmatchplaceholder, #searchcontrol > div .searchfields .inputwrapper .bestmatchplaceholder, .diagram { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; cursor: default; }

.select, .message { -moz-user-select: text; -ms-user-select: text; -webkit-user-select: text; user-select: text; cursor: text; }

div[contenteditable=true] { -moz-user-select: all; -ms-user-select: all; -webkit-user-select: all; user-select: all; }

/*
* This files contains all styles relevant for typography
*
* @see http://css-tricks.com/sass-style-guide/
*/
/*
* Constants
*/
/*
* Mixins
*/
/*
* Fonts
*/
@font-face { font-family: "OpenSans"; src: url("../Fonts/OpenSans-Regular-webfont.eot"); src: local("☺"), url("../Fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/OpenSans-Regular-webfont.svg#OpenSans") format("svg"), url("../Fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../Fonts/OpenSans-Regular-webfont.woff") format("woff"); font-weight: 400; font-style: normal;
  /*font-stretch: $font-stretch;*/ }
@font-face { font-family: "OpenSans Semibold"; src: url("../Fonts/OpenSans-Semibold-webfont.eot"); src: local("☺"), url("../Fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/OpenSans-Semibold-webfont.svg#OpenSans Semibold") format("svg"), url("../Fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../Fonts/OpenSans-Semibold-webfont.woff") format("woff"); font-weight: 500; font-style: normal;
  /*font-stretch: $font-stretch;*/ }
@font-face { font-family: "OpenSans Bold"; src: url("../Fonts/OpenSans-Bold-webfont.eot"); src: local("☺"), url("../Fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/OpenSans-Bold-webfont.svg#OpenSans Bold") format("svg"), url("../Fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../Fonts/OpenSans-Bold-webfont.woff") format("woff"); font-weight: 700; font-style: normal;
  /*font-stretch: $font-stretch;*/ }
@font-face { font-family: "OpenSans Light"; src: url("../Fonts/OpenSans-Light-webfont.eot"); src: local("☺"), url("../Fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/OpenSans-Light-webfont.svg#OpenSans Light") format("svg"), url("../Fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../Fonts/OpenSans-Light-webfont.woff") format("woff"); font-weight: 100; font-style: normal;
  /*font-stretch: $font-stretch;*/ }
/*
* Typo elements
*/
html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; backface-visibility: hidden; perspective: 1000; font-size: clamp(10px, 0.75em, 24px); /*font-size: 12px;*/ }

body, noscript { line-height: 21px; font-size: 1rem; font-family: 'OpenSans'; }
body html, noscript html { font-size: 75%; line-height: 1.75em; }

h1, .h1, h2.backstageContentHeader { font-size: 2.33333em; line-height: 1.5em; }

h2, .h2 { font-size: 2em; line-height: 1.75em; }

h3, .h3 { font-size: 1.5em; line-height: 2.33333em; }

h4, .strokedashbutton, .flatbutton, .h4 { font-size: 1.16667em; line-height: 1.5em; }

.opengroupbox h3 { line-height: 1.225em; }

label, legend, tabLink { white-space: nowrap; font-size: 1em; line-height: 1.75em; }

.radiobuttongroup label { font-family: inherit; }

input, .input, select, textarea, .textbox { font-size: 1rem; font-family: 'OpenSans', sans-serif; font-weight: 400; }

/*
* Selectors
*/
strong, .valuecontainer .header, .valuecontainer .value, .bold, .button, .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, #welcomescreen .closebutton, .strokedashbutton, .flatbutton, .missingstoriesbox, .emptyfolder, tr input.dueDate.dateExpired, tr[id]:not([data-isrevision]) .TreeGridCell div.dueDate.dateExpired, tr:not(.currentStateIsFinalState):not([data-isrevision]) input.dueDateEndDate.dateExpired, tr[data-isfinalstate='false']:not([data-isrevision]) .TreeGridCell div.dueDateEndDate.dateExpired, .ganttChartItem div.dueDate.dateExpired, .ganttChartItem:not(.currentStateIsFinalState) div.dueDateEndDate.dateExpired, td.dateTimeCell.dueDate.dateExpired, td.dateTimeCell.dueDateEndDate.dateExpired, .accordiontitle a.h3, .mtMobile .bcitem .name, .dial li, .dialtimesign, .iscriticalpath { font-family: 'OpenSans Bold', 'Verdana', 'Arial', sans-serif; }

.semibold, h4, .strokedashbutton, .flatbutton, .h4, label, legend, tabLink, .info, .error, .warning, .tab, .tabLink, .storiescontrol .label, .stepselection .label, .storyselection .label, .slice .label, .storiescontrol .condition, .storiescontrol .alternatestepsselector li, span.unit, .chapternumber, #searchresults .resultheader, .glossarypane .resultheader, .voiceAssistant .resultheader, #searchresults .groupheader, .glossarypane .groupheader, .voiceAssistant .groupheader, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgCaptionCell label, .toolbar li.header { font-family: 'OpenSans Semibold', 'Verdana', 'Arial', sans-serif; }

.lightfont, h1, h2, h3, .h1, h2.backstageContentHeader, .h2, .h3, #welcomescreen label.shownexttime { font-family: 'OpenSans Light', 'Verdana', 'Arial', sans-serif; }

.italic { font-style: italic; }

.left, .columnlayout .labelsLeft .inputGroup label:first-child { text-align: left; }

.right, input[type="number"], .columnlayout .inputGroup label:first-child, input[type=number], .mtClassic .ui-autocomplete li, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgCaptionCell { text-align: right; }

.white { color: #ffffff; }

#loginform .error { user-select: text; }

.titlebar, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header { line-height: 28px; }

.button, .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, #welcomescreen .closebutton, .strokedashbutton, .flatbutton { text-align: center; vertical-align: middle; line-height: 21px; }
.button:link, .rectangularbutton:link, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:link, #welcomescreen .closebutton:link, .strokedashbutton:link, .flatbutton:link, .button:active, .rectangularbutton:active, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:active, #welcomescreen .closebutton:active, .strokedashbutton:active, .flatbutton:active, .button:visited, .rectangularbutton:visited, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:visited, #welcomescreen .closebutton:visited, .strokedashbutton:visited, .flatbutton:visited { text-decoration: none; }

.recentserviceurl, .recentservicename { margin-left: 7px; max-width: 299px; }

.trim, .elementstatebox span, .stateCell input.cellInput, .title, .tile .path div.flex1, .tile .path .mtMobile .treeitem div.swipearea, .mtMobile .treeitem .tile .path div.swipearea, .valuecontainer .value, .valuecontainer .caption, label.pointer, label.button:not(.disabled), label.rectangularbutton:not(.disabled), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter label.dxheDlgFooterBtn:not(.disabled), #welcomescreen label.closebutton:not(.disabled), label.strokedashbutton:not(.disabled), label.flatbutton:not(.disabled), label.simplebutton:not(.disabled), label.toggletextexpansionbutton:not(.disabled), label.alternateflowbutton:not(.disabled), label.dialogclosebutton:not(.disabled), .modaldialog label.titlebarfullscreen:not(.disabled), .ui-menu .ui-menu-item a, .browser .name, .browser .stereotype, .NavigationBarItem span, .chapterheadline .accordiontitle, .chapterheadline.collapsed .accordiontitle, .chapterreferences ul li, .furtherlinks ul li, .furtherlinks a, .furtherlinks a:link, .furtherlinks a:hover, .furtherlinks a:visited, .furtherlinks a:active { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.wrap { word-wrap: break-word; }

.wrapBreak { word-wrap: break-word; word-break: break-word; }

.tab, .tabLink { white-space: nowrap; }

/*
* Expander
*/
h2.backstageContentHeader { color: #555555; }

/* storiescontrol */
.storiescontrol .label, .stepselection .label, .storyselection .label, .slice .label, .storiescontrol .condition, .storiescontrol .alternatestepsselector li { padding: 0 .5em; }

div[data-linkcontroltype=url] input[type=text] { color: #0000EE; text-decoration: underline; }

ol[type="1"] { list-style: decimal; }

ol[type="a"] { list-style: lower-alpha; }

ol[type="i"] { list-style: lower-roman; }

ul[type="disc"] { list-style: disc; }

ul[type="circle"] { list-style: circle; }

ul[type="square"] { list-style: square; }

.DataGrid tr td a { color: #191919; }
.DataGrid tr td a:hover { color: #4897aa; }

/*
*  Check out state visualization
*/
.FileCheckedOutByCurrentUser { color: #0000C0; font-weight: bold; font-family: 'OpenSans Bold'; display: inline-block; line-height: 19px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-flex: 1; flex: 1; }

.FileCheckedOutByOtherUser { color: #b10000; font-weight: bold; font-family: 'OpenSans Bold'; display: inline-block; line-height: 19px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-flex: 1; flex: 1; }

/*
* flexbox related stuff
*/
.flexbox { /* for now, we are using flexbox v2, to keep safari working */ display: -ms-flexbox; -ms-flex-direction: column; }
.flexbox .flex, .flexbox .flexformcontainer, .flexbox .appmenu_submenu, .flexbox .mtMobile #systembar, .mtMobile .flexbox #systembar, .flexbox .flexcontainer, .flexbox .container, .flexbox .content, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .flexbox .dxheDlgContentCell, .flexbox .result, .flexbox .flexcol, .flexbox .verticalElements, .flexbox .flexitem, .flexbox .modaldialog, .flexbox div[data-contenttype="ModalDialog"], .flexbox .tabcontrols, .flexbox .tabContent.current, .flexbox form:not(.no-flex), .flexbox fieldset, .flexbox .previewcontainer, .flexbox .alternatestepsselector, .flexbox .storiesnavigation, .flexbox .scrollcontrol, .flexbox .no-flexbox.flexboxlegacy .flexcontainer, .no-flexbox.flexboxlegacy .flexbox .flexcontainer, .flexbox .no-flexbox.flexboxlegacy .container, .no-flexbox.flexboxlegacy .flexbox .container, .flexbox .no-flexbox.flexboxlegacy .content, .no-flexbox.flexboxlegacy .flexbox .content, .flexbox .no-flexbox.flexboxlegacy .flexcol, .no-flexbox.flexboxlegacy .flexbox .flexcol, .flexbox .no-flexbox.flexboxlegacy .verticalElements, .no-flexbox.flexboxlegacy .flexbox .verticalElements, .flexbox .no-flexbox.flexboxlegacy .flexitem, .no-flexbox.flexboxlegacy .flexbox .flexitem, .flexbox .no-flexbox.flexboxlegacy .modaldialog, .no-flexbox.flexboxlegacy .flexbox .modaldialog, .flexbox .no-flexbox.flexboxlegacy div[data-contenttype="ModalDialog"], .no-flexbox.flexboxlegacy .flexbox div[data-contenttype="ModalDialog"], .flexbox .no-flexbox.flexboxlegacy .tabcontrols, .no-flexbox.flexboxlegacy .flexbox .tabcontrols, .flexbox .no-flexbox.flexboxlegacy .tabContent.current, .no-flexbox.flexboxlegacy .flexbox .tabContent.current, .flexbox .no-flexbox.flexboxlegacy form, .no-flexbox.flexboxlegacy .flexbox form, .flexbox .no-flexbox.flexboxlegacy fieldset, .no-flexbox.flexboxlegacy .flexbox fieldset, .flexbox #systembar, .flexbox .workspaceMenuContainer, .flexbox .openContextContainer, .flexbox fieldset > .fieldsetContent, .flexbox .ui-iggrid, .flexbox .mtMobile .treeitem, .mtMobile .flexbox .treeitem, .flexbox .mtMobile .treeitem .grip, .mtMobile .treeitem .flexbox .grip, .flexbox .mtMobile .treeitem .selector, .mtMobile .treeitem .flexbox .selector, .flexbox .mtMobile .treeitem .root, .mtMobile .treeitem .flexbox .root, .flexbox .messageRow, .flexbox .milestoneContainer, .flexbox .diagram, .flexbox .toolbar.left ul ul, .toolbar.left ul .flexbox ul, .flexbox .toolbar.right ul ul, .toolbar.right ul .flexbox ul, .flexbox input.toolbar[type="number"] ul ul, input.toolbar[type="number"] ul .flexbox ul, .flexbox .columnlayout .inputGroup label.toolbar:first-child ul ul, .columnlayout .inputGroup label.toolbar:first-child ul .flexbox ul, .flexbox input.toolbar[type=number] ul ul, input.toolbar[type=number] ul .flexbox ul, .flexbox .mtClassic .ui-autocomplete li.toolbar ul ul, .mtClassic .ui-autocomplete li.toolbar ul .flexbox ul, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbar.dxheDlgCaptionCell ul ul, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbar.dxheDlgCaptionCell ul .flexbox ul, .flexbox .toolbar.top ul ul, .toolbar.top ul .flexbox ul, .flexbox .toolbar.bottom ul ul, .toolbar.bottom ul .flexbox ul { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
.flexbox .flex01 { -webkit-flex: 0.1; flex: 0.1; }
.flexbox .flex02 { -webkit-flex: 0.2; flex: 0.2; }
.flexbox .flex08 { -webkit-flex: 0.8; flex: 0.8; }
.flexbox .flex1, .flexbox .appmenu_submenu dd, .appmenu_submenu .flexbox dd, .flexbox .mtMobile .workspaceTabs span, .mtMobile .workspaceTabs .flexbox span, .flexbox .mtMobile .treeitem .swipearea, .mtMobile .treeitem .flexbox .swipearea, .flexbox .flexcontainer, .flexbox .container, .flexbox .content, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .flexbox .dxheDlgContentCell, .flexbox .result, .flexbox .editable, .flexbox div[data-contenttype="ModalDialog"], .flexbox .tabContent, .flexbox form:not(.no-flex), .flexbox .columnlayout, .flexbox .previewcontainer, .flexbox .storiesnavigation, .flexbox .scrollcontrol, .flexbox .no-flexbox.flexboxlegacy .flexcontainer, .no-flexbox.flexboxlegacy .flexbox .flexcontainer, .flexbox .no-flexbox.flexboxlegacy .container, .no-flexbox.flexboxlegacy .flexbox .container, .flexbox .no-flexbox.flexboxlegacy .content, .no-flexbox.flexboxlegacy .flexbox .content, .flexbox .no-flexbox.flexboxlegacy .editable, .no-flexbox.flexboxlegacy .flexbox .editable, .flexbox .no-flexbox.flexboxlegacy div[data-contenttype="ModalDialog"], .no-flexbox.flexboxlegacy .flexbox div[data-contenttype="ModalDialog"], .flexbox .no-flexbox.flexboxlegacy .tabContent, .no-flexbox.flexboxlegacy .flexbox .tabContent, .flexbox .no-flexbox.flexboxlegacy form, .no-flexbox.flexboxlegacy .flexbox form, .flexbox .no-flexbox.flexboxlegacy .columnlayout, .no-flexbox.flexboxlegacy .flexbox .columnlayout, .flexbox #applicationBar, .flexbox .workspaceMenuContainer, .flexbox .openContextContainer, .flexbox .mtMobile .name, .mtMobile .flexbox .name, .flexbox .mtMobile .stereotype, .mtMobile .flexbox .stereotype, .flexbox .NavigationBarItem span, .NavigationBarItem .flexbox span, .flexbox #searchresults .groupitems, #searchresults .flexbox .groupitems, .flexbox .glossarypane .groupitems, .glossarypane .flexbox .groupitems, .flexbox .voiceAssistant .groupitems, .voiceAssistant .flexbox .groupitems, .flexbox .ui-iggrid, .flexbox .messageMarker, .flexbox .milestoneInfoContainer { -webkit-flex: 1; flex: 1; }
@media only screen and (max-width: 40em) { .flexbox .flex1-small { -webkit-flex: 1; flex: 1; } }
@media only screen and (min-width: 40.0625em) { .flexbox .flex1-medium-up { -webkit-flex: 1; flex: 1; } }
.flexbox .flex1auto { -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-shrink: 1; flex-shrink: 1; -webkit-flex-grow: 1; flex-grow: 1; }
.flexbox .flexbasisAuto { -webkit-flex-basis: auto !important; flex-basis: auto !important; }
.flexbox .flex0px { -webkit-flex-basis: 0px; flex-basis: 0px; -webkit-flex-shrink: 1; flex-shrink: 1; -webkit-flex-grow: 1; flex-grow: 1; }
.flexbox .shrink0, .flexbox .ganttChartNameIcon, .flexbox .treequeryicon, .flexbox .queryicon, .flexbox .flexrow.wraprow:not(ul), .flexbox .mtMobile .wraprow#systembar:not(ul), .mtMobile .flexbox .wraprow#systembar:not(ul), .flexbox .flexcontainer label, .flexbox .tabContent label, .flexbox #appthrobber, .flexbox .menubutton, .flexbox .NavigationBarItem .iconcontainer, .NavigationBarItem .flexbox .iconcontainer, .flexbox .ui-widget-header, .flexbox .mtMobile .treeitem .grip, .mtMobile .treeitem .flexbox .grip, .flexbox .mtMobile .treeitem .selector, .mtMobile .treeitem .flexbox .selector, .flexbox .mtMobile .treeitem .root, .mtMobile .treeitem .flexbox .root, .flexbox .milestoneButtonContainer { -webkit-flex-shrink: 0; flex-shrink: 0; }
.flexbox .flexstretch, .flexbox .flexcol, .flexbox .verticalElements, .flexbox #searchresults .groupitems, #searchresults .flexbox .groupitems, .flexbox .glossarypane .groupitems, .glossarypane .flexbox .groupitems, .flexbox .voiceAssistant .groupitems, .voiceAssistant .flexbox .groupitems, .flexbox .ui-iggrid, .flexbox .mtMobile .treeitem .swipearea, .mtMobile .treeitem .flexbox .swipearea, .flexbox .dialcontainer, .flexbox .toolbar.left ul ul, .toolbar.left ul .flexbox ul, .flexbox .toolbar.right ul ul, .toolbar.right ul .flexbox ul, .flexbox input.toolbar[type="number"] ul ul, input.toolbar[type="number"] ul .flexbox ul, .flexbox .columnlayout .inputGroup label.toolbar:first-child ul ul, .columnlayout .inputGroup label.toolbar:first-child ul .flexbox ul, .flexbox input.toolbar[type=number] ul ul, input.toolbar[type=number] ul .flexbox ul, .flexbox .mtClassic .ui-autocomplete li.toolbar ul ul, .mtClassic .ui-autocomplete li.toolbar ul .flexbox ul, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbar.dxheDlgCaptionCell ul ul, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbar.dxheDlgCaptionCell ul .flexbox ul, .flexbox .flexrow, .flexbox .tabcontrols, .flexbox .storiesnavigation, .flexbox .scrollcontrol, .flexbox .no-flexbox.flexboxlegacy .tabcontrols, .no-flexbox.flexboxlegacy .flexbox .tabcontrols, .flexbox #systembar, .flexbox #applicationBar, .flexbox .workspaceMenuContainer, .flexbox .openContextContainer, .flexbox .NavigationBarItem, .flexbox .messageRow, .flexbox .milestoneContainer, .flexbox .toolbar.top ul ul, .toolbar.top ul .flexbox ul, .flexbox .toolbar.bottom ul ul, .toolbar.bottom ul .flexbox ul, .flexbox .no-flexbox.flexboxlegacy .flexcol, .no-flexbox.flexboxlegacy .flexbox .flexcol, .flexbox .no-flexbox.flexboxlegacy .verticalElements, .no-flexbox.flexboxlegacy .flexbox .verticalElements, .flexbox .no-flexbox.flexboxlegacy .flexrow, .no-flexbox.flexboxlegacy .flexbox .flexrow, .flexbox .no-flexbox.flexboxlegacy .mtMobile #systembar, .no-flexbox.flexboxlegacy .mtMobile .flexbox #systembar, .flexbox .mtMobile .no-flexbox.flexboxlegacy #systembar, .mtMobile .no-flexbox.flexboxlegacy .flexbox #systembar { -webkit-align-items: stretch; align-items: stretch; -webkit-align-content: stretch; align-content: stretch; }
.flexbox .flexstart, .flexbox .menubutton { -webkit-align-self: flex-start; align-self: flex-start; }
.flexbox .flexend, .flexbox .assigntools, .flexbox #appthrobber, .flexbox .workspaceMenuContainer, .flexbox .openContextContainer, .flexbox .toggletextexpansionbutton { -webkit-align-self: flex-end; align-self: flex-end; }
.flexbox .flexrow, .flexbox .mtMobile #systembar, .mtMobile .flexbox #systembar, .flexbox .tabcontrols, .flexbox .storiesnavigation, .flexbox .scrollcontrol, .flexbox .no-flexbox.flexboxlegacy .tabcontrols, .no-flexbox.flexboxlegacy .flexbox .tabcontrols, .flexbox #systembar, .flexbox #applicationBar, .flexbox .workspaceMenuContainer, .flexbox .openContextContainer, .flexbox .NavigationBarItem, .flexbox .messageRow, .flexbox .milestoneContainer, .flexbox .toolbar.top ul ul, .toolbar.top ul .flexbox ul, .flexbox .toolbar.bottom ul ul, .toolbar.bottom ul .flexbox ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }
.flexbox .flexsinglerow { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }
.flexbox .flexrowcenter, .flexbox .toolbarButtongroup, .flexbox .NavigationBarItem { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.flexbox .flexrowmiddle { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; }
.flexbox .inlineflexrowmiddle { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; vertical-align: middle; }
.flexbox .flexcenter, .flexbox #systembar .toolbarButtongroup, #systembar .flexbox .toolbarButtongroup { -webkit-align-self: center; align-self: center; }
.flexbox .flexcontainer, .flexbox .container, .flexbox .content, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .flexbox .dxheDlgContentCell, .flexbox .result, .flexbox .editable { -webkit-flex-basis: 28px; flex-basis: 28px; }
.flexbox .titlebar, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header, .HtmlEditorDialog.dxpcLite_DevEx .flexbox .dxpc-header { -webkit-align-self: flex-start; align-self: flex-start; }
.flexbox .tabscontainer, .flexbox #applicationBar, .flexbox .workspaceMenuContainer, .flexbox .openContextContainer { overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.flexbox .center, .flexbox .modaldialog .dialog, .flexbox .modaldialog .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv, .HtmlEditorDialog.dxpcLite_DevEx .flexbox .modaldialog .dxpc-mainDiv, .flexbox .filepreview, .flexbox .no-flexbox.flexboxlegacy .modaldialog .dialog, .no-flexbox.flexboxlegacy .modaldialog .flexbox .dialog, .no-flexbox.flexboxlegacy .modaldialog .HtmlEditorDialog.dxpcLite_DevEx .flexbox .dxpc-mainDiv, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .no-flexbox.flexboxlegacy .modaldialog .dxpc-mainDiv, .HtmlEditorDialog.dxpcLite_DevEx .no-flexbox.flexboxlegacy .modaldialog .flexbox .dxpc-mainDiv, .flexbox .modaldialog, .flexbox .openContext > *, .flexbox #searchresults .groupheader, #searchresults .flexbox .groupheader, .flexbox .glossarypane .groupheader, .glossarypane .flexbox .groupheader, .flexbox .voiceAssistant .groupheader, .voiceAssistant .flexbox .groupheader, .flexbox .mtMobile .treeitem .grip, .mtMobile .treeitem .flexbox .grip, .flexbox .mtMobile .treeitem .selector, .mtMobile .treeitem .flexbox .selector, .flexbox .mtMobile .treeitem .root, .mtMobile .treeitem .flexbox .root, .flexbox .messageType, .flexbox .messageTypeWithMarker, .flexbox .ActivityStateMarker, .flexbox .ActualWorkingTimeMarker, .flexbox .ActualWorkingTime, .flexbox .PlannedWorkingTime, .flexbox .ActualWorkingTimeEditCell, .flexbox .PlannedWorkingTimeMarker, .flexbox .PlannedWorkingTimeMarkerLabel, .flexbox .dial li, .dial .flexbox li, .flexbox .dialtimesign, .flexbox .loadingindicator { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.flexbox .aligncenter { -webkit-align-items: center; align-items: center; }
.flexbox .alignend { -webkit-align-items: flex-end; align-items: flex-end; }
.flexbox .alignstart { -webkit-align-items: flex-start; align-items: flex-start; }
.flexbox .aligncontentcenter { -webkit-align-content: center; align-content: center; }
.flexbox .aligncontentend { -webkit-align-content: flex-end; align-content: flex-end; }
.flexbox .aligncontentstart { -webkit-align-content: flex-start; align-content: flex-start; }
.flexbox .alignselfcenter { -webkit-align-self: center; align-self: center; }
.flexbox .alignselfend { -webkit-align-self: flex-end; align-self: flex-end; }
.flexbox .alignselfstart { -webkit-align-self: flex-start; align-self: flex-start; }
.flexbox .justifycenter { -webkit-justify-content: center; justify-content: center; }
.flexbox .justifyend { -webkit-justify-content: flex-end; justify-content: flex-end; }
.flexbox .justifystart { -webkit-justify-content: flex-start; justify-content: flex-start; }
.flexbox .spacearound, .flexbox .previewcontainer, .flexbox .valuerowleft, .flexbox .valuerowright { -webkit-align-items: center; align-items: center; -webkit-justify-content: space-around; justify-content: space-around; }
.flexbox .spacebetween { -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; }
.flexbox .buttonbar, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter, .HtmlEditorDialog.dxpcLite_DevEx .flexbox .dxheDlgFooter { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }
.flexbox .buttonbar .rectangularbutton, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .flexbox .dxheDlgFooter .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .flexbox .buttonbar .dxheDlgFooterBtn, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, .HtmlEditorDialog.dxpcLite_DevEx .flexbox .dxheDlgFooter .dxheDlgFooterBtn, .flexbox .buttonbar .inputGroup, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .inputGroup, .HtmlEditorDialog.dxpcLite_DevEx .flexbox .dxheDlgFooter .inputGroup { -webkit-flex: 0 1 auto; flex: 0 1 auto; }
.flexbox .tabcontrols { -webkit-align-items: center; align-items: center; }
.flexbox .tabcontrols .circularbutton { margin-left: 7px; }
.flexbox .tabContent { display: none; }
.flexbox .tabContent .gridbuttons { margin-left: 7px; }
.flexbox .columnlayout { -webkit-flex-direction: column; flex-direction: column; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.flexbox .columnlayout .inputGroup { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex: 1; flex: 1; }
.flexbox .flexwrap { -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.flexbox .elementstatebox { /*@include flex(inherit);*/ -webkit-align-self: flex-start; align-self: flex-start; }
.flexbox #appthrobber { display: -webkit-flex; display: flex; -webkit-align-content: center; align-content: center; }
.flexbox .storiescontrol .flexcontainer > .flexrow, .flexbox .storiescontrol .mtMobile .flexcontainer > #systembar, .mtMobile .flexbox .storiescontrol .flexcontainer > #systembar, .flexbox .stepselection .flexcontainer > .flexrow, .flexbox .stepselection .mtMobile .flexcontainer > #systembar, .mtMobile .flexbox .stepselection .flexcontainer > #systembar { margin-bottom: 0; }
@media only screen and (max-width: 40em) { .flexbox .hidden-small { display: none; } }
@media only screen and (max-width: 40em) { .flexbox .wrap-reverse-small { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; margin-left: 0; margin-right: 0; } }

.no-flexbox.flexboxlegacy { /* use flexbox v1 for eg older Android browsers */ display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-box-orient: vertical; /*.elementstatebox { @include flexbox((box-flex: inherit), $version: 1);
}*/ }
.no-flexbox.flexboxlegacy .flex, .no-flexbox.flexboxlegacy .flexbox .flexformcontainer, .flexbox .no-flexbox.flexboxlegacy .flexformcontainer, .no-flexbox.flexboxlegacy .appmenu_submenu, .no-flexbox.flexboxlegacy .mtMobile #systembar, .mtMobile .no-flexbox.flexboxlegacy #systembar { display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-box-orient: vertical; }
.no-flexbox.flexboxlegacy .flex1, .no-flexbox.flexboxlegacy .appmenu_submenu dd, .appmenu_submenu .no-flexbox.flexboxlegacy dd, .no-flexbox.flexboxlegacy .mtMobile .workspaceTabs span, .mtMobile .workspaceTabs .no-flexbox.flexboxlegacy span, .no-flexbox.flexboxlegacy .mtMobile .treeitem .swipearea, .mtMobile .treeitem .no-flexbox.flexboxlegacy .swipearea { -moz-box-flex: 1; -webkit-box-flex: 1; }
.no-flexbox.flexboxlegacy .flexstretch, .no-flexbox.flexboxlegacy .flexbox .flexcol, .flexbox .no-flexbox.flexboxlegacy .flexcol, .no-flexbox.flexboxlegacy .flexbox .verticalElements, .flexbox .no-flexbox.flexboxlegacy .verticalElements, .no-flexbox.flexboxlegacy .flexbox #searchresults .groupitems, .flexbox #searchresults .no-flexbox.flexboxlegacy .groupitems, .no-flexbox.flexboxlegacy #searchresults .flexbox .groupitems, #searchresults .flexbox .no-flexbox.flexboxlegacy .groupitems, .no-flexbox.flexboxlegacy .flexbox .glossarypane .groupitems, .flexbox .glossarypane .no-flexbox.flexboxlegacy .groupitems, .no-flexbox.flexboxlegacy .glossarypane .flexbox .groupitems, .glossarypane .flexbox .no-flexbox.flexboxlegacy .groupitems, .no-flexbox.flexboxlegacy .flexbox .voiceAssistant .groupitems, .flexbox .voiceAssistant .no-flexbox.flexboxlegacy .groupitems, .no-flexbox.flexboxlegacy .voiceAssistant .flexbox .groupitems, .voiceAssistant .flexbox .no-flexbox.flexboxlegacy .groupitems, .no-flexbox.flexboxlegacy .flexbox .ui-iggrid, .flexbox .no-flexbox.flexboxlegacy .ui-iggrid, .no-flexbox.flexboxlegacy .flexbox .mtMobile .treeitem .swipearea, .flexbox .mtMobile .treeitem .no-flexbox.flexboxlegacy .swipearea, .no-flexbox.flexboxlegacy .mtMobile .treeitem .flexbox .swipearea, .mtMobile .treeitem .flexbox .no-flexbox.flexboxlegacy .swipearea, .no-flexbox.flexboxlegacy .flexbox .dialcontainer, .flexbox .no-flexbox.flexboxlegacy .dialcontainer, .no-flexbox.flexboxlegacy .flexbox .toolbar.left ul ul, .flexbox .toolbar.left ul .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .toolbar.left ul .flexbox ul, .toolbar.left ul .flexbox .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .flexbox .toolbar.right ul ul, .flexbox .toolbar.right ul .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .toolbar.right ul .flexbox ul, .toolbar.right ul .flexbox .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .flexbox input.toolbar[type="number"] ul ul, .flexbox input.toolbar[type="number"] ul .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy input.toolbar[type="number"] ul .flexbox ul, input.toolbar[type="number"] ul .flexbox .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .flexbox .columnlayout .inputGroup label.toolbar:first-child ul ul, .flexbox .columnlayout .inputGroup label.toolbar:first-child ul .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .columnlayout .inputGroup label.toolbar:first-child ul .flexbox ul, .columnlayout .inputGroup label.toolbar:first-child ul .flexbox .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .flexbox input.toolbar[type=number] ul ul, .flexbox input.toolbar[type=number] ul .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy input.toolbar[type=number] ul .flexbox ul, input.toolbar[type=number] ul .flexbox .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .flexbox .mtClassic .ui-autocomplete li.toolbar ul ul, .flexbox .mtClassic .ui-autocomplete li.toolbar ul .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .mtClassic .ui-autocomplete li.toolbar ul .flexbox ul, .mtClassic .ui-autocomplete li.toolbar ul .flexbox .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbar.dxheDlgCaptionCell ul ul, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbar.dxheDlgCaptionCell ul .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbar.dxheDlgCaptionCell ul .flexbox ul, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbar.dxheDlgCaptionCell ul .flexbox .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .flexbox .flexrow, .flexbox .no-flexbox.flexboxlegacy .flexrow, .no-flexbox.flexboxlegacy .flexbox .storiesnavigation, .flexbox .no-flexbox.flexboxlegacy .storiesnavigation, .no-flexbox.flexboxlegacy .flexbox .scrollcontrol, .flexbox .no-flexbox.flexboxlegacy .scrollcontrol, .flexbox .no-flexbox.flexboxlegacy .tabcontrols, .no-flexbox.flexboxlegacy .flexbox .tabcontrols, .no-flexbox.flexboxlegacy .flexbox #systembar, .flexbox .no-flexbox.flexboxlegacy #systembar, .no-flexbox.flexboxlegacy .flexbox #applicationBar, .flexbox .no-flexbox.flexboxlegacy #applicationBar, .no-flexbox.flexboxlegacy .flexbox .workspaceMenuContainer, .flexbox .no-flexbox.flexboxlegacy .workspaceMenuContainer, .no-flexbox.flexboxlegacy .flexbox .openContextContainer, .flexbox .no-flexbox.flexboxlegacy .openContextContainer, .no-flexbox.flexboxlegacy .flexbox .NavigationBarItem, .flexbox .no-flexbox.flexboxlegacy .NavigationBarItem, .no-flexbox.flexboxlegacy .flexbox .messageRow, .flexbox .no-flexbox.flexboxlegacy .messageRow, .no-flexbox.flexboxlegacy .flexbox .milestoneContainer, .flexbox .no-flexbox.flexboxlegacy .milestoneContainer, .no-flexbox.flexboxlegacy .flexbox .toolbar.top ul ul, .flexbox .toolbar.top ul .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .toolbar.top ul .flexbox ul, .toolbar.top ul .flexbox .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .flexbox .toolbar.bottom ul ul, .flexbox .toolbar.bottom ul .no-flexbox.flexboxlegacy ul, .no-flexbox.flexboxlegacy .toolbar.bottom ul .flexbox ul, .toolbar.bottom ul .flexbox .no-flexbox.flexboxlegacy ul { -moz-box-align: stretch; -moz-box-pack: justify; -webkit-box-align: stretch; -webkit-box-pack: justify; }
.no-flexbox.flexboxlegacy .flexstart { -moz-box-align: start; -webkit-box-align: start; }
.no-flexbox.flexboxlegacy .flexend { -moz-box-align: end; -webkit-box-align: end; }
.no-flexbox.flexboxlegacy .flexrow, .no-flexbox.flexboxlegacy .mtMobile #systembar, .mtMobile .no-flexbox.flexboxlegacy #systembar { display: -moz-box; -moz-box-orient: horizontal; display: -webkit-box; -webkit-box-orient: horizontal; }
.no-flexbox.flexboxlegacy .flexrowcenter, .no-flexbox.flexboxlegacy .toolbarButtongroup { display: -moz-box; -moz-box-orient: horizontal; -moz-box-align: center; -moz-box-pack: justify; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-align: center; -webkit-box-pack: justify; }
.no-flexbox.flexboxlegacy .flexcontainer, .no-flexbox.flexboxlegacy .container, .no-flexbox.flexboxlegacy .content, .no-flexbox.flexboxlegacy .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .no-flexbox.flexboxlegacy .dxheDlgContentCell, .no-flexbox.flexboxlegacy .editable { -webkit-flex-basis: 28px; flex-basis: 28px; }
.no-flexbox.flexboxlegacy .flexrow > .flexitem:not(:last-child), .no-flexbox.flexboxlegacy .mtMobile #systembar > .flexitem:not(:last-child), .mtMobile .no-flexbox.flexboxlegacy #systembar > .flexitem:not(:last-child), .no-flexbox.flexboxlegacy .flexrow > .flexcol:not(:last-child), .no-flexbox.flexboxlegacy .mtMobile #systembar > .flexcol:not(:last-child), .mtMobile .no-flexbox.flexboxlegacy #systembar > .flexcol:not(:last-child), .no-flexbox.flexboxlegacy .flexrow > .verticalElements:not(:last-child), .no-flexbox.flexboxlegacy .mtMobile #systembar > .verticalElements:not(:last-child), .mtMobile .no-flexbox.flexboxlegacy #systembar > .verticalElements:not(:last-child) { margin-right: 14px; }
.no-flexbox.flexboxlegacy .flexcontainer > .flexitem:not(:last-child), .no-flexbox.flexboxlegacy .flexcontainer > .flexrow:not(:last-child), .no-flexbox.flexboxlegacy .mtMobile .flexcontainer > #systembar:not(:last-child), .mtMobile .no-flexbox.flexboxlegacy .flexcontainer > #systembar:not(:last-child), .no-flexbox.flexboxlegacy .flexcontainer > .flexcol:not(:last-child), .no-flexbox.flexboxlegacy .flexcontainer > .verticalElements:not(:last-child), .no-flexbox.flexboxlegacy .flexcol > .flexrow:not(:last-child), .no-flexbox.flexboxlegacy .verticalElements > .flexrow:not(:last-child), .no-flexbox.flexboxlegacy .mtMobile .flexcol > #systembar:not(:last-child), .mtMobile .no-flexbox.flexboxlegacy .flexcol > #systembar:not(:last-child), .no-flexbox.flexboxlegacy .mtMobile .verticalElements > #systembar:not(:last-child), .mtMobile .no-flexbox.flexboxlegacy .verticalElements > #systembar:not(:last-child), .no-flexbox.flexboxlegacy .flexcol > .flexitem:not(:last-child), .no-flexbox.flexboxlegacy .verticalElements > .flexitem:not(:last-child), .no-flexbox.flexboxlegacy .tabContent > .flexrow:not(:last-child), .no-flexbox.flexboxlegacy .mtMobile .tabContent > #systembar:not(:last-child), .mtMobile .no-flexbox.flexboxlegacy .tabContent > #systembar:not(:last-child), .no-flexbox.flexboxlegacy .tabContent > .flexitem:not(:last-child), .no-flexbox.flexboxlegacy .tabContent > .flexcol:not(:last-child), .no-flexbox.flexboxlegacy .tabContent > .verticalElements:not(:last-child) { margin-bottom: 14px; }
.no-flexbox.flexboxlegacy .flexcol.nomargin > .flexrow, .no-flexbox.flexboxlegacy .nomargin.verticalElements > .flexrow, .no-flexbox.flexboxlegacy .mtMobile .flexcol.nomargin > #systembar, .mtMobile .no-flexbox.flexboxlegacy .flexcol.nomargin > #systembar, .no-flexbox.flexboxlegacy .mtMobile .nomargin.verticalElements > #systembar, .mtMobile .no-flexbox.flexboxlegacy .nomargin.verticalElements > #systembar { margin-bottom: 0; }
.no-flexbox.flexboxlegacy .titlebar, .no-flexbox.flexboxlegacy .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header, .HtmlEditorDialog.dxpcLite_DevEx .no-flexbox.flexboxlegacy .dxpc-header { -moz-box-align: start; -webkit-box-align: start; }
.no-flexbox.flexboxlegacy .tabscontainer { display: -moz-box; -moz-box-lines: multiline; display: -webkit-box; -webkit-box-lines: multiline; }
.no-flexbox.flexboxlegacy .center, .flexbox .modaldialog .no-flexbox.flexboxlegacy .dialog, .flexbox .modaldialog .HtmlEditorDialog.dxpcLite_DevEx .no-flexbox.flexboxlegacy .dxpc-mainDiv, .no-flexbox.flexboxlegacy .HtmlEditorDialog.dxpcLite_DevEx .flexbox .modaldialog .dxpc-mainDiv, .HtmlEditorDialog.dxpcLite_DevEx .flexbox .modaldialog .no-flexbox.flexboxlegacy .dxpc-mainDiv, .no-flexbox.flexboxlegacy .flexbox .filepreview, .flexbox .no-flexbox.flexboxlegacy .filepreview, .no-flexbox.flexboxlegacy .modaldialog .dialog, .no-flexbox.flexboxlegacy .modaldialog .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv, .HtmlEditorDialog.dxpcLite_DevEx .no-flexbox.flexboxlegacy .modaldialog .dxpc-mainDiv, .no-flexbox.flexboxlegacy .modaldialog, .no-flexbox.flexboxlegacy .openContext > *, .no-flexbox.flexboxlegacy #searchresults .groupheader, #searchresults .no-flexbox.flexboxlegacy .groupheader, .no-flexbox.flexboxlegacy .glossarypane .groupheader, .glossarypane .no-flexbox.flexboxlegacy .groupheader, .no-flexbox.flexboxlegacy .voiceAssistant .groupheader, .voiceAssistant .no-flexbox.flexboxlegacy .groupheader, .no-flexbox.flexboxlegacy .mtMobile .treeitem .grip, .mtMobile .treeitem .no-flexbox.flexboxlegacy .grip, .no-flexbox.flexboxlegacy .mtMobile .treeitem .selector, .mtMobile .treeitem .no-flexbox.flexboxlegacy .selector, .no-flexbox.flexboxlegacy .mtMobile .treeitem .root, .mtMobile .treeitem .no-flexbox.flexboxlegacy .root, .no-flexbox.flexboxlegacy .messageType, .no-flexbox.flexboxlegacy .messageTypeWithMarker, .no-flexbox.flexboxlegacy .ActivityStateMarker, .no-flexbox.flexboxlegacy .ActualWorkingTimeMarker, .no-flexbox.flexboxlegacy .ActualWorkingTime, .no-flexbox.flexboxlegacy .PlannedWorkingTime, .no-flexbox.flexboxlegacy .ActualWorkingTimeEditCell, .no-flexbox.flexboxlegacy .PlannedWorkingTimeMarker, .no-flexbox.flexboxlegacy .PlannedWorkingTimeMarkerLabel, .no-flexbox.flexboxlegacy .dial li, .dial .no-flexbox.flexboxlegacy li, .no-flexbox.flexboxlegacy .dialtimesign, .no-flexbox.flexboxlegacy .loadingindicator { -moz-box-align: center; -moz-box-pack: center; -webkit-box-align: center; -webkit-box-pack: center; }
.no-flexbox.flexboxlegacy .spacearound, .no-flexbox.flexboxlegacy .flexbox .previewcontainer, .flexbox .no-flexbox.flexboxlegacy .previewcontainer, .no-flexbox.flexboxlegacy .valuerowleft, .no-flexbox.flexboxlegacy .valuerowright { -moz-box-align: center; -moz-box-pack: center; -webkit-box-align: center; -webkit-box-pack: center; }
.no-flexbox.flexboxlegacy .buttonbar, .no-flexbox.flexboxlegacy .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter, .HtmlEditorDialog.dxpcLite_DevEx .no-flexbox.flexboxlegacy .dxheDlgFooter { display: -moz-box; -moz-box-orient: horizontal; display: -webkit-box; -webkit-box-orient: horizontal; }
.no-flexbox.flexboxlegacy .buttonbar .rectangularbutton, .no-flexbox.flexboxlegacy .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .no-flexbox.flexboxlegacy .dxheDlgFooter .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .no-flexbox.flexboxlegacy .buttonbar .dxheDlgFooterBtn, .no-flexbox.flexboxlegacy .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, .HtmlEditorDialog.dxpcLite_DevEx .no-flexbox.flexboxlegacy .dxheDlgFooter .dxheDlgFooterBtn, .no-flexbox.flexboxlegacy .buttonbar .inputGroup, .no-flexbox.flexboxlegacy .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .inputGroup, .HtmlEditorDialog.dxpcLite_DevEx .no-flexbox.flexboxlegacy .dxheDlgFooter .inputGroup { -webkit-flex: 0 1 auto; flex: 0 1 auto; }
.no-flexbox.flexboxlegacy .tabscontainer, .no-flexbox.flexboxlegacy #applicationBar, .no-flexbox.flexboxlegacy .workspaceMenuContainer, .no-flexbox.flexboxlegacy .openContextContainer { overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.no-flexbox.flexboxlegacy .tabcontrols { -moz-box-align: center; -webkit-box-align: center; }
.no-flexbox.flexboxlegacy .tabcontrols .circularbutton { margin-left: 7px; }
.no-flexbox.flexboxlegacy .tabContent { display: none; }
.no-flexbox.flexboxlegacy .tabContent .gridbuttons { margin-left: 7px; }
.no-flexbox.flexboxlegacy .columnlayout { -moz-box-orient: vertical; -webkit-box-orient: vertical; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.no-flexbox.flexboxlegacy .columnlayout .inputGroup { display: -moz-box; -moz-box-orient: horizontal; -moz-box-flex: 1; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-flex: 1; }
.no-flexbox.flexboxlegacy .flexwrap { -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.no-flexbox.flexboxlegacy #appthrobber, .no-flexbox.flexboxlegacy .throbber { display: -moz-box; -moz-box-align: center; display: -webkit-box; -webkit-box-align: center; }

.mtMobile #appthrobber { display: none; }

/* This files contains all styles relevant for layout  @see http://css-tricks.com/sass-style-guide/ */
.hwaccel { -webkit-transform: translateZ(0); }

.clearfix, .groupbox, .opengroupbox, .titlebar, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header { overflow: hidden; *zoom: 1; }

.hidden, .workspaceMenuContainer:not(.overflow) .tabcontrols, #searchcontrol > div .searchfields.collapsed .searchtoggle #closesearch, #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle #opensearch, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody > tr:last-child:not(:first-child), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell label[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell table[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgDisplayPropertiesCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgSeparatorCell, .backstageMenuSection:not(.selected) ul, .backstageMenuSection:not(.selected) .icon.collapse, .backstageMenuSection.selected .icon.expand, .flexbox .flexcontainer .hidden, .flexbox .flexcontainer .workspaceMenuContainer:not(.overflow) .tabcontrols, .workspaceMenuContainer:not(.overflow) .flexbox .flexcontainer .tabcontrols, .flexbox .flexcontainer #searchcontrol > div .searchfields.collapsed .searchtoggle #closesearch, #searchcontrol > div .searchfields.collapsed .searchtoggle .flexbox .flexcontainer #closesearch, .flexbox .flexcontainer #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle #opensearch, #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle .flexbox .flexcontainer #opensearch, .flexbox .flexcontainer .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody > tr:last-child:not(:first-child), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox .flexcontainer .dxheDlgInputCell > table > tbody > tr:last-child:not(:first-child), .flexbox .flexcontainer .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell label[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox .flexcontainer label[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .flexbox .flexcontainer .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell table[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox .flexcontainer table[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .flexbox .flexcontainer .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgDisplayPropertiesCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox .flexcontainer .dxheDlgDisplayPropertiesCell, .flexbox .flexcontainer .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgSeparatorCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox .flexcontainer .dxheDlgSeparatorCell, .flexbox .flexcontainer .backstageMenuSection:not(.selected) ul, .backstageMenuSection:not(.selected) .flexbox .flexcontainer ul, .flexbox .flexcontainer .backstageMenuSection:not(.selected) .icon.collapse, .backstageMenuSection:not(.selected) .flexbox .flexcontainer .icon.collapse, .flexbox .flexcontainer .backstageMenuSection.selected .icon.expand, .backstageMenuSection.selected .flexbox .flexcontainer .icon.expand, .flexbox .container .hidden, .flexbox .container .workspaceMenuContainer:not(.overflow) .tabcontrols, .workspaceMenuContainer:not(.overflow) .flexbox .container .tabcontrols, .flexbox .container #searchcontrol > div .searchfields.collapsed .searchtoggle #closesearch, #searchcontrol > div .searchfields.collapsed .searchtoggle .flexbox .container #closesearch, .flexbox .container #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle #opensearch, #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle .flexbox .container #opensearch, .flexbox .container .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody > tr:last-child:not(:first-child), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox .container .dxheDlgInputCell > table > tbody > tr:last-child:not(:first-child), .flexbox .container .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell label[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox .container label[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .flexbox .container .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell table[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox .container table[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .flexbox .container .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgDisplayPropertiesCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox .container .dxheDlgDisplayPropertiesCell, .flexbox .container .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgSeparatorCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox .container .dxheDlgSeparatorCell, .flexbox .container .backstageMenuSection:not(.selected) ul, .backstageMenuSection:not(.selected) .flexbox .container ul, .flexbox .container .backstageMenuSection:not(.selected) .icon.collapse, .backstageMenuSection:not(.selected) .flexbox .container .icon.collapse, .flexbox .container .backstageMenuSection.selected .icon.expand, .backstageMenuSection.selected .flexbox .container .icon.expand, .no-flexbox.flexboxlegacy .flexcontainer .hidden, .no-flexbox.flexboxlegacy .flexcontainer .workspaceMenuContainer:not(.overflow) .tabcontrols, .workspaceMenuContainer:not(.overflow) .no-flexbox.flexboxlegacy .flexcontainer .tabcontrols, .no-flexbox.flexboxlegacy .flexcontainer #searchcontrol > div .searchfields.collapsed .searchtoggle #closesearch, #searchcontrol > div .searchfields.collapsed .searchtoggle .no-flexbox.flexboxlegacy .flexcontainer #closesearch, .no-flexbox.flexboxlegacy .flexcontainer #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle #opensearch, #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle .no-flexbox.flexboxlegacy .flexcontainer #opensearch, .no-flexbox.flexboxlegacy .flexcontainer .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody > tr:last-child:not(:first-child), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .no-flexbox.flexboxlegacy .flexcontainer .dxheDlgInputCell > table > tbody > tr:last-child:not(:first-child), .no-flexbox.flexboxlegacy .flexcontainer .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell label[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .no-flexbox.flexboxlegacy .flexcontainer label[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .no-flexbox.flexboxlegacy .flexcontainer .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell table[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .no-flexbox.flexboxlegacy .flexcontainer table[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .no-flexbox.flexboxlegacy .flexcontainer .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgDisplayPropertiesCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .no-flexbox.flexboxlegacy .flexcontainer .dxheDlgDisplayPropertiesCell, .no-flexbox.flexboxlegacy .flexcontainer .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgSeparatorCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .no-flexbox.flexboxlegacy .flexcontainer .dxheDlgSeparatorCell, .no-flexbox.flexboxlegacy .flexcontainer .backstageMenuSection:not(.selected) ul, .backstageMenuSection:not(.selected) .no-flexbox.flexboxlegacy .flexcontainer ul, .no-flexbox.flexboxlegacy .flexcontainer .backstageMenuSection:not(.selected) .icon.collapse, .backstageMenuSection:not(.selected) .no-flexbox.flexboxlegacy .flexcontainer .icon.collapse, .no-flexbox.flexboxlegacy .flexcontainer .backstageMenuSection.selected .icon.expand, .backstageMenuSection.selected .no-flexbox.flexboxlegacy .flexcontainer .icon.expand, .no-flexbox.flexboxlegacy .container .hidden, .no-flexbox.flexboxlegacy .container .workspaceMenuContainer:not(.overflow) .tabcontrols, .workspaceMenuContainer:not(.overflow) .no-flexbox.flexboxlegacy .container .tabcontrols, .no-flexbox.flexboxlegacy .container #searchcontrol > div .searchfields.collapsed .searchtoggle #closesearch, #searchcontrol > div .searchfields.collapsed .searchtoggle .no-flexbox.flexboxlegacy .container #closesearch, .no-flexbox.flexboxlegacy .container #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle #opensearch, #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle .no-flexbox.flexboxlegacy .container #opensearch, .no-flexbox.flexboxlegacy .container .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody > tr:last-child:not(:first-child), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .no-flexbox.flexboxlegacy .container .dxheDlgInputCell > table > tbody > tr:last-child:not(:first-child), .no-flexbox.flexboxlegacy .container .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell label[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .no-flexbox.flexboxlegacy .container label[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .no-flexbox.flexboxlegacy .container .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell table[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .no-flexbox.flexboxlegacy .container table[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .no-flexbox.flexboxlegacy .container .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgDisplayPropertiesCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .no-flexbox.flexboxlegacy .container .dxheDlgDisplayPropertiesCell, .no-flexbox.flexboxlegacy .container .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgSeparatorCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .no-flexbox.flexboxlegacy .container .dxheDlgSeparatorCell, .no-flexbox.flexboxlegacy .container .backstageMenuSection:not(.selected) ul, .backstageMenuSection:not(.selected) .no-flexbox.flexboxlegacy .container ul, .no-flexbox.flexboxlegacy .container .backstageMenuSection:not(.selected) .icon.collapse, .backstageMenuSection:not(.selected) .no-flexbox.flexboxlegacy .container .icon.collapse, .no-flexbox.flexboxlegacy .container .backstageMenuSection.selected .icon.expand, .backstageMenuSection.selected .no-flexbox.flexboxlegacy .container .icon.expand, .flexbox .hidden, .flexbox .workspaceMenuContainer:not(.overflow) .tabcontrols, .workspaceMenuContainer:not(.overflow) .flexbox .tabcontrols, .flexbox #searchcontrol > div .searchfields.collapsed .searchtoggle #closesearch, #searchcontrol > div .searchfields.collapsed .searchtoggle .flexbox #closesearch, .flexbox #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle #opensearch, #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle .flexbox #opensearch, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody > tr:last-child:not(:first-child), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox .dxheDlgInputCell > table > tbody > tr:last-child:not(:first-child), .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell label[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox label[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell table[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox table[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgDisplayPropertiesCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox .dxheDlgDisplayPropertiesCell, .flexbox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgSeparatorCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .flexbox .dxheDlgSeparatorCell, .flexbox .backstageMenuSection:not(.selected) ul, .backstageMenuSection:not(.selected) .flexbox ul, .flexbox .backstageMenuSection:not(.selected) .icon.collapse, .backstageMenuSection:not(.selected) .flexbox .icon.collapse, .flexbox .backstageMenuSection.selected .icon.expand, .backstageMenuSection.selected .flexbox .icon.expand { display: none; visibility: collapse; }

.fullwidth, noscript, .ui-resizable-n, .ui-resizable-s, .flexbox .previewcontainer, html, body, .loginform, .titlebar, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header, #systembar, #wrapper footer, #backstageContainer, #workspaceContainer, div[data-contenttype="Pane"], .appmenu dd, .modaldialog .modaloverlay, .throbberoverlay, .tile, ul.tabs, .workspacePane, .mtMobile .backcontainer, .mtMobile .treeitem .underlay, .mtMobile .treeitem .content, .mtMobile .treeitem .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .mtMobile .treeitem .dxheDlgContentCell, .mtMobile .treeitem .crumbcontent, .ActivityStateMarker, .ActualWorkingTimeEditCell { width: 100%; }

.maxfullwidth { max-width: 100%; }

.fullheight, noscript, .ui-resizable-e, .ui-resizable-w, .flexbox .previewcontainer, html, body, #wrapper, #backstageContainer, #workspaceContainer, div[data-contenttype="Pane"], .modaldialog .modaloverlay, .modaldialog .container, .throbberoverlay, .storiescontrol .verticalmarker, .stepselection .verticalmarker, .flow.selected .verticalmarker, .flow.expanded .verticalmarker, .flowstep.selected .verticalmarker, .flowstep.expanded .verticalmarker, .story.selected .verticalmarker, .story.expanded .verticalmarker, .workspacePane, .mtMobile .browser, .mtMobile .treecontainer, .mtMobile .treeitemscontainer, .mtMobile .backcontainer, #backstagemenu { height: 100%; }

.fullheight-1 { height: calc(100% - 7px); }

.fullheight-2 { height: calc(100% - 14px); }

.fullheight-3 { height: calc(100% - 21px); }

.fullheight-4 { height: calc(100% - 28px); }

.fullheight-5 { height: calc(100% - 35px); }

.fullheight-6 { height: calc(100% - 42px); }

.fullheight-7 { height: calc(100% - 49px); }

.fullheight-8 { height: calc(100% - 56px); }

.fullheight-9 { height: calc(100% - 63px); }

.fullheight-10 { height: calc(100% - 70px); }

.fullheight-12 { height: calc(100% - 84px); }

.fullheight-15 { height: calc(100% - 105px); }

.fullheight-17 { height: calc(100% - 119px); }

.fullheight-18 { height: calc(100% - 126px); }

.fullheight-20 { height: calc(100% - 140px); }

.fullheight-22 { height: calc(100% - 154px); }

.fullheight-25 { height: calc(100% - 175px); }

.fullheight-30 { height: calc(100% - 210px); }

.fullheight-40 { height: calc(100% - 280px); }

.fullheight-46 { height: calc(100% - 322px); }

.fullheight-50 { height: calc(100% - 350px); }

.fullheight-54 { height: calc(100% - 378px); }

.fullheight-60 { height: calc(100% - 420px); }

.fullheight-80 { height: calc(100% - 560px); }

.fullheight-100 { height: calc(100% - 700px); }

.relative, .openContext.organization:after, .inactiveTabMarker, .verticalElements, .ui-resizable, .pane, .diagram, .login, .modaldialog .dialog, .modaldialog .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog .dxpc-mainDiv, .modaldialog .container, .throbberoverlay, .tile, .expanderheader.hasContent > span:before, #searchcontrol > div .searchfields .inputwrapper, .mtMobile .treeitem, #backstagemenu, .mtMobile .TouchNavigationContent #backstagemenu, .toolbar .toolbarbutton { position: relative; }

.absolute, noscript, .ui-resizable-handle, .absoluteStretch, footer, #appcontent, .modaldialog, .userboardcontrols, #tooltip, .storiescontrol .verticalmarker, .stepselection .verticalmarker, .helpbutton, .accordionnavigation, #searchcontrol > div .searchfields .inputwrapper #bestmatchplaceholder, #searchcontrol > div .searchfields .inputwrapper .bestmatchplaceholder, .mtMobile .backcontainer, .mtMobile .treeitem .underlay, .mtMobile .treeitem .content, .mtMobile .treeitem .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .mtMobile .treeitem .dxheDlgContentCell, .mtMobile .treeitem .crumbcontent, #backstageMenuContainer, .viewportControls, .toolbarcontainer, .toolbarcontainer .dock, .toolbar, .toolbar ul ul, .toolbar .toolbarbutton:after, .loadingindicator, .TouchNavigationUnpinned { position: absolute; }

.fixed, .modaldialog .modaloverlay { position: fixed; }

.noscroll, #appcontent, ul.tabs, .tabContent.workspaceTabContent, .tabContent.noscroll, .storiescontrol .description, .stepselection .description, .storiescontrol .description .scrolly, .storiescontrol .description .tabContent, .storiescontrol .description .ui-menu .ui-menu, .ui-menu .storiescontrol .description .ui-menu, .storiescontrol .description .mtClassic .ui-autocomplete, .mtClassic .storiescontrol .description .ui-autocomplete, .storiescontrol .description .dial, .stepselection .description .scrolly, .stepselection .description .tabContent, .stepselection .description .ui-menu .ui-menu, .ui-menu .stepselection .description .ui-menu, .stepselection .description .mtClassic .ui-autocomplete, .mtClassic .stepselection .description .ui-autocomplete, .stepselection .description .dial, .diagram { overflow: hidden; }

.noscrollx, .flexbox .flexformcontainer { overflow-x: hidden; }

.noscrolly { overflow-y: hidden; }

.block, .openContext.organization:after, .inactiveTabMarker, .ui-resizable-handle, .loginform, .titlebar, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header, #systembar, #wrapper footer, .containerheader, #modalDialog, #tooltip, .expanderheader, label, select, .input, input, .columnlayout .inputGroup label:first-child, .accordion dt, .chapterreferences ul li, .furtherlinks ul li, .furtherlinks a, .furtherlinks a:link, .furtherlinks a:hover, .furtherlinks a:visited, .furtherlinks a:active, .ui-menu-item, .dial li { display: block; }

.inlineblock, ul.tabs li.hasContent:before, .expanderheader.hasContent > span:before, .button, .rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, #welcomescreen .closebutton, .strokedashbutton, .flatbutton, .simplebutton:not(.disabled), .toggletextexpansionbutton:not(.disabled), .alternateflowbutton:not(.disabled), .dialogclosebutton, .modaldialog .titlebarfullscreen, .ganttChartNameIcon, .treequeryicon, .queryicon, .appmenu dt, .appmenu dd, .title, .containerheader .circularbutton, .tabbase, .tab, .tabLink, .openContext, .tab > *, .tabLink > *, .openContext > *, .expanderbutton, .storiescontrol .alternatestepsselector li, .dialogbutton, .diagrambutton, .squarebutton, .toolbarbutton, .mtMobile .dialogbutton, .mtMobile .diagrambutton, .uploadcancelbutton, select, span.unit, .selectedtype, .browser .icon, .accordiontitle, .chapternumber, .chapterreferences ul li > *, .furtherlinks ul li > *, #searchcontrol > div .searchfields input, #searchcontrol > div .searchfields input:hover, #searchcontrol > div .searchfields input:focus, #searchcontrol > div .searchfields input:active, #searchresults .groupheader, .glossarypane .groupheader, .voiceAssistant .groupheader, .message, .messageType, .dial, .toolbar li, .toolbar.left li li, .toolbar.right li li, input.toolbar[type="number"] li li, .columnlayout .inputGroup label.toolbar:first-child li li, input.toolbar[type=number] li li, .mtClassic .ui-autocomplete li.toolbar li li, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbar.dxheDlgCaptionCell li li, .toolbar .toolbarbutton, .toolbar ul ul li .statemachine { display: inline-block; }

.middle, ul.tabs li.hasContent:before, .expanderheader.hasContent > span:before, .ui-menu-item, .tab > *, .tabLink > *, .openContext > *, #tooltip, .expanderheader.hasContent > span, .expanderbutton, .selectedtype, .accordion dt, .accordiontitle, .chapternumber, .chapterreferences ul li, .furtherlinks ul li, .chapterreferences ul li > *, .furtherlinks ul li > *, #searchcontrol > div .searchOrReset, #searchcontrol > div .searchfields, #searchresults .resultheader .resultByRankButton, #searchresults .resultheader .resultAlphanumericalButton, .glossarypane .resultheader .resultByRankButton, .glossarypane .resultheader .resultAlphanumericalButton, .voiceAssistant .resultheader .resultByRankButton, .voiceAssistant .resultheader .resultAlphanumericalButton, #searchresults .resultheader .bookmark, .glossarypane .resultheader .bookmark, .voiceAssistant .resultheader .bookmark, #voiceassistantcontrol > div .flexcol, #voiceassistantcontrol > div .verticalElements, .ActivityStateMarker, .ActualWorkingTimeMarker, .ActualWorkingTime, .PlannedWorkingTime, .ActualWorkingTimeCell, .TreeGridCell, .ActualWorkingTimeEditCell, .PlannedWorkingTimeMarker, .PlannedWorkingTimeMarkerLabel, .toolbar li, .toolbar .toolbarbutton, .toolbar .statemachine, .touchNavigationButton, .touchUserboardButton { vertical-align: middle; }

div:focus, li:focus { outline: none; }

.invisible { opacity: 0; visibility: hidden; }

.scroll { overflow: auto; }

.scrolly, .tabContent, .ui-menu .ui-menu, .mtClassic .ui-autocomplete, .dial { overflow-x: hidden; overflow-y: auto; }

.mtClassic .desktop-scrolly { overflow-x: hidden; overflow-y: auto; }

.scrollx { overflow-x: auto; overflow-y: hidden; }

.medium .mscroll, .slim .sscroll { overflow: auto; }

.mtMobile .mobile-block { display: block; }

.right, input[type="number"], .columnlayout .inputGroup label:first-child, input[type=number], .mtClassic .ui-autocomplete li, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgCaptionCell { text-align: right; }

.borderbox, .itembox, .elementstatebox, .modaldialog .dialog, .modaldialog .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog .dxpc-mainDiv, .tabbase, .tab, .tabLink, .openContext, #tooltip, .expanderbutton, #backstagemenu, .mtMobile .TouchNavigationContent #backstagemenu, .diagram, .toolbar .toolbarbutton { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

ul.tabs li.hasContent:before, .expanderheader.hasContent > span:before { content: " "; margin-right: 3.5px; -moz-border-radius: 50% / 50%; -webkit-border-radius: 50% 50%; border-radius: 50% / 50%; }

.openContext.organization:after { content: ''; height: 4px; margin: 0 -3.5px; -moz-transform: translate(0, 2px); -ms-transform: translate(0, 2px); -webkit-transform: translate(0, 2px); transform: translate(0, 2px); }

.inactiveTabMarker { display: block !important; height: 4px; }

/* misc elements */
noscript { z-index: 100000; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
noscript > * { text-align: center; margin: 0 1em; }
noscript p { max-width: 80%; margin-top: 2em; }

html { position: fixed; }

html, body { overflow: hidden; -ms-touch-action: none; -ms-scroll-chaining: none; -ms-content-zooming: none; }
html ::-webkit-scrollbar, body ::-webkit-scrollbar { width: 15px; height: 15px; border-left: 4px solid transparent; }
html ::-webkit-scrollbar-thumb, body ::-webkit-scrollbar-thumb { background: #7D7D7D; border: 4px solid transparent; background-clip: padding-box; -moz-border-radius: 7px / 7px; -webkit-border-radius: 7px 7px; border-radius: 7px / 7px; }
html ::-webkit-scrollbar-track, body ::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0); -moz-border-radius: 7px / 7px; -webkit-border-radius: 7px 7px; border-radius: 7px / 7px; }

body { position: inherit; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
body.cursorprogress { cursor: progress; }
body.loading:not(.failure), body.loading div, body.loading input, body.loading select, body.loading a { cursor: wait !important; }

.controlLoading { cursor: wait !important; }
.controlLoading svg g, .controlLoading svg rect, .controlLoading svg circle, .controlLoading svg line, .controlLoading svg text { cursor: wait !important; }

.absoluteStretch { top: 0; bottom: 0; left: 0; right: 0; }

/* Containers  */
.borderradius .container, .borderradius .error, .borderradius .info, .borderradius .warning, .borderradius .modaldialog, .borderradius .service, .borderradius .groupbox { -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
.borderradius .menuitem { -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }

.container .info, .container .error, .container .warning { max-height: 10em; }
.container .info ::-webkit-scrollbar, .container .error ::-webkit-scrollbar, .container .warning ::-webkit-scrollbar { width: 15px; height: 15px; border-left: 4px solid transparent; }
.container .info ::-webkit-scrollbar-thumb, .container .error ::-webkit-scrollbar-thumb, .container .warning ::-webkit-scrollbar-thumb { background: WhiteSmoke; border: 4px solid transparent; background-clip: padding-box; -moz-border-radius: 7px / 7px; -webkit-border-radius: 7px 7px; border-radius: 7px / 7px; }
.container .info ::-webkit-scrollbar-track, .container .error ::-webkit-scrollbar-track, .container .warning ::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0); -moz-border-radius: 7px / 7px; -webkit-border-radius: 7px 7px; border-radius: 7px / 7px; }

.container .content.scroll, .container .HtmlEditorDialog.dxpcLite_DevEx .scroll.dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .container .scroll.dxheDlgContentCell, .container .content.scrolly, .container .content.tabContent, .container .HtmlEditorDialog.dxpcLite_DevEx .tabContent.dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .container .tabContent.dxheDlgContentCell, .container .ui-menu .content.ui-menu, .ui-menu .container .content.ui-menu, .container .ui-menu .HtmlEditorDialog.dxpcLite_DevEx .ui-menu.dxheDlgContentCell, .ui-menu .HtmlEditorDialog.dxpcLite_DevEx .container .ui-menu.dxheDlgContentCell, .container .HtmlEditorDialog.dxpcLite_DevEx .ui-menu .ui-menu.dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .ui-menu .container .ui-menu.dxheDlgContentCell, .container .mtClassic .content.ui-autocomplete, .mtClassic .container .content.ui-autocomplete, .container .mtClassic .HtmlEditorDialog.dxpcLite_DevEx .ui-autocomplete.dxheDlgContentCell, .mtClassic .HtmlEditorDialog.dxpcLite_DevEx .container .ui-autocomplete.dxheDlgContentCell, .container .HtmlEditorDialog.dxpcLite_DevEx .mtClassic .ui-autocomplete.dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .mtClassic .container .ui-autocomplete.dxheDlgContentCell, .container .HtmlEditorDialog.dxpcLite_DevEx .scrolly.dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .container .scrolly.dxheDlgContentCell, .container .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell.dial, .HtmlEditorDialog.dxpcLite_DevEx .container .dxheDlgContentCell.dial, .container .content.dial { margin-right: 14px; padding-right: 7px; }

.slim .container .content.scroll, .slim .container .HtmlEditorDialog.dxpcLite_DevEx .scroll.dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .slim .container .scroll.dxheDlgContentCell, .slim .container .content.scrolly, .slim .container .content.tabContent, .slim .container .HtmlEditorDialog.dxpcLite_DevEx .tabContent.dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .slim .container .tabContent.dxheDlgContentCell, .slim .container .ui-menu .content.ui-menu, .ui-menu .slim .container .content.ui-menu, .slim .container .ui-menu .HtmlEditorDialog.dxpcLite_DevEx .ui-menu.dxheDlgContentCell, .ui-menu .HtmlEditorDialog.dxpcLite_DevEx .slim .container .ui-menu.dxheDlgContentCell, .slim .container .HtmlEditorDialog.dxpcLite_DevEx .ui-menu .ui-menu.dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .ui-menu .slim .container .ui-menu.dxheDlgContentCell, .slim .container .mtClassic .content.ui-autocomplete, .mtClassic .slim .container .content.ui-autocomplete, .slim .container .mtClassic .HtmlEditorDialog.dxpcLite_DevEx .ui-autocomplete.dxheDlgContentCell, .mtClassic .HtmlEditorDialog.dxpcLite_DevEx .slim .container .ui-autocomplete.dxheDlgContentCell, .slim .container .HtmlEditorDialog.dxpcLite_DevEx .mtClassic .ui-autocomplete.dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .mtClassic .slim .container .ui-autocomplete.dxheDlgContentCell, .slim .container .HtmlEditorDialog.dxpcLite_DevEx .scrolly.dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .slim .container .scrolly.dxheDlgContentCell, .slim .container .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell.dial, .HtmlEditorDialog.dxpcLite_DevEx .slim .container .dxheDlgContentCell.dial, .slim .container .content.dial { margin-left: 7px; margin-right: 7px; padding-right: 7px; }

.service { overflow: hidden; }

/* boxes  */
.groupbox { background-color: #F5F5F5; }

.backstagemenucommand { padding: 0; }
.backstagemenucommand .groupbox { text-shadow: 0 1px 0px rgba(255, 255, 255, 0.5); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #d9d9d9)); background-image: -moz-linear-gradient(top, #ffffff, #d9d9d9); background-image: -webkit-linear-gradient(top, #ffffff, #d9d9d9); background-image: linear-gradient(to bottom, #ffffff, #d9d9d9); height: 19px; }
.backstagemenucommand:not(.disabled) .groupbox { border: solid 1px #B9B9B9; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.backstagemenucommand:not(.disabled) .groupbox:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, #e3e3e3)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.35), #e3e3e3); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35), #e3e3e3); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.35), #e3e3e3); }
.backstagemenucommand:not(.disabled) .groupbox:focus:not(:active) { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTNlM2UzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, #e3e3e3)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.35), #e3e3e3); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35), #e3e3e3); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.35), #e3e3e3); outline: 2px solid #191919; }
.backstagemenucommand.disabled .groupbox { border: solid 1px #e5e5e5; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.opengroupbox > div:nth-child(1) { padding: 0; }
.opengroupbox > div:nth-child(2) { padding: 7px; border-radius: 4px; }
.opengroupbox .inputGroup:last-child { margin-top: 0; margin-bottom: 7px; }

.itembox, .elementstatebox { padding: 0 7px; background-color: #F5F5F5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.elementstatebox:not(.withoutevents) { padding-top: 5px; }

/* Forms */
/* Fixed formats */
.round36 { height: 36px; width: 36px; }

/* Named elements */
footer { bottom: 0; text-align: right; }
footer p { margin: 0.5em; }

#systembar { height: 42px; /*@extend .relative;*/ overflow: hidden;     /*.activeContextMarker { content: ''; @extend .absolute; border-bottom: $ActiveContextBorder + 1 solid transparent; pointer-events: none; height: $SystembarHeight - $ActiveContextBorder; width: 100%; top: 0; left: 0; border-color: $ModernLightMediumGrey2 !important;
 &.organizationColor { border-bottom-color: $OrganizationTileColor;
 &.templateColor { border-bottom-color: $OrganizationTemplateTileColor; } }
 &.projectColor { border-bottom-color: $ProjectTileColor;
 &.templateColor { border-bottom-color: $ProjectTemplateTileColor; }
 &.tutorialColor { border-bottom-color: $TutorialProjectTileColor; } } }*/ }
#systembar .logoTypo { background-repeat: no-repeat; }
#systembar .applicationIcon { align-self: center; margin: 7px 14px 0 49px; }
#systembar .toolbarButtongroup:not(.mainmenu) { -webkit-order: 4; order: 4; }
#systembar .menubutton .icon { height: 28px; color: #ffffff; }
#systembar .menubutton form .icon { color: #191919; }

#applicationBar { overflow: hidden; -webkit-order: 3; order: 3; }

#backstagemenubutton { -webkit-order: 1; order: 1; }

.menubuttontouch { display: none; }

#userboardbutton { -webkit-order: 1; order: 1; }

#chatbutton { -webkit-order: 1; order: 1; }

#videoConferenceButton { -webkit-order: 1; order: 1; }

#newsfeedbutton { -webkit-order: 1; order: 1; }

#voiceassistantcontrol { -webkit-order: 1; order: 1; }

#searchcontrol { -webkit-order: 1; order: 1; }

#appthrobber { -webkit-order: 5; order: 5; margin: 0 21px 0 7px; opacity: 0; }

.workspaceMenuContainer, .openContextContainer { overflow: hidden; -webkit-order: 3; order: 3; -webkit-justify-content: flex-end; justify-content: flex-end; }
.workspaceMenuContainer .tabcontrols, .openContextContainer .tabcontrols { order: 3; }

.workspaceMenuContainer.overflow .openContextContainer { display: block !important; white-space: nowrap; }

body.loading #appthrobber { opacity: 1; }

.appmenu dd { display: none; }

.appmenu_submenu { color: #191919; background: #E1E1E1; -moz-box-shadow: 0 1px 5px rgba(25, 25, 25, 0.5); -webkit-box-shadow: 0 1px 5px rgba(25, 25, 25, 0.5); box-shadow: 0 1px 5px rgba(25, 25, 25, 0.5); }
.appmenu_submenu dd { border: 1px solid transparent; padding: 0 7px; min-height: 21px; line-height: 28px; text-align: right; }
.appmenu_submenu dd:hover { background-color: #CCE8E9; border-color: #8fc4c6; }
.appmenu_submenu dd#appmenu_lang_switchTo { text-align: center; }

#appcontent { top: 42px; bottom: 0; left: 0; right: 0; }
@media only screen { #appcontent.menuopen { left: 100%; } }
@media only screen and (min-width: 40.0625em) { #appcontent.menuopen { left: 50%; } }
@media only screen and (min-width: 64.0625em) { #appcontent.menuopen { left: 33%; } }

/* Selectors */
.login { width: auto; margin: 0 14px; height: 100%; border: 1px solid WhiteSmoke; }
@media only screen and (max-width: 40em) { .login { margin: 0; border-width: 0; }
  .login .rh50 { height: 210px; } }
@media only screen and (min-width: 40.0625em) and (max-width: 64em) { .login { border-width: 0; }
  .login .rh50 { height: 210px; } }
@media only screen and (min-width: 64.0625em) { .login { min-width: 840px; max-width: 840px; height: 490px; } }

#welcomescreen { background: transparent; position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; }
#welcomescreen div:first-child { min-height: 0; }
#welcomescreen h1 { text-align: center; }
@media only screen and (min-width: 40.0625em) { #welcomescreen h1 { font-size: 2em; line-height: 1.75em; } }
@media only screen and (min-width: 64.0625em) { #welcomescreen h1 { font-size: 2.33333em; line-height: 1.5em; } }
#welcomescreen .instructions { margin: 7px; padding: 14px; border: 1px solid WhiteSmoke; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height: 90vh; width: 90vw; min-width: 420px; }
@media only screen and (min-width: 40.0625em) { #welcomescreen .instructions { margin: 7px 0; padding: 14px; height: 75vh; width: 56.25vh; } }
@media only screen and (min-width: 64.0625em) { #welcomescreen .instructions { margin: 21px 0; padding: 21px; height: 75vh; width: 46.35vh; } }
#welcomescreen .instructionimage img { max-width: 100%; height: auto; }
@media only screen and (min-width: 40.0625em) { #welcomescreen .instructionimage img { max-width: 160px; max-height: 21vh; } }
@media only screen and (min-width: 64.0625em) { #welcomescreen .instructionimage img { max-width: 100%; max-height: auto; } }
#welcomescreen .instructiontext { font-size: 1.16667em; line-height: 1.5em; }
#welcomescreen .decision label { white-space: normal; }

.title { margin-left: 7px; overflow: hidden; }

.containerheader .circularbutton { vertical-align: middle; }

#modalDialog { opacity: 1; }
#modalDialog.hidden, .workspaceMenuContainer:not(.overflow) #modalDialog.tabcontrols, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody > tr#modalDialog:last-child:not(:first-child), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell label#modalDialog[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell table#modalDialog[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #modalDialog.dxheDlgDisplayPropertiesCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #modalDialog.dxheDlgSeparatorCell, .backstageMenuSection:not(.selected) ul#modalDialog, .backstageMenuSection:not(.selected) #modalDialog.icon.collapse, .backstageMenuSection.selected #modalDialog.icon.expand { opacity: 0; }

.modaldialog { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; z-index: 20; }
.modaldialog.hidden, .workspaceMenuContainer:not(.overflow) .modaldialog.tabcontrols, #searchcontrol > div .searchfields.collapsed .searchtoggle .modaldialog#closesearch, #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle .modaldialog#opensearch, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody > tr.modaldialog:last-child:not(:first-child), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell label.modaldialog[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell table.modaldialog[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .modaldialog.dxheDlgDisplayPropertiesCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .modaldialog.dxheDlgSeparatorCell, .backstageMenuSection:not(.selected) ul.modaldialog, .backstageMenuSection:not(.selected) .modaldialog.icon.collapse, .backstageMenuSection.selected .modaldialog.icon.expand { opacity: 0; }
.modaldialog .modaloverlay { left: 0; top: 0; z-index: 20; }
.modaldialog .dialog, .modaldialog .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog .dxpc-mainDiv { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.modaldialog .titlebar, .modaldialog .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog .dxpc-header { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; cursor: move; }
.modaldialog .titlebar .title, .modaldialog .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header .title, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog .dxpc-header .title { cursor: inherit; }
.modaldialog .container { z-index: 30; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.modaldialog .processmessage { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.modaldialog .titlebarfullscreen .dialogExpand { display: inline-block; }
.modaldialog .titlebarfullscreen .dialogCompress { display: none; }
.modaldialog.fullscreen { width: 100% !important; height: 100% !important; }
.modaldialog.fullscreen .dialog, .modaldialog.fullscreen .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog.fullscreen .dxpc-mainDiv { top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; box-shadow: 0 0 0; box-sizing: border-box; }
.modaldialog.fullscreen .dialog .ui-resizable-handle, .modaldialog.fullscreen .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .ui-resizable-handle, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog.fullscreen .dxpc-mainDiv .ui-resizable-handle { display: none; }
.modaldialog.fullscreen .dialog .titlebar, .modaldialog.fullscreen .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .titlebar, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog.fullscreen .dxpc-mainDiv .titlebar, .modaldialog.fullscreen .dialog .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog.fullscreen .dialog .dxpc-header, .modaldialog.fullscreen .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .dxpc-header, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog.fullscreen .dxpc-mainDiv .dxpc-header { cursor: default; border-radius: 0; }
.modaldialog.fullscreen .dialog .titlebar .titlebarfullscreen .dialogExpand, .modaldialog.fullscreen .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .titlebar .titlebarfullscreen .dialogExpand, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog.fullscreen .dxpc-mainDiv .titlebar .titlebarfullscreen .dialogExpand, .modaldialog.fullscreen .dialog .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header .titlebarfullscreen .dialogExpand, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog.fullscreen .dialog .dxpc-header .titlebarfullscreen .dialogExpand, .modaldialog.fullscreen .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .dxpc-header .titlebarfullscreen .dialogExpand, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog.fullscreen .dxpc-mainDiv .dxpc-header .titlebarfullscreen .dialogExpand { display: none; }
.modaldialog.fullscreen .dialog .titlebar .titlebarfullscreen .dialogCompress, .modaldialog.fullscreen .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .titlebar .titlebarfullscreen .dialogCompress, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog.fullscreen .dxpc-mainDiv .titlebar .titlebarfullscreen .dialogCompress, .modaldialog.fullscreen .dialog .HtmlEditorDialog.dxpcLite_DevEx .dxpc-header .titlebarfullscreen .dialogCompress, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog.fullscreen .dialog .dxpc-header .titlebarfullscreen .dialogCompress, .modaldialog.fullscreen .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .dxpc-header .titlebarfullscreen .dialogCompress, .HtmlEditorDialog.dxpcLite_DevEx .modaldialog.fullscreen .dxpc-mainDiv .dxpc-header .titlebarfullscreen .dialogCompress { display: inline-block; }

.modaldialog.smallDialog { z-index: 12; }

.throbberoverlay { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.dialog .throbberoverlay, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .throbberoverlay { left: 0; top: 0; right: 0; bottom: 0; opacity: 0.5; border-bottom-left-radius: 0; border-bottom-right-radius: 0; z-index: 100; }
.dialog.busy .throbberoverlay, .HtmlEditorDialog.dxpcLite_DevEx .busy.dxpc-mainDiv .throbberoverlay { display: initial; visibility: visible; }
.dialog:not(.busy) .throbberoverlay, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv:not(.busy) .throbberoverlay { display: none; visibility: hidden; }

.verticalElements { -webkit-align-self: flex-start; align-self: flex-start; -webkit-align-items: flex-start; align-items: flex-start; }

.userboardcontrols { right: 0; margin: 21px 21px 0 0; }
.userboardcontrols .circularbutton { display: block; }

.buttonbar .buttongroup, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup { /*&:nth-child(1) { @extend .ml2;
}*/ }
.buttonbar .buttongroup.columnlayout, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout { padding-left: 14px; padding-top: 13px; margin-left: 0; }
.buttonbar .buttongroup.columnlayout .flexrow.trim, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout .flexrow.trim, .buttonbar .buttongroup.columnlayout .mtMobile .trim#systembar, .mtMobile .buttonbar .buttongroup.columnlayout .trim#systembar, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout .mtMobile .trim#systembar, .mtMobile .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout .trim#systembar, .buttonbar .buttongroup.columnlayout .mtMobile .elementstatebox span#systembar, .mtMobile .elementstatebox .buttonbar .buttongroup.columnlayout span#systembar, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout .mtMobile .elementstatebox span#systembar, .mtMobile .elementstatebox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout span#systembar, .buttonbar .buttongroup.columnlayout .elementstatebox .mtMobile span#systembar, .elementstatebox .mtMobile .buttonbar .buttongroup.columnlayout span#systembar, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout .elementstatebox .mtMobile span#systembar, .elementstatebox .mtMobile .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout span#systembar, .buttonbar .buttongroup.columnlayout .mtMobile .stateCell input#systembar.cellInput, .mtMobile .stateCell .buttonbar .buttongroup.columnlayout input#systembar.cellInput, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout .mtMobile .stateCell input#systembar.cellInput, .mtMobile .stateCell .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout input#systembar.cellInput, .buttonbar .buttongroup.columnlayout .stateCell .mtMobile input#systembar.cellInput, .stateCell .mtMobile .buttonbar .buttongroup.columnlayout input#systembar.cellInput, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout .stateCell .mtMobile input#systembar.cellInput, .stateCell .mtMobile .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout input#systembar.cellInput, .buttonbar .buttongroup.columnlayout .elementstatebox span.flexrow, .elementstatebox .buttonbar .buttongroup.columnlayout span.flexrow, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout .elementstatebox span.flexrow, .elementstatebox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout span.flexrow, .buttonbar .buttongroup.columnlayout .stateCell input.flexrow.cellInput, .stateCell .buttonbar .buttongroup.columnlayout input.flexrow.cellInput, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout .stateCell input.flexrow.cellInput, .stateCell .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .buttongroup.columnlayout input.flexrow.cellInput { padding-left: 14px; padding-right: 7px; }

/* Tables */
.noborders { border-spacing: 0; }

.chartcontainer .header, .valuecontainer .value, .valuecontainer .caption, .nowrap, .NavigationBarItem, .NavigationBarItem span, #searchcontrol > div .searchfields .inputwrapper { white-space: nowrap; }

/* Tiles */
.tile { height: 150px; }
.tile .overlay { margin: 0 14px 7px 14px; }
.tile .name, .tile .path { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #ffffff; }
.tile .name { font-weight: 700; font-family: 'OpenSans Bold'; bottom: 28px; }
.tile .path { bottom: 7px; color: #E1E1E1; }

ul.tabs { white-space: nowrap; list-style: none; }
ul.tabs:focus { outline: none; }
ul.tabs li { overflow: hidden; }
ul.tabs li > * { text-overflow: ellipsis; }
ul.tabs li:not(:last-child) { margin-right: 3.5px; }

.tabbase, .tab, .tabLink, .openContext { min-width: 42px; vertical-align: bottom; }

.mtClassic .tabbase, .mtClassic .tab, .mtClassic .tabLink, .mtClassic .openContext { padding: 2.33333px 3.5px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }

.tab, .tabLink { min-height: 21px; }
.tab .contextName, .tabLink .contextName { margin: 0 14px 0 7px; }

.tabcontrols { min-width: 49px; }

#wrapper .workspacePane:has(.tabscontainer > ul > li:first-of-type:not(.current)) .tabContent.workspaceTabContent { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }

.tabContent { display: none; padding: 7px; min-height: 70px; }
.tabContent.workspaceTabContent { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.tabContent.current { display: inherit; }

.workspaceTabs .tabLink > .icon { width: 16px; height: 16px; }
.workspaceTabs .tabLink .workspaceMenuButton .icon { display: none; }
.workspaceTabs .tabLink .contextName { margin: 0 0 0 7px; }
.workspaceTabs .tabLink.current .workspaceMenuButton .icon, .workspaceTabs .tabLink:hover .workspaceMenuButton .icon { display: inline-block; }

.contextName { max-width: 315px; }

.mtMobile { /*.tabs li.current { border-bottom: $raster-height / 2 solid;
}*/ }
.mtMobile .workspaceTabs, .mtMobile .tabs { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }
.mtMobile ul.workspaceTabs li, .mtMobile ul.tabs li { -webkit-align-items: center; align-items: center; display: inline-flex; display: -webkit-inline-flex; margin-right: 0; width: 192px; min-width: 96px; padding: 0 11px 0 11px; }
.mtMobile ul.workspaceTabs li:first-child:before { content: ""; border-right: none !important; }
.mtMobile ul.workspaceTabs li:before { content: ""; border-right: 1px solid #909090; left: -7px; position: relative; }
.mtMobile ul.workspaceTabs li.current:before { content: ""; border-right: 1px solid #ffffff; }
.mtMobile ul.workspaceTabs li.current + li:before { content: ""; border-right: 1px solid #E1E1E1; }
.mtMobile .workspaceTabs { background-color: #E1E1E1; }
.mtMobile .workspaceTabs .tabLink { background-color: #E1E1E1; }
.mtMobile #systembar { overflow: hidden; }

.openContext { /*min-width: $raster-width * 18;*/ margin-top: 4px; /*&:not(:last-child) { @extend .mr2;
}*/ }
.openContext .contextName { margin: 0 14px 0 7px; }
.openContext > div { margin: 2.33333px 0 0 0; }
.openContext.project { padding-left: 0px; padding-right: 0px; }
.openContext.project > div:first-child { padding-left: 3.5px; padding-right: 3.5px; }

/* Checked out state visualization */
.fileCheckedOutByCurrentUser { color: #0000C0; font-weight: bold; font-family: 'OpenSans Bold'; }

.fileCheckedOutByOtherUser { color: #b10000; font-weight: bold; font-family: 'OpenSans Bold'; }

/* tooltips */
#tooltip { max-width: 700px; line-height: 21px; padding: 0 7px; z-index: 9999; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#tooltip .columnlayout label { min-width: 63px; }
#tooltip .columnlayout .hasStateContent label { min-width: 112px; }

/* Expander */
.expanderheader { white-space: nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.expanderheader.hasContent > span:before { top: -1px; }

.expanderbutton { margin-right: 3.5px; -moz-transition: -moz-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; }

.isexpanded .expanderbutton { transform: rotate(-180deg); }

/*  editable */
.editable { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.editable:not(.readonly):hover { -moz-box-shadow: inset 0 1px 5px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0 1px 5px rgba(25, 25, 25, 0.5); box-shadow: inset 0 1px 5px rgba(25, 25, 25, 0.5); }

/* storiescontrol */
.storiescontrol, .stepselection { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 7px; }
.storiescontrol .label, .stepselection .label { min-width: 49px; max-width: 84px; white-space: nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.storiescontrol .verticalmarker, .stepselection .verticalmarker { right: 0; visibility: collapse; height: 0px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }

.storyselection .label { min-width: 49px; white-space: nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.storiescontrol .expanded.hascontent .label, .stepselection .expanded.hascontent .label { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.storiescontrol .flow.selected .label, .storiescontrol .flowstep.selected .label, .storiescontrol .selectitem.selected .label, .stepselection .flow.selected .label, .stepselection .flowstep.selected .label, .stepselection .selectitem.selected .label { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

.storiescontrol .alternatestepsselector { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.storiescontrol .alternatestepsselector li { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.storiescontrol .alternatestepsselector li:nth-last-child(1) { margin-right: 0; }

.startstep { z-index: 10; }

.flow, .flowstep, .endstep { padding: 7px 0; margin-bottom: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.selectitem { margin-bottom: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.selectitem .itemtools { visibility: collapse; }
.selectitem:hover .itemtools { visibility: visible; }

.flow .assigntools, .flowstep .assigntools { margin-right: 14px; visibility: collapse; height: 0px; }
.flow .editable > .value, .flowstep .editable > .value { margin: 0 7px; }
.flow .description .rtfeditor, .flowstep .description .rtfeditor { min-height: 21px; }

.flow.selected .description, .flow.selected .condition, .flow.expanded .description, .flow.expanded .condition, .flowstep.selected .description, .flowstep.selected .condition, .flowstep.expanded .description, .flowstep.expanded .condition, .story.selected .description, .story.selected .condition, .story.expanded .description, .story.expanded .condition { height: auto; }
.flow.selected .description .scrolly, .flow.selected .description .tabContent, .flow.selected .description .ui-menu .ui-menu, .ui-menu .flow.selected .description .ui-menu, .flow.selected .description .mtClassic .ui-autocomplete, .mtClassic .flow.selected .description .ui-autocomplete, .flow.selected .description .dial, .flow.selected .condition .scrolly, .flow.selected .condition .tabContent, .flow.selected .condition .ui-menu .ui-menu, .ui-menu .flow.selected .condition .ui-menu, .flow.selected .condition .mtClassic .ui-autocomplete, .mtClassic .flow.selected .condition .ui-autocomplete, .flow.selected .condition .dial, .flow.expanded .description .scrolly, .flow.expanded .description .tabContent, .flow.expanded .description .ui-menu .ui-menu, .ui-menu .flow.expanded .description .ui-menu, .flow.expanded .description .mtClassic .ui-autocomplete, .mtClassic .flow.expanded .description .ui-autocomplete, .flow.expanded .description .dial, .flow.expanded .condition .scrolly, .flow.expanded .condition .tabContent, .flow.expanded .condition .ui-menu .ui-menu, .ui-menu .flow.expanded .condition .ui-menu, .flow.expanded .condition .mtClassic .ui-autocomplete, .mtClassic .flow.expanded .condition .ui-autocomplete, .flow.expanded .condition .dial, .flowstep.selected .description .scrolly, .flowstep.selected .description .tabContent, .flowstep.selected .description .ui-menu .ui-menu, .ui-menu .flowstep.selected .description .ui-menu, .flowstep.selected .description .mtClassic .ui-autocomplete, .mtClassic .flowstep.selected .description .ui-autocomplete, .flowstep.selected .description .dial, .flowstep.selected .condition .scrolly, .flowstep.selected .condition .tabContent, .flowstep.selected .condition .ui-menu .ui-menu, .ui-menu .flowstep.selected .condition .ui-menu, .flowstep.selected .condition .mtClassic .ui-autocomplete, .mtClassic .flowstep.selected .condition .ui-autocomplete, .flowstep.selected .condition .dial, .flowstep.expanded .description .scrolly, .flowstep.expanded .description .tabContent, .flowstep.expanded .description .ui-menu .ui-menu, .ui-menu .flowstep.expanded .description .ui-menu, .flowstep.expanded .description .mtClassic .ui-autocomplete, .mtClassic .flowstep.expanded .description .ui-autocomplete, .flowstep.expanded .description .dial, .flowstep.expanded .condition .scrolly, .flowstep.expanded .condition .tabContent, .flowstep.expanded .condition .ui-menu .ui-menu, .ui-menu .flowstep.expanded .condition .ui-menu, .flowstep.expanded .condition .mtClassic .ui-autocomplete, .mtClassic .flowstep.expanded .condition .ui-autocomplete, .flowstep.expanded .condition .dial, .story.selected .description .scrolly, .story.selected .description .tabContent, .story.selected .description .ui-menu .ui-menu, .ui-menu .story.selected .description .ui-menu, .story.selected .description .mtClassic .ui-autocomplete, .mtClassic .story.selected .description .ui-autocomplete, .story.selected .description .dial, .story.selected .condition .scrolly, .story.selected .condition .tabContent, .story.selected .condition .ui-menu .ui-menu, .ui-menu .story.selected .condition .ui-menu, .story.selected .condition .mtClassic .ui-autocomplete, .mtClassic .story.selected .condition .ui-autocomplete, .story.selected .condition .dial, .story.expanded .description .scrolly, .story.expanded .description .tabContent, .story.expanded .description .ui-menu .ui-menu, .ui-menu .story.expanded .description .ui-menu, .story.expanded .description .mtClassic .ui-autocomplete, .mtClassic .story.expanded .description .ui-autocomplete, .story.expanded .description .dial, .story.expanded .condition .scrolly, .story.expanded .condition .tabContent, .story.expanded .condition .ui-menu .ui-menu, .ui-menu .story.expanded .condition .ui-menu, .story.expanded .condition .mtClassic .ui-autocomplete, .mtClassic .story.expanded .condition .ui-autocomplete, .story.expanded .condition .dial { overflow: auto; }
.flow.selected .description .container, .flow.selected .condition .container, .flow.expanded .description .container, .flow.expanded .condition .container, .flowstep.selected .description .container, .flowstep.selected .condition .container, .flowstep.expanded .description .container, .flowstep.expanded .condition .container, .story.selected .description .container, .story.selected .condition .container, .story.expanded .description .container, .story.expanded .condition .container { display: block; }
.flow.selected .description .rtfeditor, .flow.selected .description .editable > .value, .flow.selected .condition .rtfeditor, .flow.selected .condition .editable > .value, .flow.expanded .description .rtfeditor, .flow.expanded .description .editable > .value, .flow.expanded .condition .rtfeditor, .flow.expanded .condition .editable > .value, .flowstep.selected .description .rtfeditor, .flowstep.selected .description .editable > .value, .flowstep.selected .condition .rtfeditor, .flowstep.selected .condition .editable > .value, .flowstep.expanded .description .rtfeditor, .flowstep.expanded .description .editable > .value, .flowstep.expanded .condition .rtfeditor, .flowstep.expanded .condition .editable > .value, .story.selected .description .rtfeditor, .story.selected .description .editable > .value, .story.selected .condition .rtfeditor, .story.selected .condition .editable > .value, .story.expanded .description .rtfeditor, .story.expanded .description .editable > .value, .story.expanded .condition .rtfeditor, .story.expanded .condition .editable > .value { min-height: 126px; }
.flow.selected .verticalmarker, .flow.expanded .verticalmarker, .flowstep.selected .verticalmarker, .flowstep.expanded .verticalmarker, .story.selected .verticalmarker, .story.expanded .verticalmarker { visibility: visible; }

.storiescontrol .edittools { visibility: collapse; height: 0px; width: 0px; }

.flow.selected .edittools, .flowstep.selected .edittools { visibility: visible; height: auto; width: auto; }

.flow.selected .assigntools, .flowstep.selected .assigntools { visibility: visible; height: auto; }

.slice hr { height: 1px; background-color: #919191; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }

/* listitem */
.listitem, #searchresults .resultitem, .glossarypane .resultitem, .voiceAssistant .resultitem, .elementAccessHistory .elementAccess { padding: 3.5px 3.5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.listitem .listbutton, #searchresults .resultitem .listbutton, .glossarypane .resultitem .listbutton, .voiceAssistant .resultitem .listbutton, .elementAccessHistory .elementAccess .listbutton { visibility: hidden; }
.listitem:hover .listbutton, #searchresults .resultitem:hover .listbutton, .glossarypane .resultitem:hover .listbutton, .voiceAssistant .resultitem:hover .listbutton, .elementAccessHistory .elementAccess:hover .listbutton { visibility: visible; }

/*Slicing*/
ul.flows { white-space: nowrap; list-style: none; overflow: hidden; }

.flowLink { display: -webkit-inline-flex; display: inline-flex; }

.flowNavigation { display: block; }

.missingstoriesbox, .emptyfolder { color: #7D7D7D; border: 3px dashed #b9bbbc; max-width: 370px; text-align: center; border-radius: 5px; }

.trident .missingstoriesbox div.flex1, .trident .missingstoriesbox .mtMobile .treeitem div.swipearea, .mtMobile .treeitem .trident .missingstoriesbox div.swipearea { max-width: 370px; flex-basis: auto; }

/* @todo: integrate into _buttons.scss */
.missingstoriesbutton { width: 155px; height: 50px; border-radius: 4px; border: 2px solid #29acdd; overflow: hidden; background: #29acdd; color: #ffffff; }

.missingstoriesbutton:hover { background: #1ea1d2; box-shadow: 0 1px 3px gray; color: #ffffff; cursor: pointer; }

.storiescollection { padding-top: 42px; }

/*Safari-Support Searchbar*/
.searchcompatibility { padding-left: 2px; }

/* EAV Chart */
.valuerowleft, .valuerowright { overflow: overlay; background-color: WhiteSmoke; }

.valuerowleft { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }

.valuerowright { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

.chartcontainer { position: relative; min-height: 245px; }

.chartcontainer:not(:first-of-type) { margin-top: 14px; }
.chartcontainer .header { color: #A5A5A5; font-size: 1.166666rem; }

.valuecontainer { display: inline-table; margin-right: 0; margin-bottom: 7px; padding: 0 7px; }
.valuecontainer .header { color: #A5A5A5; }
.valuecontainer .value { overflow: visible; color: DimGrey; font-size: 2rem; line-height: 2rem; text-shadow: 0 1px 0px #ffffff; }
.valuecontainer .value.indicatorValue { color: #0097BE; }
.valuecontainer .value.indicatorValue.aheadOfSchedule { color: #90BC24; }
.valuecontainer .caption { color: #A5A5A5; }

.lastdate { color: #A5A5A5; }

/* ************************* jquery splitter ************************* */
.horizontalWorkspaceSplitterContainer, .verticalWorkspaceSplitterContainer { display: flex; flex: 1; background: #E1E1E1; }

.horizontalWorkspaceSplitterContainer { flex-direction: column; }

.verticalWorkspaceSplitterContainer { flex-direction: row; }

.horizontalTouchWorkspaceSplitter, .verticalTouchWorkspaceSplitter { display: flex; z-index: 2; }

.horizontalTouchWorkspaceSplitter { height: 17px; min-height: 17px; margin: -5px 0; }

.verticalTouchWorkspaceSplitter { width: 17px; min-width: 17px; margin: 0 -5px; }

.horizontalWorkspaceSplitter { height: 7px; cursor: ns-resize; margin-top: 5px; }

.verticalWorkspaceSplitter { width: 7px; cursor: ew-resize; margin-left: 5px; }

.horizontalWorkspaceSplitter:hover, .verticalWorkspaceSplitter:hover { background-color: #CCE8E9; border-radius: 2px; }

.verticalWorkspaceDragSplitter { background: rgba(31, 137, 141, 0.5); position: absolute; top: 0; bottom: 0; width: 7px; z-index: 1000; border-radius: 2px; }

.horizontalWorkspaceDragSplitter { background: rgba(31, 137, 141, 0.5); position: absolute; left: 0; right: 0; height: 7px; z-index: 1000; border-radius: 2px; }

.verticalWorkspaceSplitter { background-image: url("/Images/splitter_separator_vertical.png"); background-repeat: no-repeat; background-position: 50%; }

/* AppToolbar */
/*#wrapper.showApptoolbarOverlays:not(:has(#backstageContainer > .logincontainer)) { &::before { content: ''; position: absolute; top: $SystembarHeight - $ActiveContextBorder; left: $AppToolbarWidth - $ActiveContextBorder; z-index: 2; height: 4px; width: 4px; border-radius: 4px 0 0 0; border: 1px solid $ModernLightMediumGrey2; border-right: transparent; border-bottom: transparent; }
 #apptoolbar { &::before { content: ''; height: 4px; width: $ActiveContextBorder + 1; background-color: $OffWhiteColor; position: absolute; left: $AppToolbarWidth - $ActiveContextBorder - 1; z-index: 1; } }
 #systembar::before { content: ''; height: $ActiveContextBorder + 2; width: $AppToolbarWidth + 3; background-color: $OffWhiteColor; position: absolute; top: $SystembarHeight - $ActiveContextBorder - 1; z-index: 1; }
}*/
#wrapper:has(> #appcontent > #backstageContainer > .logincontainer) #apptoolbar { display: none; visibility: collapse; }
#wrapper:has(> #appcontent > #backstageContainer > .logincontainer) #backstagemenu { width: fit-content; }
#wrapper:has(> #appcontent > #backstageContainer > .logincontainer) #backstagemenu .languageContainer { min-width: 176px; }
#wrapper:has(> #appcontent > #backstageContainer > .logincontainer) #backstagemenu .backstageMenuCommandsContainer { display: none; visibility: collapse; }
#wrapper:has(> #appcontent > #backstageContainer > .logincontainer) #appcontent { left: 0; width: 100%; outline-color: transparent; }

/*#wrapper:not(.showApptoolbarOverlays) .activeContextMarker { border-width: $ActiveContextBorder;
}*/
#appcontent { left: 42px; width: calc(100% - 42px); border-top-left-radius: 4px; outline: 1px solid #d1d1d1; }

#apptoolbar { width: 41px; height: calc(100% - 42px); background-color: #fafafa; /*border-right: 2px solid $ModernLightMediumGrey2;*/ }
#apptoolbar .nocontext { margin-top: 14px; margin-bottom: 7px; }
#apptoolbar::-webkit-scrollbar { display: none; }

.newsfeedEntryListContainer .ui-iggrid { border-radius: 4px; }
.newsfeedEntryListContainer .ui-iggrid > .ui-widget-content { border-radius: 4px; }
.newsfeedEntryListContainer .ui-iggrid > .ui-widget-header { display: none; visibility: collapse; }

/*
* This files contains all styles relevant for buttons
*/
.pointer, .button:not(.disabled), .rectangularbutton:not(.disabled), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled), #welcomescreen .closebutton:not(.disabled), .strokedashbutton:not(.disabled), .flatbutton:not(.disabled), .simplebutton:not(.disabled), .toggletextexpansionbutton:not(.disabled), .alternateflowbutton:not(.disabled), .dialogclosebutton:not(.disabled), .modaldialog .titlebarfullscreen:not(.disabled), .appmenu_submenu dd, .tile, .tabbase, .tab, .tabLink, .openContext, .expanderheader, .editable:not(.readonly), .flow, .flowstep, .story, .selectitem, .dialogbutton:not(.disabled), .diagrambutton:not(.disabled), .squarebutton:not(.disabled), .menubutton:not(.disabled), .workspaceMenuButton, .uploadcancelbutton, .listButton:not(.disabled), #fullscreen, .NavigationBarHeader, .cellRtf, .accordion dt, .accordiontitle, .accordiontitle a.h3, .chapterreferences ul li, .furtherlinks ul li, #searchcontrol > div:not(.disabled), #voiceassistantcontrol > div .voiceAssistantControlButton, .mtMobile .treeitem ul.actions li, .popupMenu ul.actions li, .ActivityStateMarker, .ActualWorkingTimeMarker, .ActualWorkingTimeCell .treeGridInput:not(:focus), .ActualWorkingTimeCell .workingTimeInput:not(:focus), .TreeGridCell .treeGridInput:not(:focus), .TreeGridCell .workingTimeInput:not(:focus), .PlannedWorkingTimeMarker, .PlannedWorkingTimeMarkerLabel, .toolbar li { cursor: pointer; }

.nopointerevents, svg.icon, .dialogbutton .icon, .mtMobile .NavigationBarPin .icon, .menubutton .icon { pointer-events: none; }

.button:focus, .rectangularbutton:focus, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:focus, #welcomescreen .closebutton:focus, .strokedashbutton:focus, .flatbutton:focus, .simplebutton:focus:not(.disabled), .toggletextexpansionbutton:focus:not(.disabled), .alternateflowbutton:focus:not(.disabled), .dialogclosebutton:focus, .modaldialog .titlebarfullscreen:focus { outline: none; }

.boxshadow .button:not(.disabled):hover, .boxshadow .rectangularbutton:not(.disabled):hover, .boxshadow .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled):hover, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .boxshadow .dxheDlgFooterBtn:not(.disabled):hover, .boxshadow #welcomescreen .closebutton:not(.disabled):hover, #welcomescreen .boxshadow .closebutton:not(.disabled):hover, .boxshadow .strokedashbutton:not(.disabled):hover, .boxshadow .flatbutton:not(.disabled):hover { -webkit-filter: drop-shadow(0px 1px 1px #555555); filter: drop-shadow(0px 1px 1px #555555); }
.boxshadow .button:not(.disabled):active, .boxshadow .rectangularbutton:not(.disabled):active, .boxshadow .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled):active, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .boxshadow .dxheDlgFooterBtn:not(.disabled):active, .boxshadow #welcomescreen .closebutton:not(.disabled):active, #welcomescreen .boxshadow .closebutton:not(.disabled):active, .boxshadow .strokedashbutton:not(.disabled):active, .boxshadow .flatbutton:not(.disabled):active { -webkit-filter: drop-shadow(0px 0px 1px #555555); filter: drop-shadow(0px 0px 1px #555555); }

.mtMobile.boxshadow .button:not(.disabled):hover, .mtMobile.boxshadow .rectangularbutton:not(.disabled):hover, .mtMobile.boxshadow .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled):hover, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .mtMobile.boxshadow .dxheDlgFooterBtn:not(.disabled):hover, .mtMobile.boxshadow #welcomescreen .closebutton:not(.disabled):hover, #welcomescreen .mtMobile.boxshadow .closebutton:not(.disabled):hover, .mtMobile.boxshadow .strokedashbutton:not(.disabled):hover, .mtMobile.boxshadow .flatbutton:not(.disabled):hover { -webkit-filter: drop-shadow(0px 0px 0px #555555); filter: drop-shadow(0px 0px 0px #555555); }
.mtMobile.boxshadow .button:not(.disabled):active, .mtMobile.boxshadow .rectangularbutton:not(.disabled):active, .mtMobile.boxshadow .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled):active, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .mtMobile.boxshadow .dxheDlgFooterBtn:not(.disabled):active, .mtMobile.boxshadow #welcomescreen .closebutton:not(.disabled):active, #welcomescreen .mtMobile.boxshadow .closebutton:not(.disabled):active, .mtMobile.boxshadow .strokedashbutton:not(.disabled):active, .mtMobile.boxshadow .flatbutton:not(.disabled):active { -webkit-filter: drop-shadow(0px 0px 0px #555555); filter: drop-shadow(0px 0px 0px #555555); }

.lighttheme .rectangularbutton:not(.disabled), .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .dxheDlgFooterBtn:not(.disabled) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.lighttheme .rectangularbutton:not(.disabled):active, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled):active, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .dxheDlgFooterBtn:not(.disabled):active, .lighttheme .rectangularbutton:not(.disabled).selected, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled).selected, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .dxheDlgFooterBtn:not(.disabled).selected { border-color: #8fc4c6; box-shadow: 0 0 2px #8fc4c6; -webkit-filter: drop-shadow(0px 0px 1px #555555); filter: drop-shadow(0px 0px 1px #555555); }
.lighttheme .rectangularbutton:not(.disabled):focus, .lighttheme .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled):focus, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .lighttheme .dxheDlgFooterBtn:not(.disabled):focus { border-color: #8fc4c6; box-shadow: 0 0 2px #8fc4c6; }

.darktheme .rectangularbutton:not(.disabled):active, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton:not(.disabled):active, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled):active, .darktheme .rectangularbutton:not(.disabled).selected, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton:not(.disabled).selected, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled).selected { border-color: #8fc4c6; box-shadow: 0 0 2px #8fc4c6; -moz-box-shadow: inset 0px 1px 2px rgba(25, 25, 25, 0.75); -webkit-box-shadow: inset 0px 1px 2px rgba(25, 25, 25, 0.75); box-shadow: inset 0px 1px 2px rgba(25, 25, 25, 0.75); }
.darktheme .rectangularbutton:not(.disabled):focus, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .rectangularbutton:not(.disabled):focus, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:not(.disabled):focus { border-color: #8fc4c6; box-shadow: 0 0 2px #8fc4c6; }

html body .rectangularbutton, html body .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter html body .dxheDlgFooterBtn { text-shadow: none; font: 'OpenSans Semibold'; }

.rectangularbutton, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn, #welcomescreen .closebutton { width: auto; padding-left: 8.75px; padding-right: 8.75px; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }

#welcomescreen .closebutton { line-height: 35px; background-color: #9FC229; color: #ffffff; }

.simplebutton:not(.disabled), .toggletextexpansionbutton:not(.disabled), .alternateflowbutton:not(.disabled) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }
.simplebutton:not(.disabled):hover, .toggletextexpansionbutton:not(.disabled):hover, .alternateflowbutton:not(.disabled):hover { -moz-box-shadow: #555555 0px 1px 1px; -webkit-box-shadow: #555555 0px 1px 1px; box-shadow: #555555 0px 1px 1px; }
.simplebutton:not(.disabled):active, .toggletextexpansionbutton:not(.disabled):active, .alternateflowbutton:not(.disabled):active { border-color: #8fc4c6; box-shadow: 0 0 2px #8fc4c6; -moz-box-shadow: #555555 0px 0px 1px; -webkit-box-shadow: #555555 0px 0px 1px; box-shadow: #555555 0px 0px 1px; }
.simplebutton:not(.disabled):focus, .toggletextexpansionbutton:not(.disabled):focus, .alternateflowbutton:not(.disabled):focus { border-color: #8fc4c6; box-shadow: 0 0 2px #8fc4c6; }

.dialogclosebutton, .modaldialog .titlebarfullscreen { width: 21px; height: 21px; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }
.dialogclosebutton:hover, .modaldialog .titlebarfullscreen:hover { background-color: rgba(255, 255, 255, 0.5); }
.dialogclosebutton:active, .modaldialog .titlebarfullscreen:active { background-color: #ffffff; }

.toolbarbutton { vertical-align: middle; }

.dialog .dialogbutton:not(.disabled):not(:hover), .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .dialogbutton:not(.disabled):not(:hover) { opacity: 0.75; }

.squarebutton { background-color: #ffffff; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }

.dialogbutton.disabled, .diagrambutton.disabled, .squarebutton.disabled, .toolbarbutton.disabled { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.dialogbutton:not(.disabled):hover, .diagrambutton:not(.disabled):hover, .squarebutton:not(.disabled):hover { -webkit-filter: drop-shadow(0px 1px 1px #555555); filter: drop-shadow(0px 1px 1px #555555); }
.dialogbutton:not(.disabled):active, .diagrambutton:not(.disabled):active, .squarebutton:not(.disabled):active { -webkit-filter: drop-shadow(0px 0px 1px #555555); filter: drop-shadow(0px 0px 1px #555555); }

.dialogbutton.toggleIsAdmin { display: block !important; }

.trident .dialogbutton.copyWorkloadFromRequirements .icon g:last-child { display: none; }
.trident .dialogbutton.copyWorkloadFromRequirements.disabled .icon g:first-child { display: none; }
.trident .dialogbutton.copyWorkloadFromRequirements.disabled .icon g:last-child { display: inherit; }

html:not(.mtMobile) .openDiagramContextmenu { visibility: hidden; display: none; }

.mtMobile .dialogbutton:not(.disabled):hover, .mtMobile .diagrambutton:not(.disabled):hover { -webkit-filter: drop-shadow(0px 2px 2px #555555); filter: drop-shadow(0px 2px 2px #555555); }
.mtMobile .dialogbutton:not(.disabled):active, .mtMobile .diagrambutton:not(.disabled):active { -webkit-filter: drop-shadow(0px 0px 2px #555555); filter: drop-shadow(0px 0px 2px #555555); }
.mtMobile .dialogbutton.disabled, .mtMobile .diagrambutton.disabled { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.menubutton { -moz-border-radius: 0 / 0; -webkit-border-radius: 0 0; border-radius: 0 / 0; min-width: inherit; /*&:not(:first-child)::before { content: ''; background-color: $ModernLightMediumGrey2; width: 1px; height: 18px; margin-top: 5px; position: absolute;
}*/ /*&:focus { border-color: transparent; @include box-shadow(inset 0px 2px 2px $DarkGreyFourAlpha50Color);
}*/ }
.menubutton:has(+ .menubutton:last-child.hasNoRunningConference), .menubutton:has(+ .menubutton:last-child > .hidden, + .workspaceMenuContainer:not(.overflow) .menubutton:last-child > .tabcontrols, + #searchcontrol > div .searchfields.collapsed .searchtoggle .menubutton:last-child > #closesearch, + #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle .menubutton:last-child > #opensearch, + .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody.menubutton:last-child > tr:last-child:not(:first-child), + .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .menubutton:last-child > label[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], + .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .menubutton:last-child > table[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], + .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .menubutton:last-child > .dxheDlgDisplayPropertiesCell, + .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .menubutton:last-child > .dxheDlgSeparatorCell, + .backstageMenuSection:not(.selected) .menubutton:last-child > ul, + .backstageMenuSection:not(.selected) .menubutton:last-child > .icon.collapse, + .backstageMenuSection.selected .menubutton:last-child > .icon.expand), .menubutton:has(+ .menubutton .placeholder), .menubutton:has(+ .menubutton.hasNoRunningConference):has(~ .menubutton#searchcontrol .placeholder) { /*@extend .borderRadiusR7;*/ border-top-right-radius: 7px; border-bottom-right-radius: 7px; }
.menubutton:has(.placeholder.hidden, .workspaceMenuContainer:not(.overflow) .placeholder.tabcontrols, #searchcontrol > div .searchfields.collapsed .searchtoggle .placeholder#closesearch, #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle .placeholder#opensearch, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody > tr.placeholder:last-child:not(:first-child), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell label.placeholder[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell table.placeholder[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .placeholder.dxheDlgDisplayPropertiesCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .placeholder.dxheDlgSeparatorCell, .backstageMenuSection:not(.selected) ul.placeholder, .backstageMenuSection:not(.selected) .placeholder.icon.collapse, .backstageMenuSection.selected .placeholder.icon.expand) { width: 0; }
.menubutton:has(div.disabled) { cursor: unset !important; }
.menubutton:focus-visible {         /*//outline: 1px solid $WhiteAlpha50Color; @include box-shadow(inset 0px 2px 7px $WhiteAlpha50Color);
 &:active, &.active { position: relative;
 .icon { position: absolute; }
 &::after { content: ""; position: absolute; width: 100%; height: 100%; @include box-shadow(inset 0px 2px 10px $WhiteAlpha50Color); } }*/ position: relative; }
.menubutton:focus-visible#voiceassistantcontrol > div:first-of-type, .menubutton:focus-visible#searchcontrol > div:first-of-type { position: absolute; }
.menubutton:focus-visible .icon { position: absolute; }
.menubutton:focus-visible::after { content: ""; position: absolute; width: 100%; height: 100%; -moz-box-shadow: inset 0px 2px 10px rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0px 2px 10px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 2px 10px rgba(255, 255, 255, 0.5); }
.menubutton:hover, .menubutton#searchcontrol:not(.disabled):hover .searchfields .searchtoggle { -moz-box-shadow: inset 0px 1px 2px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0px 1px 2px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 1px 2px rgba(25, 25, 25, 0.5); }
.menubutton:active, .menubutton.active { -moz-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); }

.mtMobile .menubutton { width: 57px; }
.mtMobile .menubutton .icon { width: 57px; transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }

.workspaceMenuButton { background-color: transparent; border-radius: 4px; opacity: 0.5; }
.workspaceMenuButton:hover { opacity: 1; }
.workspaceMenuButton:focus-visible { opacity: 1; }

.openContext:not(.active):not(:hover) .workspaceMenuButton { visibility: collapse; }

.openContext .workspaceMenuButton { margin-right: 4px; }
.openContext .workspaceMenuButton:last-child { margin-right: 1px; }

.helpbutton { left: 21px; bottom: 14px; }

.recentservicepin { margin-top: 7px; }

/* UNUSED? Remove! .editorclosebutton { @extend .circularbutton; @extend .rwh3;
}

.editoropenbutton { @extend .circularbutton; @extend .rwh3;
}*/
.uploadcancelbutton { vertical-align: -0.2rem; }
.uploadcancelbutton:not(.disabled):hover { -webkit-filter: drop-shadow(0px 1px 1px #555555); filter: drop-shadow(0px 1px 1px #555555); }
.uploadcancelbutton:not(.disabled):active { -webkit-filter: drop-shadow(0px 0px 1px #555555); filter: drop-shadow(0px 0px 1px #555555); }
.uploadcancelbutton.disabled { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.alternateflowbutton { display: -webkit-inline-flex !important; display: inline-flex !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; padding: 0 8.75px; }

.hoveritem > .listButton { visibility: hidden; }

.hoveritem:hover > .listButton { visibility: visible; }

.accordionnavigation { top: 0; right: 0; }
.accordionnavigation.attop .dialogbutton.scrollup { -webkit-filter: grayscale(100%); filter: grayscale(100%); cursor: default; }
.accordionnavigation.atbottom .dialogbutton.scrolldown { -webkit-filter: grayscale(100%); filter: grayscale(100%); cursor: default; }

.mtMobile .accordionnavigation { right: 14px; }

#fullscreen { line-height: 21px; }
#fullscreen #isfullscreen { visibility: hidden; display: none; }

.isFullscreen #fullscreen .isfullscreen { visibility: visible; display: inherit; }
.isFullscreen #fullscreen .isnormal { visibility: hidden; display: none; }

#loginbutton .isdisconnected { visibility: visible; display: inherit; }
#loginbutton .isconnected { visibility: hidden; display: none; }
#loginbutton .throbber { visibility: hidden; display: none; margin: 0 auto; }

.loading #loginbutton { -webkit-filter: drop-shadow(0px 0px 0px transparent); filter: drop-shadow(0px 0px 0px transparent); }
.loading #loginbutton .isdisconnected { visibility: hidden; display: none; }
.loading #loginbutton .isconnected { visibility: hidden; display: none; }
.loading #loginbutton .throbber { visibility: visible; display: inherit; }

/* SearchResult */
.resultByRank, .resultAlphanumerical { opacity: 0.5; }
.resultByRank.disabled, .resultAlphanumerical.disabled { opacity: 1; }

.resetButton.disabled, .searchButton.disabled { opacity: 0.5; cursor: default; }

/* Touch buttons & icons */
.mtMobile .outputPane .workspaceMenuButton { display: none !important; }
.mtMobile .closeProjectButton { margin-right: 13px; }
.mtMobile .dropDownArrow { width: 16px; -webkit-filter: drop-shadow(0px 0px 1px #000); filter: drop-shadow(0px 0px 1px #000); }

/* RadioButtonGroup */
.radiobuttongroup { max-width: 20rem; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }
.radiobuttongroup label { height: 28px; line-height: 28px; padding: 0 14px; margin: 0; text-align: center; vertical-align: middle; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; color: #191919; border-color: #B9B9B9; -webkit-flex: 1; flex: 1; /*@include background-image(linear-gradient(top, $LightButtonNormalBackgroundStart2, $LightButtonNormalBackgroundEnd2));*/ background: #ffffff; }
.radiobuttongroup label:hover { /*background: $LightButtonHoverBackgroundEnd;*/ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjZThlOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #cce8e9)); background-image: -moz-linear-gradient(top, #ffffff, #cce8e9); background-image: -webkit-linear-gradient(top, #ffffff, #cce8e9); background-image: linear-gradient(to bottom, #ffffff, #cce8e9); border-color: #8fc4c6; }
.radiobuttongroup label:first-of-type { border-left-width: 1px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.radiobuttongroup label:last-of-type { border-right-width: 1px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.radiobuttongroup input[type=radio] { margin: 0; width: 0; height: 0; display: none; }
.radiobuttongroup input[type=radio]:checked + label, .radiobuttongroup input[type=radio][checked] + label, .radiobuttongroup input[type=radio][checked="checked"] + label { background: #f1f1f1; border-color: #B9B9B9; color: rgba(25, 25, 25, 0.75); text-shadow: 0 1px 0px #ffffff; /*@include background-image(linear-gradient(top, $LightGreyTwoColor, $LightGreyOneColor));*/ /*@include box-shadow(inset 0px 1px 3px $DarkGreyFourColor);*/ }
.radiobuttongroup input[type=radio]:not(:checked) + label:hover, .radiobuttongroup input[type=radio]:not([checked]) + label:hover { cursor: pointer; }

.strokedashbutton { background: #ffffff; border: dashed 3px rgba(177, 179, 180, 0.9); border-radius: 3px; color: #7D7D7D; /*font-size: 1.833333rem;*/ padding: 14px; }
.strokedashbutton:hover { -moz-box-shadow: rgba(25, 25, 25, 0.5) 0px 1px 3px; -webkit-box-shadow: rgba(25, 25, 25, 0.5) 0px 1px 3px; box-shadow: rgba(25, 25, 25, 0.5) 0px 1px 3px; }
.strokedashbutton:active { -moz-box-shadow: rgba(25, 25, 25, 0.5) 0px 0px 2px; -webkit-box-shadow: rgba(25, 25, 25, 0.5) 0px 0px 2px; box-shadow: rgba(25, 25, 25, 0.5) 0px 0px 2px; }

.flatbutton { color: #ffffff; background: rgba(18, 163, 217, 0.9); border: 2px solid rgba(18, 163, 217, 0.9); border-radius: 5px; padding: 7px 14px; overflow: hidden; }
.flatbutton:not(.disabled) { cursor: pointer; }
.flatbutton:not(.disabled):hover { -moz-box-shadow: rgba(25, 25, 25, 0.5) 0px 1px 3px; -webkit-box-shadow: rgba(25, 25, 25, 0.5) 0px 1px 3px; box-shadow: rgba(25, 25, 25, 0.5) 0px 1px 3px; }
.flatbutton.disabled { opacity: 50%; }

.creationflatbutton { background: rgba(159, 194, 41, 0.9) !important; border: 2px solid rgba(159, 194, 41, 0.9) !important; }

.toolbarButtongroup { /*.menubutton.disabled { @extend .hidden;
}*/ }
.toolbarButtongroup > div:not(.disabled), .toolbarButtongroup .menubutton:not(.disabled) { cursor: pointer; }
.toolbarButtongroup:not(.productBackground) { background-color: #E1E1E1; }
.toolbarButtongroup .appmenu dt { color: #191919; line-height: 28px; min-width: 35px; padding: 0 7px; text-align: center; cursor: pointer; }

.apptoolbarButton { width: 100%; cursor: pointer; /*margin-bottom: $raster-width * 2;*/ padding: 7px 0; /*&:first-child { margin-top: $raster-width;
}*/ /*&:last-child { margin-bottom: $raster-width;
}*/ }
.apptoolbarButton > div { height: 21px; }
.apptoolbarButton .icon { width: 21px; height: 21px; }
.apptoolbarButton:not(:hover) .icon { opacity: 60%; }

.appToolbarMenu { position: absolute; z-index: 999; }

/*
* This file contains all styles relevant for input and form elements
*/
input:focus, select:focus, textarea:focus { outline: none; }

label, select, .input { height: 21px; line-height: 21px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

textarea { border: 1px solid #7D7D7D; border-radius: 4px; }

.flexformcontainer label { height: auto; }

.mtMobile select { line-height: inherit; }

select, .input, input:not([type="checkbox"]) { -webkit-flex: 1; flex: 1; }

input[type="number"].nospinner { padding-right: 7px; }
input[type="number"].nospinner::-webkit-inner-spin-button, input[type="number"].nospinner::-webkit-outer-spin-button { -webkit-appearance: none; }

/*.trident input[type="number"] { @extend .pr1;
}*/
fieldset { padding: 7px; border: 1px solid #7D7D7D; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }
fieldset > .fieldsetContent { height: calc(100% - 20px); }

legend { padding: 0 7px; }

input { height: 21px; padding: 0 7px; background: #ffffff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input::-ms-clear, input::-ms-reveal { display: none; width: 0; height: 0; }

input[type="number"] { padding: 0 0 1px 7px; }

select { -moz-appearance: none; -webkit-appearance: none; line-height: 20px; padding: 0 21px 0 3px; width: 100%; background-color: transparent; height: 21px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA3MDQyOCIgeTE9IjAuODk5NDE4IiB4Mj0iMS4wNzA0MjgiIHkyPSIwLjEwMDU4MiI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM0MTQxNDEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA3MDQyOCIgeTE9IjAuMTAwNTgyIiB4Mj0iMS4wNzA0MjgiIHkyPSIwLjg5OTQxOCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM0MTQxNDEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTFlMWUxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: linear-gradient(55deg, rgba(0, 0, 0, 0) 50%, #414141 50%), linear-gradient(125deg, #414141 50%, rgba(0, 0, 0, 0) 50%), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, #e1e1e1)); background-image: -moz-linear-gradient(35deg, rgba(0, 0, 0, 0) 50%, #414141 50%), -moz-linear-gradient(325deg, #414141 50%, rgba(0, 0, 0, 0) 50%), -moz-linear-gradient(top, rgba(255, 255, 255, 0.35), #e1e1e1); background-image: -webkit-linear-gradient(35deg, rgba(0, 0, 0, 0) 50%, #414141 50%), -webkit-linear-gradient(325deg, #414141 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35), #e1e1e1); background-image: linear-gradient(55deg, rgba(0, 0, 0, 0) 50%, #414141 50%), linear-gradient(125deg, #414141 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(to bottom, rgba(255, 255, 255, 0.35), #e1e1e1); background-position: calc(100% - 12px) calc(7px), calc(100% - 7px) calc(7px), 0 0; background-size: 5px 7px, 5px 7px, auto auto; background-repeat: no-repeat, no-repeat, repeat-x; }
select::-ms-expand { display: none; width: 0; height: 0; }
select:not(:invalid):not([disabled]):hover, select:not(:invalid):active { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA3MDQyOCIgeTE9IjAuODk5NDE4IiB4Mj0iMS4wNzA0MjgiIHkyPSIwLjEwMDU4MiI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM5MTkxOTEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjA3MDQyOCIgeTE9IjAuMTAwNTgyIiB4Mj0iMS4wNzA0MjgiIHkyPSIwLjg5OTQxOCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM5MTkxOTEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: linear-gradient(55deg, rgba(0, 0, 0, 0) 50%, #919191 50%), linear-gradient(125deg, #919191 50%, rgba(0, 0, 0, 0) 50%), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, #f1f1f1)); background-image: -moz-linear-gradient(35deg, rgba(0, 0, 0, 0) 50%, #919191 50%), -moz-linear-gradient(325deg, #919191 50%, rgba(0, 0, 0, 0) 50%), -moz-linear-gradient(top, rgba(255, 255, 255, 0.35), #f1f1f1); background-image: -webkit-linear-gradient(35deg, rgba(0, 0, 0, 0) 50%, #919191 50%), -webkit-linear-gradient(325deg, #919191 50%, rgba(0, 0, 0, 0) 50%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35), #f1f1f1); background-image: linear-gradient(55deg, rgba(0, 0, 0, 0) 50%, #919191 50%), linear-gradient(125deg, #919191 50%, rgba(0, 0, 0, 0) 50%), linear-gradient(to bottom, rgba(255, 255, 255, 0.35), #f1f1f1); background-position: calc(100% - 12px) calc(7px), calc(100% - 7px) calc(7px), 0 0; background-size: 5px 7px, 5px 7px, auto auto; background-repeat: no-repeat, no-repeat, repeat-x; }
select::-moz-selection { background: #8fc4c6; color: #191919; }
select::selection { background: #8fc4c6; color: #191919; }

.trident input[type="checkbox"] { background: transparent; }

/*div:not(.elementstatebox) > .inputGroup { &:last-child input, &:last-child select { margin-bottom: 0; }
}*/
.inputGroup { margin-bottom: 7px; }

.buttongroup .inputGroup input[type=checkbox] { margin: 7px 7px 7px 0; }

.columnlayout .inputGroup label:first-child { width: auto; }
.columnlayout .inputGroup:last-child { margin-bottom: 0; }
.columnlayout .minlw10 label { min-width: 70px; }
.columnlayout .minlw11 label { min-width: 77px; }
.columnlayout .labelsLeft .inputGroup label:first-child { min-width: 0; }

.elementstatebox { /*@extend .rw50;*/ /*@extend .ml3;*/ max-width: 100%; width: 256px; }
.elementstatebox label { min-width: 98px !important; }

input, select { border: 1px solid #7D7D7D; -moz-transition: box-shadow 0.15; -o-transition: box-shadow 0.15; -webkit-transition: box-shadow 0.15; transition: box-shadow 0.15; -moz-transition: padding 0.15; -o-transition: padding 0.15; -webkit-transition: padding 0.15; transition: padding 0.15; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; -moz-transition: padding-left 0.15s ease-in-out; -o-transition: padding-left 0.15s ease-in-out; -webkit-transition: padding-left 0.15s ease-in-out; transition: padding-left 0.15s ease-in-out; }
input:focus, select:focus { border-color: #2193A9; }
input:invalid, input .input-validation-error, select:invalid, select .input-validation-error { padding-left: 21px; vertical-align: baseline; border-color: #F74E1A; /*background-size: auto;*/ }
input:invalid + input[readonly][required], input .input-validation-error + input[readonly][required], select:invalid + input[readonly][required], select .input-validation-error + input[readonly][required] { border-color: #F74E1A; }

input:invalid, input .input-validation-error { background-position: 0 -798px; }

.comboContainer[data-required].invalid::before { content: ''; background-position: 0 -798px; height: 21px; width: 21px; position: absolute; margin-top: 2px; }

textarea:invalid { border-color: #F74E1A !important; }

input:not(.dxeEditAreaSys), select { min-height: 21px; }

input[readonly="readonly"], input[readonly], input.readonly, .readonly input, textarea[readonly="readonly"], textarea[readonly], textarea.readonly, .readonly textarea { color: DimGrey; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1e1e1), color-stop(100%, #f5f5f5)); background-image: -moz-linear-gradient(top, #e1e1e1, #f5f5f5); background-image: -webkit-linear-gradient(top, #e1e1e1, #f5f5f5); background-image: linear-gradient(to bottom, #e1e1e1, #f5f5f5); }
input[readonly="readonly"]:focus, input[readonly]:focus, input.readonly:focus, .readonly input:focus, textarea[readonly="readonly"]:focus, textarea[readonly]:focus, textarea.readonly:focus, .readonly textarea:focus { border-color: DimGrey; }
input[readonly="readonly"].equalPlanning, input[readonly].equalPlanning, input.readonly.equalPlanning, .readonly input.equalPlanning, textarea[readonly="readonly"].equalPlanning, textarea[readonly].equalPlanning, textarea.readonly.equalPlanning, .readonly textarea.equalPlanning { background-color: #9fc229; background-image: none; }
input[readonly="readonly"].shortagePlanning, input[readonly].shortagePlanning, input.readonly.shortagePlanning, .readonly input.shortagePlanning, textarea[readonly="readonly"].shortagePlanning, textarea[readonly].shortagePlanning, textarea.readonly.shortagePlanning, .readonly textarea.shortagePlanning { background-color: #dd4b39; background-image: none; }
input[readonly="readonly"].excessPlanning, input[readonly].excessPlanning, input.readonly.excessPlanning, .readonly input.excessPlanning, textarea[readonly="readonly"].excessPlanning, textarea[readonly].excessPlanning, textarea.readonly.excessPlanning, .readonly textarea.excessPlanning { background-color: #fdc400; background-image: none; }

input[type=number] { -moz-appearance: textfield; -webkit-appearance: textfield; }

input[type=checkbox] { height: 14px; width: 14px; margin-bottom: 3px; margin-top: -1px; }

input[type=radio]:focus, input[type=checkbox]:focus { outline: none; }
input[type=radio]:focus:before, input[type=checkbox]:focus:before { content: ''; position: absolute; height: 22px; width: 21px; margin: -2px 0 0 -4px; border: 1px solid #8fc4c6; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }

.scroll input[type=radio], .scroll input[type=checkbox], .scrolly input[type=radio], .tabContent input[type=radio], .ui-menu .ui-menu input[type=radio], .mtClassic .ui-autocomplete input[type=radio], .dial input[type=radio], .scrolly input[type=checkbox], .tabContent input[type=checkbox], .ui-menu .ui-menu input[type=checkbox], .mtClassic .ui-autocomplete input[type=checkbox], .dial input[type=checkbox], .scrollx input[type=radio], .scrollx input[type=checkbox] { position: relative; margin-left: 4px; }

input[type=datetime-local], input[type=datetime], input[type=date] { /*  &::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;
}*/ -moz-appearance: textfield; -webkit-appearance: textfield; }

input.displayOnly { margin: 0; padding: 0; border: 0; color: inherit; pointer-events: none; }
input.displayOnly::-webkit-inner-spin-button { display: none; }

.dblclkedit input { display: inline-Block; margin: 0; padding: 0; }

span.unit.manDays { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 119px; min-width: 91px; }

#dialogsaveandnew { height: 21px; }

.selectedtype { line-height: 21px; padding: 0 9px; }

.no-resize { resize: none; }

.dialog td input, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv td input { margin-bottom: 0; }

.textbox { white-space: pre; overflow-x: hidden; overflow-y: auto; }

a input { color: -webkit-link; text-decoration: underline; cursor: pointer; }

.hyperlinkInput { color: -webkit-link !important; text-decoration: underline !important; cursor: pointer !important; }

input.referenceInput { cursor: pointer !important; }

input[type=submit] { display: none; }

.textEditorContainer.invalid { border: 1px solid #F74E1A; padding-top: 20px; padding-left: 2px; padding-right: 2px; padding-bottom: 2px; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }
.textEditorContainer.invalid > div.icon:first-child { background-position: 0 -798px; height: 21px; width: 21px; position: absolute; margin-top: -20px; z-index: 40; }

/*EditableCombobox*/
.inputGroup .ui-igcombo-wrapper { position: relative; display: inline-block; overflow: visible; width: auto; height: auto; margin-bottom: 7px; }
.inputGroup .ui-igcombo-wrapper.ui-state-disabled { pointer-events: none; }
.inputGroup .ui-igcombo-field { padding: 0 7px 1px 7px; font-family: OpenSans; }
.inputGroup .ui-igcombo-button { min-height: 21px; }
.inputGroup .ui-igcombo, .inputGroup .ui-igcombo.ui-state-hover, .inputGroup .ui-igcombo.ui-state-active, .inputGroup .ui-igcombo.ui-state-active.ui-state-hover { border: 1px solid #919191; }
.inputGroup .ui-igcombo.ui-state-disabled, .inputGroup .ui-igcombo.ui-state-hover.ui-state-disabled, .inputGroup .ui-igcombo.ui-state-active.ui-state-disabled, .inputGroup .ui-igcombo.ui-state-active.ui-state-hover.ui-state-disabled { pointer-events: none; }
.inputGroup .ui-igcombo .ui-igcombo-button, .inputGroup .ui-igcombo .ui-igcombo-button.ui-state-hover, .inputGroup .ui-igcombo .ui-igcombo-button.ui-state-hover.ui-state-default, .inputGroup .ui-igcombo.ui-state-hover .ui-igcombo-button, .inputGroup .ui-igcombo.ui-state-hover .ui-igcombo-button.ui-state-hover, .inputGroup .ui-igcombo.ui-state-hover .ui-igcombo-button.ui-state-hover.ui-state-default, .inputGroup .ui-igcombo.ui-state-active .ui-igcombo-button, .inputGroup .ui-igcombo.ui-state-active .ui-igcombo-button.ui-state-hover, .inputGroup .ui-igcombo.ui-state-active .ui-igcombo-button.ui-state-hover.ui-state-default, .inputGroup .ui-igcombo.ui-state-active.ui-state-hover .ui-igcombo-button, .inputGroup .ui-igcombo.ui-state-active.ui-state-hover .ui-igcombo-button.ui-state-hover, .inputGroup .ui-igcombo.ui-state-active.ui-state-hover .ui-igcombo-button.ui-state-hover.ui-state-default { color: #414141; border: solid #919191; border-width: 0 0 0 1px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I3YjdiNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #b7b7b7)); background-image: -moz-linear-gradient(top, #f3f3f3, #b7b7b7); background-image: -webkit-linear-gradient(top, #f3f3f3, #b7b7b7); background-image: linear-gradient(to bottom, #f3f3f3, #b7b7b7); }
.inputGroup .ui-igcombo .ui-igcombo-button .ui-igcombo-buttonicon, .inputGroup .ui-igcombo .ui-igcombo-button.ui-state-hover .ui-igcombo-buttonicon, .inputGroup .ui-igcombo .ui-igcombo-button.ui-state-hover.ui-state-default .ui-igcombo-buttonicon, .inputGroup .ui-igcombo.ui-state-hover .ui-igcombo-button .ui-igcombo-buttonicon, .inputGroup .ui-igcombo.ui-state-hover .ui-igcombo-button.ui-state-hover .ui-igcombo-buttonicon, .inputGroup .ui-igcombo.ui-state-hover .ui-igcombo-button.ui-state-hover.ui-state-default .ui-igcombo-buttonicon, .inputGroup .ui-igcombo.ui-state-active .ui-igcombo-button .ui-igcombo-buttonicon, .inputGroup .ui-igcombo.ui-state-active .ui-igcombo-button.ui-state-hover .ui-igcombo-buttonicon, .inputGroup .ui-igcombo.ui-state-active .ui-igcombo-button.ui-state-hover.ui-state-default .ui-igcombo-buttonicon, .inputGroup .ui-igcombo.ui-state-active.ui-state-hover .ui-igcombo-button .ui-igcombo-buttonicon, .inputGroup .ui-igcombo.ui-state-active.ui-state-hover .ui-igcombo-button.ui-state-hover .ui-igcombo-buttonicon, .inputGroup .ui-igcombo.ui-state-active.ui-state-hover .ui-igcombo-button.ui-state-hover.ui-state-default .ui-igcombo-buttonicon { color: #414141; }
.inputGroup .ui-corner-all { border-radius: 3px; }

.stateCell { position: relative; overflow: inherit; }
.stateCell:after { top: calc(50% - 1.5px); left: 100%; margin-left: -15px; content: ''; width: 0; height: 0; border-top: solid 4px #A5A5A5; border-left: solid 4px transparent; border-right: solid 4px transparent; border-bottom: none; position: absolute; }
.stateCell input.cellInput { padding-right: 14px; }
.stateCell input.cellInput::selection { color: inherit; background: inherit; }

.focusInput { background: transparent; border-color: transparent !important; pointer-events: none; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }

.focusInput:focus { background: #ffffff; border-color: #7D7D7D; pointer-events: all; }

.focusInput[readonly="readonly"] { color: #191919; background: transparent; }

.focusInput[readonly="readonly"]:focus { outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

select.focusInput { cursor: pointer; }

.stateCell .focusInput:focus { cursor: pointer; background-color: #ffffff; }

input.focusInput.empty[type=date]::-webkit-datetime-edit, input.focusInput.empty[type=datetime-local]::-webkit-datetime-edit { display: none; }

input.focusInput[type=date]::-webkit-clear-button, input.focusInput[type=date]::-webkit-inner-spin-button, input.focusInput[type=date]::-webkit-calendar-picker-indicator, input.focusInput[type=datetime-local]::-webkit-clear-button, input.focusInput[type=datetime-local]::-webkit-inner-spin-button, input.focusInput[type=datetime-local]::-webkit-calendar-picker-indicator { display: none; }

input.focusInput[type=date]:focus::-webkit-clear-button, input.focusInput[type=date]:focus::-webkit-inner-spin-button, input.focusInput[type=date]:focus::-webkit-calendar-picker-indicator, input.focusInput[type=datetime-local]:focus::-webkit-clear-button, input.focusInput[type=datetime-local]:focus::-webkit-inner-spin-button, input.focusInput[type=datetime-local]:focus::-webkit-calendar-picker-indicator { display: initial; }

.focusCheckbox { margin: auto; margin-top: 4px; }

tr input.dueDate.dateExpired, tr[id]:not([data-isrevision]) .TreeGridCell div.dueDate.dateExpired, tr:not(.currentStateIsFinalState):not([data-isrevision]) input.dueDateEndDate.dateExpired, tr[data-isfinalstate='false']:not([data-isrevision]) .TreeGridCell div.dueDateEndDate.dateExpired, .ganttChartItem div.dueDate.dateExpired, .ganttChartItem:not(.currentStateIsFinalState) div.dueDateEndDate.dateExpired, td.dateTimeCell.dueDate.dateExpired, td.dateTimeCell.dueDateEndDate.dateExpired { color: #F97148; }

.mtTreeGrid .ui-iggrid tr:not([data-isrevision]):hover td.dateTimeCell.dueDate.dateExpired, .mtTreeGrid .ui-iggrid tr:not([data-isrevision]):hover td.dateTimeCell.dueDateEndDate.dateExpired { color: #F97148 !important; }

tr.GridViewFocusedRow:not([data-isrevision]):not(:hover) input.dueDate.dateExpired, td.ui-state-active:not(.ui-state-hover) input.dueDate.dateExpired, tr.TreeGridFocusedNode:not([data-isrevision]):not(:hover) .TreeGridCell div.dueDate.dateExpired, tr:not(.currentStateIsFinalState):not([data-isrevision]).GridViewFocusedRow:not(:hover) input.dueDateEndDate.dateExpired, tr:not(.currentStateIsFinalState):not([data-isrevision]) td.ui-state-active:not(.ui-state-hover) input.dueDateEndDate.dateExpired, tr[data-isfinalstate='false']:not([data-isrevision]).TreeGridFocusedNode:not(:hover) .TreeGridCell div.dueDateEndDate.dateExpired, .ganttChartItem.mtselected:not(:hover) div.dateExpired, td.dateTimeCell.ui-iggrid-selectedcell.ui-state-active.dueDate.dateExpired, td.dateTimeCell.ui-iggrid-selectedcell.ui-state-active.dueDateEndDate.dateExpired { color: #7A3125 !important; }

.editableCombo .ui-corner-all, .editableCombo .ui-igcombo-fieldholder { border-radius: 3px; }

.editableCombo .ui-igcombo-button { border-radius: 0 3px 3px 0; }

.editableCombo .ui-igcombo { border: 1px solid #7D7D7D; }

.editableCombo .ui-igcombo-field { padding: 0 7px 1px 7px; font-family: 'OpenSans', sans-serif; }

html div.ui-igedit-dropdown, html div.ui-igcombo-dropdown { background-color: #ffffff; }
html div.ui-igedit-dropdown .ui-igedit-listitem, html div.ui-igedit-dropdown .ui-igcombo-list li.ui-igcombo-listitem, html div.ui-igcombo-dropdown .ui-igedit-listitem, html div.ui-igcombo-dropdown .ui-igcombo-list li.ui-igcombo-listitem { line-height: 21px; font-size: 1rem !important; font-family: 'OpenSans', sans-serif; background-image: none; background-color: #ffffff; border-color: #ffffff; padding: 0 7px; }
html div.ui-igedit-dropdown .ui-igedit-listitem:hover, html div.ui-igedit-dropdown .ui-igedit-listitem.ui-state-hover, html div.ui-igedit-dropdown .ui-igedit-listitem.ui-state-highlight, html div.ui-igedit-dropdown .ui-igedit-listitem.ui-state-active, html div.ui-igedit-dropdown .ui-igcombo-list li.ui-igcombo-listitem:hover, html div.ui-igedit-dropdown .ui-igcombo-list li.ui-igcombo-listitem.ui-state-hover, html div.ui-igedit-dropdown .ui-igcombo-list li.ui-igcombo-listitem.ui-state-highlight, html div.ui-igedit-dropdown .ui-igcombo-list li.ui-igcombo-listitem.ui-state-active, html div.ui-igcombo-dropdown .ui-igedit-listitem:hover, html div.ui-igcombo-dropdown .ui-igedit-listitem.ui-state-hover, html div.ui-igcombo-dropdown .ui-igedit-listitem.ui-state-highlight, html div.ui-igcombo-dropdown .ui-igedit-listitem.ui-state-active, html div.ui-igcombo-dropdown .ui-igcombo-list li.ui-igcombo-listitem:hover, html div.ui-igcombo-dropdown .ui-igcombo-list li.ui-igcombo-listitem.ui-state-hover, html div.ui-igcombo-dropdown .ui-igcombo-list li.ui-igcombo-listitem.ui-state-highlight, html div.ui-igcombo-dropdown .ui-igcombo-list li.ui-igcombo-listitem.ui-state-active { background-image: none; background-color: #8fc4c6; border-color: #8fc4c6; color: #191919; }

.ui-igcombo.ui-igcombo-mode-dropdown input[readonly] { background-image: none; }

body.loading input, body.loading select { pointer-events: none; }

/* This files contains all styles relevant for jquery ui elements */
.ui-resizable-handle { font-size: 0.1px; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }

.ui-resizable-n { cursor: n-resize; height: 7px; top: -5px; left: 0; }

.ui-resizable-s { cursor: s-resize; height: 7px; bottom: -5px; left: 0; }

.showhandle .ui-resizable-s:after { content: ''; position: absolute; margin: 0 50%; height: 4px; width: 21px; opacity: 0.5; background: #555555; box-sizing: border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.showhandle .ui-resizable-s:hover:after, .showhandle .ui-resizable-s:active:after { opacity: 1; }

.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; }

.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; }

.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }

.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }

.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }

.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }

/* ContextMenu */
.ui-menu { background: WhiteSmoke; border-color: #919191; font-size: 1rem; line-height: 21px; font-family: 'OpenSans'; font-weight: 400; padding: 2px; border-radius: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ui-menu html { font-size: 75%; line-height: 1.75em; }
.ui-menu .contextMenuItem.ui-menu-item { margin: initial; }
.ui-menu .contextMenuItem.ui-menu-item .ui-menu-icon.ui-icon { color: #191919 !important; }

.ui-menu-item { cursor: pointer; color: #191919; }

.ui-menu-item .ui-state-focus, .ui-igcombo.ui-state-focus .ui-igcombo-button { background: #CCE8E9; border-color: #8fc4c6; }

.ui-menu-divider { margin: 7px 0px 7px 0px; border-color: WhiteSmoke; }

.ui-menu .ui-menu-item { padding: 1px 0em 1px 0em !important; /*&.dynamicGroup ul { &::before, &::after { width: 100%; height: 20px; text-align: center; position: absolute; display: block; pointer-events: none; background-color: $LightGreyOneColor; opacity: 0.5; &:hover { opacity: 1; } } &::before { content: url("../Images/splitter_collapse_up.png"); } &::after { content: url("../Images/splitter_collapse_down.png"); }
}*/ }
.ui-menu .ui-menu-item a { padding: .15rem .35rem .3rem .35rem !important; white-space: nowrap; }
.ui-menu .ui-menu-item a.ui-state-hover { background-color: rgba(0, 161, 255, 0.25) !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { background-color: rgba(0, 161, 255, 0.25) !important; color: #191919 !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ui-menu .ui-menu-item a.ui-state-focus:active, .ui-menu .ui-menu-item a.ui-state-active:active { background-color: #8fc4c6 !important; color: #191919 !important; }

.ui-menu .ui-icon { margin-right: 0.45em !important; }

.ui-menu .ui-menu-item.groupItem a > div { margin-right: 1.45em; }

.pointerevents .ui-menu li { line-height: initial; }

/* ContextMenu -> StateSelectionMenu */
.ui-menu.stateSelectionMenu { border-color: #8fc4c6; background: #ffffff; }
.ui-menu.stateSelectionMenu .ui-menu-item { color: #191919; padding: 0 !important; cursor: default; }
.ui-menu.stateSelectionMenu .ui-menu-item a { padding: .0rem .5rem .2rem .35rem !important; }
.ui-menu.stateSelectionMenu .ui-menu-item a.ui-state-hover { background-color: #CCE8E9 !important; color: #191919; }
.ui-menu.stateSelectionMenu .ui-menu-item a.ui-state-focus { background-color: #CCE8E9 !important; color: #191919 !important; }
.ui-menu.stateSelectionMenu .ui-menu-item a.ui-state-focus:active { background-color: #8fc4c6 !important; color: #191919 !important; }
.ui-menu.stateSelectionMenu .ui-menu-item a img { width: 16px; height: 16px; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #7D7D7D; color: #191919; }

/* This files contains all styles relevant for drag and drop operations in browsers */
.mtdrp, .mtdrpHover, .mtdrpAbove, .mtdrpBelow { border-width: 2px !important; border-style: solid; }

.mtdrp { border-color: transparent; pointer-events: all; }

.mtdrpAbove { border-top-color: DimGrey !important; }

.mtdrpBelow { border-bottom-color: DimGrey !important; }

.mtdrpHover { border-color: DimGrey !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px; border-radius: 4px !important; }

.dragActive .mtdrp *:not(td) { pointer-events: all; }

.mtdrgclone { pointer-events: none; opacity: 0.7; }

.mtselected { background-color: #8fc4c6; color: #191919; }

.dragging { background-color: pink; color: white; }

[draggable=true] { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }

.mtMobile .treeItemClone { z-index: 100; white-space: nowrap; pointer-events: none; -moz-transition: width 0.3s !important; -o-transition: width 0.3s !important; -webkit-transition: width 0.3s !important; transition: width 0.3s !important; }
.mtMobile .treeItemClone * { text-overflow: ellipsis; overflow: hidden; }
.mtMobile .name { margin: 0; }
.mtMobile .stereotype { margin: 0; }

.disabledTreeItem > .content, .HtmlEditorDialog.dxpcLite_DevEx .disabledTreeItem > .dxheDlgContentCell { background-color: #EFEFEF !important; color: #A2A2A2; }

.dropableTreeItem > .content, .HtmlEditorDialog.dxpcLite_DevEx .dropableTreeItem > .dxheDlgContentCell { -moz-box-shadow: 0px 1px 3px #8fc4c6; -webkit-box-shadow: 0px 1px 3px #8fc4c6; box-shadow: 0px 1px 3px #8fc4c6; }

.notDropableTreeItem > .content, .HtmlEditorDialog.dxpcLite_DevEx .notDropableTreeItem > .dxheDlgContentCell { -moz-box-shadow: 0px 1px 3px #FF0000; -webkit-box-shadow: 0px 1px 3px #FF0000; box-shadow: 0px 1px 3px #FF0000; }

/*DragDrop*/
.mtdrpHover > td { border-bottom: 2px solid #808080 !important; border-top: 2px solid #808080 !important; }

.mtdrpHover > td:first-child { border-left: 2px solid #808080 !important; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }

.mtdrpHover > td:last-child { border-right: 2px solid #808080 !important; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }

.mtdrpAbove > td { border-top: 2px solid #808080 !important; }

.mtdrpBelow > td { border-bottom: 2px solid #808080 !important; }

.dragIndicator { margin-top: 10px; color: #ffffff; text-shadow: 0 0 4px #191919; font-size: 1.833333rem; width: 84px; white-space: nowrap; }

.dragIndicator:before { background-image: url("../Images/New/Previous.png"); min-width: 21px; min-height: 21px; display: inline-block; content: ""; }

/* This files contains all styles relevant for controls,  especially devexpress controls   @see http://css-tricks.com/sass-style-guide/ */
/* ******************************* Browser ******************************* */
.browser { outline: none; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.browser .icon { margin-left: 3px; margin-right: 6px; width: 16px; height: 16px; }
.browser .name, .browser .stereotype, .browser .icon { vertical-align: middle; line-height: 21px; }
.browser .name { -webkit-flex: 2; flex: 2; }
.browser .stereotype { margin-left: 14px; -webkit-flex: 1; flex: 1; }
.browser .node { margin-bottom: 1px; vertical-align: middle; white-space: nowrap; cursor: default; display: table-row; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.browser .node:hover { background-color: rgba(219, 244, 255, 0.82); color: #191919; }
.browser .focused, .browser .focused:hover { background-color: #8fc4c6; color: #191919; }
.browser .indent, .browser .indentWithButton { min-width: 21px !important; height: 21px !important; margin-top: 2px; }
.browser .dxTreeList_CollapsedButton { background-position: 0 -56px; }
.browser .dxTreeList_CollapsedButton:hover { background-position: 0 0; }
.browser .dxTreeList_ExpandedButton { background-position: 0 -84px; }
.browser .dxTreeList_ExpandedButton:hover { background-position: 0 -28px; }

/* MVCxTreeList: fix inline styles */
.browser.dxtlControl { width: auto !important; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
.browser.dxtlControl > tbody, .browser.dxtlControl > tbody > tr, .browser.dxtlControl > tbody > tr > td, .browser.dxtlControl > tbody > tr > td > div { display: -webkit-flex; display: flex; -webkit-flex: 1; flex: 1; }
.browser.dxtlControl .dxtlCSD { height: inherit !important; -webkit-flex: 1; flex: 1; }
.browser.dxtlControl .dxtlCSD .dxtlDataTable { table-layout: auto !important; /* override the first empty table row with fixed cell widths */ }
.browser.dxtlControl .dxtlCSD .dxtlDataTable tr:first-child td { width: auto !important; }

.dxtlNode .icon, .TreeGridCell .icon { pointer-events: none; }

.mtMobile .browser .node { display: -webkit-flex; display: flex; }

/* ******************************* NavigationBar ******************************* */
.NavigationBar { display: block !important; }

.NavigationBarHeader { font-family: 'OpenSans Bold'; font-weight: bold; background-color: #B9B9B9; margin-bottom: 14px; margin-right: 2px; padding: 4px; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
.NavigationBarHeader > span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-flex: 1; flex: 1; }

.NavigationBarItem { font-family: 'OpenSans'; margin-right: 2px; padding: 2px; overflow: hidden; }
.NavigationBarItem span { overflow: hidden; line-height: 21px; }
.NavigationBarItem:hover { -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; color: #191919; background-color: #8fc4c6; }

.NavigationBarContent { padding: 0 7px; margin-bottom: 21px; }
.NavigationBarContent li.focusedNavBarItem { -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
.NavigationBarContent li div[data-key="NavigationBarViewGroupView"] { margin: 7px -7px 0 -7px; }
.NavigationBarContent li div[data-key="NavigationBarViewGroupView"] .NavigationBar .NavigationBarHeader { border-left: 7px solid #7D7D7D; font-family: 'OpenSans'; font-weight: 400; }
.NavigationBarContent li div[data-key="NavigationBarViewGroupView"] .NavigationBar .NavigationBar .NavigationBarHeader { border-left: 7px solid #575757; font-weight: 400; font-family: 'OpenSans'; }
.NavigationBarContent li.dxnb-last > div[data-key="NavigationBarViewGroupView"] > ul > li.dxnb-last > .NavigationBarHeaderCollapsed, .NavigationBarContent li.dxnb-last > div[data-key="NavigationBarViewGroupView"] > ul > li.dxnb-last > .NavigationBarContent { margin-bottom: 0; }

.NavigationBarLabel { background-color: #B9B9B9; }

.NavigationBarLabelText { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-left: 7px; }

.NavigationBarPin { position: relative; top: -9px; }

/* ******************************* PageControl ******************************* */
.PageControl { /*padding: 4px;*/ }

.PageControlContent { -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }

/* ******************************* Splitter ******************************* */
.SplitterHorizontalSeparator { cursor: n-resize; line-height: 7px; -moz-border-radius: 2px / 2px; -webkit-border-radius: 2px 2px; border-radius: 2px / 2px; }
.SplitterHorizontalSeparator.SplitterHorizontalSeparatorCollapsed { cursor: default; }

.SplitterHorizontalSeparator:hover { background-color: #CCE8E9; }

.SplitterResizingPointer { -moz-border-radius: 2px / 2px; -webkit-border-radius: 2px 2px; border-radius: 2px / 2px; background-color: rgba(31, 137, 141, 0.5); }

.SplitterVerticalSeparator { cursor: e-resize; -moz-border-radius: 2px / 2px; -webkit-border-radius: 2px 2px; border-radius: 2px / 2px; }
.SplitterVerticalSeparator.SplitterVerticalSeparatorCollapsed { cursor: default; }

.SplitterPaneCollapsed .SplitterVerticalSeparator, .SplitterPaneCollapsed .SplitterHorizontalSeparator { cursor: default; }

.SplitterHorizontalSeparatorButton, .SplitterVerticalSeparatorButton { cursor: pointer; }

.SplitterVerticalSeparator:hover { background-color: #CCE8E9; }

.dxtc-rightIndent { display: none !important; }

.dxtc-leftIndent { display: none !important; }

.dxtcLite_DevEx > .dxtc-stripContainer .dxtc-spacer { width: 0 !important; }

.dxtcLite_DevEx > .dxtc-content { font-family: 'OpenSans' !important; }

.separatorLine { min-height: 3px; background: linear-gradient(to bottom, #919191, #ffffff); }

.separatorLineNavigationBar { min-height: 2px; margin-top: 2px; margin-bottom: 3px; }

/* deve express tree grid headers */
th.dxtlHSEC, .dxgvHSDC td.dxgvHEC { background-position: 0 -119px; }

/*.diagramPanel { th.dxtlHSEC, .dxgvHSDC td.dxgvHEC, .dxgvHSDC td.BackgroundFills-QueryHeaderRepeat, .BackgroundFills-QueryHeaderRepeat { @extend .repeatx; @include BackgroundFills-sprite(zQueryHeaderRepeat_light); // ok; for now, no svg used }
}*/
/*
* *******************************
* TreeGrids
* *******************************
*/
.cellRtf { padding: 0 12px 0 7px; overflow: hidden; height: 21px; resize: vertical; pointer-events: all; }
.cellRtf > div { overflow: hidden; }
.cellRtf > p { overflow: hidden; margin: 0 !important; }

/*
* *******************************
* Accordion
* *******************************
*/
.accordioncontainer, .nextwrapper { overflow: hidden; }

.accordion { position: relative; overflow: auto; }

.accordionnavigation { z-index: 10; }

.chapterheadline.current { margin-right: 84px; }
.chapterheadline.expanded { height: auto; }
.chapterheadline .accordiontitle { white-space: normal; }
.chapterheadline .accordiontitle a { color: #191919; }

.mtMobile .chapterheadline.current { margin-right: 119px; }

.accordiontitle { line-height: 35px; }
.accordiontitle a.h3 { font-size: 1.33333em; line-height: 1.3125em; }

h3.subheader { font-size: 1.16667em; line-height: 1.5em; }

.chapternumber { text-align: center; line-height: 28px; color: #555555; border: 1px solid #555555; -moz-border-radius: 50% / 50%; -webkit-border-radius: 50% 50%; border-radius: 50% / 50%; }

.accordionitem { overflow: hidden; height: auto; min-height: inherit; padding: 0 0 0 7px; }
.accordionitem:not(.collapsed) { margin-bottom: 14px; padding-bottom: 7px; }
.accordionitem:not(.collapsed):not(:last-child) { border-bottom: 1px solid #B9B9B9; }
.accordionitem.collapsed { min-height: 0; max-height: 0; }

.chapterbody { overflow-y: auto; overflow-x: hidden; }

.chaptercontent p, .chaptercontent span { line-height: 21px !important; font-size: 1rem !important; font-family: 'OpenSans' !important; }
.chaptercontent p html, .chaptercontent span html { font-size: 75%; line-height: 1.75em; }
.chaptercontent p:not(:last-child) { margin-bottom: 14px !important; }

.chapterreferences { padding-top: 7px; border-top: 1px solid #B9B9B9; }

.chapterreferences ul li, .furtherlinks ul li { white-space: nowrap; margin-bottom: 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.chapterreferences ul li > *, .furtherlinks ul li > * { margin-top: -1px; }
.chapterreferences ul li:hover, .furtherlinks ul li:hover {             /*background-color: $DefaultFocusColor; color: $DefaultFocusForegroundColor;
 .referenceicon { color: $DefaultFocusForegroundColor; }*/ background-color: #CCE8E9; }

.mtMobile .chapterreferences ul li, .mtMobile .furtherlinks ul li { line-height: 42px; }

.furtherlinks li { padding: 0 7px; }
.furtherlinks a:hover { color: inherit; }

/* SearchControl  */
#searchcontrol > div { padding: 0; /*@extend .borderRadius4;*/ }
#searchcontrol > div .searchtoggle { /*@extend .rwh4;*/ width: 42px; height: 28px; /*&:not(.disabled) { @extend %pointer;
}*/ /*&.disabled { cursor: unset !important;
}*/ }
#searchcontrol > div .searchtoggle #opensearch, #searchcontrol > div .searchtoggle #closesearch { pointer-events: all; }
#searchcontrol > div .splitter { margin-top: 3.5px; width: 2px; height: 14px; background-color: #B9B9B9; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
#searchcontrol > div .searchflyout { overflow: hidden; }
#searchcontrol > div .searchfieldsbkgr { background: #ffffff; border: 1px solid #7D7D7D; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: box-shadow 0.15; -o-transition: box-shadow 0.15; -webkit-transition: box-shadow 0.15; transition: box-shadow 0.15; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
@media screen and (max-width: 401px) { #searchcontrol > div .searchfieldsbkgr { margin-right: 0 !important; } }
#searchcontrol > div .searchOrReset { margin-top: 3.5px; }
#searchcontrol > div .searchfields { /*padding: 0 $raster-width;*/ background-color: transparent; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; }
@media screen and (max-width: 400px) { #searchcontrol > div .searchfields { width: 140px; }
  #searchcontrol > div .searchfields input { width: 21px; padding-left: 0; padding-right: 0; }
  #searchcontrol > div .searchfields .maxrw20 { max-width: 21px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  #searchcontrol > div .searchfields .bestmatchplaceholder { display: none; } }
@media screen and (min-width: 401px) and (max-width: 500px) { #searchcontrol > div .searchfields { width: 210px; }
  #searchcontrol > div .searchfields input { width: 49px; /*&:not(:focus) { width: $raster-width * 3;
}
&:focus { width: $raster-width * 8;
}*/ padding-left: 0; padding-right: 0; }
  #searchcontrol > div .searchfields .maxrw20 { max-width: 21px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }
@media screen and (min-width: 501px) and (max-width: 768px) { #searchcontrol > div .searchfields { width: 350px; }
  #searchcontrol > div .searchfields input { width: 56px; } }
@media screen and (min-width: 769px) { #searchcontrol > div .searchfields { width: 553px; } }
#searchcontrol > div .searchfields.collapsed { width: 42px; background-color: transparent; }
#searchcontrol > div .searchfields.collapsed .searchfieldsbkgr { visibility: hidden; display: none; }
#searchcontrol > div .searchfields.collapsed .searchtoggle #opensearch { visibility: visible; display: inherit; }
#searchcontrol > div .searchfields:not(.collapsed) .searchtoggle #closesearch { visibility: visible; display: inherit; }
#searchcontrol > div .searchfields input { cursor: text; }
#searchcontrol > div .searchfields input, #searchcontrol > div .searchfields input:hover, #searchcontrol > div .searchfields input:focus, #searchcontrol > div .searchfields input:active { margin-bottom: 0; background: transparent; border: 0; border-style: none; border-color: transparent; outline: none; outline-offset: 0; box-shadow: none; }
#searchcontrol > div .searchfields input::-webkit-calendar-picker-indicator { background-color: transparent; color: #7D7D7D; }
#searchcontrol > div .searchfields .inputwrapper #bestmatchplaceholder, #searchcontrol > div .searchfields .inputwrapper .bestmatchplaceholder { opacity: 0.5; pointer-events: none; }
#searchcontrol > div .toggleQuerySearchButton.mtchecked .icon#checked { visibility: visible; display: inherit; }
#searchcontrol > div .toggleQuerySearchButton.mtchecked .icon#unchecked { visibility: hidden; display: none; }
#searchcontrol > div .toggleQuerySearchButton { margin-top: 3px; }

#searchcontrol.disabled .searchtoggle, #searchcontrol .searchtoggle.disabled, #voiceassistantcontrol.disabled .voiceAssistantControlButton, #voiceassistantcontrol .voiceAssistantControlButton.disabled { opacity: 0.5; cursor: default; }

#searchcontrol.menubutton:has(.searchfields:not(.collapsed)) { width: inherit; }

/* SearchResult  */
#searchresults .resultheader, .glossarypane .resultheader, .voiceAssistant .resultheader { color: #8fc4c6; }
#searchresults .resultheader hr, .glossarypane .resultheader hr, .voiceAssistant .resultheader hr { height: 1px; background-color: #919191; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
#searchresults .resultitem, .glossarypane .resultitem, .voiceAssistant .resultitem { padding: 0 3.5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#searchresults .grouping .groupitems, .glossarypane .grouping .groupitems, .voiceAssistant .grouping .groupitems { margin-left: 49px; margin-top: -21px; }
#searchresults .holder, .glossarypane .holder, .voiceAssistant .holder { position: fixed; z-index: inherit; }
#searchresults .groupheader, .glossarypane .groupheader, .voiceAssistant .groupheader { color: #ffffff; text-align: center; background-color: #919191; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#searchresults .toolbarbutton, .glossarypane .toolbarbutton, .voiceAssistant .toolbarbutton { cursor: pointer; }

/* VoiceAssistant */
#voiceassistantcontrol > div { padding: 0; color: #ffffff; }
#voiceassistantcontrol > div .voiceAssistantControlButton { /*@extend .rwh4;*/ }
#voiceassistantcontrol > div .flexcol, #voiceassistantcontrol > div .verticalElements { /*padding: 0 $raster-width;
width: $raster-width * 5;*/ background-color: transparent; }

/*.ui-iggrid-scrolldiv { height: auto !important;
}*/
.ui-iggrid-table tbody td { white-space: nowrap; }
.ui-iggrid-table tbody td textarea { white-space: normal; }

/*.ui-iggrid table td{ vertical-align: top!important;
}*/
/* ContextMenu */
.ui-menu .ui-menu { max-height: 100vh; }

.menuItem.disabled, .contextMenuItem.disabled, .ui-menu-item.disabled, .backstagemenucommand.disabled { color: #A5A5A5; }
.menuItem.disabled .groupbox, .contextMenuItem.disabled .groupbox, .ui-menu-item.disabled .groupbox, .backstagemenucommand.disabled .groupbox { -moz-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.1); -webkit-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.1); box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.1); }
.menuItem div:not(.isselected):not(.genericDynamicCommand, .commandIcon) > .icon, .contextMenuItem div:not(.isselected):not(.genericDynamicCommand, .commandIcon) > .icon, .ui-menu-item div:not(.isselected):not(.genericDynamicCommand, .commandIcon) > .icon, .backstagemenucommand div:not(.isselected):not(.genericDynamicCommand, .commandIcon) > .icon { visibility: hidden; display: none; }

html:not(.mtMobile) .backstagemenucommand:not(.disabled):hover .groupbox { /*@include background-image(linear-gradient(top, $WhiteColor, #daf1ff));
background-color: #daf1ff;*/ cursor: pointer; }

/* Tiles */
.tilepin .icon { visibility: hidden; display: none; }
.tilepin.ispinned .icon#pinned { visibility: visible; display: inherit; }
.tilepin.isunpinned .icon#unpinned { visibility: visible; display: inherit; }

/* TreeItems */
.mtMobile .browser .name { margin: 0; }
.mtMobile .browser .stereotype { margin: 0; }
.mtMobile .browser .icon { margin: 0 auto; line-height: 42px; }
.mtMobile .backcontainer .throbber { opacity: 0; }
.mtMobile .loading .throbber { opacity: 1; }
.mtMobile .browser, .mtMobile .treecontainer { overflow: hidden; }
.mtMobile .browsermodal { overflow-y: auto; }
.mtMobile .browserheader { padding-bottom: 3px; overflow: hidden; }
.mtMobile .treeitem { opacity: 1; -moz-transition: opacity 0.2s ease-in-out, -moz-transform 0s linear, color 0.3s ease-in-out; -o-transition: opacity 0.2s ease-in-out, -o-transform 0s linear, color 0.3s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0s linear, color 0.3s ease-in-out; transition: opacity 0.2s ease-in-out, transform 0s linear, color 0.3s ease-in-out; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mtMobile .treeitem .icon#selected { visibility: hidden; display: none; }
.mtMobile .treeitem .icon#unselected { visibility: visible; display: inherit; }
.mtMobile .treeitem .underlay { background-color: #E1E1E1; }
.mtMobile .treeitem ul.actions li { color: #414141; background-color: transparent; -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; }
.mtMobile .treeitem ul.actions li:not(:last-child) { margin-right: 7px; }
.mtMobile .treeitem ul.actions li:not(:first-child):after { content: ""; border-left: 1px solid #A5A5A5; border-right: 1px solid #ffffff; height: 28px; position: absolute; top: 7px; margin-left: -4px; }
.mtMobile .treeitem ul.actions li:hover { color: #191919; background-color: #8fc4c6; }
.mtMobile .treeitem ul.actions li:active { color: #ffffff; background-color: #414141; }
.mtMobile .treeitem .content, .mtMobile .treeitem .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .mtMobile .treeitem .dxheDlgContentCell, .mtMobile .treeitem .crumbcontent { background-color: #ffffff; -moz-transition: background-color 0.2s ease-in-out, -moz-transform 0s linear, color 0.3s ease-in-out, box-shadow 0.3s linear; -o-transition: background-color 0.2s ease-in-out, -o-transform 0s linear, color 0.3s ease-in-out, box-shadow 0.3s linear; -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0s linear, color 0.3s ease-in-out, box-shadow 0.3s linear; transition: background-color 0.2s ease-in-out, transform 0s linear, color 0.3s ease-in-out, box-shadow 0.3s linear; }
.mtMobile .treeitem .swipearea { -webkit-align-self: center; align-self: center; }
.mtMobile .treeitem:not(.mtSelected) .grip { width: 0; visibility: hidden; -moz-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; }
.mtMobile .treeitem.mtselected .content, .mtMobile .treeitem.mtselected .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .mtMobile .treeitem.mtselected .dxheDlgContentCell { background-color: #8fc4c6; }
.mtMobile .treeitem.mtselected .icon#unselected { visibility: hidden; display: none; }
.mtMobile .treeitem.mtselected .icon#selected { visibility: visible; display: inherit; }
.mtMobile .treeitem.dragging { z-index: 100; opacity: 0.75; margin-left: 7px; margin-right: 7px; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
.mtMobile .treeitem.droptarget .content, .mtMobile .treeitem.droptarget .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .mtMobile .treeitem.droptarget .dxheDlgContentCell { background-color: #9FC229; }
.mtMobile .treeitem.candrop .content, .mtMobile .treeitem.candrop .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .mtMobile .treeitem.candrop .dxheDlgContentCell { background-color: magenta; }
.mtMobile .browser[data-features~="reorder"] .treeitem.mtselected .grip { visibility: visible; width: 42px; }
.mtMobile .breadcrumbs .treeitem { margin-bottom: 0px; }
.mtMobile .selectioncontext ul.actions li { color: #8fc4c6; }
.mtMobile .pulsate .content, .mtMobile .pulsate .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .mtMobile .pulsate .dxheDlgContentCell { animation: colorpulsate 1.5s 2; }

.mtMobile.trident .treeitem ul.actions li:not(:first-child):after { margin-left: -25px; }

/* copyable objects */
.copied { position: absolute; width: 35px; height: 35px; border: 7px solid #E1E1E1; background-color: #A5A5A5; z-index: 10000; -moz-border-radius: 63px / 63px; -webkit-border-radius: 63px 63px; border-radius: 63px / 63px; -moz-animation: pulsate 1.5s infinite ease-out; -webkit-animation: pulsate 1.5s infinite ease-out; animation: pulsate 1.5s infinite ease-out; }

@-moz-keyframes pulsate { 0% { opacity: 0.1; -moz-transform: scale(0, 0); transform: scale(0, 0); }
  50% { opacity: 0.3; -moz-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); }
  75% { opacity: 0.5; -moz-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); }
  100% { opacity: 0.0; -moz-transform: scale(1, 1); transform: scale(1, 1); } }
@-webkit-keyframes pulsate { 0% { opacity: 0.1; -webkit-transform: scale(0, 0); transform: scale(0, 0); }
  50% { opacity: 0.3; -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); }
  75% { opacity: 0.5; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); }
  100% { opacity: 0.0; -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
@keyframes pulsate { 0% { opacity: 0.1; -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); }
  50% { opacity: 0.3; -moz-transform: scale(0.2, 0.2); -ms-transform: scale(0.2, 0.2); -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); }
  75% { opacity: 0.5; -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); }
  100% { opacity: 0.0; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
@-moz-keyframes colorpulsate { 0% { background-color: #ffffff; }
  50% { background: #8fc4c6; }
  100% { background: #ffffff; } }
@-webkit-keyframes colorpulsate { 0% { background-color: #ffffff; }
  50% { background: #8fc4c6; }
  100% { background: #ffffff; } }
@keyframes colorpulsate { 0% { background-color: #ffffff; }
  50% { background: #8fc4c6; }
  100% { background: #ffffff; } }
/* PopupMenu in diagrams */
.popupMenu { background-color: #E1E1E1; border: 1px solid #A5A5A5; color: #414141; -moz-animation-name: showPopupMenu; -webkit-animation-name: showPopupMenu; animation-name: showPopupMenu; -moz-animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
.popupMenu .triangle { top: 100%; left: 50%; margin-left: -11px; content: ''; width: 0; height: 0; border-top: solid 17px #A5A5A5; border-left: solid 11px transparent; border-right: solid 11px transparent; border-bottom: none; }
.popupMenu .triangle.reverse { border-top: none; border-bottom: solid 17px #A5A5A5; margin-top: -59px; }
.popupMenu .triangle.inside.reverse { border-top: none; border-bottom: solid 16px #E1E1E1; margin-top: -58px; }
.popupMenu .triangle.inside { margin-left: -10px; border-top: solid 16px #E1E1E1; border-left: solid 10px transparent; border-right: solid 10px transparent; }
.popupMenu ul.actions { list-style-type: none; white-space: nowrap; }
.popupMenu ul.actions li { display: inline-block; margin: 3px 5px; border: 1px solid transparent; color: #414141; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
.popupMenu ul.actions li:first-child { margin-left: 3px; }
.popupMenu ul.actions li:last-child { margin-right: 3px; }
.popupMenu ul.actions li:not(:last-child):after { content: ""; border-left: 1px solid #A5A5A5; border-right: 1px solid #ffffff; height: 28px; position: absolute; top: 7px; margin-left: 5px; }
.popupMenu ul.actions li:hover { border-color: #ffffff; }
.popupMenu ul.actions li:active { border-color: #A5A5A5; }

@-moz-keyframes showPopupMenu { 0% { opacity: 0; -moz-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); border: 1px solid transparent; }
  25% { opacity: 1; border: 1px solid #A5A5A5; }
  75% { -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
  100% { -moz-transform: scale(1, 1); transform: scale(1, 1); } }
@-webkit-keyframes showPopupMenu { 0% { opacity: 0; -webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); border: 1px solid transparent; }
  25% { opacity: 1; border: 1px solid #A5A5A5; }
  75% { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
@keyframes showPopupMenu { 0% { opacity: 0; -moz-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); -webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); border: 1px solid transparent; }
  25% { opacity: 1; border: 1px solid #A5A5A5; }
  75% { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
  100% { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
/* ************************* OutputProvider ************************* */
.messageRow { margin-bottom: 2px; }

.messageCell { margin-right: 14px; }

.messagebox .content, .messagebox .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell, .HtmlEditorDialog.dxpcLite_DevEx .messagebox .dxheDlgContentCell { white-space: pre-line; }

.message, .messageType { line-height: 21px; vertical-align: middle; }

.messageType, .messageTypeWithMarker { color: #ffffff; width: 60px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.messageType > div, .messageTypeWithMarker > div { text-align: center; }

.messageTypeWithMarker.error, .messageType.error { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }

.messageTypeWithMarker.error, .messageTypeWithMarker { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }

.messageMarker.error, .messageMarker { width: 4px; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; }

.error { background-color: #F97148; }

.info { background-color: #B2CE54; }

.assistant { background-color: #6F4491; }

.warn { background-color: #FDD033; color: #ffffff; }

.dbg { background-image: -moz-repeating-linear-gradient(315deg, #FDD033, #FDD033 5px, #A5A5A5 5px, #A5A5A5 10px); background-image: -webkit-repeating-linear-gradient(315deg, #FDD033, #FDD033 5px, #A5A5A5 5px, #A5A5A5 10px); background-image: repeating-linear-gradient(315deg, #FDD033, #FDD033 5px, #A5A5A5 5px, #A5A5A5 10px); }

.messageInfoContainer .arrow-left { width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-right: 6px solid; border-right-color: transparent; background: transparent; }

.messageInfoContainer .arrow-left.error { border-right-color: #F97148; }

.messageInfoContainer .arrow-left.info { border-right-color: #B2CE54; }

.messageInfoContainer .arrow-left.assistant { border-right-color: #6F4491; }

.messageInfoContainer .arrow-left.warn { border-right-color: #FDD033; }

.messageInfoContainer .arrow-left.dbg { border-right-color: #ffffff; }

.messageCell .messageInfoContainer { background-color: transparent; border: 1px solid #E1E1E1; border-right: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; z-index: 10; margin-right: -1px; }

.progressContainer { width: 100%; height: 2px; }

.mtClassic .progressContainer { display: none; }

@-moz-keyframes animate-stripes { 0% { background-position: 0 0; }
  100% { background-position: 300px 0; } }
@-webkit-keyframes animate-stripes { 0% { background-position: 0 0; }
  100% { background-position: 300px 0; } }
@keyframes animate-stripes { 0% { background-position: 0 0; }
  100% { background-position: 300px 0; } }
@-moz-keyframes loading { 0% { width: 15%; }
  25%,
    75% { width: 35%; }
  50% { width: 15%; left: 85%; } }
@-webkit-keyframes loading { 0% { width: 15%; }
  25%,
    75% { width: 35%; }
  50% { width: 15%; left: 85%; } }
@keyframes loading { 0% { width: 15%; }
  25%,
    75% { width: 35%; }
  50% { width: 15%; left: 85%; } }
.progress { opacity: 0; display: block; position: absolute; height: 2px; width: 15%; left: 0; background: #ffffff; -moz-animation: 4s loading infinite ease-in-out; -webkit-animation: 4s loading infinite ease-in-out; animation: 4s loading infinite ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }

.loading .progress { opacity: 1; }

.mtClassic .ui-autocomplete { border-color: #8fc4c6 !important; }
.mtClassic .ui-autocomplete li a.ui-state-focus { background: #8fc4c6 !important; color: #191919 !important; }

/* ************************* HtmlEditor ************************* */
.HtmlEditorControl { border-style: none !important; }

.HtmEditorBarDockControl, .HtmlEditorToolbar { background: #f6f6f6 !important; border-style: none !important; }

.HtmlEditorViewArea { border: 1px solid #d8d8d8 !important; border-right-width: 2px !important; line-height: 1.5em; font-size: 100%; }

.HtmlEditorDialog.dxpcLite_DevEx { border-radius: 5px; line-height: 21px !important; font-size: 1rem !important; font-family: 'OpenSans' !important; color: #191919 !important; }
.HtmlEditorDialog.dxpcLite_DevEx html { font-size: 75%; line-height: 1.75em; }
.HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv { border: 0px; }
.HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .dxpc-headerText { line-height: 21px !important; font-size: 1rem !important; font-family: 'OpenSans' !important; margin-bottom: 1px; }
.HtmlEditorDialog.dxpcLite_DevEx .dxpc-header { padding: 0 !important; border-bottom: 0; }
.HtmlEditorDialog.dxpcLite_DevEx .dxpc-header .dxpc-headerText { color: #191919; }
.HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell { padding: 0; }
.HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxichTextCellSys label.dx-wrap, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgCaptionCell .dxeBase_DevEx, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell span, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell input { line-height: 21px !important; font-size: 1rem !important; font-family: 'OpenSans' !important; }
.HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgCaptionCell { padding: 0 7px 0 0; }
.HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell .dxic { padding: 0; }
.HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell .dxic input { height: 21px; padding: 0 7px; border-radius: 3px; }
.HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxrpControl_DevEx .dxrp.dxrpcontent, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxrpLE, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxrpRE, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxrpNHTE, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxrpBE { background-color: WhiteSmoke; }
.HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxrpControl_DevEx { height: 126px; }
.HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter { -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; padding: 0 7px 0 0; }
.HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn { background-image: none !important; background-color: transparent; height: 23px !important; width: auto !important; margin-left: 0; }
.HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') !important; background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, #f1f1f1)) !important; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.35), #f1f1f1) !important; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35), #f1f1f1) !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.35), #f1f1f1) !important; }
.HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn.dxbButton_DevEx .dxb { background: none; padding: 0; }
.HtmlEditorDialog.dxpcLite_DevEx .dxheDlgFooter .dxheDlgFooterBtn.dxbButton_DevEx .dxb span { font-size: 1rem !important; padding: 3px 0; }

.dxheDlgInsertLinkForm .dxheDlgTargetCheckBoxCell, .dxheDlgInsertLinkForm table[id$='_dxeEmailArea'] > tbody > tr:not(:first-child) { display: none !important; visibility: hidden !important; }
.dxheDlgInsertLinkForm table[id$='_dxeEmailArea'] { margin-bottom: 0px !important; }

.rtfeditor { z-index: 11; }
.rtfeditor > .editable { border: 1px solid #CDCDCD; }

.ui-iggrid .container.rtfeditor { background: #ffffff; border-radius: 4px; padding-left: 7px; }

.dxgvPagerBottomPanel { border-top: 1px solid #ededed; }
.dxgvPagerBottomPanel .dxp-summary { line-height: 21px; }
.dxgvPagerBottomPanel .dxp-button { margin: 0 3px; }

.elementAccessHistory .elementAccess { padding: 0 3.5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.infoBox { display: flex; flex-direction: row; }
.infoBox .infoBoxIcon { background-color: #B2CE54; border-radius: 4px 0 0 4px; padding: 14px; display: flex; align-items: center; justify-content: center; }
.infoBox .infoBoxIcon svg { width: 28px; height: 28px; }
.infoBox .infoBoxText { background-color: #E3F2AF; border-color: #B2CE54; border-style: solid; border-radius: 0 4px 4px 0; border-right-width: 4px; padding: 7px 7px 7px 21px; display: flex; flex: 1; align-items: flex-start; justify-content: center; width: auto; overflow: hidden; }

.smallInfoBox { display: flex; align-items: center; text-align: left; background-color: #E1E1E1; color: #414141; padding: 4px; border-radius: 4px; }
.smallInfoBox .infoBoxIcon { display: flex; align-items: center; justify-content: center; min-width: 12px; min-height: 12px; height: 66%; margin-right: 8px; }

@media screen and (max-width: 430px) { #systembar { /*height: $raster-height * 5;*/         /*#searchcontrol > div .flexcol.collapsed, #voiceassistantcontrol > div .flexcol { width: $raster-width * 2; }
 #searchcontrol .searchfields, #voiceassistantcontrol > div .flexcol { margin-right: 0; }*/ }
  #systembar .menubutton, #systembar .menubutton .icon { width: 28px; /*height: $raster-height * 5;*/ }
  #appthrobber { display: none !important; }
  #appTitleBar { height: 14px; line-height: 14px; }
    /*#applicationBar { margin-left: $raster-width;
 .workspaceMenuContainer.mr2 { margin-right: 0; }  .openContext { margin-right: $raster-width; } }*/
  /*#appcontent { top: $raster-height * 6; }*/ }
@media screen and (max-width: 560px) { #appcontent #backstageContainer .userBoardTilesContainer.scrollx, #appcontent #backstageContainer .availableTilesContainer.scrollx { overflow-y: auto; } }
/*DevExpress HtmlEditor Overrides (TODO disable theming and use own styles)*/
.dxpcLite_DevEx.dxpclW, .dxpcDropDown_DevEx.dxpc-ddSys.dxpclW { position: fixed !important; }

.dxm-hovered, .dxeButtonEditButtonHover_DevEx, .dxeListBoxItemHover_DevEx { background: #efefef !important; }

.dxeListBoxItem_DevEx { font-size: 1rem !important; }

.dxeEditAreaSys { background: transparent !important; }

.browsehappyContainer { width: 50%; margin: 100px auto; padding: 20px; }

.browsehappy { text-align: center; font-size: 1.166666rem; }

.NewIcons-SystemContextPlaceholder { background-image: url("../Images/New/SystemContextPlaceholder.png"); background-repeat: no-repeat; width: 105px; height: 105px; }

input.noclear::-webkit-clear-button { -webkit-appearance: none; margin: 0; }

input.nospin::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.listContainer { height: 21px; cursor: pointer; padding: 4px 10px; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }

.listContainer:hover { background-color: #CCE8E9; color: #191919; }

.listContainer > * { vertical-align: middle; }

.hideDate { visibility: hidden; }

/* backlog views + queries popup -> add-commands */
.showPreviousViewsPopup, .showNextViewsPopup, .showAddViewPopup, .showAddViewRightPopup, .showDerivePopup, .showGridPopup, .showDynamicQueryViewPopup { background: #ffffff; z-index: 1000; position: absolute; left: 0; top: 0; border: 1px solid #d0d0d0; border-radius: 2px; padding: 14px; min-height: 22px; -moz-box-shadow: 0 0 7px #b0b0b0; -webkit-box-shadow: 0 0 7px #b0b0b0; box-shadow: 0 0 7px #b0b0b0; }

.showQueryPopup, .showMailDerivePopup { padding: 7px 35px 7px 14px; }

.showTestSetExecutionPopup { padding: 7px 14px 7px 35px; }

.showAddViewPopup, .showAddViewRightPopup, .showDerivePopup, .showGridPopup, .showDynamicQueryViewPopup { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.25s ease, visibility 0s 0.25s, transform 0.25s ease; -moz-transition: opacity 0.25s ease, visibility 0s 0.25s, transform 0.25s ease; -ms-transition: opacity 0.25s ease, visibility 0s 0.25s, transform 0.25s ease; -o-transition: opacity 0.25s ease, visibility 0s 0.25s, transform 0.25s ease; transition: opacity 0.25s ease, visibility 0s 0.25s, transform 0.25s ease; }

.showBacklogPopup, .showQueryPopup, .showTestSetExecutionPopup, .showMailDerivePopup { visibility: visible; opacity: 1; -moz-transform: inherit; -ms-transform: inherit; -webkit-transform: inherit; transform: inherit; -webkit-transition: opacity 0.25s ease, transform 0.25s ease; -moz-transition: opacity 0.25s ease, transform 0.25s ease; -ms-transition: opacity 0.25s ease, transform 0.25s ease; -o-transition: opacity 0.25s ease, transform 0.25s ease; transition: opacity 0.25s ease, transform 0.25s ease; }

.showPreviousViewsPopup, .showAddViewRightPopup { -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; padding-left: 35px; }

.showNextViewsPopup, .showAddViewPopup, .showDerivePopup, .showGridPopup, .showDynamicQueryViewPopup { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right; padding-right: 35px; }

.showViewsPopupItem, .showAddViewPopupItem, .showPatternPopupItem, .showDerivePopupItem, .showPopupItem, .showDynamicQueryViewPopupItem { padding: 2px; padding-left: 6px; padding-right: 6px; white-space: nowrap; overflow: hidden; cursor: pointer; }

.verticalElements .showAddViewPopupItem, .showPatternPopupItem, .showDerivePopupItem, .showPopupItem, .showDynamicQueryViewPopupItem { margin-bottom: 0; }
.verticalElements .showAddViewPopupItem div, .showPatternPopupItem div, .showDerivePopupItem div, .showPopupItem div, .showDynamicQueryViewPopupItem div { margin-bottom: 0; }

.showViewsPopupItem:hover, .showAddViewPopupItem:hover, .showPatternPopupItem:hover, .showDerivePopupItem:hover, .showPopupItem:hover, .showDynamicQueryViewPopupItem:hover { border-radius: 2px; /*color: $DefaultFocusForegroundColor;*/ background-color: #CCE8E9; }

.showAddViewPopupItem.disabled { color: #A5A5A5 !important; cursor: default; }

.showViewsPopupEmptyResult { margin-top: 2px; pointer-events: none; opacity: 0.5; }

.onTopOfPopup { z-index: 1001; }

.belowPopup { overflow: visible; }
.belowPopup.workspaceTabContent .workspacePaneContent { overflow: visible; }

/*
* grids related stuff (DevExpress & infragistics/ignite)
*/
.dxtlControl.scroll tbody { position: relative; }

/*devexpress treegrid / querygrid hack: height->flex (100%)*/
.TreeGrid, .TreeGrid > tbody, .TreeGrid > tbody > tr, .TreeGrid > tbody > tr > td, .DataGrid, .DataGrid > tbody, .DataGrid > tbody > tr, .DataGrid:not(.DetailGrid) > tbody > tr > td { outline: none; display: -webkit-flex; display: flex; -webkit-flex: 1; flex: 1; }

.TreeGrid > tbody > tr > td, .DataGrid > tbody > tr > td { -webkit-flex-direction: column; flex-direction: column; }

.TreeGrid > tbody > tr > td > .dxtlCSD, .DataGrid > tbody > tr > td > .dxgvCSD { /*width: auto !important;*/ -webkit-flex: 1; flex: 1; }

.dxgvDetailRow .DataGrid > tbody > tr > td > .dxgvCSD { height: auto !important; overflow-y: hidden !important; overflow-x: auto !important; }

.DataGrid > tbody > tr > td > .dxgvHSDC { height: 28px; }

/*.DataGrid > tbody > tr > td > .dxgvHSDC > div { width: auto !important;
}*/
/*.TreeGrid tr .TreeGridCell.NeutralColor { background-color: $WhiteColor; }*/
.TreeGrid .TreeGridNode .TreeGridCell.ActivityColor { background-color: #1b9bd2; /* fallback */ background-color: rgba(27, 155, 210, 0.62745); }

.TreeGrid .TreeGridNode .TreeGridCell.ProductColor { background-color: #fdc400; /* fallback */ background-color: #E6F2FF; }

.TreeGrid .TreeGridNode .TreeGridCell.RequirementColor { background-color: #a7c77d; /* fallback */ background-color: rgba(167, 199, 125, 0.62745); }

.TreeGrid .TreeGridNode .TreeGridCell.ResourceColor { background-color: #822e6a; /* fallback */ background-color: rgba(130, 46, 106, 0.62745); }

/* show another color when hovering over a row, same effect as in wpf */
html:not(.mtMobile).TreeGrid .TreeGridNode:hover .TreeGridCell { background-color: #daf1ff; }

/* hack -> if not set to auto, width is set to 1px when restoring CVT on a non-visible pane */
.TreeGrid, .DataGrid, html:not(.trident) .TreeGrid .dxtlCSD, html.trident .TreeGrid:not(.TimeRecordingGrid) .dxtlCSD { width: auto !important; }

/*GridView*/
/*.diagramPanel .GridViewHeader { color: $DarkGreyFourColor;
 .GridViewHeaderResizerLeft, .GridViewHeaderResizerRight { border-color: $WhiteColor !important; }
}*/
.GridViewHeader { line-height: 28px; color: #ffffff; padding: 0; background-repeat: repeat-x !important; overflow: hidden; text-overflow: ellipsis; }

.GridViewHeaderLabel { padding: 0 10px; font-weight: bold; font-family: 'OpenSans Bold'; }

.GridViewHeaderResizerLeft { left: 0; position: absolute; width: 18px; height: 100%; cursor: ew-resize; }
.GridViewHeaderResizerLeft.noResizerBorder { border-left: 1px solid grey; cursor: default; }

.GridViewHeaderResizerRight { right: 0; border-right: 1px solid grey !important; position: absolute; width: 18px; height: 100%; cursor: ew-resize; }

.GridViewDetailRow .dxgvHSDC .dxgvHEC { opacity: 0.75; }

.GridViewHeader td { font-weight: bold !important; font-family: 'OpenSans Bold' !important; }

.GridViewRow { height: 30px; }
.GridViewRow .GridViewCell .cellRtf.GridMultiLineRichTextCell { white-space: normal !important; max-height: 200px; height: auto; overflow-y: auto !important; }

html:not(.mtMobile) .GridViewRow:hover { background-color: #daf1ff; }

.GridViewSelectedRow, .GridViewFocusedRow { background-color: #15a8ff; }
.GridViewSelectedRow:not(:hover), .GridViewFocusedRow:not(:hover) { color: DefaultFocusForegroundColor; }

.GridViewSelectedRow:hover, .GridViewFocusedRow:hover { background-color: #15a8ff; }

.GridViewFocusedRow:not(:hover) .focusInput:not(:focus), .GridViewSelectedRow:not(:hover) .focusInput:not(:focus) { color: #191919; }

.GridViewInlineEditRow { height: 30px; }

.GridViewInlineEditCell { padding: 0 10px; border-right: 1px solid #ededed; border-left: 1px solid #ededed; }

.GridViewDetailCell { background-color: #E1E1E1; }

.GridViewDetailCell .GridViewHeader { opacity: 0.75; }

.GridViewDetailButton { line-height: 0; vertical-align: top; padding-top: 4px; }

.GridViewDetailButton img { width: 21px; height: 21px; background-image: url("../Images/sprite-TreeNodeIcons.png"); background-repeat: no-repeat; }

.mtMobile .GridViewDetailButton img { width: 36px; height: 36px; background-image: url("../Images/sprite-TreeNodeIcons_x2.png"); }
.mtMobile .GridViewDetailButton img.dxGridView_gvDetailCollapsedButton { background-position: 0 -100px; }
.mtMobile .GridViewDetailButton img.dxGridView_gvDetailExpandedButton { background-position: 0 -150px; }
.mtMobile .GridViewDetailButton img.dxGridView_gvDetailExpandedButton:hover { background-position: 0 -50px; }

.GridViewDetailButton img.dxGridView_gvDetailCollapsedButton { background-position: 0 -56px; }

.GridViewDetailButton img.dxGridView_gvDetailCollapsedButton:hover { background-position: 0 0; }

.GridViewDetailButton img.dxGridView_gvDetailExpandedButton { background-position: 0 -84px; }

.GridViewDetailButton img.dxGridView_gvDetailExpandedButton:hover { background-position: 0 -28px; }

.GridViewCommandColumn { border-right: 2px solid #ededed !important; }

.GridViewCommandColumnItem { margin: 0 4px !important; }

.GridViewCell { padding: 4px 2px 0 2px; border-right: 1px solid #ededed; border-left: 1px solid #ededed; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }

.GridViewEditorsTextBox input { height: 21px; padding: 0 7px !important; border: 1px solid #7D7D7D !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: box-shadow 0.15s !important, padding 0.15s !important; -o-transition: box-shadow 0.15s !important, padding 0.15s !important; -webkit-transition: box-shadow 0.15s !important, padding 0.15s !important; transition: box-shadow 0.15s !important, padding 0.15s !important; -moz-border-radius: 2px / 2px !important; -webkit-border-radius: 2px 2px; border-radius: 2px / 2px !important; }

.GridViewEditorsTextBox input:focus { border-color: #2193A9; outline: none; -moz-box-shadow: 0 0 2px #8fc4c6 !important; -webkit-box-shadow: 0 0 2px #8fc4c6 !important; box-shadow: 0 0 2px #8fc4c6 !important; }

.GridViewHeaderContainer { cursor: pointer; display: -webkit-flex; display: flex; }

.GridViewHeaderCustomizationButton { width: 21px; height: 21px; }

tr.GridViewEmptyDataRow > td.dxgv > div { color: #7D7D7D; text-align: center; font-weight: bold; font-family: 'OpenSans Bold'; padding: 10px; }

tr.GridViewEmptyDataRow > td.dxgvHEC { display: none; }

.DetailGrid .focusInput { background-color: transparent; }

/*SimpleGridView*/
.SimpleGridViewContainer { background-color: #ffffff; border: 1px solid #828790; -moz-border-radius: 2px / 2px; -webkit-border-radius: 2px 2px; border-radius: 2px / 2px; }

.SimpleGridViewHeader { border: 1px solid #d8d8d8; padding: 0 8px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(top, #f5f5f5 0%, #ededed 100%); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #ededed 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #ededed 100%); }

.SimpleGridViewFocusedRow { background: #8fc4c6; color: #191919; }

.SimpleGridViewEmptyDataRow > td > div { text-align: center; margin: 5px; color: #7D7D7D; }

.SimpleGridViewCell { padding: 2px 8px; }

/*TreeGrid*/
.TreeGrid { outline: none; }

.TreeGrid .dx-ar { text-align: left !important; }

.TreeGrid .dx-ar > * { float: none !important; }

.TreeGridCell { padding: 0 5px; overflow: hidden; }

.TreeGridFocusedNode { background-color: #15a8ff; color: #ffffff; }

/*.diagramPanel .TreeGridHeader { color: $DarkGreyFourColor; font-weight: normal;
 .TreeQueryGridViewHeaderResizerLeft, .TreeQueryGridViewHeaderResizerRight { border-color: $WhiteColor !important; }
}*/
.TreeGridHeader { line-height: 28px; color: #ffffff; background-repeat: repeat-x !important; font-weight: bold; font-family: 'OpenSans Bold'; text-align: center; overflow: hidden; text-overflow: ellipsis; }

.dialog .TreeGrid th.TreeGridHeader.dxtl__B3, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .TreeGrid th.TreeGridHeader.dxtl__B3 { border-right: 1px solid grey !important; }

.TreeQueryGridViewHeaderResizerLeft { left: 0; position: absolute; width: 18px; height: 100%; cursor: ew-resize; }

.TreeQueryGridViewHeaderResizerRight { right: 0; border-right: 1px solid grey !important; position: absolute; width: 18px; height: 100%; cursor: ew-resize; }

.TreeGridIndent { width: 21px !important; height: 21px !important; margin-top: 2px; background-color: #ffffff; }

.TreeGridIndentWithButton { width: 21px !important; height: 21px !important; margin-top: 2px; background-color: #ffffff; }

.TreeGridIndentWithButton img { width: 21px; height: 21px; background-image: url("../Images/sprite-TreeNodeIcons.png"); background-repeat: no-repeat; }

.dialog .TreeGridCell div, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .TreeGridCell div, .dialog th.TreeGridHeader, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv th.TreeGridHeader { white-space: nowrap; text-overflow: ellipsis; }

.mtMobile .TreeGridIndent { width: 42px !important; height: 42px !important; }
.mtMobile .TreeGridIndentWithButton { width: 42px !important; height: 42px !important; }
.mtMobile .TreeGridIndentWithButton img { background-image: url("../Images/sprite-TreeNodeIcons_x2.png"); width: 36px; height: 39px; }
.mtMobile .TreeGridIndentWithButton img.dxTreeList_CollapsedButton { background-position: 0 -100px; }
.mtMobile .TreeGridIndentWithButton img.dxTreeList_ExpandedButton { background-position: 0 -150px; }
.mtMobile .TreeGridIndentWithButton img.dxTreeList_ExpandedButton:hover { background-position: 0 -50px; }

.TreeGridIndentWithButton img.dxTreeList_CollapsedButton { background-position: 0 -56px; }

.TreeGridIndentWithButton img.dxTreeList_CollapsedButton:hover { background-position: 0 0; }

.TreeGridIndentWithButton img.dxTreeList_ExpandedButton { background-position: 0 -84px; }

.TreeGridIndentWithButton img.dxTreeList_ExpandedButton:hover { background-position: 0 -28px; }

.TreeGridInlineEditCell { padding: 0 5px; }

.TreeGridNode, .TreeGridFocusedNode { height: 28px; }

.TreeGridEmptyDataRow { margin-top: -21px; padding: 10px; color: #7D7D7D; text-align: center; font-weight: bold; font-family: 'OpenSans Bold'; }

.TreeQueryName { display: inline-block; line-height: 19px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-flex: 1; flex: 1; }

.TreeGridNode .stateCell .focusInput { color: #000000 !important; }

.TreeGridFocusedNode:not(:hover) .stateCell .focusInput:not(:focus) { color: #191919 !important; }

.TreeGridFocusedNode:hover .stateCell .focusInput { color: #000000 !important; }

.mtselected .stateCell .focusInput:not(:focus) { color: #191919 !important; }

img.ToolBarIcons-TakeOver { background-image: url("../Images/MiscIcons/TakeOver.png"); background-repeat: no-repeat; }

/*IgniteUi Grid*/
.mtTreeGrid .ui-iggrid { border: 0px !important; height: auto !important; padding-bottom: 1px; }
.mtTreeGrid .ui-iggrid th.ui-widget-header .ui-iggrid-indicatorcontainer { display: none; }
.mtTreeGrid .ui-iggrid .ui-widget-header:not(.ui-iggrid-pager) { outline: none; background: -webkit-linear-gradient(top, #7D7D7D 0%, #575757 100%); background: linear-gradient(to bottom, #7d7d7d 0%, #575757 100%); border-right: 1px solid #828790 !important; border-top: 0px !important; border-bottom: 0px !important; border-left: 0px !important; padding: 0 0px; line-height: 28px; }
.mtTreeGrid .ui-iggrid .ui-widget-header:not(.ui-iggrid-pager).ui-state-default { background: -webkit-linear-gradient(top, #7D7D7D 0%, #575757 100%); background: linear-gradient(to bottom, #7d7d7d 0%, #575757 100%); border-right: 1px solid #828790 !important; border-top: 0px !important; border-bottom: 0px !important; border-left: 0px !important; }
.mtTreeGrid .ui-iggrid .ui-widget-header:not(.ui-iggrid-pager).ui-state-default:last-child { border-right: 0; }
.mtTreeGrid .ui-iggrid .ui-widget-header:not(.ui-iggrid-pager).ui-state-default .ui-iggrid-headertext { color: #ffffff; }
.mtTreeGrid .ui-iggrid .ui-widget-header:not(.ui-iggrid-pager) .ui-iggrid-headertext { line-height: 28px; color: #ffffff; font-weight: bold; text-align: left; padding: 0 10px; overflow: hidden; font-family: 'OpenSans Bold'; font-size: 1rem !important; text-overflow: ellipsis; white-space: nowrap; width: 100% !important; }
.mtTreeGrid .ui-iggrid .ui-widget-content .ui-icon.ui-igtreegrid-expansion-indicator { outline-width: 0px; margin-top: 0px; }
.mtTreeGrid .ui-iggrid .ui-widget-content td { outline-width: 0px; border-width: 2px 0 !important; padding-left: 4px !important; padding-right: 4px !important; }
.mtTreeGrid .ui-iggrid .ui-widget-content .GridRichTextCell .GridRichTextPlainTextCell, .mtTreeGrid .ui-iggrid .ui-widget-content .TreeGridRichTextCell { height: 21px; overflow: hidden; }
.mtTreeGrid .ui-iggrid .ui-widget-content .ui-icon.ui-igtreegrid-expansion-indicator { height: 21px !important; width: 21px !important; margin-right: -6px; }
.mtTreeGrid .ui-iggrid .ui-widget-content .ui-icon.ui-igtreegrid-expansion-indicator.ui-icon-plus { background-position: 0 -56px; background-image: url("../Images/sprite-TreeNodeIcons.png") !important; }
.mtTreeGrid .ui-iggrid .ui-widget-content .ui-icon.ui-igtreegrid-expansion-indicator.ui-icon-plus:before { content: initial !important; }
.mtTreeGrid .ui-iggrid .ui-widget-content .ui-icon.ui-igtreegrid-expansion-indicator.ui-icon-plus:hover { background-position: 0 0px; background-image: url("../Images/sprite-TreeNodeIcons.png") !important; }
.mtTreeGrid .ui-iggrid .ui-widget-content .ui-icon.ui-igtreegrid-expansion-indicator.ui-icon-minus { background-position: 0 -84px; background-image: url("../Images/sprite-TreeNodeIcons.png") !important; }
.mtTreeGrid .ui-iggrid .ui-widget-content .ui-icon.ui-igtreegrid-expansion-indicator.ui-icon-minus:before { content: initial !important; }
.mtTreeGrid .ui-iggrid .ui-widget-content .ui-icon.ui-igtreegrid-expansion-indicator.ui-icon-minus:hover { background-position: 0 -28px; background-image: url("../Images/sprite-TreeNodeIcons.png") !important; }
.mtTreeGrid .ui-iggrid .ui-widget-content td.ui-state-active, .mtTreeGrid .ui-iggrid .ui-widget-content tr:not(.ui-iggrid-groupedrow)[aria-selected="true"], .mtTreeGrid .ui-iggrid .ui-widget-content .ui-ig-altrecord td.ui-state-active { background-color: #8fc4c6 !important; border-width: 2px 0 !important; color: #191919 !important; padding-left: 4px; padding-right: 4px; }
.mtTreeGrid .ui-iggrid .ui-widget-content tr:not(.ui-iggrid-groupedrow):hover td, .mtTreeGrid .ui-iggrid .ui-widget-content tr:not(.ui-iggrid-groupedrow):hover, .mtTreeGrid .ui-iggrid .ui-widget-content tr:not(.ui-iggrid-groupedrow) th.ui-iggrid-rowselector-class.ui-state-hover { background: #CCE8E9 !important; border-color: #CCE8E9 !important; border-width: 2px 0 !important; color: #191919 !important; padding-left: 4px; padding-right: 4px; }
.mtTreeGrid .ui-iggrid .ui-widget-content tr.ui-state-focus td { border-width: 2px 0 !important; padding-left: 4px; padding-right: 4px; }
.mtTreeGrid .ui-iggrid .ui-widget-content td .GridMultiLineRichTextCell, .mtTreeGrid .ui-iggrid .ui-widget-content td .GridMultiLineRichTextPlainTextCell { white-space: normal !important; max-height: 200px; height: auto; overflow-y: auto !important; }

.mtTreeGrid.headerCenter .ui-iggrid .ui-widget-header .ui-iggrid-headertext { text-align: center; padding: 0; }

/*.diagramPanel .mtTreeGrid .ui-iggrid .ui-widget-header:not(.ui-iggrid-pager),*/
.dialog .mtTreeGrid .ui-iggrid .ui-widget-header, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .mtTreeGrid .ui-iggrid .ui-widget-header { /*background: -webkit-linear-gradient(top, #F3F3F3 0%, #CECECE 100%);
background: linear-gradient(to bottom, #F3F3F3 0%, #CECECE 100%);*/ background: -webkit-linear-gradient(top, WhiteSmoke 0%, #ededed 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #ededed 100%); border-right: 1px solid #ffffff !important; }
.dialog .mtTreeGrid .ui-iggrid .ui-widget-header.ui-state-default, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .mtTreeGrid .ui-iggrid .ui-widget-header.ui-state-default { /*background: -webkit-linear-gradient(top, #F3F3F3 0%, #CECECE 100%);
background: linear-gradient(top, #F3F3F3 0%, #CECECE 100%);*/ background: -webkit-linear-gradient(top, WhiteSmoke 0%, #ededed 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #ededed 100%); border-right: 1px solid #ffffff !important; }
.dialog .mtTreeGrid .ui-iggrid .ui-widget-header.ui-state-default .ui-iggrid-headertext, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .mtTreeGrid .ui-iggrid .ui-widget-header.ui-state-default .ui-iggrid-headertext { color: #191919; }
.dialog .mtTreeGrid .ui-iggrid .ui-widget-header .ui-iggrid-headertext, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .mtTreeGrid .ui-iggrid .ui-widget-header .ui-iggrid-headertext { color: #191919; }

.diagramPanel .mtTreeGrid .ui-widget .ui-iggrid-pager, .diagramPanel .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default { border-top-color: #ededed; }

.mtTreeGrid .ui-widget .ui-iggrid-pager, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default { color: #191919; background: none; padding: 7px 0 7px 0; border-top: 1px solid #dadada; border-bottom: none !important; border-left: none; border-right: none; }
.mtTreeGrid .ui-widget .ui-iggrid-pager, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results { line-height: 21px; font-size: 1rem !important; font-family: 'OpenSans', sans-serif; height: 25px; /*recreate rectangularbutton visual*/ }
.mtTreeGrid .ui-widget .ui-iggrid-pager span, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging span, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results span, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default span, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging span, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results span { line-height: 21px; text-align: center; padding-bottom: 0px !important; }
.mtTreeGrid .ui-widget .ui-iggrid-pager .ui-igedit.ui-widget, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-igedit.ui-widget, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-igedit.ui-widget, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-igedit.ui-widget, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-igedit.ui-widget, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-igedit.ui-widget, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page { height: 21px; line-height: 21px; padding-top: 0 !important; padding-bottom: 0 !important; border-radius: 3px; }
.mtTreeGrid .ui-widget .ui-iggrid-pager .ui-igedit.ui-widget, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-igedit.ui-widget:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-page:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-igedit.ui-widget, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-igedit.ui-widget:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-igedit.ui-widget, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-igedit.ui-widget:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-igedit.ui-widget, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-igedit.ui-widget:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-page:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-igedit.ui-widget, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-igedit.ui-widget:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-igedit.ui-widget, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-igedit.ui-widget:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page:hover { color: #414141; border: 1px solid #919191; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(top, #f5f5f5, #ededed); background-image: -webkit-linear-gradient(top, #f5f5f5, #ededed); background-image: linear-gradient(to bottom, #f5f5f5, #ededed); }
.mtTreeGrid .ui-widget .ui-iggrid-pager .ui-igedit.ui-widget .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-igedit.ui-widget:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-page .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-page:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-igedit.ui-widget .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-igedit.ui-widget:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-igedit.ui-widget .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-igedit.ui-widget:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-igedit.ui-widget .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-igedit.ui-widget:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-page .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-page:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-igedit.ui-widget .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-igedit.ui-widget:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-igedit.ui-widget .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-igedit.ui-widget:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page:hover .ui-iggrid-page { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1e1e1), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(top, #e1e1e1, #ededed); background-image: -webkit-linear-gradient(top, #e1e1e1, #ededed); background-image: linear-gradient(to bottom, #e1e1e1, #ededed); }
.mtTreeGrid .ui-widget .ui-iggrid-pager .ui-igedit.ui-widget .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-igedit.ui-widget:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-page .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-page:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-igedit.ui-widget .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-igedit.ui-widget:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-igedit.ui-widget .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-igedit.ui-widget:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-igedit.ui-widget .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-igedit.ui-widget:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-page .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-page:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-igedit.ui-widget .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-igedit.ui-widget:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-igedit.ui-widget .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-igedit.ui-widget:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent:hover .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page:hover .ui-iggrid-pagecurrent { border-color: #2193A9; background-image: none; background-color: #ffffff; }
.mtTreeGrid .ui-widget .ui-iggrid-pager .ui-igedit.ui-widget .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-igedit.ui-widget .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-igedit.ui-widget .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-igedit.ui-widget .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-igedit.ui-widget .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-igedit.ui-widget .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-igedit.ui-widget .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-igedit.ui-widget .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-igedit.ui-widget .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-igedit.ui-widget .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-igedit.ui-widget .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-igedit.ui-widget .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover { color: #414141; border: solid #2193A9; border-width: 0 0 0 1px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(top, #f5f5f5, #ededed); background-image: -webkit-linear-gradient(top, #f5f5f5, #ededed); background-image: linear-gradient(to bottom, #f5f5f5, #ededed); }
.mtTreeGrid .ui-widget .ui-iggrid-pager .ui-igedit.ui-widget .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-igedit.ui-widget .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-igedit.ui-widget .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-igedit.ui-widget .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-igedit.ui-widget .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-igedit.ui-widget .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-igedit.ui-widget .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-igedit.ui-widget .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-igedit.ui-widget .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-igedit.ui-widget .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-igedit.ui-widget .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-igedit.ui-widget .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button .ui-igedit-buttonimage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page .ui-igedit-dropdown-button.ui-igedit-buttonhover.ui-state-hover .ui-igedit-buttonimage { color: #414141; }
.mtTreeGrid .ui-widget .ui-iggrid-pager .ui-igedit.ui-widget input, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item input, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-pagecurrent input, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-pagelist .ui-iggrid-page input, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-igedit.ui-widget input, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item input, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent input, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page input, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-igedit.ui-widget input, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item input, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent input, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page input, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-igedit.ui-widget input, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item input, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-pagecurrent input, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-pagelist .ui-iggrid-page input, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-igedit.ui-widget input, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item input, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-pagecurrent input, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-pagelist .ui-iggrid-page input, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-igedit.ui-widget input, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item input, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-pagecurrent input, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-pagelist .ui-iggrid-page input { text-align: right !important; padding-right: 7px; }
.mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item { padding: 0; width: auto; }
.mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item:not(.ui-iggrid-pagelist), .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item:not(.ui-iggrid-pagelist), .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item:not(.ui-iggrid-pagelist), .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item:not(.ui-iggrid-pagelist), .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item:not(.ui-iggrid-pagelist), .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item:not(.ui-iggrid-pagelist) { margin-right: 7px; }
.mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item > span, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item > span, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item > span, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item > span, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item > span, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item > span { padding-left: 8.75px; padding-right: 8.75px; }
.mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item.ui-iggrid-nextpage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item.ui-iggrid-nextpage, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item.ui-iggrid-nextpage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item.ui-iggrid-nextpage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item.ui-iggrid-nextpage, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item.ui-iggrid-nextpage { margin-left: 7px; }
.mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item .ui-iggrid-pageimg, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item .ui-iggrid-pageimg, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item .ui-iggrid-pageimg, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item .ui-iggrid-pageimg, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item .ui-iggrid-pageimg, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item .ui-iggrid-pageimg { visibility: hidden; display: none; }
.mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging-item .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-paging .ui-iggrid-paging-item .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager .ui-iggrid-results .ui-iggrid-paging-item .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging-item .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-paging .ui-iggrid-paging-item .ui-iggrid-pagecurrent, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item .ui-iggrid-page, .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default .ui-iggrid-results .ui-iggrid-paging-item .ui-iggrid-pagecurrent { cursor: pointer; }

.ui-iggrid { background: #ffffff; border: 1px solid #888 !important; height: auto !important; padding-bottom: 1px; /*.ui-iggrid-colheaderasc .ui-iggrid-headertext,
.ui-iggrid-colheaderdesc .ui-iggrid-headertext { line-height: inherit !important;
}*/ /*Hide the custom Touchscrollbar*/ /*.ui-iggrid-scrolldiv.ui-widget-content{ height: auto !important;
}*/ }
.ui-iggrid tr.gridRowSeparatorLine td, .ui-iggrid tr.gridRowSeparatorLine th.ui-iggrid-rowselector-class { border-top-color: DimGrey !important; }
.ui-iggrid > div:not(.ui-igpopover) .ui-icon:not(.ui-iggrid-filterbutton):not(.ui-icon-circle-close):not(.ui-igedit-buttonimage):not(.ui-iggrid-expandbutton):not(.ui-iggrid-asc):not(.ui-iggrid-desc):before, .ui-iggrid > table .ui-icon:not(.ui-iggrid-filterbutton):not(.ui-icon-circle-close):not(.ui-igedit-buttonimage):not(.ui-iggrid-expandbutton):not(.ui-iggrid-asc):not(.ui-iggrid-desc):before { content: initial; }
.ui-iggrid .ui-iggrid-filtercell .ui-igeditor-input-container { width: initial !important; }
.ui-iggrid th .ui-icon { background-image: url("../Content/themes/base/images/ui-icons_454545_256x240.png") !important; }
.ui-iggrid .ui-widget-header:not(.ui-iggrid-pager) { /*border: 1px solid $WhiteColor;*/ border-left-width: 0; border-bottom-width: 0; border-top-width: 0; border-right: 1px solid #ffffff; /*background: #FAFBFB;*/ background: -webkit-linear-gradient(top, WhiteSmoke 0%, #ededed 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #ededed 100%); line-height: 28px; }
.ui-iggrid .ui-widget-header:not(.ui-iggrid-pager).ui-state-default { /*background: -webkit-linear-gradient(top, $WhiteColor 0%, #f7f8f9 100%);
background: linear-gradient(top, $WhiteColor 0%, #f7f8f9 100%);*/ background: -webkit-linear-gradient(top, WhiteSmoke 0%, #ededed 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #ededed 100%); /*border-bottom: 1px solid #d8d8d8 !important;
border-right: 1px solid #d8d8d8 !important;*/ }
.ui-iggrid .ui-widget-header:not(.ui-iggrid-pager).ui-state-default:last-child { border-right: 0 !important; }
.ui-iggrid .ui-widget-header:not(.ui-iggrid-pager).ui-state-default .ui-iggrid-headertext { color: #191919; }
.ui-iggrid .ui-widget-header:not(.ui-iggrid-pager) .ui-iggrid-headertext { color: #191919; display: block; }
.ui-iggrid .ui-iggrid-resize-line { visibility: hidden !important; }
.ui-iggrid th.emptyColumnHeader { /*background: -webkit-linear-gradient(top, $WhiteColor 0%, #f7f8f9 100%);
background: linear-gradient(to bottom, $WhiteColor 0%, #f7f8f9 100%);*/ background: -webkit-linear-gradient(top, WhiteSmoke 0%, #ededed 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #ededed 100%); border-bottom: 1px solid #d8d8d8 !important; border-right: 1px solid #d8d8d8 !important; }
.ui-iggrid td.emptyColumnFilter { background-color: #ffffff; }
.ui-iggrid th .ui-iggrid-indicatorcontainer .ui-iggrid-featurechooserbutton { display: none; visibility: hidden; }
.ui-iggrid .ui-iggrid-groupbyarea { min-height: 30px; }
.ui-iggrid .ui-iggrid-groupbyarea .ui-iggrid-grouparealist li { margin-top: 7px; }
.ui-iggrid .ui-iggrid-groupbyarea .ui-iggrid-groupbyareatext { margin: .4em 0 0 0; }
.ui-iggrid td { outline-width: 0px; border-width: 2px 0 !important; padding-left: 4px !important; padding-right: 4px !important; vertical-align: top; }
.ui-iggrid .ui-widget-content { border-bottom-color: transparent !important; }
.ui-iggrid .ui-iggrid > .ui-widget { display: none !important; }
.ui-iggrid .ui-iggrid.ui-corner-all { border-radius: 0 !important; }
.ui-iggrid .ui-iggrid-scrolldiv { background: #ffffff !important; border-style: none !important; z-index: 10 !important; /*overflow-y: visible!important;*/ }
.ui-iggrid td, .ui-iggrid th.ui-iggrid-rowselector-class, .ui-iggrid > table table.treegrid tr:first-child td { border-width: 1px; border-color: transparent !important; }
.ui-iggrid td .mtdrpHover, .ui-iggrid th.ui-iggrid-rowselector-class .mtdrpHover, .ui-iggrid > table table.treegrid tr:first-child td .mtdrpHover { border-color: DimGrey !important; border-radius: 0px !important; }
.ui-iggrid td .mtdrpAbove, .ui-iggrid th.ui-iggrid-rowselector-class .mtdrpAbove, .ui-iggrid > table table.treegrid tr:first-child td .mtdrpAbove { border-top-color: DimGrey !important; }
.ui-iggrid td .mtdrpBelow, .ui-iggrid th.ui-iggrid-rowselector-class .mtdrpBelow, .ui-iggrid > table table.treegrid tr:first-child td .mtdrpBelow { border-bottom-color: DimGrey !important; }
.ui-iggrid td.mtdrpHover { border-color: DimGrey !important; border-radius: 0px !important; }
.ui-iggrid td.mtdrpAbove { border-top-color: DimGrey !important; }
.ui-iggrid td.mtdrpBelow { border-bottom-color: DimGrey !important; }
.ui-iggrid tr:not(.ui-iggrid-groupedrow) td.ui-state-hover, .ui-iggrid tr:not(.ui-iggrid-groupedrow) th.ui-iggrid-rowselector-class.ui-state-hover { background: #CCE8E9 !important; border-color: #CCE8E9 !important; border-width: 2px 0 !important; }
.ui-iggrid tr.ui-state-focus:not(.ui-iggrid-groupedrow) td, .ui-iggrid tr.ui-state-focus:not(.ui-iggrid-groupedrow.ui-state-focus) td, .ui-iggrid tr.ui-state-focus:not(.ui-iggrid-groupedrow) .ui-iggrid-rowselector-class, .ui-iggrid tr:not(.ui-iggrid-groupedrow) td.ui-state-active, .ui-iggrid tr:not(.ui-iggrid-groupedrow) th.ui-iggrid-rowselector-class.ui-state-active, .ui-iggrid tr:not(.ui-iggrid-groupedrow) td.ui-state-active .textMediumGreyColor { background: #8fc4c6 !important; border-color: #8fc4c6 !important; border-width: 2px 0 !important; color: #191919 !important; }
.ui-iggrid .ui-widget-content tr.ui-state-focus td, .ui-iggrid .ui-widget-content tr.ui-state-focus th, .ui-iggrid .ui-widget-content tr.ui-ig-altrecord.ui-state-focus td, .ui-iggrid .ui-widget-content tr.ui-ig-altrecord.ui-state-focus th { border-top-color: transparent !important; border-bottom-color: transparent !important; }
.ui-iggrid .ui-iggrid-scrolldiv .ui-state-focus:not(.ui-igedit), .ui-iggrid .ui-iggrid-scrolldiv .ui-widget-content .ui-state-focus:not(.ui-igedit) { /*height: 30px;*/ /*border: 0px solid transparent !important;*/ border-color: transparent !important; outline-color: transparent; }
.ui-iggrid .ui-iggrid-scrolldiv:first-child .backlogGridRowTooltipFormatter, .ui-iggrid > table tr:first-child td .backlogGridRowTooltipFormatter, .ui-iggrid .ui-iggrid-responsive-vertical .backlogGridRowTooltipFormatter, .ui-iggrid .ui-iggrid-scrolldiv:first-child .userStoryBoardGridRowTooltipFormatter, .ui-iggrid > table tr:first-child td .userStoryBoardGridRowTooltipFormatter, .ui-iggrid .ui-iggrid-responsive-vertical .userStoryBoardGridRowTooltipFormatter { border-top-width: 0px !important; }
.ui-iggrid .ui-iggrid-tablebody > tr > td:first-child, .ui-iggrid .ui-iggrid-table > tbody > tr > td:first-child { border-left: 0px !important; }
.ui-iggrid .ui-iggrid-tablebody > tr > td:last-child, .ui-iggrid .ui-iggrid-table > tbody > tr > td:last-child { border-right: 0px !important; }
.ui-iggrid .ui-iggrid-tablebody > tr > td.mtdrpHover:first-child, .ui-iggrid .ui-iggrid-table > tbody > tr > td.mtdrpHover:first-child { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; }
.ui-iggrid .ui-iggrid-tablebody > tr > td.mtdrpHover:last-child, .ui-iggrid .ui-iggrid-table > tbody > tr > td.mtdrpHover:last-child { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }
.ui-iggrid tr.ui-iggrid-groupedrow td.ui-state-hover { background: transparent !important; border-color: transparent !important; border-width: 2px 0 !important; }
.ui-iggrid tr td.ui-widget-footer.ui-state-hover { background: transparent !important; border-color: transparent !important; border-width: 0 !important; }
.ui-iggrid tr.ui-iggrid-groupedrow td, .ui-iggrid > table tr:first-child.ui-iggrid-groupedrow td, .ui-iggrid tr.ui-state-focus.ui-iggrid-groupedrow td, .ui-iggrid tr.ui-iggrid-groupedrow .ui-state-active { background: transparent !important; border-color: transparent !important; border-width: 2px 0 !important; }
.ui-iggrid td.ui-state-active, .ui-iggrid .ui-ig-altrecord td.ui-state-active { background-color: #b4e3f8 !important; }
.ui-iggrid tr.ui-iggrid-groupedrow .ui-state-hover:first-child, .ui-iggrid tr.ui-iggrid-groupedrow .ui-state-active:first-child { border-left-width: 1px !important; }
.ui-iggrid tr td.ui-state-hover:first-child { border-left-width: 1px !important; }
.ui-iggrid tr td.ui-state-hover:last-child { border-right-width: 1px !important; }
.ui-iggrid tr td > div { overflow: hidden; text-overflow: ellipsis; }
.ui-iggrid tr td.mtdrp { /*border-width: 1px !important;*/ border-left-style: none; border-right-style: none; }
.ui-iggrid .ui-iggrid-responsive-vertical .ui-ig-altrecord { background-color: #f0f0f0; }
.ui-iggrid .ui-hidden-phone { display: none !important; }
.ui-iggrid td select { margin: 0; }
.ui-iggrid .ui-iggrid-headertext { text-align: center; }
.ui-iggrid .ui-iggrid-filterrow { background-color: #e8e8e8; }
.ui-iggrid .ui-iggrid-filterdd { max-height: -webkit-fill-available; }

.customizedViewTypeDialogGrid .ui-iggrid .ui-widget-header { /*background: -webkit-linear-gradient(top, $WhiteColor 0%, #f7f8f9 100%);
background: linear-gradient(top, $WhiteColor 0%, #f7f8f9 100%);*/ background: -webkit-linear-gradient(top, WhiteSmoke 0%, #ededed 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #ededed 100%); border-bottom: 1px solid #d8d8d8 !important; border-right: 1px solid #d8d8d8 !important; border: 0; }
.customizedViewTypeDialogGrid .ui-iggrid .ui-widget-header:last-child { border-right: 0; }
.customizedViewTypeDialogGrid .ui-iggrid .ui-widget-header .ui-iggrid-headertext { color: #191919; }

.mtMobile .ui-iggrid-scrolldiv { -ms-overflow-x: hidden !important; -ms-overflow-y: hidden !important; }

.pointerevents .ui-iggrid .ui-iggrid-tablebody td, .pointerevents .ui-iggrid .ui-iggrid-tablebody th.ui-iggrid-rowselector-class { padding-top: 0; padding-bottom: 0; height: 26px; outline-color: transparent; border-width: 2px 0 !important; border-left-style: none; border-right-style: none; padding-left: 4px; padding-right: 4px; }
.pointerevents .ui-iggrid th.ui-iggrid-header, .pointerevents .ui-iggrid th.ui-iggrid-rowselector-header { padding: 0; }
.pointerevents .ui-iggrid th.ui-iggrid-header .ui-iggrid-colindicator-asc, .pointerevents .ui-iggrid th.ui-iggrid-header .ui-iggrid-colindicator-desc { margin-top: 0; }
.pointerevents .ui-iggrid .ui-iggrid-expandbuttoncontainer-group-by { display: block; height: 2em; }

.GridMainContainer .ui-iggrid .ui-iggrid-scrolldiv:first-child:not(.backlogGridRowTooltipFormatter), .GridMainContainer .ui-iggrid > table tr:first-child td:not(.ui-iggrid-filtercell):not(.backlogGridRowTooltipFormatter), .GridMainContainer .ui-iggrid-responsive-vertical:not(.backlogGridRowTooltipFormatter) { border-top-width: 2px !important; }

.ui-widget-footer { border-width: 0 !important; }

.ui-iggrid > table tr:first-child td .ui-iggrid-filtercell { border-top: 0 !important; }

.gridStretchContainer:not(.absoluteStretch) { position: relative; }

.gridStretchContainer > .ui-iggrid > .ui-iggrid-scrolldiv { height: 100% !important; flex: 1 1 auto; }

.gridStretchContainer > .ui-iggrid > .ui-iggrid-scrolldiv > .ui-iggrid-table { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.ui-state-active .rtfeditor { color: initial !important; }

.gridCellTextArea { box-sizing: border-box; resize: vertical; }

/* Inputfield for query and possibly activity component */
.cellCenter { text-align: center; display: block !important; }

.cellRight { text-align: right; display: block !important; }

.cellRight.hidden, .workspaceMenuContainer:not(.overflow) .cellRight.tabcontrols, #searchcontrol > div .searchfields.collapsed .searchtoggle .cellRight#closesearch, #searchcontrol > div .searchfields:not(.collapsed) .searchtoggle .cellRight#opensearch, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody > tr.cellRight:last-child:not(:first-child), .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell label.cellRight[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell table.cellRight[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .cellRight.dxheDlgDisplayPropertiesCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .cellRight.dxheDlgSeparatorCell, .backstageMenuSection:not(.selected) ul.cellRight, .backstageMenuSection:not(.selected) .cellRight.icon.collapse, .backstageMenuSection.selected .cellRight.icon.expand { display: none !important; }

.ganttChartItemDisplay.cellRight { width: 100%; }

.cellInput { width: 100%; min-width: 20px !important; box-sizing: border-box; margin: 0; }

.dateTimeCell input[value=""]:not(:focus) { opacity: 0; }

.EmptyDataRow { color: #7D7D7D; font-weight: bold; font-family: 'OpenSans Bold'; }

/*.GridViewHeaderContainer::after { content: ''; width: 0; height: 0; border-top: solid 4px white; border-left: solid 4px transparent; border-right: solid 4px transparent; border-bottom: none; align-self: center; margin-right: 14px; margin-left: 7px;
}

.GridViewHeaderLabel { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}*/
body .ganttChartHeader .ganttHeaderResizerRight, body .ganttChartHeaderChart, body .GridViewHeader .GridViewHeaderResizerLeft, body .GridViewHeader .GridViewHeaderResizerRight, body .TreeGridHeader .TreeQueryGridViewHeaderResizerLeft, body .TreeGridHeader .TreeQueryGridViewHeaderResizerRight { border-color: #ffffff !important; }

body .ganttChartHeader, body .ganttChartHeaderChart, body .GridViewHeader, body .TreeGridHeader, body .mtTreeGrid .ui-iggrid .ui-widget-header:not(.ui-iggrid-pager) .ui-iggrid-headertext, body .mtTreeGrid .ui-iggrid .ui-widget-header:not(.ui-iggrid-pager).ui-state-default .ui-iggrid-headertext { color: #191919; font-weight: normal; }

body .mtTreeGrid .ui-iggrid .ui-widget-header:not(.ui-iggrid-pager), body .mtTreeGrid .ui-iggrid .ui-widget-header:not(.ui-iggrid-pager).ui-state-default { border-right: 1px solid #ffffff !important; /*background: -webkit-linear-gradient(top, #F3F3F3 0%, #CECECE 100%);
background: linear-gradient(to bottom, #F3F3F3 0%, #CECECE 100%);
background: $ModernLightMediumGrey !important;*/ background: -webkit-linear-gradient(top, WhiteSmoke 0%, #ededed 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #ededed 100%); }

body .mtTreeGrid .ui-widget .ui-iggrid-pager, body .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default, body .diagramPanel .mtTreeGrid .ui-widget .ui-iggrid-pager, body .diagramPanel .mtTreeGrid .ui-widget .ui-iggrid-pager.ui-state-default { border-top-color: #E1E1E1; }

body th.dxtlHSEC, body .dxgvHSDC td.dxgvHEC, body .dxgvHSDC td.BackgroundFills-QueryHeaderRepeat, body .BackgroundFills-QueryHeaderRepeat { /*background-image: url('../Images/sprite-BackgroundFills.png');
background-repeat: repeat-x;
background-position: 0 -350px !important;*/ /*background-image: none !important;*/ /*background: $ModernLightMediumGrey !important;*/ background: -webkit-linear-gradient(top, WhiteSmoke 0%, #ededed 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #ededed 100%); }

body > #wrapper .ganttChartView > div > div > div > div > div:first-child, body > #wrapper .ganttChartView > div > div > div > div > div:has(.ganttChartHeader), body > #wrapper .ganttChartView > div > div > div > div > div > div:has(.ganttChartHeader, .ganttChartHeaderChart), body > #wrapper .ganttChartView > div > div > div > div > div > div > div:has(.ganttChartHeaderChart) { /*background-position: 0 -280px !important;*/ /*background-image: none !important;*/ /*background: $ModernLightMediumGrey !important;*/ background: -webkit-linear-gradient(top, WhiteSmoke 0%, #ededed 100%) !important; background: linear-gradient(to bottom, #f5f5f5 0%, #ededed 100%) !important; }

.ui-iggrid-indicatorcontainer a > span { color: #191919; }

.dialog .ui-iggrid-sortableheader .ui-iggrid-headertext, .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .ui-iggrid-sortableheader .ui-iggrid-headertext { width: calc(100% - 34px) !important; }

/*.dialog .ui-iggrid-sortableheader.ui-iggrid-sortableheaderactive .ui-iggrid-headertext { width: 100% !important;
}*/
/* include component specific styles */
/*
* This files collects all components files
* 
* productComponent
*
* @see http://css-tricks.com/sass-style-guide/
*/
/*BackstageMenu*/
#backstageMenuContainer { top: 42px; left: 42px; right: 0; bottom: 0; }

#backstagemenu { padding: 0; height: auto; max-height: 100%; z-index: 100; left: -100%; border-bottom-right-radius: 4px; border-top-left-radius: 4px; background-image: none; width: 90%; max-width: 560px; }
@media only screen and (min-width: 40.0625em) { #backstagemenu { width: 66%; } }
@media only screen and (min-width: 64.0625em) { #backstagemenu { width: 560px; } }
#backstagemenu.open { left: 0; /*@include box-shadow(1px 0px 5px $DarkGreyFourAlpha75Color);*/ -moz-box-shadow: 1px 1px 3px rgba(25, 25, 25, 0.75); -webkit-box-shadow: 1px 1px 3px rgba(25, 25, 25, 0.75); box-shadow: 1px 1px 3px rgba(25, 25, 25, 0.75); }

.tileLoadingOverlay { position: absolute; width: 100%; height: 100%; background-color: rgba(25, 25, 25, 0.5); z-index: 101; border-radius: 4px; }
.tileLoadingOverlay > .throbber { top: 50%; left: 50%; margin-top: -2.5em; margin-left: -2.5em; }

li.tile .flexrow, li.tile .mtMobile #systembar, .mtMobile li.tile #systembar { z-index: 1; }

.mtMobile .TouchNavigationContent #backstagemenu { padding: 0; height: 100%; max-height: 100%; width: 100%; z-index: 100; left: 0; }
@media only screen and (min-width: 40.0625em) { .mtMobile .TouchNavigationContent #backstagemenu { width: 100%; left: 0; } }
@media only screen and (min-width: 64.0625em) { .mtMobile .TouchNavigationContent #backstagemenu { width: 100%; left: 0; } }
.mtMobile .TouchNavigationContent #backstagemenu.open { left: 0; -moz-box-shadow: 1px 0px 5px rgba(25, 25, 25, 0.75); -webkit-box-shadow: 1px 0px 5px rgba(25, 25, 25, 0.75); box-shadow: 1px 0px 5px rgba(25, 25, 25, 0.75); }

.backstageMenuSection.selected { background-color: unset !important; }

.backstageMenuGroupsContainer { padding: 14px 0 14px 14px; }
.backstageMenuGroupsContainer .backstagemenuheader { font-size: medium; margin: 7px; }
.backstageMenuGroupsContainer .backstagemenuheader.submenu { margin-left: 21px; }

.backstagemenuheaderContainer { border-left: 7px solid transparent; background-color: #ffffff; min-width: 168px; }
.backstagemenuheaderContainer.selected { /*@extend .borderRadiusL4;*/ border-left-color: #B80D29; background-color: #CCE8E9; }
.backstagemenuheaderContainer.selected::after { content: ''; border-top: solid 9px transparent; border-left: none; border-right: solid 9px #f9f9f9; border-bottom: solid 9px transparent; height: 50%; align-self: center; }
.backstagemenuheaderContainer:hover, .backstagemenuheaderContainer:focus-visible { background-color: #CCE8E9; }

.backstageMenuCommandsContainer { background-color: #f9f9f9; padding: 14px; max-height: 425px; }
.backstageMenuCommandsContainer:has(> div) { min-height: 425px; }
.backstageMenuCommandsContainer .backstageMenuSection.selected { outline: none; }
.backstageMenuCommandsContainer .backstageMenuSection .backstagemenucommand:last-of-type .groupbox { margin-bottom: 0; }
.backstageMenuCommandsContainer .backstageMenuSection .backstagemenucommand .groupbox { height: initial; }
.backstageMenuCommandsContainer .backstageMenuSection .backstagemenucommand .commandTitle { font-family: 'OpenSans Bold'; line-height: normal; }
.backstageMenuCommandsContainer .backstageMenuSection .backstagemenucommand .commandDescription { line-height: normal; }
.backstageMenuCommandsContainer .backstageMenuSection .backstagemenucommand:not(.disabled) .groupbox { background-image: none; background-color: #ffffff; }
.backstageMenuCommandsContainer .backstageMenuSection .backstagemenucommand:not(.disabled) .groupbox:hover { /*@include background-image(linear-gradient(to bottom, $WhiteColor, $LighterGreyOneColor));*/ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjZThlOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #cce8e9)); background-image: -moz-linear-gradient(top, #ffffff, #cce8e9); background-image: -webkit-linear-gradient(top, #ffffff, #cce8e9); background-image: linear-gradient(to bottom, #ffffff, #cce8e9); border-color: #8fc4c6; }
.backstageMenuCommandsContainer .backstageMenuSection .backstagemenucommand:not(.disabled) .groupbox:focus:not(:focus-visible) { outline: 2px solid transparent; }
.backstageMenuCommandsContainer .backstageMenuSection .backstagemenucommand:not(.disabled) .groupbox:focus-visible { outline: 2px solid #8fc4c6; }
.backstageMenuCommandsContainer .backstageMenuSection .backstagemenucommand:not(.disabled) .groupbox:focus:not(:hover):not(:active) { background-image: none; }

#backstagemenu .languageContainer { position: sticky; top: 100%; padding-right: 14px; }

#backstagemenu .connectionEndpointRow { padding: 3px 21px; border-top: 1px solid #f1f1f1; }
#backstagemenu .connectionEndpointRow #logoutButton { /*color: $MTRedColor;*/ cursor: pointer; }
#backstagemenu .connectionEndpointRow #logoutButton :hover { color: #2193A9; }

#backstagemenu:not(.myMenu) .languageContainer, #backstagemenu:not(.myMenu) .connectionEndpointRow { display: none; visibility: collapse; }

#backstagemenu.myMenu .backstagemenuheaderContainer:not([data-backstagemenukind='myMenu']) { display: none; visibility: collapse; }

#backstagemenu.systemSettings { position: absolute; bottom: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 4px; -moz-box-shadow: 1px -1px 3px rgba(25, 25, 25, 0.75); -webkit-box-shadow: 1px -1px 3px rgba(25, 25, 25, 0.75); box-shadow: 1px -1px 3px rgba(25, 25, 25, 0.75); }
#backstagemenu.systemSettings .backstagemenuheaderContainer:not([data-backstagemenukind='systemSettings']) { display: none; visibility: collapse; }
#backstagemenu.systemSettings .backstageMenuCommandsContainer { min-height: 165px; max-height: 165px; }

#wrapper:has(> #appcontent > #workspaceContainer:not(.hidden)) #backstagemenu.workspaceContext .backstagemenuheaderContainer:not([data-backstagemenukind='workspaceContext']) { display: none; visibility: collapse; }

#wrapper:has(> #appcontent > #backstageContainer:not(.hidden)) #backstagemenu.workspaceContext .backstagemenuheaderContainer:not([data-backstagemenukind='backstageContext']) { display: none; visibility: collapse; }

#wrapper:has(> #appcontent > #backstageContainer:not(.hidden)):not(:has(> header > #systembar #backstagemenu .backstagemenuheaderContainer[data-backstagemenukind='backstageContext'])) #contextBackstageMenuButton, #wrapper:not(:has(> header > #systembar #backstagemenu .backstageMenuSection[data-backstagemenukind='systemSettings'] > ul > li.backstagemenucommand.enabled)) #settingsMenuButton, #wrapper:not(:has(> header > #systembar #backstagemenu .backstageMenuSection.workspaceContextSettings > ul > li.backstagemenucommand.enabled)) .backstagemenuheaderContainer.workspaceContextSettings { display: none; visibility: collapse; }

#wrapper:has(> #appcontent > #workspaceContainer.hidden, > .workspaceMenuContainer:not(.overflow) #appcontent > #workspaceContainer.tabcontrols, > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody#appcontent > tr#workspaceContainer:last-child:not(:first-child), > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > label#workspaceContainer[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > table#workspaceContainer[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > #workspaceContainer.dxheDlgDisplayPropertiesCell, > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > #workspaceContainer.dxheDlgSeparatorCell, > .backstageMenuSection:not(.selected) #appcontent > ul#workspaceContainer, > .backstageMenuSection:not(.selected) #appcontent > #workspaceContainer.icon.collapse, > .backstageMenuSection.selected #appcontent > #workspaceContainer.icon.expand) #contextBackstageMenuButton svg.icon path { fill: transparent; }
#wrapper:has(> #appcontent > #workspaceContainer.hidden, > .workspaceMenuContainer:not(.overflow) #appcontent > #workspaceContainer.tabcontrols, > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody#appcontent > tr#workspaceContainer:last-child:not(:first-child), > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > label#workspaceContainer[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > table#workspaceContainer[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > #workspaceContainer.dxheDlgDisplayPropertiesCell, > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > #workspaceContainer.dxheDlgSeparatorCell, > .backstageMenuSection:not(.selected) #appcontent > ul#workspaceContainer, > .backstageMenuSection:not(.selected) #appcontent > #workspaceContainer.icon.collapse, > .backstageMenuSection.selected #appcontent > #workspaceContainer.icon.expand) #contextBackstageMenuButton svg.icon g#createMenu, #wrapper:has(> #appcontent > #workspaceContainer.hidden, > .workspaceMenuContainer:not(.overflow) #appcontent > #workspaceContainer.tabcontrols, > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody#appcontent > tr#workspaceContainer:last-child:not(:first-child), > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > label#workspaceContainer[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > table#workspaceContainer[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > #workspaceContainer.dxheDlgDisplayPropertiesCell, > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > #workspaceContainer.dxheDlgSeparatorCell, > .backstageMenuSection:not(.selected) #appcontent > ul#workspaceContainer, > .backstageMenuSection:not(.selected) #appcontent > #workspaceContainer.icon.collapse, > .backstageMenuSection.selected #appcontent > #workspaceContainer.icon.expand) #contextBackstageMenuButton svg.icon g#createMenu path { fill: #4b4b4b; }

#wrapper:has(> #appcontent > #backstageContainer.hidden, > .workspaceMenuContainer:not(.overflow) #appcontent > #backstageContainer.tabcontrols, > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody#appcontent > tr#backstageContainer:last-child:not(:first-child), > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > label#backstageContainer[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > table#backstageContainer[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > #backstageContainer.dxheDlgDisplayPropertiesCell, > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > #backstageContainer.dxheDlgSeparatorCell, > .backstageMenuSection:not(.selected) #appcontent > ul#backstageContainer, > .backstageMenuSection:not(.selected) #appcontent > #backstageContainer.icon.collapse, > .backstageMenuSection.selected #appcontent > #backstageContainer.icon.expand):not(:has(> #appcontent > #workspaceContainer .workspaceContent.active)) #contextBackstageMenuButton, #wrapper:has(> #appcontent > #backstageContainer.hidden, > .workspaceMenuContainer:not(.overflow) #appcontent > #backstageContainer.tabcontrols, > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody#appcontent > tr#backstageContainer:last-child:not(:first-child), > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > label#backstageContainer[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > table#backstageContainer[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > #backstageContainer.dxheDlgDisplayPropertiesCell, > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > #backstageContainer.dxheDlgSeparatorCell, > .backstageMenuSection:not(.selected) #appcontent > ul#backstageContainer, > .backstageMenuSection:not(.selected) #appcontent > #backstageContainer.icon.collapse, > .backstageMenuSection.selected #appcontent > #backstageContainer.icon.expand):has(> #appcontent > #workspaceContainer .workspaceContent.active[data-contextinstanceid='']) #contextBackstageMenuButton { visibility: collapse; }

#wrapper:has(> #appcontent > #workspaceContainer.hidden, > .workspaceMenuContainer:not(.overflow) #appcontent > #workspaceContainer.tabcontrols, > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dxheDlgInputCell > table > tbody#appcontent > tr#workspaceContainer:last-child:not(:first-child), > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > label#workspaceContainer[id$='_insertlinkdialog_MainPanel_rpInsertLink_lblToolTip'], > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > table#workspaceContainer[id$='_insertlinkdialog_MainPanel_rpInsertLink_txbToolTip'], > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > #workspaceContainer.dxheDlgDisplayPropertiesCell, > .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell #appcontent > #workspaceContainer.dxheDlgSeparatorCell, > .backstageMenuSection:not(.selected) #appcontent > ul#workspaceContainer, > .backstageMenuSection:not(.selected) #appcontent > #workspaceContainer.icon.collapse, > .backstageMenuSection.selected #appcontent > #workspaceContainer.icon.expand) #apptoolbarContextContainer #apptoolbarContextContent { display: none; visibility: collapse; }

/*
* This files contains all ressources specific for 
* 
* activityComponent
*
* @see http://css-tricks.com/sass-style-guide/
*/
.ActivityStateMarker { height: 5px; }
.ActivityStateMarker.active { background-color: #3B5E9E; }
.ActivityStateMarker.inactive { background-color: #dddddf; }

.ActualWorkingTimeMarker { height: 5px; width: 60%; margin: 0 auto; -moz-border-radius: 2.5px; -webkit-border-radius: 2.5px; border-radius: 2.5px; }
.ActualWorkingTimeMarker.unplanned { background-color: #C6C7C9; }
.ActualWorkingTimeMarker.unedited { background-color: #959597; }
.ActualWorkingTimeMarker.thresholdunmet { background-color: #90BC24; }
.ActualWorkingTimeMarker.thresholdmet { background-color: #0097BE; }
.ActualWorkingTimeMarker.thresholdexceeded { background-color: #B80D29; }

.ActualWorkingTime, .PlannedWorkingTime { width: 100%; }

.ActualWorkingTimeCell .treeGridInput, .ActualWorkingTimeCell .workingTimeInput, .TreeGridCell .treeGridInput, .TreeGridCell .workingTimeInput { height: 19px; border: 0; background-color: transparent; min-width: 10px; width: 90%; margin: 0 auto; text-align: center; }
.ActualWorkingTimeCell .PlannedWorkingTime, .TreeGridCell .PlannedWorkingTime { text-align: center; }
.ActualWorkingTimeCell input[readonly="readonly"], .ActualWorkingTimeCell input[readonly], .TreeGridCell input[readonly="readonly"], .TreeGridCell input[readonly] { color: #919191; background-image: none; }
.ActualWorkingTimeCell input[readonly="readonly"]:focus, .ActualWorkingTimeCell input[readonly]:focus, .TreeGridCell input[readonly="readonly"]:focus, .TreeGridCell input[readonly]:focus { border-color: DimGrey; }

.ActualWorkingTimeEditCell { padding: 0 !important; }

.PlannedWorkingTimeMarker.unplanned, .PlannedWorkingTimeMarkerLabel.unplanned { background-color: #C6C7C9; }
.PlannedWorkingTimeMarker.unloaded, .PlannedWorkingTimeMarkerLabel.unloaded { background-color: #0097BE; }
.PlannedWorkingTimeMarker.underloaded, .PlannedWorkingTimeMarkerLabel.underloaded { background-color: #7EA31F; }
.PlannedWorkingTimeMarker.fullcapacity, .PlannedWorkingTimeMarkerLabel.fullcapacity { background-color: #E8C500; }
.PlannedWorkingTimeMarker.overloaded, .PlannedWorkingTimeMarkerLabel.overloaded { background-color: #C40E2C; }

.PlannedWorkingTimeMarker { height: 10px; width: 100%; }

.PlannedWorkingTimeMarkerLabel { height: 16px; line-height: 16px; width: 70%; margin-left: 15%; top: -3px; border-radius: 4px; position: absolute; text-align: center; color: #ffffff; text-shadow: 0 0 4px #191919; }

/*
* ControlBar timeRecording
*/
.dial { height: 168px; }
.dial::-webkit-scrollbar { display: none; }
.dial li { text-align: center; color: #A5A5A5; font-size: 2rem !important; line-height: 56px; height: 56px; width: 56px; }
.dial li.active { color: DimGrey; font-size: 2.5rem !important; }

.dialtimesign { text-align: center; color: DimGrey; font-size: 2.5rem !important; line-height: 56px; height: 56px; }

/* RoadMap */
/* Charts */
.chartContainer { position: relative; }

.chartLegend, .chartLegend.ui-chart-legend { position: absolute; top: 10px; right: 10px; z-index: 4; padding-right: 35px; display: none; border: 1px solid #2193A9; border-radius: 4px; }

.chartLegendButton { width: 21px; height: 21px; position: absolute; top: 15px; right: 15px; z-index: 5; opacity: 0.6; cursor: pointer; }

.chartContainer .ui-chart-container { border: 0 !important; }

.chartTooltipContainer { padding: 5px; }

.chartTooltipIcon { width: 13px; height: 13px; vertical-align: middle; margin: 14px 15px 0 5px; }

.ui-chart-legend-item-badge { padding: 0 8px 0 4px; }

/* backlogviews */
.relatedContainer { -moz-box-shadow: 0px 4px 5px rgba(25, 25, 25, 0.5); -webkit-box-shadow: 0px 4px 5px rgba(25, 25, 25, 0.5); box-shadow: 0px 4px 5px rgba(25, 25, 25, 0.5); }

/*
* This files contains all ressources specific for 
* 
* coreComponent
*
* @see http://css-tricks.com/sass-style-guide/
*/
/*
* This files contains all ressources specific for 
* 
* diagramComponent
*
* @see http://css-tricks.com/sass-style-guide/
*/
/*  Diagram */
/* DiagramViewportControls */
.viewportControls { left: 0; bottom: 0; max-width: 20rem; }
.viewportControls .input { width: 5rem; }

/* Diagram Toolbar */
.toolbarcontainer .dock { background: rgba(0, 161, 255, 0.5); padding: 7px; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
.toolbarcontainer .dock.active { background: rgba(0, 161, 255, 0.75); }
.toolbarcontainer .dock.left, .toolbarcontainer .columnlayout .labelsLeft .inputGroup label.dock:first-child, .columnlayout .labelsLeft .inputGroup .toolbarcontainer label.dock:first-child { left: 0; top: 0; height: 50%; }
.toolbarcontainer .dock.top { left: 50%; top: 0; width: 50%; margin-left: -25%; }
.toolbarcontainer .dock.right, .toolbarcontainer input.dock[type="number"], .toolbarcontainer .columnlayout .inputGroup label.dock:first-child, .columnlayout .inputGroup .toolbarcontainer label.dock:first-child, .toolbarcontainer input.dock[type=number], .toolbarcontainer .mtClassic .ui-autocomplete li.dock, .mtClassic .ui-autocomplete .toolbarcontainer li.dock, .toolbarcontainer .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .dock.dxheDlgCaptionCell, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbarcontainer .dock.dxheDlgCaptionCell { right: 0; top: 0; height: 50%; }
.toolbarcontainer .dock.bottom { left: 50%; bottom: 0; width: 50%; margin-left: -25%; }

.toolbar { left: 0; top: 0; z-index: 4; }
.toolbar ul { list-style-type: none; height: auto; overflow: visible; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
.toolbar li { background: #E1E1E1; color: #191919; line-height: 42px; padding: 0 7px 0 7px; }
.toolbar li ul li { padding-right: 21px; }
.toolbar li:first-child { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.toolbar li:last-child { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.toolbar li.header { background: #8fc4c6; color: #191919; padding-left: 7px; padding-right: 21px; }
.toolbar.left li li:first-child, .columnlayout .labelsLeft .inputGroup label.toolbar:first-child li li:first-child, .toolbar.right li li:first-child, input.toolbar[type="number"] li li:first-child, .columnlayout .inputGroup label.toolbar:first-child li li:first-child, input.toolbar[type=number] li li:first-child, .mtClassic .ui-autocomplete li.toolbar li li:first-child, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbar.dxheDlgCaptionCell li li:first-child { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; }
.toolbar.left li li.header:last-child, .columnlayout .labelsLeft .inputGroup label.toolbar:first-child li li.header:last-child, .toolbar.right li li.header:last-child, input.toolbar[type="number"] li li.header:last-child, .columnlayout .inputGroup label.toolbar:first-child li li.header:last-child, input.toolbar[type=number] li li.header:last-child, .mtClassic .ui-autocomplete li.toolbar li li.header:last-child, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbar.dxheDlgCaptionCell li li.header:last-child { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.toolbar ul ul { transition: all 0.15s ease-in-out; visibility: hidden; overflow: hidden; padding: 0; width: auto; opacity: 0; background: Transparent; white-space: nowrap; margin-left: 42px; }
.toolbar.left ul ul, .columnlayout .labelsLeft .inputGroup label.toolbar:first-child ul ul, .toolbar.right ul ul, input.toolbar[type="number"] ul ul, .columnlayout .inputGroup label.toolbar:first-child ul ul, input.toolbar[type=number] ul ul, .mtClassic .ui-autocomplete li.toolbar ul ul, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbar.dxheDlgCaptionCell ul ul { margin-top: -42px; }
.toolbar.top ul ul, .toolbar.bottom ul ul { margin-top: 0; z-index: 2; }
.toolbar ul > li.hover:first-child { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }
.toolbar ul > li.hover:last-child { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.toolbar ul > li.hover > ul { overflow: visible; visibility: visible; opacity: 1; height: auto; }
.toolbar .toolbarbutton { list-style: none; border: 1px solid Transparent; margin-top: -3.5px; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
.toolbar .toolbarbutton:after { content: ""; vertical-align: middle; border: 1px solid Transparent; top: 0; bottom: 0; left: 0; right: 0; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
.toolbar li.hasSubItems > .toolbarbutton:before { content: ""; background: DimGrey; border: 1px solid #fff; position: absolute; right: 2px; bottom: 2px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.toolbar ul > li.hover > .toolbarbutton { border-color: #B9B9B9; }
.toolbar ul > li.current > .toolbarbutton { border-color: DimGrey; -moz-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); }
.toolbar ul li li:active > .toolbarbutton, .toolbar ul li .toolbarbutton:active { border-color: #919191; -moz-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.75); -webkit-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.75); box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.75); }
.toolbar ul > li:not(.header):not(.currentform).hover { background: #B9B9B9; }
.toolbar .statemachine { display: none; background: transparent; white-space: nowrap; margin-right: 7px; margin-left: 7px; font-size: 1em; line-height: 1.75em; }
.toolbar ul li:not(.current):not(:active).hover > .toolbarbutton:after { border-color: #fff; }
.toolbar .formsbutton { width: 14px; height: 42px; display: inline-block; position: absolute; right: 0; visibility: hidden; overflow: hidden; opacity: 0; border-left: 1px solid #666; pointer-events: none; }
.toolbar .formsbutton > svg { vertical-align: middle; pointer-events: none; }
.toolbar .formsbutton.hover > ul { overflow-y: auto; visibility: visible; opacity: 1; height: auto; pointer-events: all; }
.toolbar .formsbutton > ul { transition: all 0.15s ease-in-out; visibility: hidden; overflow-x: hidden; overflow-y: hidden; padding: 0; width: auto; opacity: 0; background: #E1E1E1; white-space: nowrap; margin-left: 14px; max-height: 300px; pointer-events: none; scroll-margin-left: -17px; }
.toolbar .formsbutton > ul > li { display: grid; grid-template-columns: 40px auto; gap: 7px; }
.toolbar .formsbutton > ul > li img { width: 20px; height: 20px; padding: 6.5px; border: 1px solid Transparent; border-radius: 3px; justify-self: center; align-self: center; }
.toolbar .formsbutton > ul > li svg { margin: 2.5px; border: 1px solid Transparent; border-radius: 3px; justify-self: center; align-self: center; }
.toolbar .formsbutton > ul > li.hover img { border-color: #ffffff; }
.toolbar .formsbutton > ul > li.hover svg { border-color: #ffffff; }
.toolbar .formsbutton > ul > li :last-child { grid-column: 2; }
.toolbar .formsbutton > ul > li:first-child { border-bottom: 2px; border-style: solid; border-bottom-color: #5f5f5e; }
.toolbar li.hover .formsbutton { pointer-events: all; }
.toolbar li.header {             /*& > .formsbutton { border-left-color: #ffffff;
 & > svg { path { stroke: #ffffff; } } }*/ }
.toolbar li.header .formsbutton.hover { background: #33B4FF; }
.toolbar li .formsbutton.hover { background: #C7C7C7; }
.toolbar li.hasFormItems > .formsbutton { visibility: visible; overflow: visible; opacity: 1; }
.toolbar li.currentform { background: #8fc4c6; color: #191919; }

.mtMobile .toolbar { left: 1px; top: 1px; background-color: #E1E1E1; }
.mtMobile .toolbar ul > li { padding: 0 8px 0 8px; line-height: 48px; margin-bottom: 3px; }
.mtMobile .toolbar ul > li .expandToolbarItem.hover { background: #E1E1E1; }
.mtMobile .toolbar ul > li .hover:first-child { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.mtMobile .toolbar.left ul ul, .mtMobile .columnlayout .labelsLeft .inputGroup label.toolbar:first-child ul ul, .columnlayout .labelsLeft .inputGroup .mtMobile label.toolbar:first-child ul ul, .mtMobile .toolbar.right ul ul, .mtMobile input.toolbar[type="number"] ul ul, .mtMobile .columnlayout .inputGroup label.toolbar:first-child ul ul, .columnlayout .inputGroup .mtMobile label.toolbar:first-child ul ul, .mtMobile input.toolbar[type=number] ul ul, .mtMobile .mtClassic .ui-autocomplete li.toolbar ul ul, .mtClassic .ui-autocomplete .mtMobile li.toolbar ul ul, .mtMobile .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .toolbar.dxheDlgCaptionCell ul ul, .HtmlEditorDialog.dxpcLite_DevEx .dxheDlgContentCell .mtMobile .toolbar.dxheDlgCaptionCell ul ul { margin-top: -48px; }
.mtMobile .toolbar ul ul { margin-left: 40px; }
.mtMobile .toolbar ul ul li { margin-bottom: 0; }
.mtMobile .toolbar .expandToolbarItem { padding-bottom: 0; }
.mtMobile .toolbar .statemachine { font-size: 1.16667em; line-height: 1.5em; }

.viewportControls { padding: 0 7px; }

/* toolbar minimization */
.expandItemRoot .header { display: none; }

body > #wrapper .workspacePaneContent .toolbar li.hover:first-child:not(:has(.formsbutton.hover)) { border-top-right-radius: 4px; }

body > #wrapper .workspacePaneContent .toolbar li.hover:last-child:not(:has(.formsbutton.hover)) { border-bottom-right-radius: 4px; }

body .toolbar li .formsbutton.hover { background-color: inherit !important; }

body .toolbar li .formsbutton li.toolbaritem:first-child { border-top-left-radius: 0px; }

.boxshadow .toolbar ul > li.hover > ul .formsbutton > ul { -moz-box-shadow: 0px 2px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: 0px 2px 3px rgba(25, 25, 25, 0.5); box-shadow: 0px 2px 3px rgba(25, 25, 25, 0.5); }

body .toolbar li { background-color: #ededed; }

/*
* This files contains all ressources specific for 
* 
* productComponent
*
* @see http://css-tricks.com/sass-style-guide/
*/
/* file previews */
.filepreview, .loadingindicator { text-align: center; max-width: 20em; margin: 0 auto; }

.loadingindicator { top: 50%; left: 50%; margin-left: -14px; margin-top: -14px; padding: 3.5px; background-color: #F5F5F5; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }

.fileinfo { z-index: 100; padding: 3.5px 3.5px; }

.preview { width: 100%; height: auto; }
.preview .landscape img, .preview audio { width: 100%; height: auto; }
.preview video { width: 100% !important; height: auto !important; }
.preview .portrait { height: 100%; width: auto; }
.preview .unsupported { background: #F74E1A; margin: 1em,0; padding: .5em; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }

/*
* This files contains all ressources specific for 
* 
* treeQueryComponent
*
* @see http://css-tricks.com/sass-style-guide/
*/
.TreeGridFocusedNode, .TreeGridSelectedNode { background-color: #8fc4c6; color: #191919; }

html:not(.mtMobile) .TreeGridNode:hover, .TreeGridFocusedNode:hover, .TreeGridSelectedNode:hover { color: #191919; background-color: rgba(219, 244, 255, 0.82); }

.TreeGrid.showButtonsOnHover .TreeGridNode .TreeGridCommandCell .toolbarbutton, .TreeGrid.showButtonsOnHover .TreeGridFocusedNode .TreeGridCommandCell .toolbarbutton, .TreeGrid.showButtonsOnHover .TreeGridSelectedNode .TreeGridCommandCell .toolbarbutton { visibility: collapse; }
.TreeGrid.showButtonsOnHover .TreeGridNode:hover .TreeGridCommandCell .toolbarbutton, .TreeGrid.showButtonsOnHover .TreeGridFocusedNode:hover .TreeGridCommandCell .toolbarbutton, .TreeGrid.showButtonsOnHover .TreeGridSelectedNode:hover .TreeGridCommandCell .toolbarbutton { visibility: visible; }

.TreeGridFocusedNode input:not([readonly="readonly"]) { color: #191919; }

.TreeGridFocusedNode:hover input:not([readonly="readonly"]) { color: #191919; }

.TreeGridFocusedNode input:focus, .TreeGridFocusedNode input:hover:focus { color: #191919; }

/*
* This files contains all ressources specific for 
* 
* workspaceComponent
*
* @see http://css-tricks.com/sass-style-guide/
*/
.TouchNavigationBar { z-index: 101; background-color: #909090; -moz-box-shadow: 0px 1px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: 0px 1px 3px rgba(25, 25, 25, 0.5); box-shadow: 0px 1px 3px rgba(25, 25, 25, 0.5); }
.TouchNavigationBar > li > svg { display: block; height: 100%; margin: auto; }

.TouchAreaNavigationContent { -moz-border-radius-topright: 0 !important; -webkit-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; }

.TouchNavigationContent { position: absolute; background-color: #ffffff; border-right: 1px solid #B9B9B9; z-index: 100; transition: all 0.3s ease; -moz-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.TouchNavigationContent.open { -moz-transform: translate3d(0%, 0, 0); -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }

.touchNavigationButton, .touchUserboardButton { list-style: none; /*&:hover { .icon { color: $DarkGreyTwoColor; }
}
&:active { .icon { color: $DarkGreyThreeColor }
}*/ /*&:not(.current) { .icon { background-color: $greyDarkColor }
}*/ }
.touchNavigationButton .icon, .touchUserboardButton .icon { color: #ffffff; }

.contextBrowserButton { -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }

.TouchNavigationPinned { position: static; -moz-transform: translate3d(0%, 0, 0); -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.TouchNavigationPinned > .navigationPaneHandle { display: none; }

.TouchNaviagtionBarIndicator { width: 0; height: 0; left: 48px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid white; position: absolute; z-index: 102; -moz-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out; }

/*
* Need to quickly fix things? Put it into shame.scss and move it to appropriate styles later on
*/
/*
* This file is intended to contain quick fixes to be made under time pressure.
* Add your quick fix here.
* Move it to another file later on.
*
* @see http://css-tricks.com/sass-style-guide/
*/
.userBoardContainer { overflow: auto; }

.createContainer { display: inline-block; }

.dockZoneContainer { float: left; }

.dockZoneContainer { margin: 8px 36px 0 14px; }

.dockZone { list-style-type: none; padding: 0; margin: 18px 0 0 0; width: 310px; min-height: 150px; }

.dockPanel { width: 310px; height: 150px; margin: 0 20px 20px 0; border-radius: 4px; }

.dockPanel:hover, .dockPanel:focus-visible { box-shadow: 0px 0px 6px #555555; }

.dockPanelPlaceholder { width: 310px; height: 150px; margin: 0 0 20px 0; background-color: #d1d1d1; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }

.tileIcon { background-color: #7D7D7D; width: 24px; height: 24px; border-radius: 12px; margin: 5px 20px 8px 8px; }

.tileButton { border-radius: 6px; border-width: 1px; border-style: inset; border-color: #f5f5f5; width: 208px; height: 44px; margin: 16px 0 16px 0; cursor: pointer; }

tileButton:hover { background-color: #cee8f7; }

.dxtcPageContent_mTProductlineTheme > div, .dxtc-content > div { height: 100%; width: 100%; overflow: auto; }

.PopupWindowContent { position: relative; }

.PopupWindowContent .dxpcContentPaddings_mTProductlineTheme { padding: 0 !important; }

.dialogLayout { width: 100%; height: 100%; }

.dialogFormContainer { position: absolute; top: 0; bottom: 49px; left: 0; right: 0; padding: 14px; }

.dialogFixedPart { display: table; width: 100%; }

.dialogItem { display: table-row; width: 100%; }

.dialogItemPart { display: table-cell; }

.dialogItemHeader { width: 1px; text-align: right; vertical-align: middle; padding: 0 10px; font-weight: bold; font-family: 'OpenSans Bold'; }

.dialogItemContent input { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.dialogTabs { height: 100%; }

.dialogFill { height: 100%; width: 100%; }

.dialogStateContainer { display: table-row; }

.dialogStateTable { display: table; width: 290px; height: 50px; background-color: #f6f6f6; border-radius: 4px; border: 1px solid #919191; float: right; margin: 10px 0; padding: 5px; }

.dialogStateRow { display: table-row; }

.dialogStateCell { display: table-cell; vertical-align: middle; }

.dialogStateCurrentState { font-style: italic; }

.cellDummy { display: table-cell; }

.dialogSaveAndNewCheck { color: #ffffff; margin: 15px 0; float: left; }

.dialogSaveAndNewCheck > input, .dialogSaveAndNewCheck > label { vertical-align: middle; }

/*
* jquery ui tabs
*/
.ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; }

.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; }

.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

.applicationMenu { float: right; margin-right: 60px; }

.applicationSubMenu { background-image: url(Images/SystemBarRepeat.png); background-repeat: repeat-x; height: 42px; }

.trident .workspacePaneContent.flex, .trident .flexbox .workspacePaneContent.flexformcontainer, .flexbox .trident .workspacePaneContent.flexformcontainer, .trident .workspacePaneContent.appmenu_submenu, .trident .mtMobile .workspacePaneContent#systembar, .mtMobile .trident .workspacePaneContent#systembar { display: block !important; }

body #appTitleBarContainer { display: none; }

body > #wrapper ul.tabs.workspaceTabs li.workspaceTab { margin-right: 0px; padding-left: 0px; padding-right: 0px; }

body > #wrapper ul.tabs.workspaceTabs li.workspaceTab > .icon { margin-left: 7px; }

body > #wrapper ul.tabs.workspaceTabs li.workspaceTab::after { content: ''; border-right: 1px solid transparent; vertical-align: middle; }

body > #wrapper ul.tabs.workspaceTabs li.workspaceTab.current::before { content: ''; position: absolute; }

body > #wrapper ul.tabs.workspaceTabs li.workspaceTab:not(.current):has(+ li:not(.current))::after { border-color: #A5A5A5; }

body > #wrapper ul.tabs.workspaceTabs li.workspaceTab:not(.current) { border-radius: inherit; }

body > #wrapper .tabLink.workspaceTab:not(.current):hover { background-color: inherit; }

body .workspaceMenuContainer .openContextContainer { align-items: end; }

.mtClassic body .openContext { border-top-left-radius: 0; border-top-right-radius: 0; padding: 4.33333px 0; height: 36px; bottom: -1px; position: relative; border: solid transparent; border-width: 1px 1px 0 1px; }
.mtClassic body .openContext.active { border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #ededed !important; border-color: #d1d1d1 !important; z-index: 2; }
.mtClassic body .openContext.active .contextName { color: #191919; }

.mtClassic > body > #wrapper:has(> #appcontent > #backstageContainer:not(.hidden)) .openContext, .mtClassic > body #systembar.workspaceHidden .openContext { border-color: transparent !important; }
.mtClassic > body > #wrapper:has(> #appcontent > #backstageContainer:not(.hidden)) .openContext.active, .mtClassic > body #systembar.workspaceHidden .openContext.active { /*border-bottom: 1px solid $ModernLightMediumGrey2 !important;*/ z-index: 0; }
.mtClassic > body > #wrapper:has(> #appcontent > #backstageContainer:not(.hidden)) .activeContextMarker, .mtClassic > body > #wrapper:has(> #appcontent > #backstageContainer:not(.hidden)) #apptoolbar, .mtClassic > body #systembar.workspaceHidden .activeContextMarker, .mtClassic > body #systembar.workspaceHidden #apptoolbar { border-width: 1px; }

body .openContext .contextName { margin: 0 7px 0 12px; }

body .openContext > div:first-child { padding-left: 4px !important; padding-right: 4px !important; }

body .openContext.project:not(.active), body .openContext.organization:not(.active) { background-color: transparent; }

/*body .openContext.project:not(.active),
body .openContext.organization:not(.active),*/
body #searchcontrol > div .searchfields, body #searchcontrol > div .searchfields.collapsed body #voiceassistantcontrol > div .flexcol, body #searchcontrol > div .searchfields.collapsed body #voiceassistantcontrol > div .verticalElements { /*background-color: $LightGreyTwoColor;*/ background-color: #b80d29; }

body .openContext.project:not(.active) span, body .openContext.organization:not(.active) span { color: #4B4A4A; }

body .openContext .inactiveTabMarker, body .openContext.organization::after { position: absolute; transform: none; margin-top: 0; left: 7px; /*top: 6px;
height: 21px;*/ top: 11.5px; height: 12px; width: 3px; /*top: 0;
height: 100%;
width: 7px;
border-top-left-radius: 7px;*/ }

body .openContext.organization:after { margin: 0; }

body .dialog .tabContent, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .tabContent, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv .tabContent, body .workspacePaneContent .tabContent { background-color: #f5f5f5; box-shadow: none !important; border-top-width: 0px !important; /*border-top: 0px solid #f5f5f5 !important;
border-left: 1px solid $LightGreyTwoColor;
border-bottom: 1px solid $LightGreyTwoColor;
outline: 1px solid $LightGreyTwoColor;*/ }

body .dialog ul.tabs, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv ul.tabs, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv ul.tabs, body .workspacePaneContent ul.tabs { border-top-left-radius: 4px; border-top-right-radius: 4px; }
body .dialog ul.tabs:after, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv ul.tabs:after, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv ul.tabs:after, body .workspacePaneContent ul.tabs:after { background: transparent; height: 20px; width: 20px; border-radius: 1px 0 0 1px / 20px 0 0 20px; display: inline-block; content: ''; position: relative; left: 10px; }
body .dialog ul.tabs li, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv ul.tabs li, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv ul.tabs li, body .workspacePaneContent ul.tabs li { margin-right: 0px; background-color: transparent; }
body .dialog ul.tabs li.tabLink, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv ul.tabs li.tabLink, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv ul.tabs li.tabLink, body .workspacePaneContent ul.tabs li.tabLink { margin-right: 0px; padding-left: 7px; padding-right: 0; /*border-left: 1px solid transparent;
border-right: 1px solid transparent;*/ }
body .dialog ul.tabs li.tabLink.current, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv ul.tabs li.tabLink.current, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv ul.tabs li.tabLink.current, body .workspacePaneContent ul.tabs li.tabLink.current { color: #1A7A8C; background-color: #f5f5f5; /*border-left: 1px solid $LightGreyTwoColor;
border-right: 1px solid $LightGreyTwoColor;
border-top: 1px solid $LightGreyTwoColor;*/ }
body .dialog ul.tabs li.tabLink.current.hasContent:before, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv ul.tabs li.tabLink.current.hasContent:before, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv ul.tabs li.tabLink.current.hasContent:before, body .workspacePaneContent ul.tabs li.tabLink.current.hasContent:before { background-color: #1A7A8C; }
body .dialog ul.tabs li.tabLink:not(.current), body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv ul.tabs li.tabLink:not(.current), .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv ul.tabs li.tabLink:not(.current), body .workspacePaneContent ul.tabs li.tabLink:not(.current) { border-radius: 0px; }
body .dialog ul.tabs li.tabLink:last-child, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv ul.tabs li.tabLink:last-child, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv ul.tabs li.tabLink:last-child, body .workspacePaneContent ul.tabs li.tabLink:last-child { border-top-right-radius: 4px !important; }
body .dialog ul.tabs li.tabLink:not(:first-child), body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv ul.tabs li.tabLink:not(:first-child), .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv ul.tabs li.tabLink:not(:first-child), body .workspacePaneContent ul.tabs li.tabLink:not(:first-child) { margin-left: -3px; }
body .dialog ul.tabs li.tabLink::after, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv ul.tabs li.tabLink::after, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv ul.tabs li.tabLink::after, body .workspacePaneContent ul.tabs li.tabLink::after { content: ''; border-right: 1px solid transparent; vertical-align: middle; margin-left: 7px; position: relative; }
body .dialog ul.tabs li.tabLink:not(.current):has(+ li:not(.current))::after, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv ul.tabs li.tabLink:not(.current):has(+ li:not(.current))::after, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv ul.tabs li.tabLink:not(.current):has(+ li:not(.current))::after, body .workspacePaneContent ul.tabs li.tabLink:not(.current):has(+ li:not(.current))::after { border-color: #A5A5A5; }

body .dialog .ui-iggrid, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .ui-iggrid, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv .ui-iggrid, body .dialog .tabContent .HtmlEditorViewArea, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .tabContent .HtmlEditorViewArea, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv .tabContent .HtmlEditorViewArea, body .dialog .tabContent .rtfeditor > .editable, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .tabContent .rtfeditor > .editable, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv .tabContent .rtfeditor > .editable, body .workspaceTabContent form .ui-iggrid { border-color: transparent !important; }

body .dialog .ui-iggrid-sortableheader > a, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv .ui-iggrid-sortableheader > a, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv .ui-iggrid-sortableheader > a, body .dialog span.ui-iggrid-headertext, body .HtmlEditorDialog.dxpcLite_DevEx .dxpc-mainDiv span.ui-iggrid-headertext, .HtmlEditorDialog.dxpcLite_DevEx body .dxpc-mainDiv span.ui-iggrid-headertext { font-size: 12px; }

body select { /*@include background-image(linear-gradient(to bottom, $WhiteColor, $LighterGreyOneColor));*/ background-image: none; background-color: #ffffff; appearance: auto; }

body select:not(:invalid):not([disabled]):hover, body select:not(:invalid):active { /*@include background-image(linear-gradient(to bottom, $WhiteColor, $LighterGreyOneColor));*/ background-image: none; background-color: #ffffff; }

body input.stateCell { /*@include background-image(linear-gradient(to bottom, $WhiteColor, $LighterGreyOneColor));*/ background-image: none; background-color: #ffffff; }

body input:focus, body select:focus { border-color: #2193A9; }

body select option:hover { background-color: #8fc4c6 !important; }

body .twoFactorAuthenticationLink:hover, body a { color: #2193A9; }

body input[readonly='readonly']:not(.focusInput), body input[readonly]:not(.focusInput), body input.readonly:not(.focusInput), body .readonly input:not(.focusInput), body textarea[readonly='readonly']:not(.focusInput), body textarea[readonly]:not(.focusInput), body textarea.readonly:not(.focusInput), body .readonly textarea:not(.focusInput) { background: #f5f5f5 !important; }

body input[type='checkbox']:checked { background-color: #2193A9 !important; }

body .itembox, body .elementstatebox, body .elementstatebox, body .backstagemenucommand .groupbox { border-radius: 4px; background-color: #f9f9f9; border-color: #B9B9B9; }

body #servicescontainer .service, body .groupbox { background-color: #f9f9f9; }

img.dxWeb_nbExpand.dxnb-btn { background: url("../Images/New/ArrowDown.png"); }

img.dxWeb_nbCollapse.dxnb-btn { background: url("../Images/New/ArrowUp.png"); }

img.dxWeb_nbExpand.dxnb-btn, img.dxWeb_nbCollapse.dxnb-btn { width: 9px; height: 6px; background-repeat: no-repeat; background-position: right top; align-self: center; }

body .NavigationBar > li.dxnb-gr { margin-left: 7px !important; }

body div[data-contenttype='Pane'] > .NavigationBar > li.dxnb-gr { border-left: 3px solid #ededed; border-radius: 4px; background-color: #fcfcfc; }

body .NavigationBar > li.dxnb-gr li.dxnb-gr { margin-left: -7px !important; }

body .NavigationBar li.dxnb-gr > .NavigationBarHeader:hover { border-left: 7px solid #b80d29 !important; }

body .NavigationBar .NavigationBarHeader { font-size: 14px; background-color: #ededed; border-left: 7px solid transparent !important; margin-bottom: 7px; margin-left: -7px; }

body .NavigationBar .dxnb-gr:not(:last-child) { margin-bottom: 14px; }

body .NavigationBar .dxnb-gr:last-child { margin-bottom: 0px; }

body .NavigationBarContent li .NavigationBarItem:hover, body .NavigationBarContent li.focusedNavBarItem .NavigationBarItem { background-color: #CCE8E9; color: initial; }

body .NavigationBarContent li .NavigationBarItem { border-radius: 4px; }

body .NavigationBarContent li.focusedNavBarItem { background-color: inherit; }

body .NavigationBar .NavigationBarContent { margin-bottom: 0px; }

body .NavigationBarContent li.focusedNavBarItem, body .NavigationBarContent li .NavigationBarItem:hover .icon { color: initial; }

body .NavigationBarContent li div[data-key='NavigationBarViewGroupView'] .NavigationBar .NavigationBarHeader, body .NavigationBarContent li div[data-key='NavigationBarViewGroupView'] .NavigationBar .NavigationBar .NavigationBarHeader { font-family: 'OpenSans SemiBold'; font-weight: inherit; font-size: 12px; }

body .NavigationBarContent li.dxnb-last > div[data-key='NavigationBarViewGroupView'] > ul > li.dxnb-last > .NavigationBarHeaderCollapsed { margin-bottom: 7px; }

body .NavigationBarContent li div[data-key='NavigationBarViewGroupView'] { margin-left: 14px; margin-right: 0px; }

body .NavigationBarContent { padding: 0 0 0 7px; }

body .browser .node:hover { border-radius: 4px; }

body .TreeGridFocusedNode, body .GridViewSelectedRow, body .GridViewFocusedRow, body .ganttChartItem[data-instanceid].mtselected, body .browser .focused:not(:hover), body .toolbar li.header, body .toolbar li.toolbaritem.currentform, body .selected, body ::selection, body .mtTreeGrid .ui-iggrid .ui-widget-content td.ui-state-active, body .mtTreeGrid .ui-iggrid .ui-widget-content tr:not(.ui-iggrid-groupedrow)[aria-selected="true"], body .mtTreeGrid .ui-iggrid .ui-widget-content .ui-ig-altrecord td.ui-state-active, body #servicescontainer .service.selected { background: #8fc4c6 !important; }

body input::selection, body textarea::selection { background: #CCE8E9; }

html:not(.mtMobile) body .TreeGridNode:hover, body .TreeGridFocusedNode:hover, html:not(.mtMobile) body .GridViewRow:hover, body .GridViewSelectedRow:hover, body .GridViewFocusedRow:hover, html:not(.mtMobile) body .ganttChartItem[data-instanceid]:hover, body .browser .node:hover, body .mtTreeGrid .ui-iggrid .ui-widget-content tr:not(.ui-iggrid-groupedrow):hover td, body .mtTreeGrid .ui-iggrid .ui-widget-content tr:not(.ui-iggrid-groupedrow):hover, body .mtTreeGrid .ui-iggrid .ui-widget-content tr:not(.ui-iggrid-groupedrow) th.ui-iggrid-rowselector-class.ui-state-hover, body .ui-iggrid tr:not(.ui-iggrid-groupedrow) td.ui-state-hover, body .ui-iggrid tr:not(.ui-iggrid-groupedrow) th.ui-iggrid-rowselector-class.ui-state-hover, body .toolbar ul > li:not(.header):not(.currentform).hover { background-color: #CCE8E9 !important; }

body .dashBoardPane .headerchart, body .dashBoardPane .valuecontainer .headerRow { background-color: #1A7A8C; }
body .dashBoardPane .headerchart svg.icon circle, body .dashBoardPane .valuecontainer .headerRow svg.icon circle { fill: #fafafa; }
body .dashBoardPane .headerchart svg.icon path, body .dashBoardPane .valuecontainer .headerRow svg.icon path { fill: #1A7A8C; }

body .node.focused:hover { color: inherit; }

body .ui-menu .ui-menu-item a.ui-state-focus, body .ui-menu .ui-menu-item a.ui-state-active { background-color: #CCE8E9 !important; border-color: #8fc4c6 !important; }

/*body .ui-menu.stateSelectionMenu .ui-menu-item a.ui-state-focus:not(:hover),*/
body .ui-menu .ui-menu-item a.ui-state-focus:active { background-color: #8fc4c6 !important; border-color: #8fc4c6 !important; }

body .ui-menu { border-radius: 4px; }
body .ui-menu .ui-menu-item a { border-radius: 4px !important; }

body .ui-menu .contextMenuItem.ui-menu-divider { margin-left: 7px; margin-right: 7px; }

body .ui-menu .ui-menu-item a > div:first-of-type { margin-left: 7px; }

body .ui-menu.stateSelectionMenu { border-color: #8fc4c6; }

body > .modaldialog #formsContainer .clearfix:has(.verticalElements .showAddViewPopup:not(.invisible)) { overflow: visible; }

.modaldialog #formsContainer .clearfix .verticalElements { height: 100%; }
.modaldialog #formsContainer .clearfix .verticalElements .showAddViewPopup { max-height: calc(100% - 35px); overflow: auto; scroll-behavior: smooth; }

html .modaldialog #formsContainer .clearfix .showAddViewPopup::-webkit-scrollbar, body .modaldialog #formsContainer .clearfix .showAddViewPopup::-webkit-scrollbar { width: 10px; }