@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 */
/* menu width */
/*
* Import compass helpers
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 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 { font-size: 1.333rem; font-family: 'OpenSans', 'Verdana', 'Arial', sans-serif; }

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

.mtMobile .stereotype { font-size: 1rem; font-family: 'OpenSans', 'Verdana', 'Arial', sans-serif; }

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

.mtMobile .NavigationBarPin, .mtMobile .treeItemClone svg { height: 24px; width: 24px; }

.mtMobile .closeProjectButton { height: 18px; width: 18px; }

/*
* Grids Guideline Tablet 
*/
.NavigationBarLabel { height: 48px; }

.NavigationBarLabel { margin-bottom: 3px; }

/*
* Color Guideline Tablet 
*/
/* Browser support & Vendor prefixes */
/*$experimental-support-for-khtml: true;*/
/* Constants */
/* menu width */
/*
* Import global files
*/
/* This file contains all styles relevant for raster sizes */
.rw1 { width: 7px; }

.minrw1 { min-width: 7px; }

.maxrw1 { max-width: 7px; }

.rw2 { width: 14px; }

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

.maxrw2 { max-width: 14px; }

.rw3, .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 { width: 35px; }

.minrw5 { min-width: 35px; }

.maxrw5 { max-width: 35px; }

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

.minrw6 { min-width: 42px; }

.maxrw6 { max-width: 42px; }

.rw7, .tabcontrols, #searchresults .resultheader .bookmark { 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, .timerecordingoverlay .timePicker .dialcontrol .dial li { 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 { 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, #viewModelContextMenu { 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, .elementstatebox { width: 350px; }

.minrw50 { min-width: 350px; }

.maxrw50 { max-width: 350px; }

.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, .buttongroup .inputGroup, .chapterreferences ul li, .furtherlinks ul li, #searchresults .resultheader .bookmark, #searchresults .groupheader { height: 21px; }

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

.maxrh3 { max-height: 21px; }

.rh4, .titlebar, .workspaceTabs .tabLink, .openContext, #searchresults .resultheader { height: 28px; }

.minrh4 { min-height: 28px; }

.maxrh4 { max-height: 28px; }

.rh5, #searchcontrol, .workspaceMenuContainer, #welcomescreen .closebutton, .accordion dt { height: 35px; }

.minrh5 { min-height: 35px; }

.maxrh5 { max-height: 35px; }

.rh6, #systembar { height: 42px; }

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

.maxrh6 { max-height: 42px; }

.rh7, .buttonbar { height: 49px; }

.minrh7 { min-height: 49px; }

.maxrh7 { max-height: 49px; }

.rh8, .timerecordingoverlay .timePicker .dialcontrol .dial li { 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; }

.rh14 { height: 98px; }

.minrh14 { min-height: 98px; }

.maxrh14 { max-height: 98px; }

.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 { height: 7px; width: 7px; }

.rwh2, #searchcontrol > div .searchOrReset { height: 14px; width: 14px; }

.rwh3, .tileToolTipIcon, .toolbarbutton, .diagrambutton, .squarebutton, .workspaceMenuButton, .toggletextexpansionbutton, .filenavigation .previous, .filenavigation .next, span.checkbox, #searchresults .resultheader .resultByRankButton, #searchresults .resultheader .resultAlphanumericalButton { height: 21px; width: 21px; }

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

.rwh5, #searchcontrol > div .searchtoggle { height: 35px; width: 35px; }

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

.rwh7 { height: 49px; width: 49px; }

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

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

.swh16, .referenceicon, .ganttChartNameIcon, .treequeryicon, .queryicon, .expanderbutton { height: 16px; width: 16px; }

.swh32, .popupMenu ul.actions li { height: 32px; width: 32px; }

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

