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

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

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

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

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

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

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

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

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

.borderRadius2 { border-radius: 2px; }

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

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

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

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

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

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

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

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

.borderRadius3 { border-radius: 3px; }

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

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

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

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

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

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

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

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

.borderRadius4 { border-radius: 4px; }

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

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

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

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

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

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

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

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

.borderRadius5 { border-radius: 5px; }

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

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

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

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

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

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

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

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

.borderRadius6 { border-radius: 6px; }

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

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

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

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

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

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

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

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

.borderRadius7 { border-radius: 7px; }

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

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

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

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

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

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

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

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

.borderRadius8 { border-radius: 8px; }

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

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

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

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

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

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

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

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

.borderRadius9 { border-radius: 9px; }

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

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

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

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

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

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

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

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

.borderRadius10 { border-radius: 10px; }

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

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

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

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

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

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

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

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

/* menu width */
/*
* Import compass helpers
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, 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 
*/
/*
* Icons Guideline Tablet 
*/
/*
* Grids Guideline Tablet 
*/
/*
* Color Guideline Tablet 
*/
/* This files contains all application specific ressources for microTOOL in-Step RED  @see http://css-tricks.com/sass-style-guide/ */
/* This files contains all styles relevant for sprites and images  @see http://css-tricks.com/sass-style-guide/ */
/* Constants
*/
.TreeNodeIcons-sprite, .TreeNodeIcons-ActiveCollapsed, .TreeNodeIcons-ActiveExpanded, .TreeNodeIcons-Collapsed, .TreeNodeIcons-Expanded { background-image: url('../Images/sprite-TreeNodeIcons.png'); background-repeat: no-repeat; }

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

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

.MiscIcons-sprite, .MiscIcons-Add, .MiscIcons-Admin, .MiscIcons-AdminSmall, .MiscIcons-ArrowDown, .MiscIcons-ArrowUp, .MiscIcons-CloseSearch, .MiscIcons-DefaultUser, .MiscIcons-Download, .MiscIcons-EmptyState, .MiscIcons-Error, .MiscIcons-ExecuteSearch, .MiscIcons-FontBold, .MiscIcons-FontItalic, .MiscIcons-FontStrikeThrough, .MiscIcons-FontUnderline, .MiscIcons-Missing, .MiscIcons-OpenSearch, .MiscIcons-Question, .MiscIcons-Remove, .MiscIcons-Required, .MiscIcons-ResetSearch, .MiscIcons-SortAlphanumeric, .MiscIcons-SortAscending, .MiscIcons-SortDescending, .MiscIcons-SortRanked, .MiscIcons-TakeOver, .MiscIcons-Warning { background-image: url('../Images/sprite-MiscIcons.png'); background-repeat: no-repeat; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.repeatx { background-repeat: repeat-x; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
* Effects and  shadows
*/
.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 { /*@include box-shadow(0px 0px 25px $DarkGreyFourColor);*/ -moz-box-shadow: 0px 0px 10px #7D7D7D; -webkit-box-shadow: 0px 0px 10px #7D7D7D; box-shadow: 0px 0px 10px #7D7D7D; }
.boxshadow .groupbox { -moz-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); }
.boxshadow .opengroupbox > div:nth-child(2) { background-color: #fff; -moz-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); }
.boxshadow .tabContent:not(.workspaceTabContent).current { border-top: 1px solid #A5A5A5; -moz-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); -webkit-box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); box-shadow: inset 0px 1px 3px rgba(25, 25, 25, 0.5); }
.boxshadow.mtMobile ul.tabs li.current { z-index: 8; }

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

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

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

.service { background-color: #F5F5F5; }

#workspaceContainer { background-color: #ededed; }

.mtMobile #appcontent { background: #fff; }

label { color: #191919; }

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

.modaldialog .title { color: #191919; }

.tabContent { background: WhiteSmoke; }

.workspaceTabContent { background: #fff; }

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

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

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

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

.throbberoverlay { background: #F5F5F5; }

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

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

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

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

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

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

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

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

.undefined { background-color: #808183; }

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

.backstageMenu_menuContainer { background-color: #B80D29; }

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

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

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

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

.selected { background-color: #d1e9f7; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.listitem:hover { background-color: #CCE8E9; /*color: $DefaultFocusForegroundColor;*/ }

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

.licenseWarning { color: #006293; }

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

.greenButton { color: #9FC223; }

.blueButton { color: #2194C2; }

.redButton { color: #b80d28; }

.textMediumGreyColor { color: #7D7D7D; }

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

#appcontent #workspaceContainer .workspaceContent { border-top: 2px solid $MediumGreyOneColor;
 &.organizationColor { border-top-color: $OrganizationTileColor;
 &.templateColor { border-top-color: $OrganizationTemplateTileColor; } }
 &.projectColor { border-top-color: $ProjectTileColor;
 &.templateColor { border-top-color: $ProjectTemplateTileColor; }
 &.tutorialColor { border-top-color: $TutorialProjectTileColor; } }
}*/
/*
* This file contains all styles relevant for interactions
*/
.noselect, ul.tabs, ul.tabs li, .tabContent, .applicationBar, .openContext, .SplitterVerticalSeparator, .SplitterHorizontalSeparator, .workspaceMenuContainer { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; cursor: default; }

.select, .apiHelpSection, .apiHelpSection h1, .apiHelpSection h2, .apiHelpSection h3 { -moz-user-select: text; -ms-user-select: text; -webkit-user-select: text; user-select: text; cursor: text; }

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

.apiHelpTitle { color: white; }

.apiHelpTitleNavigation .apiMenuItem { color: white; padding: 0 14px; text-decoration: none; }
.apiHelpTitleNavigation .apiMenuItem:hover { background: rgba(255, 255, 255, 0.25); }
.apiHelpTitleNavigation .apiMenuItem:hover h3 { cursor: pointer; }
.apiHelpTitleNavigation .apiMenuItem.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); }

.apiHelpContainer { width: 100%; min-width: 760px; max-width: 960px; margin-left: auto; margin-right: auto; }

.apiHelpSection { margin-top: 4em; }
.apiHelpSection h1 { border-bottom: 1px solid #d5d5d5; padding-bottom: 3px; margin-top: 14px; margin-bottom: 21px; }
.apiHelpSection h2 { margin-top: 21px; margin-bottom: 7px; }
.apiHelpSection h3 { margin-top: 14px; margin-bottom: 0px; }
.apiHelpSection p { font-size: 1.166666rem; text-align: justify; }
.apiHelpSection p b { font-weight: bold; }
.apiHelpSection p i { font-style: italic; }
.apiHelpSection p .code, .apiHelpSection p .curl, .apiHelpSection p .apiRequest .methodAndUrl, .apiHelpSection .apiRequest p .methodAndUrl, .apiHelpSection p .apiResponse { background-color: rgba(27, 31, 35, 0.05); border-radius: 3px; margin: 0; padding: .2em .4em; }
.apiHelpSection ul { padding-left: 2em; }
.apiHelpSection .code, .apiHelpSection .curl, .apiHelpSection .apiRequest .methodAndUrl, .apiHelpSection .apiResponse { font-family: Consolas; }
.apiHelpSection .curl { border: 1px solid #404040; background-color: #404040; color: #f0f0f0; border-radius: 3px; padding: 7px; font-size: 1rem; }
.apiHelpSection .bulletList { padding-left: 28px; }
.apiHelpSection .bulletList li { display: list-item; list-style-type: disc; }
.apiHelpSection .apiRequest { background-color: #f8f8f8; border: 1px solid #d0d0d0; border-radius: 3px; font-size: 1.166666rem; }
.apiHelpSection .apiRequest .apiRequestSection { margin-top: 7px; padding: 14px; }
.apiHelpSection .apiRequest .apiRequestSection .requestTitle { font-weight: bold; border-bottom: 1px solid #d0d0d0; padding-bottom: 2px; margin-bottom: 14px; }
.apiHelpSection .apiRequest .apiRequestSection .url { margin: 7px; flex: 1; }
.apiHelpSection .apiRequest .apiRequestSection .keyValueRow { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; flex: 1; }
.apiHelpSection .apiRequest .apiRequestSection .keyValueRow p { flex: 1; }
.apiHelpSection .apiRequest .apiRequestSection .keyValueRow.header { font-weight: bold; }
.apiHelpSection .apiRequest .methodAndUrl { display: -webkit-flex; display: flex; -webkit-flex-direction: row; background-color: #d0d0d0; border-radius: 3px; padding: 14px; }
.apiHelpSection .apiRequest .methodAndUrl .method { font-weight: bold; margin: 0 14px 0 0; }
.apiHelpSection .apiRequest .methodAndUrl .url { flex: 1; }
.apiHelpSection .apiResponse { background-color: #f8f8f8; border: 1px solid #d0d0d0; border-radius: 3px; font-size: 1rem; padding: 14px; white-space: pre; }

.apiHelpExpander { display: flex; width: 17px; height: 17px; border: 1px solid #606060; border-radius: 100%; align-items: center; justify-content: center; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }

.apiHelpExpander.rotate90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.apiHelpExpander > svg { margin-left: 2px; margin-top: 1px; color: #606060; }

.apiControllerDescription { border: solid 1px transparent; cursor: pointer; padding-left: 7px; border-radius: 7px; margin-top: 14px; align-items: center !important; }

.apiDescriptionCollection { overflow: hidden; }

.apiDescriptionHeader { cursor: pointer; }

.apiDescription { -webkit-justify-content: center; justify-content: center; height: 35px; border-style: solid; border-color: #d5d5d5; border-width: 1px 1px 1px 0; border-top-left-radius: 0; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 0; background: #fcfcfc; z-index: 1; }

.apiDescriptionMethod { -webkit-justify-content: center; justify-content: center; align-items: center; height: 35px; min-width: 63px; font-weight: bold; border: 1px solid #d5d5d5; border-top-left-radius: 7px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 7px; z-index: 1; }

.apiDescriptionMethod.httpGet { color: #449c1c; border-color: #cdefbd; background-color: #cdefbd; }

.apiDescriptionMethod.httpPost { color: #2f4dfe; border-color: #d6e3ff; background-color: #d6e3ff; }

.apiDescriptionMethod.httpPut { color: #6a2ffe; border-color: #e3d8ff; background-color: #e3d8ff; }

.apiDescriptionMethod.httpDelete { color: #be0404; border-color: #ffd2d2; background-color: #ffd2d2; }

.apiDescriptionDetails { height: 0; overflow: hidden; margin-top: -7px; padding: 6px 14px 0px 14px; border: 1px solid #d5d5d5; border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background: #fcfcfc; }

.apiParamsTable > .header { border-bottom: 1px solid #d5d5d5; }

.apiParamsTable > .header > div { font-weight: bold; }

.apiTopNavigation { background: #f8f8f8; border: 0 solid #d5d5d5; border-bottom-width: 1px; }
.apiTopNavigation .apiMenuItem { color: initial; padding: 10px 14px 7px 14px; text-decoration: none; border: 0 solid transparent; border-bottom-width: 3px; }
.apiTopNavigation .apiMenuItem.apiMenuLevel0 { padding-left: 0; padding-right: 35px; cursor: default; }
.apiTopNavigation .apiMenuItem.apiMenuLevel1:hover { cursor: pointer; background: #f0f0f0 !important; border-color: #d5d5d5; }
.apiTopNavigation .apiMenuItem.apiMenuLevel1:hover h4, .apiTopNavigation .apiMenuItem.apiMenuLevel1:hover h5 { cursor: pointer; }

ol.nestedNumberedList { list-style-type: none; counter-reset: item; margin: 0; padding: 0; }

ol.nestedNumberedList > li { display: table; counter-increment: item; }

ol.nestedNumberedList > li:before { content: counters(item,".") ". "; display: table-cell; padding-right: 0.6em; }

li ol.nestedNumberedList > li { margin: 0; }

li ol.nestedNumberedList > li:before { content: counters(item,".") " "; }