.swh64 { height: 64px; 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, .verticalElements div:last-child, .listitem, #searchresults .resultitem { margin-bottom: 0px; }

.ml0 { margin-left: 0px; }

.mo0, html, body, .menubutton { margin: 0px 0px; }

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

.mr1, .service, .buttonbar .rectangularbutton, .buttonbar .buttongroup:nth-last-child(1), .toggletextexpansionbutton, .resultByRank, .columnlayout .inputGroup label:first-child, label.labelPlaceholder, .chapternumber, #searchcontrol > div .searchOrReset, #searchcontrol > div .searchfields, #searchresults .resultheader .bookmark { margin-right: 7px; }

.mb1, .flexbox .flexformcontainer > .flexrow: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, .groupbox, .opengroupbox, .verticalElements div, .userboardcontrols .circularbutton, input, select, textarea, .furtherlinks, .chaptercontent, .chapterbody, #searchresults .resultheader, #searchresults .resultitem { margin-bottom: 7px; }

.ml1, .referenceicon, .expanderbutton, .diagrambutton:not(:first-child), .filenavigation .next, .accordionnavigation .scrollup, .accordionnavigation .scrolldown, span.unit, #searchcontrol > div .searchOrReset, #searchcontrol > div .searchfields .inputwrapper #bestmatchplaceholder { margin-left: 7px; }

.mo1, .container .info .content, .container .info .result, .container .error .content, .container .error .result, .container .warning .content, .container .warning .result, .editable .value { margin: 7px 7px; }

.mt2, .containerheader .circularbutton, .chaptercontent { margin-top: 14px; }

.mr2, .referenceicon, .flexbox .flexrow: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 .flexrow:not(ul) > .verticalElements:not(:last-child):not(:only-child):not(:last-of-type), .appmenu dt, .openContext:not(:last-child), #searchcontrol > div .searchfieldsbkgr { margin-right: 14px; }

.mb2, .flexbox .flexcontainer > .flexrow:not(:last-child):not(:only-child):not(.nomargin), .flexbox .flexcontainer > .flexitem:not(:last-child):not(:only-child):not(.nomargin), .flexbox .flexcontainer > .flexcol:not(:last-child):not(:only-child):not(.nomargin), .flexbox .flexcontainer > .verticalElements:not(:last-child):not(:only-child):not(.nomargin), .flexbox .tabContent > .flexrow:not(:last-child):not(:only-child):not(.nomargin), .flexbox .tabContent > .flexitem:not(:last-child):not(:only-child):not(.nomargin), .flexbox .tabContent > .flexcol:not(:last-child):not(:only-child):not(.nomargin), .flexbox .tabContent > .verticalElements:not(:last-child):not(:only-child):not(.nomargin), .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 { margin-bottom: 14px; }

.ml2, .tileToolTipIcon, #applicationBar, .appmenu, .buttonbar .buttongroup:nth-child(1) { margin-left: 14px; }

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

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

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

.mb3 { margin-bottom: 21px; }

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

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

.mt4 { margin-top: 28px; }

.mr4 { margin-right: 28px; }

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

.ml4 { margin-left: 28px; }

.mo4 { margin: 28px 28px; }

.mt5 { margin-top: 35px; }

.mr5 { margin-right: 35px; }

.mb5 { margin-bottom: 35px; }

.ml5 { margin-left: 35px; }

.mo5 { margin: 35px 35px; }

.mt6 { margin-top: 42px; }

.mr6 { margin-right: 42px; }

.mb6 { margin-bottom: 42px; }

.ml6 { margin-left: 42px; }

.mo6 { margin: 42px 42px; }

.mt7 { margin-top: 49px; }

.mr7 { margin-right: 49px; }

.mb7 { margin-bottom: 49px; }

.ml7 { margin-left: 49px; }

.mo7 { margin: 49px 49px; }

.mt8 { margin-top: 56px; }

.mr8 { margin-right: 56px; }

.mb8 { margin-bottom: 56px; }

.ml8 { margin-left: 56px; }

.mo8 { margin: 56px 56px; }

.mt12 { margin-top: 84px; }

.mr12 { margin-right: 84px; }

.mb12 { margin-bottom: 84px; }

.ml12 { margin-left: 84px; }

.mo12 { margin: 84px 84px; }

.mt16 { margin-top: 112px; }

.mr16 { margin-right: 112px; }

.mb16 { margin-bottom: 112px; }

.ml16 { margin-left: 112px; }

.mo16 { margin: 112px 112px; }

.mt18 { margin-top: 126px; }

.mr18 { margin-right: 126px; }

.mb18 { margin-bottom: 126px; }

.ml18 { margin-left: 126px; }

.mo18 { margin: 126px 126px; }

.mt20 { margin-top: 140px; }

.mr20 { margin-right: 140px; }

.mb20 { margin-bottom: 140px; }

.ml20 { margin-left: 140px; }

.mo20 { margin: 140px 140px; }

.mt24 { margin-top: 168px; }

.mr24 { margin-right: 168px; }

.mb24 { margin-bottom: 168px; }

.ml24 { margin-left: 168px; }

.mo24 { margin: 168px 168px; }

.mt28 { margin-top: 196px; }

.mr28 { margin-right: 196px; }

.mb28 { margin-bottom: 196px; }

.ml28 { margin-left: 196px; }

.mo28 { margin: 196px 196px; }

.mt32 { margin-top: 224px; }

.mr32 { margin-right: 224px; }

.mb32 { margin-bottom: 224px; }

.ml32 { margin-left: 224px; }

.mo32 { margin: 224px 224px; }

.mt36 { margin-top: 252px; }

.mr36 { margin-right: 252px; }

.mb36 { margin-bottom: 252px; }

.ml36 { margin-left: 252px; }

.mo36 { margin: 252px 252px; }

.mt40 { margin-top: 280px; }

.mr40 { margin-right: 280px; }

.mb40 { margin-bottom: 280px; }

.ml40 { margin-left: 280px; }

.mo40 { margin: 280px 280px; }

.mt44 { margin-top: 308px; }

.mr44 { margin-right: 308px; }

.mb44 { margin-bottom: 308px; }

.ml44 { margin-left: 308px; }

.mo44 { margin: 308px 308px; }

.mt48 { margin-top: 336px; }

.mr48 { margin-right: 336px; }

.mb48 { margin-bottom: 336px; }

.ml48 { margin-left: 336px; }

.mo48 { margin: 336px 336px; }

.mt52 { margin-top: 364px; }

.mr52 { margin-right: 364px; }

.mb52 { margin-bottom: 364px; }

.ml52 { margin-left: 364px; }

.mo52 { margin: 364px 364px; }

.mt56 { margin-top: 392px; }

.mr56 { margin-right: 392px; }

.mb56 { margin-bottom: 392px; }

.ml56 { margin-left: 392px; }

.mo56 { margin: 392px 392px; }

.mt60 { margin-top: 420px; }

.mr60 { margin-right: 420px; }

.mb60 { margin-bottom: 420px; }

.ml60 { margin-left: 420px; }

.mo60 { margin: 420px 420px; }

.mt64 { margin-top: 448px; }

.mr64 { margin-right: 448px; }

.mb64 { margin-bottom: 448px; }

.ml64 { margin-left: 448px; }

.mo64 { margin: 448px 448px; }

.mt68 { margin-top: 476px; }

.mr68 { margin-right: 476px; }

.mb68 { margin-bottom: 476px; }

.ml68 { margin-left: 476px; }

.mo68 { margin: 476px 476px; }

.mt72 { margin-top: 504px; }

.mr72 { margin-right: 504px; }

.mb72 { margin-bottom: 504px; }

.ml72 { margin-left: 504px; }

.mo72 { margin: 504px 504px; }

.mt76 { margin-top: 532px; }

.mr76 { margin-right: 532px; }

.mb76 { margin-bottom: 532px; }

.ml76 { margin-left: 532px; }

.mo76 { margin: 532px 532px; }

.mt80 { margin-top: 560px; }

.mr80 { margin-right: 560px; }

.mb80 { margin-bottom: 560px; }

.ml80 { margin-left: 560px; }

.mo80 { margin: 560px 560px; }

.mt84 { margin-top: 588px; }

.mr84 { margin-right: 588px; }

.mb84 { margin-bottom: 588px; }

.ml84 { margin-left: 588px; }

.mo84 { margin: 588px 588px; }

.mt88 { margin-top: 616px; }

.mr88 { margin-right: 616px; }

.mb88 { margin-bottom: 616px; }

.ml88 { margin-left: 616px; }

.mo88 { margin: 616px 616px; }

.mt92 { margin-top: 644px; }

.mr92 { margin-right: 644px; }

.mb92 { margin-bottom: 644px; }

.ml92 { margin-left: 644px; }

.mo92 { margin: 644px 644px; }

.mt96 { margin-top: 672px; }

.mr96 { margin-right: 672px; }

.mb96 { margin-bottom: 672px; }

.ml96 { margin-left: 672px; }

.mo96 { margin: 672px 672px; }

.mt100 { margin-top: 700px; }

.mr100 { margin-right: 700px; }

.mb100 { margin-bottom: 700px; }

.ml100 { margin-left: 700px; }

.mo100 { margin: 700px 700px; }

.pt0 { padding-top: 0px; }

.pr0 { padding-right: 0px; }

.pb0 { padding-bottom: 0px; }

.pl0 { padding-left: 0px; }

.po0, html, body, .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 { padding-top: 7px; }

.pr1 { padding-right: 7px; }

.pb1 { padding-bottom: 7px; }

.pl1 { padding-left: 7px; }

.po1, .service, .groupbox, .opengroupbox { 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 { 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 { -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-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; }

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

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

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

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

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

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

/* This files contains all application specific ressources  @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 { 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; }

.MiscIcons-sprite, .MiscIcons-Admin, .MiscIcons-AdminSmall, .MiscIcons-CloseSearch, .MiscIcons-DefaultUser, .MiscIcons-EmptyState, .MiscIcons-Error, .MiscIcons-ExecuteSearch, .MiscIcons-FontBold, .MiscIcons-FontItalic, .MiscIcons-FontStrikeThrough, .MiscIcons-FontUnderline, .MiscIcons-Missing, .MiscIcons-OpenSearch, .MiscIcons-Question, .MiscIcons-ResetSearch, .MiscIcons-SortAlphanumeric, .MiscIcons-SortAscending, .MiscIcons-SortDescending, .MiscIcons-SortRanked, .MiscIcons-Warning, input:invalid, input .input-validation-error, select:invalid, select .input-validation-error, textarea:invalid, textarea .input-validation-error { background-image: url('../images/sprite-MiscIcons.png'); background-repeat: no-repeat; }

.BackgroundFills-sprite, .BackgroundFills-ButtonBarRepeat, .BackgroundFills-DialogTitleBarRepeat, .BackgroundFills-QueryHeaderRepeat, .BackgroundFills-SystemBarRepeat, .BackgroundFills-TitleBarRepeat, #systembar, .titlebar, .buttonbar, .modaldialog .titlebar { 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 -56px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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
*/
body { color: #191919; -webkit-tap-highlight-color: transparent; }

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

/*
*  Theme colors
*/
.rectangularbutton:not(.disabled), .radiobuttongroup label:not(.disabled), label:not(.disabled) { color: #2D2D2D; }
.rectangularbutton.disabled, .radiobuttongroup label.disabled, label.disabled { color: #A5A5A5; }

.rectangularbutton { border-width: 1px; border-style: solid; }
.rectangularbutton:not(.disabled) { border-color: #919191; background: #ebebeb; }
.rectangularbutton:not(.disabled):hover { background: #c8e0ee; }
.rectangularbutton.disabled { color: #A5A5A5; border-color: #B9B9B9; }

.repeatx, #systembar, .titlebar, .buttonbar, .modaldialog .titlebar { background-repeat: repeat-x; }

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

#systembar { background-position: 0 -168px; }

.mtClassic #systembar { background-color: #6F6F6F; }

/* 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.5rem; 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: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: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }

.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 { background-position: 0 -231px; }

.buttonbar { background: #f7f7f7; border-top: 1px solid #b0b0b0; }

/*
* Effects and  shadows
*/
.boxshadow #viewModelContextMenu, .boxshadow .ui-menu { -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 { -moz-box-shadow: 0px 0px 25px #191919; -webkit-box-shadow: 0px 0px 25px #191919; box-shadow: 0px 0px 25px #191919; }
.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.mtMobile ul.tabs li.current { z-index: 8; }

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

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

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

.service { background-color: #F5F5F5; }

#workspaceContainer { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjAlIiBjeT0iMCUiIHI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkMmQyZDIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOGE4YTgiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -moz-radial-gradient(left top, #d2d2d2, #a8a8a8); background-image: -webkit-radial-gradient(left top, #d2d2d2, #a8a8a8); background-image: radial-gradient(left top, #d2d2d2, #a8a8a8); }

label { color: #191919; }

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

.modaldialog .title { color: #191919; }

.tabContent { background: WhiteSmoke; }

.workspaceTabContent { background: #fff; }

.buttonbar { background-position: 0 0; }

/*
* Menus
*/
.appmenu dt { color: #fff; }
.appmenu dt:hover { background: pink; }
.appmenu dd { background: #CDCDCD; }
.appmenu dd:hover { background: yellow; }

footer p { color: #CDCDCD; text-shadow: 0 1px 0px rgba(255, 255, 255, 0.5); }

/*
* Dialogs
*/
.modaldialog .titlebar { background-position: 0 -70px; }
.modaldialog .container, .modaldialog .flexcontainer { background: #fff; }
.modaldialog .modaloverlay { background: Transparent; }

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

.openContext.project:after { background: #006293; }
.openContext.project.template:after { background: #8798AA; }
.openContext.organization:after { background: #85141F; }
.openContext.organization.template:after { background: #B67279; }

.undefined { background-color: #808183; }

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

.backstageMenu_menuContainer { background-color: #B80D29; }

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

ul.workspaceTabs { background: #E1E1E1; }
ul.workspaceTabs li:hover { background: WhiteSmoke; }
ul.workspaceTabs li.current { background: #fff; color: #191919; }

.tabcontrols { background: #E1E1E1; }

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

/* NavigationBar */
.NavigationBarHeader { background: #ebebeb; }

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

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

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

.hoveritem:hover { color: white; background-color: #00A1FF; }

.listitem:hover, #searchresults .resultitem:hover { background-color: #00A1FF; color: White; }

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

.productColor { color: #006193; }

.productBackground { background: #006193; }

/* This files contains all styles relevant for svg icons  @see http://css-tricks.com/sass-style-guide/ */
.focused .icon { color: #605F5F; }

.whitecolor { color: #ffffff; }

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

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

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

.greencolor2, .requirementscolor, .requirementsdiagramcolor { color: #648556; }

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

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

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

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

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

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

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

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

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

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

.browncolor1, .blockcolor, .blockdiagramcolor, .internalblockcolor, .signalcolor, .blockinterfacecolor { color: #5F381A; }

.focused .icon { color: #ffffff; }

.NavigationBarItem:hover .icon { color: #ffffff; }

.diagrambutton .icon { color: #E1E1E1; }

.diagrambutton:hover .icon { color: #B9B9B9; }

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

.treequeryicon { margin-left: 0px; }

.ganttChartNameIcon { margin-left: 12px; }

.tileToolTipIcon { z-index: 100; }

.smallicon { width: 16px; height: 16px; vertical-align: middle; -webkit-flex-shrink: 0; flex-shrink: 0; display: inline-block; }

.mediumicon { width: 24px; height: 24px; -webkit-flex-shrink: 0; flex-shrink: 0; }

.icon { width: 28px; height: 28px; -webkit-flex-shrink: 0; flex-shrink: 0; }

.headericon { width: 21px; height: 21px; -webkit-flex-shrink: 0; flex-shrink: 0; }

svg.icon { padding: 2px; }

svg.headericon { -moz-transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); padding: 0; }

.largeicon { width: 32px; height: 32px; -webkit-flex-shrink: 0; flex-shrink: 0; }

/*
* This files contains all styles relevant for transitions
*
* @see http://css-tricks.com/sass-style-guide/
*/
.csstransitions { /* tooltips */ }
.csstransitions .button, .csstransitions .rectangularbutton, .csstransitions #welcomescreen .closebutton, #welcomescreen .csstransitions .closebutton, .csstransitions .linkbutton, .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-backface-visibility: hidden; -moz-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; -webkit-transition: opacity 0.4s linear; transition: opacity 0.4s 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; }

/*
* This file contains all styles relevant for interactions
*/
.noselect, .button, .rectangularbutton, #welcomescreen .closebutton, .linkbutton, .simplebutton:not(.disabled), .toggletextexpansionbutton:not(.disabled), .alternateflowbutton:not(.disabled), .dialogclosebutton, ul.tabs, ul.tabs li, .tabContent, .applicationBar, .openContext, .SplitterVerticalSeparator, .SplitterHorizontalSeparator, .workspaceMenuContainer, h1, h2, h3, h4, h5, h6, .h1, h2.backstageContentHeader, .h2, .h3, .h4, .h5, .h6, label, legend, .tabLink, .expanderheader, footer, .titlebar, .title, #searchcontrol > div .searchfields .inputwrapper #bestmatchplaceholder { -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: text; -ms-user-select: text; -webkit-user-select: text; user-select: text; }

/*
* 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.eot"); src: local("☺"), url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.svg#OpenSans") format("svg"), url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.woff") format("woff"); font-weight: 400; font-style: normal;
  /*font-stretch: $font-stretch;*/ }
@font-face { font-family: "OpenSans Semibold"; src: url("../fonts/OpenSans-Semibold.eot"); src: local("☺"), url("../fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold.svg#OpenSans Semibold") format("svg"), url("../fonts/OpenSans-Semibold.ttf") format("truetype"), url("../fonts/OpenSans-Semibold.woff") format("woff"); font-weight: 500; font-style: normal;
  /*font-stretch: $font-stretch;*/ }
@font-face { font-family: "OpenSans Bold"; src: url("../fonts/OpenSans-Bold.eot"); src: local("☺"), url("../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold.svg#OpenSans Bold") format("svg"), url("../fonts/OpenSans-Bold.ttf") format("truetype"), url("../fonts/OpenSans-Bold.woff") format("woff"); font-weight: 700; font-style: normal;
  /*font-stretch: $font-stretch;*/ }
@font-face { font-family: "OpenSans Light"; src: url("../fonts/OpenSans-Light.eot"); src: local("☺"), url("../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light.svg#OpenSans Light") format("svg"), url("../fonts/OpenSans-Light.ttf") format("truetype"), url("../fonts/OpenSans-Light.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); }

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

h1, .h1, h2.backstageContentHeader { font-size: 2.333em; line-height: 1.12516em; }

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

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

h4, .h4 { font-size: 1.166em; line-height: 2.25129em; }

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

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

.tabLink { font-family: 'OpenSans', sans-serif; white-space: nowrap; font-size: 1em; line-height: 1.3125em; }

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

/*
* Selectors
*/
strong, .bold, .accordiontitle a.h3, .timerecordingoverlay .timePicker .dialcontrol .dial li, .timerecordingoverlay .timePicker .dialcontrol .dialtimesign { font-family: 'OpenSans Bold', 'Verdana', 'Arial', sans-serif; }

.weightBold { font-weight: bold; }

.semibold, h4, .h4, label, legend, .info, .error, .warning, .tab, .tabLink, .storiescontrol .label, .stepselection .label, .storyselection .label, .slice .label, .storiescontrol .condition, .storiescontrol .alternatestepsselector li, span.unit, .NavigationBarItem.focus, .chapternumber, #searchresults .resultheader, #searchresults .groupheader { 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; }

.underline { text-decoration: underline; }

.left { text-align: left; }

.center, .textcenter { text-align: center; }

.right, input[type="number"], .columnlayout .inputGroup label:first-child, input[type=number] { text-align: right; }

.white { color: #ffffff; }

.info, .error, .warning { word-wrap: break-word; }

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

.titlebar { line-height: 28px; }

.button, .rectangularbutton, #welcomescreen .closebutton, .linkbutton { text-align: center; vertical-align: middle; line-height: 21px; }
.button:link, .rectangularbutton:link, #welcomescreen .closebutton:link, .linkbutton:link, .button:active, .rectangularbutton:active, #welcomescreen .closebutton:active, .linkbutton:active, .button:visited, .rectangularbutton:visited, #welcomescreen .closebutton:visited, .linkbutton:visited { text-decoration: none; }

.lineHeight4 { line-height: 28px; }

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

.trim, .elementstatebox span, .title, .tile .path div.flex1, label.pointer, label.button:not(.disabled), label.rectangularbutton:not(.disabled), #welcomescreen label.closebutton:not(.disabled), label.linkbutton:not(.disabled), label.simplebutton:not(.disabled), label.toggletextexpansionbutton:not(.disabled), label.alternateflowbutton:not(.disabled), label.dialogclosebutton:not(.disabled), .ui-menu .ui-menu-item a, .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; }

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

/*
* 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 .flexcontainer, .flexbox .container, .flexbox .content, .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 .menubutton, .flexbox fieldset > .fieldsetContent, .flexbox .messageRow { 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 .flexcontainer, .flexbox .container, .flexbox .content, .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 .mtMobile .name, .mtMobile .flexbox .name, .flexbox .mtMobile .stereotype, .mtMobile .flexbox .stereotype, .flexbox #searchresults .groupitems, #searchresults .flexbox .groupitems, .flexbox .messageMarker { -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 .flexrow.wraprow:not(ul), .flexbox .flexcontainer label, .flexbox .tabContent label, .flexbox #searchcontrol, .flexbox #appthrobber, .flexbox .menubutton { -webkit-flex-shrink: 0; flex-shrink: 0; }
.flexbox .flexstretch, .flexbox .flexcol, .flexbox .verticalElements, .flexbox #searchresults .groupitems, #searchresults .flexbox .groupitems, .flexbox .timerecordingoverlay .timePicker .dialcontrol .dialcontainer, .timerecordingoverlay .timePicker .dialcontrol .flexbox .dialcontainer, .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 .NavigationBarItem, .flexbox .messageRow, .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 { -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 #searchcontrol, .flexbox #appthrobber, .flexbox .workspaceMenuContainer, .flexbox .toggletextexpansionbutton { -webkit-align-self: flex-end; align-self: flex-end; }
.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 .NavigationBarItem, .flexbox .messageRow { 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 { 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 { -webkit-align-self: center; align-self: center; }
.flexbox .flexcontainer, .flexbox .container, .flexbox .content, .flexbox .result, .flexbox .editable { -webkit-flex-basis: 28px; flex-basis: 28px; }
.flexbox .modaldialog { -webkit-align-items: center; align-items: center; }
.flexbox .titlebar { -webkit-align-self: flex-start; align-self: flex-start; }
.flexbox .tabscontainer, .flexbox #applicationBar, .flexbox .workspaceMenuContainer { overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.flexbox .center, .flexbox .filepreview, .flexbox .openContext > *, .flexbox #searchresults .groupheader, #searchresults .flexbox .groupheader, .flexbox .messageType, .flexbox .messageTypeWithMarker, .flexbox .timerecordingoverlay .timePicker .dialcontrol .dial li, .timerecordingoverlay .timePicker .dialcontrol .dial .flexbox li, .flexbox .timerecordingoverlay .timePicker .dialcontrol .dialtimesign, .timerecordingoverlay .timePicker .dialcontrol .flexbox .dialtimesign { -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 .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 { -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 { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }
.flexbox .buttonbar .rectangularbutton, .flexbox .buttonbar .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);
@include align-self(flex-start);*/ }
.flexbox #appthrobber { display: -webkit-flex; display: flex; -webkit-align-content: center; align-content: center; }
.flexbox .storiescontrol .flexcontainer > .flexrow, .flexbox .stepselection .flexcontainer > .flexrow { 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; }
.no-flexbox.flexboxlegacy .flex, .no-flexbox.flexboxlegacy .flexbox .flexformcontainer, .flexbox .no-flexbox.flexboxlegacy .flexformcontainer { display: -moz-box; -moz-box-orient: vertical; display: -webkit-box; -webkit-box-orient: vertical; }
.no-flexbox.flexboxlegacy .flex1 { -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 .timerecordingoverlay .timePicker .dialcontrol .dialcontainer, .flexbox .timerecordingoverlay .timePicker .dialcontrol .no-flexbox.flexboxlegacy .dialcontainer, .no-flexbox.flexboxlegacy .timerecordingoverlay .timePicker .dialcontrol .flexbox .dialcontainer, .timerecordingoverlay .timePicker .dialcontrol .flexbox .no-flexbox.flexboxlegacy .dialcontainer, .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 .NavigationBarItem, .flexbox .no-flexbox.flexboxlegacy .NavigationBarItem, .no-flexbox.flexboxlegacy .flexbox .messageRow, .flexbox .no-flexbox.flexboxlegacy .messageRow { -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 { display: -moz-box; -moz-box-orient: horizontal; display: -webkit-box; -webkit-box-orient: horizontal; }
.no-flexbox.flexboxlegacy .flexrowcenter { 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 .editable { -webkit-flex-basis: 28px; flex-basis: 28px; }
.no-flexbox.flexboxlegacy .flexrow > .flexitem:not(:last-child), .no-flexbox.flexboxlegacy .flexrow > .flexcol:not(:last-child), .no-flexbox.flexboxlegacy .flexrow > .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 .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 .flexcol > .flexitem:not(:last-child), .no-flexbox.flexboxlegacy .verticalElements > .flexitem:not(:last-child), .no-flexbox.flexboxlegacy .tabContent > .flexrow: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 { margin-bottom: 0; }
.no-flexbox.flexboxlegacy .titlebar { -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, .no-flexbox.flexboxlegacy .flexbox .filepreview, .flexbox .no-flexbox.flexboxlegacy .filepreview, .no-flexbox.flexboxlegacy .openContext > *, .no-flexbox.flexboxlegacy #searchresults .groupheader, #searchresults .no-flexbox.flexboxlegacy .groupheader, .no-flexbox.flexboxlegacy .messageType, .no-flexbox.flexboxlegacy .messageTypeWithMarker, .no-flexbox.flexboxlegacy .timerecordingoverlay .timePicker .dialcontrol .dial li, .timerecordingoverlay .timePicker .dialcontrol .dial .no-flexbox.flexboxlegacy li, .no-flexbox.flexboxlegacy .timerecordingoverlay .timePicker .dialcontrol .dialtimesign, .timerecordingoverlay .timePicker .dialcontrol .no-flexbox.flexboxlegacy .dialtimesign { -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 { -moz-box-align: center; -moz-box-pack: center; -webkit-box-align: center; -webkit-box-pack: center; }
.no-flexbox.flexboxlegacy .buttonbar { display: -moz-box; -moz-box-orient: horizontal; display: -webkit-box; -webkit-box-orient: horizontal; }
.no-flexbox.flexboxlegacy .buttonbar .rectangularbutton, .no-flexbox.flexboxlegacy .buttonbar .inputGroup { -webkit-flex: 0 1 auto; flex: 0 1 auto; }
.no-flexbox.flexboxlegacy .tabscontainer, .no-flexbox.flexboxlegacy #applicationBar, .no-flexbox.flexboxlegacy .workspaceMenuContainer { 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; }

/* 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 { overflow: hidden; *zoom: 1; }

.hidden, .flexbox .flexcontainer .hidden, .flexbox .container .hidden, .no-flexbox.flexboxlegacy .flexcontainer .hidden, .no-flexbox.flexboxlegacy .container .hidden, .flexbox .hidden { display: none; visibility: collapse; }

.collapse { visibility: collapse; }

.fullwidth, noscript, .ui-resizable-n, .ui-resizable-s, .flexbox .previewcontainer, html, body, .loginform, .titlebar, #systembar, #wrapper footer, #backstageContainer, #workspaceContainer, div[data-contenttype="Pane"], .appmenu dd, .modaldialog .modaloverlay, .throbberoverlay, .tile, ul.tabs, .workspacePane { 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, .workspacePane { height: 100%; }

.relative, .openContext.project:after, .openContext.organization:after, .verticalElements, .ui-resizable, .pane, .login, .modaldialog .container, .throbberoverlay, .tile, .expanderheader.hasContent > span:before, #searchcontrol > div .searchfields .inputwrapper { position: relative; }

.absolute, noscript, .ui-resizable-handle, .timerecordingoverlay .timePicker .cancelbutton, .absoluteStretch, #appthrobber, footer, #appcontent, .modaldialog, .userboardcontrols, #tooltip, .helpbutton, .accordionnavigation, #searchcontrol > div .searchfields .inputwrapper #bestmatchplaceholder { position: absolute; }

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

.noscroll, #appcontent, ul.tabs, .tabContent.workspaceTabContent, .tabContent.noscroll { overflow: hidden; }

.noscrollx { overflow-x: hidden; }

.noscrolly { overflow-y: hidden; }

.block, .openContext.project:after, .openContext.organization:after, .ui-resizable-handle, .loginform, .titlebar, #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, .timerecordingoverlay .timePicker .dialcontrol .dial li { display: block; }

.inlineblock, ul.tabs li.hasContent:before, .expanderheader.hasContent > span:before, .button, .rectangularbutton, #welcomescreen .closebutton, .linkbutton, .simplebutton:not(.disabled), .toggletextexpansionbutton:not(.disabled), .alternateflowbutton:not(.disabled), .dialogclosebutton, .ganttChartNameIcon, .treequeryicon, .queryicon, .appmenu dt, .appmenu dd, .title, .containerheader .circularbutton, .tabbase, .tab, .tabLink, .openContext, #searchcontrol > div, .tab > *, .tabLink > *, .openContext > *, .expanderbutton, .dialogbutton, .diagrambutton, .squarebutton, .mtMobile .dialogbutton, .mtMobile .diagrambutton, .uploadcancelbutton, span.unit, .selectedtype, .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, .message, .messageType, .timerecordingoverlay .timePicker .dialcontrol .dial { display: inline-block; }

.inline { display: inline; }

.middle, ul.tabs li.hasContent:before, .expanderheader.hasContent > span:before, .ui-menu .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, #searchresults .resultheader .bookmark { vertical-align: middle; }

.top { vertical-align: top; }

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

div:not(.hidden)[tabindex]:focus.markTabFocus { border-left: solid; outline: none; }

.invisible { visibility: hidden; }

.scroll { overflow: auto; -webkit-overflow-scrolling: touch; }

.scrolly, .tabContent, .timerecordingoverlay .timePicker .dialcontrol .dial { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

@media only screen and (min-width: 40.0625em) { .scrolly-medium-up { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } }

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

.right, input[type="number"], .columnlayout .inputGroup label:first-child, input[type=number] { text-align: right; }

.borderbox, .itembox, .elementstatebox, .modaldialog .dialog, .tabbase, .tab, .tabLink, .openContext, #searchcontrol > div, #tooltip, .expanderbutton { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.semitransparent { opacity: .5; }

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.project:after, .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); }

.z100 { z-index: 100; }

.z10 { z-index: 10; }

/* 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: #767d81; 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; }
html ::-webkit-scrollbar-corner, body ::-webkit-scrollbar-corner { background: rgba(255, 255, 255, 0); }

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 input, body.loading a { cursor: wait; }

.absoluteStretch, #appthrobber { top: 0; bottom: 0; left: 0; right: 0; }

.leftTop { top: 0; left: 0; }

.maxwidth100 { max-width: 100%; }

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

.borderradius .roundedges { -moz-border-radius: 5px / 5px; -webkit-border-radius: 5px 5px; border-radius: 5px / 5px; }

.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 .info ::-webkit-scrollbar-corner, .container .error ::-webkit-scrollbar-corner, .container .warning ::-webkit-scrollbar-corner { background: rgba(255, 255, 255, 0); }

.container .content.scroll, .container .content.scrolly, .container .content.tabContent, .container .timerecordingoverlay .timePicker .dialcontrol .content.dial, .timerecordingoverlay .timePicker .dialcontrol .container .content.dial { margin-right: 14px; padding-right: 7px; }

.slim .container .content.scroll, .slim .container .content.scrolly, .slim .container .content.tabContent, .slim .container .timerecordingoverlay .timePicker .dialcontrol .content.dial, .timerecordingoverlay .timePicker .dialcontrol .slim .container .content.dial { margin-left: 7px; margin-right: 7px; padding-right: 7px; }

.service { overflow: hidden; }

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

.opengroupbox > div:nth-child(1) { padding: 0; }
.opengroupbox > div:nth-child(2) { padding: 7px; }

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

.elementstatebox { 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 { overflow: hidden; }

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

#backstagemenubutton { color: #ffffff; }

.menubuttontouch { display: none; }

#searchcontrol { -webkit-order: 4; order: 4; margin: 7px 0 0 0; }

#appthrobber { -webkit-order: 5; order: 5; width: 42px; height: 42px; margin: -6px 0 0 -2px; opacity: 0; background: #006193; }

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

body.loading #appthrobber { opacity: 1; }

.appmenu dt { color: #ffffff; }
.appmenu dt:hover { background: pink; }
.appmenu dd { background: #CDCDCD; display: none; }
.appmenu dd:hover { background: yellow; }

#appcontent { top: 70px; bottom: 0; left: 0; right: 0; padding-top: 1px; }
@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 */
.loginTitle { margin-left: 18px; }

.login { width: auto; margin: 0 14px; width: 840px; max-width: 100%; box-sizing: border-box; border: 1px solid WhiteSmoke; background: #fff url(../Images/Background/inStepBlueLoginWatermark.png) no-repeat center right; }
@media only screen and (max-width: 40em) { .login { margin: 0; background: transparent; }
  .login.dropshadow90 { -moz-box-shadow: 0 0; -webkit-box-shadow: 0 0; box-shadow: 0 0; } }
@media only screen and (min-width: 40.0625em) { .login { width: 840px; height: 490px; } }
@media only screen and (max-width: 40em) { .login .services { flex-basis: 105px; -webkit-flex-shrink: 0; flex-shrink: 0; margin-right: 0 !important; } }
@media only screen and (min-width: 40.0625em) { .login .services { height: 420px; } }
.login .details { max-height: 335px; }
.login .dialogbutton.close { margin-right: 2px; }

#welcomescreen { background: transparent; position: fixed; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; }
#welcomescreen h1 { text-align: center; }
@media only screen and (min-width: 40.0625em) { #welcomescreen h1 { font-size: 2em; line-height: 1.3125em; } }
@media only screen and (min-width: 64.0625em) { #welcomescreen h1 { font-size: 2.333em; line-height: 1.12516em; } }
#welcomescreen .instructions { margin: 7px; padding: 14px; border: 1px solid WhiteSmoke; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 90vh; width: 90vw; min-width: 420px; min-height: 420px; }
@media only screen and (min-width: 40.0625em) { #welcomescreen .instructions { margin: 7px 0; padding: 14px; height: 70vh; width: 52.5vh; } }
@media only screen and (min-width: 64.0625em) { #welcomescreen .instructions { margin: 21px 0; padding: 21px; height: 70vh; width: 43.26vh; } }
#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.166em; line-height: 2.25129em; }
#welcomescreen .decision label { white-space: normal; }

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

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

#modalDialog { opacity: 1; }
#modalDialog.hidden { opacity: 0; }

.modaldialog { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; z-index: 200; }
.modaldialog.hidden { opacity: 0; }
.modaldialog .modaloverlay { left: 0; top: 0; z-index: 20; }
.modaldialog .dialog { -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 .dialog .tabscontainer { margin-bottom: -1px; z-index: 2; }
.modaldialog .dialog .tabscontainer .tabs { border-left: 1px solid #b0b0b0; }
.modaldialog .dialog .tabscontainer .tabcontrols { border-left: 1px solid #b0b0b0; background: transparent; }
.modaldialog .dialog .tabscontainer .tabLink { border-top: 1px solid #b0b0b0; min-width: 32px; position: relative; border-right: 1px solid #b0b0b0; }
.modaldialog .dialog .tabContent { padding-bottom: 7px; border: 1px solid #b0b0b0; }
.modaldialog .titlebar { -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; cursor: move; }
.modaldialog .titlebar .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: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

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

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

.dialog .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 { display: initial; visibility: visible; }
.dialog:not(.busy) .throbberoverlay:not(.loading) { 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; }

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

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

.dialog ul.tabs { display: flex; /*.tabLink { flex: 1; text-align: center;  
}*/ }

.tabbase, .tab, .tabLink, .openContext, #searchcontrol > div { min-width: 60px; vertical-align: bottom; }

.mtClassic .tabbase, .mtClassic .tab, .mtClassic .tabLink, .mtClassic .openContext, .mtClassic #searchcontrol > div { 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; }

.tabcontrols { min-width: 49px; }

.tabContent { display: none; padding: 7px; }
.tabContent.current { display: inherit; }

.workspaceTabs { min-height: 32px; }
.workspaceTabs .tabLink { flex-basis: fit-content; }
.workspaceTabs .tabLink .icon { width: 10px; height: 10px; }
.workspaceTabs .tabLink:before { content: ""; border-right: 1px solid #909090; left: -7px; position: relative; height: 18px; }
.workspaceTabs .tabLink.current .workspaceMenuButton { display: -webkit-flex; display: flex; }
.workspaceTabs .tabLink.current:before { content: ""; border-right: 1px solid #fff; }
.workspaceTabs .tabLink.current + li:before { content: ""; border-right: 1px solid #E1E1E1; }
.workspaceTabs .tabLink:first-child:before { content: ""; border-right: none; }

.contextName { max-width: 315px; }

.openContext { min-width: 126px; margin-top: 4px; }
.openContext .contextName { margin: 0 14px 0 7px; }
.openContext > div { margin: 2.33333px 0 0 0; }

/* tooltips */
#tooltip { max-width: 700px; line-height: 21px; padding: 0 7px; z-index: 9999; word-wrap: break-word; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/* 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: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.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); }

/* listitem */
.listitem, #searchresults .resultitem { padding: 3.5px 3.5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.listitem .listbutton, #searchresults .resultitem .listbutton { visibility: hidden; }
.listitem:hover .listbutton, #searchresults .resultitem:hover .listbutton { visibility: visible; }

/*Safari-Support Searchbar*/
.searchcompatibility { padding-left: 2px; }

/*
* This files contains all styles relevant for buttons
*/
.pointer, .button:not(.disabled), .rectangularbutton:not(.disabled), #welcomescreen .closebutton:not(.disabled), .linkbutton:not(.disabled), .simplebutton:not(.disabled), .toggletextexpansionbutton:not(.disabled), .alternateflowbutton:not(.disabled), .dialogclosebutton:not(.disabled), .tile, .tabbase, .tab, .tabLink, .openContext, #searchcontrol > div, .expanderheader, .editable:not(.readonly), .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 .searchtoggle, .popupMenu ul.actions li { cursor: pointer; }

.nopointerevents, svg.icon, .dialogbutton .icon, .mtMobile .NavigationBarPin .icon, .menubutton .icon { pointer-events: none; }

.button:focus, .rectangularbutton:focus, #welcomescreen .closebutton:focus, .linkbutton:focus, .simplebutton:focus:not(.disabled), .toggletextexpansionbutton:focus:not(.disabled), .alternateflowbutton:focus:not(.disabled), .dialogclosebutton:focus { outline: none; }

/*.boxshadow { .button:not(.disabled) { &:hover { @include filter( drop-shadow(0px 1px 1px $DarkGreyOneColor)); } &:active { @include filter( drop-shadow(0px 0px 1px $DarkGreyOneColor)); } }
}*/
.rectangularbutton:not(.disabled) { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.rectangularbutton:not(.disabled):active { /*border-color: $DefaultFocusColor;
box-shadow: 0 0 2px $DefaultFocusColor;
@include filter( drop-shadow(0px 0px 1px $DarkGreyOneColor));*/ }
.rectangularbutton:not(.disabled):focus { border-color: #00A1FF; }

.rectangularbutton, #welcomescreen .closebutton { width: auto; padding: 0 10px; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }
.rectangularbutton.fullwidth, noscript.rectangularbutton, .rectangularbutton.ui-resizable-n, .rectangularbutton.ui-resizable-s, #welcomescreen noscript.closebutton, #welcomescreen .fullwidth.closebutton, #welcomescreen .closebutton.ui-resizable-n, #welcomescreen .closebutton.ui-resizable-s { width: 100%; }

.linkbutton { text-decoration: underline; color: blue; line-height: 27px; }
.linkbutton.left { text-align: left; }

#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: #00A1FF; box-shadow: 0 0 2px #00A1FF; -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: #00A1FF; box-shadow: 0 0 2px #00A1FF; }

.close { color: #000000; opacity: 0.2; filter: alpha(opacity=20); }

.close:hover, .close:focus { color: #000000; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }

.dialogclosebutton { width: 21px; height: 21px; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }
.dialogclosebutton:hover { background-color: rgba(255, 255, 255, 0.5); }
.dialogclosebutton:active { background-color: #ffffff; }

.toolbarbutton { vertical-align: middle; }

.squarebutton { background-color: #ffffff; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }

.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.disabled, .diagrambutton.disabled, .squarebutton.disabled { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.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; }
.menubutton:focus { border-color: transparent; -moz-box-shadow: inset 0px 2px 2px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0px 2px 2px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 2px 2px rgba(25, 25, 25, 0.5); }
.menubutton:hover { -moz-box-shadow: inset 0px 2px 2px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0px 2px 2px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 2px 2px rgba(25, 25, 25, 0.5); }
.menubutton:active, .menubutton.active { -moz-box-shadow: inset 0px 3px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0px 3px 3px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 3px 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 { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; display: none; height: 100%; background: transparent; color: #555555; margin-right: 4px; opacity: 1; }
.workspaceMenuButton:last-child { margin-right: 0; }
.workspaceMenuButton:hover { opacity: 1; color: #191919; }

.helpbutton { left: 21px; bottom: 14px; }

.recentservicepin { margin-top: 7px; }

.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; }
.alternateflowbutton.selected { background-color: #00A1FF; }

.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: inline-block; }

/* 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 .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 { margin-bottom: 7px; max-width: 20rem; cursor: pointer; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; }
.radiobuttongroup.selected { border: 1px solid black; margin-top: -1px; margin-bottom: 6px; margin-left: -1px; margin-right: -1px; }
.radiobuttongroup label { font-family: 'OpenSans'; cursor: pointer; height: 30px; line-height: 30px; padding: 0 14px; margin: 0; text-align: center; vertical-align: middle; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; color: #2D2D2D; border-color: #919191; background: #ebebeb; -webkit-flex: 1; flex: 1; }
.radiobuttongroup label.selected { background: #b4e3f8; }
.radiobuttongroup label:hover { background: #c8e0ee; }
.radiobuttongroup label:first-of-type { border-left-width: 1px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.radiobuttongroup label:last-of-type { border-right-width: 1px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.radiobuttongroup label:not(:last-of-type):not(:first-of-type) { border-left-width: 1px; border-right-width: 1px; }
.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: #006193; color: white; cursor: auto; /*text-shadow: 0 1px 0px $WhiteColor;
@include background-image(linear-gradient(top, $LightGreyTwoColor, $LightGreyOneColor));
@include box-shadow(inset 0px 1px 3px $DarkGreyFourAlpha50Color);*/ }
.radiobuttongroup input[type=radio]:checked + label.selected, .radiobuttongroup input[type=radio][checked] + label.selected, .radiobuttongroup input[type=radio][checked="checked"] + label.selected { opacity: 0.6; }
.radiobuttongroup input[type=radio]:checked + label:not(:last-of-type):not(:first-of-type), .radiobuttongroup input[type=radio][checked] + label:not(:last-of-type):not(:first-of-type), .radiobuttongroup input[type=radio][checked="checked"] + label:not(:last-of-type):not(:first-of-type) { border-left-width: 0; border-right-width: 0; }

#loginAddService { margin-right: 5px; }

/*
* This file contains all styles relevant for input and form elements
*/
input:focus, select:focus, textarea:focus { outline: none; }

label, select, .input { line-height: 28px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

select, .input, input:not([type="checkbox"]) { -webkit-flex: 1; flex: 1; }

fieldset { border: 1px solid #b0b0b0; }
fieldset > .fieldsetContent { height: calc(100% - 20px); }

legend { padding: 0 7px; }

input { height: 28px; min-width: 0; padding: 0 7px 1px 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; }

textarea { padding: 5px 7px; }

select { cursor: pointer; /*
// change appearance for ff and chrome; remove dropdown arrow
@include appearance(none);
// change dropdown button in IE
&::-ms-expand { display: none; width: 0; height: 0;
}
@extend %inlineblock;
line-height: 1rem;
padding: 0 3px 2px 3px;
background-color: transparent;
height: $raster-height * 3;
@include box-sizing(border-box);
@include background-image( linear-gradient(55deg, transparent 50%, $DarkGreyTwoColor 50%), linear-gradient(125deg, $DarkGreyTwoColor 50%, transparent 50%), linear-gradient(top, $LightButtonNormalBackgroundStart, $LightButtonNormalBackgroundEnd));
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;
&:hover { @include background-image( linear-gradient(55deg, transparent 50%, $MediumGreyTwoColor 50%), linear-gradient(125deg, $MediumGreyTwoColor 50%, transparent 50%), linear-gradient(top, $LightButtonHoverBackgroundStart, $LightButtonHoverBackgroundEnd)); 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;
}
&:active { @include background-image( linear-gradient(55deg, transparent 50%, $MediumGreyTwoColor 50%), linear-gradient(125deg, $MediumGreyTwoColor 50%, transparent 50%), linear-gradient(top, $LightButtonHoverBackgroundStart, $LightButtonHoverBackgroundEnd)); 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;
}
&::-moz-selection { background: $DefaultFocusColor; color: $WhiteColor;
}
&::selection { background: $DefaultFocusColor; color: $WhiteColor;
}*/ }

.trident input[type="checkbox"] { background: transparent; }
.trident select { padding-bottom: 1px; }

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

.elementstatebox { max-width: 100%; }
.elementstatebox label { min-width: 98px !important; }

input, select, textarea { border: 1px solid #b0b0b0; -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, textarea:focus { border-color: #00A1FF; }
input:invalid, input .input-validation-error, select:invalid, select .input-validation-error, textarea:invalid, textarea .input-validation-error { padding-left: 21px; vertical-align: baseline; border-color: #F74E1A !important; background-position: 0 -631px; }
input.placeholder, select.placeholder, textarea.placeholder { color: darkgray; }
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: darkgray; }
input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { color: darkgray; }
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: darkgray; }
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: darkgray; }

textarea:invalid { border-color: #F74E1A !important; }

input, select { min-height: 28px; }

input[readonly="readonly"], input[readonly], input.readonly, .readonly input, textarea[readonly="readonly"], textarea[readonly], textarea.readonly, .readonly textarea { color: #2D2D2D; 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], input[type=radio] { height: 28px; width: 14px; min-height: 16px; background: transparent; }

input[type=radio]:focus:not(.disabled), input[type=checkbox]:focus:not(.disabled) { outline: none; }
input[type=radio]:focus:not(.disabled):before, input[type=checkbox]:focus:not(.disabled):before { content: ''; display: block; height: 21px; width: 21px; margin: 2px -5px; border: 1px solid #00A1FF; -moz-border-radius: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }

td input[type=checkbox]:focus { outline: none; }
td input[type=checkbox]:focus:before { margin: -2px -5px; }

input[type=datetime-local], input[type=datetime], input[type=date] { -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: 77px; }

#dialogsaveandnew { height: 21px; }

.selectedtype { line-height: 21px; padding: 0 9px; }

.no-resize { resize: none; }

.dialog td input { margin-bottom: 0; }

.textbox { white-space: pre; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

textarea.no-resize { resize: none; }

.htmlEditor.readonly img { opacity: .5; }
.htmlEditor.readonly > * { color: #2D2D2D; 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); }
.htmlEditor.readonly > *:focus { border-color: DimGrey; }
.htmlEditor p { word-wrap: break-word; word-break: break-word; }
.htmlEditor em, .htmlEditor i { font-style: italic !important; }
.htmlEditor ul, .htmlEditor ol { display: block; padding-left: 40px; margin-bottom: 12px; }
.htmlEditor ul { list-style-type: disc; }
.htmlEditor ol { list-style-type: decimal; }
.htmlEditor table { width: 100% !important; height: auto !important; margin-bottom: 12px; }
.htmlEditor table td, .htmlEditor table th { vertical-align: top; padding: 3px; border: 1px solid; }
.htmlEditor strong, .htmlEditor b { font-family: inherit !important; font-weight: bold !important; }
.htmlEditor [contenteditable] { outline: 0px solid transparent; }
.htmlEditor [contenteditable]:focus { outline: 0px solid transparent; }

.k-editor-toolbar .k-combobox { width: 164px; }
.k-editor-toolbar .k-combobox.k-group-end { width: 100px; }
.k-editor-toolbar .k-combobox .k-input { padding: 0 7px 0 0; }
.k-editor-toolbar .k-combobox .k-clear-value { display: none !important; }

.editorToolbarWindow.k-window-content { padding: 0; display: flex; }

.dialogSpreadsheet { background-color: white; border: 1px solid #b0b0b0; }
.dialogSpreadsheet .flexcol, .dialogSpreadsheet .verticalElements { margin: 0px !important; }
.dialogSpreadsheet .flexcol:not(:last-child), .dialogSpreadsheet .verticalElements:not(:last-child) { border-right: 1px solid #b0b0b0; }
.dialogSpreadsheet th, .dialogSpreadsheet .flexcol div:first-child, .dialogSpreadsheet .verticalElements div:first-child { border-bottom: 1px solid #b0b0b0; background: linear-gradient(to bottom, #fafbfc 0%, #f5f6f7 100%); }
.dialogSpreadsheet th:first-of-type, .dialogSpreadsheet tr td:first-of-type, .dialogSpreadsheet .flexcol:first-child, .dialogSpreadsheet .verticalElements:first-child { background: linear-gradient(to bottom, #fafbfc 0%, #f5f6f7 100%); }

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

.ui-resizable-s { cursor: s-resize; height: 7px; bottom: 0; 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: 0; top: 0; }

.ui-resizable-w { cursor: w-resize; width: 7px; left: 0; top: 0; }

.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 0; bottom: 0; }

.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0; bottom: 0; }

.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: 0; top: 0; }

.ui-autocomplete-input { max-height: 100px; }

/* ContextMenu */
#viewModelContextMenu.hideicons > li > a > .smallicon, #viewModelContextMenu ul.hideicons > li > a > .smallicon { display: none; }

.ui-menu { border: 1px solid #b0b0b0; font-size: 1rem; line-height: 21px; font-family: 'OpenSans'; font-weight: 400; }
.ui-menu html { font-size: 100%; line-height: 1.3125em; }
.ui-menu .ui-menu-item { cursor: pointer; color: #191919; padding: 4px; }
.ui-menu .ui-menu-item.ui-state-focus { background: #e0f3ff; border-color: #00a1ff; }
.ui-menu.ui-autocomplete { max-height: 300px; overflow-y: auto; overflow-x: hidden; }

.ui-menu-item .ui-state-focus, .ui-igcombo.ui-state-focus .ui-igcombo-button { background: rgba(0, 161, 255, 0.25); border-color: #00A1FF; }

.ui-menu-divider { margin: 7px 0px 7px 0px; border-color: WhiteSmoke; }

.ui-menu .ui-menu-item a { padding: 0.15rem 0.3rem 0.3rem 0.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: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.ui-menu .ui-menu-item a.ui-state-focus { background-color: rgba(0, 161, 255, 0.25) !important; color: #191919 !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.ui-menu .ui-menu-item a.ui-state-focus:active { background-color: #00A1FF !important; color: #ffffff !important; }

/*ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid $MediumGreyThreeColor;
}*/
/* ContextMenu -> StateSelectionMenu */
.ui-menu.stateSelectionMenu { border-color: #2194C2; background: #ffffff; }
.ui-menu.stateSelectionMenu .ui-menu-item { color: #000000; padding: 0 !important; cursor: default; }
.ui-menu.stateSelectionMenu .ui-menu-item a { padding: 0rem 0.5rem 0.2rem 0.35rem !important; }
.ui-menu.stateSelectionMenu .ui-menu-item a.ui-state-hover { background-color: #00A1FF !important; color: #ffffff; border-radius: 0; border-color: none; }
.ui-menu.stateSelectionMenu .ui-menu-item a.ui-state-focus { background-color: #00A1FF !important; color: #ffffff !important; border-radius: 0; border-color: none; }
.ui-menu.stateSelectionMenu .ui-menu-item a.ui-state-focus:active { background-color: #00A1FF !important; color: #ffffff !important; }
.ui-menu.stateSelectionMenu .ui-menu-item a img { width: 16px; height: 16px; }

/* This files contains all styles relevant for drag and drop operations in browsers */
.mtdrp, .mtdrpHover, .mtdrpAbove, .mtdrpBelow { border-width: 1px !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; }

.dragActive .mtdrp *:not(td) { pointer-events: all; }

.mtdrgclone { pointer-events: none; }

.mtselected { background-color: #00A1FF; color: white; }

.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 { background-color: #EFEFEF !important; color: #A2A2A2; }

.dropableTreeItem > .content { -moz-box-shadow: 0px 1px 3px #00A1FF; -webkit-box-shadow: 0px 1px 3px #00A1FF; box-shadow: 0px 1px 3px #00A1FF; }

.notDropableTreeItem > .content { -moz-box-shadow: 0px 1px 3px #FF0000; -webkit-box-shadow: 0px 1px 3px #FF0000; box-shadow: 0px 1px 3px #FF0000; }

/* This files contains all styles relevant for controls,  especially devexpress controls   @see http://css-tricks.com/sass-style-guide/ */
/* ******************************* NavigationBar ******************************* */
.NavigationBar { display: block !important; }

.NavigationBarHeader { font-family: 'OpenSans'; font-weight: bold; margin-bottom: 14px; padding: 8px; 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'; padding: 3px 4px; overflow: hidden; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
.NavigationBarItem:hover { background-color: #e0f3ff; }
.NavigationBarItem.open { color: #006193; }

.NavigationBarContent { padding: 0 7px; margin-bottom: 21px; }

.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: 5px / 5px; -webkit-border-radius: 5px 5px; border-radius: 5px / 5px; }

/* ******************************* 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: #64b4e3; }

.SplitterResizingPointer { -moz-border-radius: 2px / 2px; -webkit-border-radius: 2px 2px; border-radius: 2px / 2px; background-color: #64b4e3; }

.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: #64b4e3; }

/*
* *******************************
* TreeGrids
* *******************************
*/
.cellRtf { padding: 0 8px; overflow: hidden; height: 21px; resize: vertical; pointer-events: all; }
.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; }

.accordiontitle { line-height: 35px; }
.accordiontitle a.h3 { font-size: 1.333em; line-height: 1.96924em; }

h3.subheader { font-size: 1.166em; line-height: 2.25129em; }

.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: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

.chaptercontent p, .chaptercontent span { line-height: 21px !important; font-size: 1rem !important; font-family: 'OpenSans' !important; }
.chaptercontent p html, .chaptercontent span html { font-size: 100%; line-height: 1.3125em; }
.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: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.chapterreferences ul li > *, .furtherlinks ul li > * { margin-top: -1px; }
.chapterreferences ul li:hover, .furtherlinks ul li:hover { background-color: #00A1FF; color: #ffffff; }
.chapterreferences ul li:hover .referenceicon, .furtherlinks ul li:hover .referenceicon { color: #ffffff; }

.furtherlinks li { padding: 0 7px; }
.furtherlinks a, .furtherlinks a:link, .furtherlinks a:hover, .furtherlinks a:visited, .furtherlinks a:active { color: inherit; text-decoration: none; }

/* SearchControl  */
#searchcontrol > div .searchtoggle #opensearch { visibility: hidden; display: none; }
#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: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }
#searchcontrol > div .searchOrReset { margin-top: 3.5px; }
#searchcontrol > div .searchfields { padding: 0 7px; background-color: #ffffff; width: 385px; -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; -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; }
#searchcontrol > div .searchfields.collapsed { width: 35px; background-color: #B9B9B9; }
#searchcontrol > div .searchfields.collapsed .searchtoggle #closesearch { visibility: hidden; display: none; }
#searchcontrol > div .searchfields.collapsed .searchtoggle #opensearch { visibility: visible; display: inherit; }
#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 { opacity: 0.5; }

#searchcontrol.disabled .searchtoggle { opacity: 0.5; cursor: default; }

/* SearchResult  */
#searchresults .resultheader { color: #00A1FF; }
#searchresults .resultheader hr { height: 1px; background-color: #919191; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
#searchresults .resultitem { padding: 0 3.5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#searchresults .grouping .groupitems { margin-left: 49px; margin-top: -21px; }
#searchresults .holder { position: fixed; z-index: inherit; }
#searchresults .groupheader { color: #ffffff; text-align: center; background-color: #919191; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/*.ui-iggrid { @extend %flex; @extend %flex1; @extend %flexcol;
}*/
.ui-iggrid-scrolldiv { /*height: auto !important;*/ }

/*.ui-iggrid-table tbody td { white-space: nowrap; textarea { white-space: normal; }
}*/
/*.ui-widget-header { @extend %shrink0;
}*/
/* ContextMenu */
.menuItem div:not(.isselected) > .icon, .contextMenuItem div:not(.isselected) > .icon, .ui-menu-item div:not(.isselected) > .icon { visibility: hidden; display: none; }

.ui-menu-item { border: 1px solid transparent; }
.ui-menu-item:not(.ui-state-disabled):hover { background: rgba(0, 161, 255, 0.25); border-color: #00A1FF; border: 1px solid #4897aa; }

/* 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: #00A1FF; }
  100% { background: #ffffff; } }
@-webkit-keyframes colorpulsate { 0% { background-color: #ffffff; }
  50% { background: #00A1FF; }
  100% { background: #ffffff; } }
@keyframes colorpulsate { 0% { background-color: #ffffff; }
  50% { background: #00A1FF; }
  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: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }
.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: 3px / 3px; -webkit-border-radius: 3px 3px; border-radius: 3px / 3px; }
.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 { white-space: pre-line; }

.message, .messageType { line-height: 21px; vertical-align: middle; }

.messageType, .messageTypeWithMarker { color: White; width: 70px; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
.messageType > div, .messageTypeWithMarker > div { text-align: center; }

.messageTypeWithMarker { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }

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

.warn { background-color: #FDD033; }

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

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

.ui-front { z-index: 1000; }

/*
* *******************************
* TimeDial/TimePicker
* *******************************
*/
.timerecordingoverlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 101; background: rgba(25, 25, 25, 0.5); }
.timerecordingoverlay .timePicker { position: absolute; background: #fff; width: 200px; height: 220px; border-radius: 5px; border: 1px solid #006193; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.timerecordingoverlay .timePicker .dialcontrol .dial { height: 168px; -ms-overflow-style: none; }
.timerecordingoverlay .timePicker .dialcontrol .dial::-webkit-scrollbar { display: none; }
.timerecordingoverlay .timePicker .dialcontrol .dial li { text-align: center; color: #A5A5A5; font-size: 2rem !important; line-height: 56px; }
.timerecordingoverlay .timePicker .dialcontrol .dial li.active { color: DimGrey; font-size: 2.5rem !important; }
.timerecordingoverlay .timePicker .dialcontrol .dialtimesign { text-align: center; color: DimGrey; font-size: 2.5rem !important; line-height: 56px; height: 56px; }
.timerecordingoverlay .timePicker .settimebutton { min-width: 180px; }
.timerecordingoverlay .timePicker .cancelbutton { top: -15px; right: -15px; }

/*.ui-iggrid-groupbyarea { border: 0;
}*/
.ui-igcombo-wrapper, .ui-igedit-container { width: 100%; height: 28px; line-height: 28px; }
.ui-igcombo-wrapper input, .ui-igedit-container input { padding: 0 7px 2px 7px; }
.ui-igcombo-wrapper input:invalid, .ui-igedit-container input:invalid { padding-left: 21px; }

.comboContainer { height: 28px; }
.comboContainer .comboSelectedImageContainer { margin-left: 2px; }

.ui-widget-content { color: #191919; }

/*.ui-igtreegrid .ui-iggrid-table > tbody > tr > td:first-child { display: flex;
}*/
/*
.ui-iggrid {  td[role=gridcell] { min-height: 20px; }
}
*/
/*
* 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/
*/