/* Please do market-place specific changes in general_cust.css */

/* define overall style for all elements (via body) */
html, body, div, span, label, td, button, select {
 font-family      : Arial, Helvetica, sans-serif;
 font-size        : 8pt;
 line-height      : 10pt;
 color            : #000000;
}

/* marker for CMS translation tags */
.cms {
  font-size       : smaller;
  color           : red;
}

/* marker used for formatting larger text fragments */
.textblock {
 margin-left      : 2px;
}

/* navi : tabellenbereich */
td .navirow {
 padding          : 2px 0;
}

/*
td.navirow:hover {
  background-color:#EADEC7;
}
*/

/* navi : link */
a.navi {
  color           : #333333;
}

a.navi:hover {
  color           : #907E56;
}

span.error {
  color            : #dd4422 !important;
}

div.error {
 margin-top       : 2px;
 margin-bottom    : 2px;
}

.important {
  color            : #25790B;
}

div.important {
 margin-top       : 2px;
 margin-bottom    : 4px;
}


div.comment {
 color            : #666;
 margin-top       : 2px;
 margin-bottom    : 2px;
}

span.comment {
 color            : #666;
}

div.highlight, span.highlight {
 color            : #25790B;
}

span.goldlisted {
  font-size       : 9pt;
  font-weight     : bold;
  line-height     : 14pt;
  color           : #4B5EC0;
}

.required {
 color            : #F9955E;
 font-weight      : bold;
}

.disabled {
 color            : #666666 !important;
}

.notStarted {
  color            : #ffa587 !important;
}

/* lable group : title */
.labeltitle {
 font-weight      : bold;
}
/* lable group : label */
.label {
 /*position         : relative;*/
}

/* html-label for checkbox, radio buttons and Co */
label {
  cursor          : pointer;
  vertical-align  : middle;
}

.loginarea {
  width:153px; /* 160px - 5px left - 2px right = 153 */
  height:109px; /* 114px - 5px top = 109 */
  /*overflow:hidden;*/
}

/** login-text, quickserch-text **/
.login {
 color : #484848;
 padding-top:1px;
}

.login_btn {
  text-align:left;
  padding-top:4px;
}

div.login .forms {
 width:150px;
}

.headline {
 font-size   : 18pt;
 line-height : 22pt;
 font-weight : bold;
 color       : #333333;
 font-family : New Times Roman, serif;
}

.subheadline {
 font-size   : 10pt;
 line-height : 14pt;
 font-weight : bold;
 font-family : Verdana, Helvetica, sans-serif;
}

.subheadlineinfo {
 font-size   : 10pt;
 line-height : 14pt;
 font-weight : bold;
 font-family : Verdana, Helvetica, sans-serif;
}

.contenttext_line {
  background-color:#000000;
}

.contextlogo {
  width               : 200px;
  height              : 50px;
  margin-bottom       : 5px;
  padding             : 10px;
  border              : none;
  background-color    : #fff;
}
.contextlogo .nologotext {
  vertical-align      : middle;
  text-align          : center;
  font-size           : 10pt;
  line-height         : 12pt;
  font-weight         : bold;
  color               : #ccc;
  margin-top          : 16px;
}

a {
 font-size      : 8pt;
 color          : #000000;
 text-decoration: none;
}

.link {
 color          : #4B5EC0;
 border         : 0 none;
}
/* Telefonnummern ohne Link-Hervorhebung */
.link.phonenumber {
  color           : inherit;
}

/* an button looking like an link */
button.link {
  margin        : 0;
  padding       : 0;
  border        : 0 none;
  background    : none;
  cursor        : pointer;
  /* IE quirks mode to remove additional space */
  width         : auto;
  overflow      : visible;
  font-family   : Arial,Helvetica,sans-serif;
}
button.link:hover {
  text-decoration:underline;
}

.portallink {
 color          : #000000;
 font-size      : 8pt;
 line-height    : 10pt;
 font-weight    : bold;
}

/* smaller text */
.smaller {
  font-size     : 7pt;
}

.blob-filename {
  color : inherit;
}

.toolbar_btn {
  margin-left   : 1px;    /* rechts ausgerichtet - abstand links */
  border        : 0 none;
  vertical-align: top;
}

a.langselect .icon-langselect {
  margin-right  : 4px;
}
.icon-langselect {
  width         : 19px;
  height        : 14px;
  /*border        : 1px solid #dddddd;*/
  vertical-align: top;
}

.langselect_icon.small {
  width         : 13px;
  height        : 9px;
}

.sysnav {
 font-weight    : bold;
 color          : #484848;
 margin-right   : 25px;
}

.main_toolbar {
  font-size:4pt; /*mp:font size wg. spaces*/
  line-height:1pt;
  padding-right:5px;
}

.main_langselect {
  font-size:4pt; /*mp:font size wg. spaces*/
  line-height:1pt;
}

/* the admin main floater */
.main-floater {
  position:fixed;
  left:50%;
  top:0;
}

.clock {
 color            : #54708C;
 letter-spacing   : 0.2em;
 font-size        : 8pt;
}

.clock * {
 color            : inherit;
}

/* not in use currently
.navpath {
 font-size : 10px;
 color : #4B5EC0;
}

.navpathcurrent {
 font-size : 10px;
 color : #29AC28;
 font-weight : bold;
}

.navpatharrow {
 font-size : 10px;
 color : #3e3d40;
}
*/

.wizardhelp {
/* entspricht div, für CI-Farbanpassung  */
}

.popup_close {
 font-size        : 8pt;
 font-weight      : bold;
 color            : #000000;
}


/* *************************************** */
/* Footer ******************************** */
/*div.main_footer { } : footer row */

div.main_footer, .footer {           /* footer links+text */
 color              : #333333;
 font-size          : 8pt;
}
/* *************************************** */


/* *************************************** */
/* bid monitor *************************** */
.monitor { }        /* monitor layer (table) */

div.monitor_header {   /* header text */
 color              : #484848;
}

.monitor_header_line { /* underline of header text (image) */
  background-color  : #ffffff;
  margin-bottom     : 2px;
}

div.monitor_text {  /* monitor text */
 color              : #484848;
}

.monitor_row { }    /* default text row (table.tr) */

.monitor_hl_row {   /* highlighted text row (table.tr) */
 background-color   : #FAF2E4;
}
/* *************************************** */

.wc-adproduct .link {
 color              : #4B5EC0;
 font-weight        : bold;
}

.wc-adproduct .address {
 color              : #484848;
}

.warning_sv {
  background-color  : #FFC1CC;
}

.rclabel {
  border-spacing    : 0;
}
.rclabel_line, div.lglabel_line, hr.horizontal-line {
  margin-top        : 1px;
  margin-bottom     : 2px;
  background-color  : #999999;
}

/* horizontal line like labelgroup header line
--------------------- */
hr.horizontal-line {
  background-color  : #BDC5C7;
  color             : #BDC5C7;
  margin            : 0;
  width             : 100%;
}

/*** text ***/
.rclabel_label {
}
.rclabel_content {
}
.rclabel_row_error .error {
  color           : #dd4422 !important;
  margin          : 0;
}
.rclabel_row_warning .warning {
}
.rclabel_row_info .info {
  color           : #25790B;
}
/*** row ***/
.rclabel_row {
  vertical-align  : top;
}
.rclabel_row_content {
  vertical-align  : top;
}
.rclabel_row_error {
  background-color: #FFBF9C;
  vertical-align  : top;
}
.rclabel_row_warning {
  background-color: #FFD68E;
  vertical-align  : top;
}
.rclabel_row_info {
  vertical-align  : top;
}
/*** icons ***/
.rclabel_help {
  white-space     : nowrap;
}
.rclabel_toolbar {
  text-align      : right;
  white-space     : nowrap;
}
.rclabel_option {
  padding-top     : 2px;
  white-space     : nowrap;
}
.rclabel_required {
  background-color: #F9955E;
  white-space     : nowrap;
}

/* formula calculator : button für Variablen */
.rc_calc_border {
  border            : 1px solid #907E56;
  background-color  : #FFFFFF;
  padding           : 0;
  margin            : 0;
  height            : 15px;
  vertical-align    : middle;
}
/* formula calculator : button für Variablen  "starticon" */
.rc_calc_btn {
  background-color  : #907E56;
  color             : #FFFFFF;
  font-size         : 8pt;
  line-height       : 8pt;
  padding           : 0 3px 1px 3px;
}
/* formula calculator : buttontext für Variablen */
.rc_calc_text {
  color             : #907E56;
  font-size         : 8pt;
  line-height       : 8pt;
  padding           : 0 6px 1px 6px;
}

/** cockpit : Text Verhandlungstypen, Kunden, Agents, etc. (Zeilentext) */
.cockpit_text {
  color             :#000000;
}

.cockpit_link {
  color             :#000000;
}

/** cockpit : Text unterhalb Periodenanzeige (Zeitspanne) */
.cockpit_subheader {
  color             :#907E56;
  font-weight       :normal;
}

/** cockpit : rahmen um verhandlungszahlen */
.cockpit_hl {
}

/** cockpit : Text unterhalb Periodenanzeige (Zeitspanne) */
.cockpit_trend_bar {
  margin            :0;
  padding           :0;
  border            :1px solid #000000;
  font-size         :1px;
  line-height       :1px;
}

.componentTrace {
  color             : red;
  display           : inline;
}

/** js scroll bar for refresh */
.scrollrefresh {
  background-color  : #EBBC00;
  position          : absolute;
  top               : 0;
  left              : 0;
  z-index           : 2;
  width             : 360px;
  height            : 15px;
}

.icon-std, .icon-action {
  vertical-align    : middle;
  width             : 14px;
  height            : 14px;
  border            : none;
}

/*see message-text
.icon-img-error {
  margin-right      : 6px;
  margin-bottom     : 1px;
}
*/
.icon-img-auction-best-bid {
  width             : 40px;
}
.icon-img-auction-neutralarea-red,
.icon-img-auction-neutralarea-yellow,
.icon-img-auction-neutralarea-green,
.icon-img-auction-neutralarea {
  width             : 60px;
}
.icon-img-scoring-pcb {
  width             : 24px;
}
.icon-img-bo-required-marker {
  width             : 3px;
  height            : 15px;
}
.icon-img-md-trend-info-up, .icon-img-md-trend-info-stable, .icon-img-md-trend-info-down {
  width             : 6px;
}

/* do not show empty form-icons in old design (IE-Bug) */
.icon-img-form
{
  display           : none;
}


/* ************************************************************* */
/* Tooltip : LangSelect, Admintool, Help *********************** */
.tooltip_layer, div.embeddedPopup, div.tooltip_smalllayer, .tooltip, .tutorial_source {
  border          : 1px solid #666666;
  position        : absolute;
  z-index         : 5;
  margin-top      : 2px;
  text-align      : left;
  -moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
}

/* used to display the error popup */
.validationPopup {
  border            : 1px solid #666666;
  background-color  : #FFEECC;
  position          : absolute;
  visibility        : hidden;
  padding-left      : 6px;
  padding-right     : 6px;
  padding-top       : 2px;
  padding-bottom    : 2px;
  -moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
}

/* additional settings for tooltips */
.tooltip, .tutorial_source {
  display           : none;
  max-width         : 400px;
  z-index           : 2000; /* muss größer als Dialog mit 1000 sein (!) */
}

/* used instead tooltip_layer which allow JavaScript-to move and make them visibly on ajax reloads */
.JS div.embeddedPopup {
  visibility        : hidden;
}

/* for small popup layers without header */
div.tooltip_smalllayer {
  z-index           : 21;
  padding           : 2px;
  visibility        : hidden;
}

.tooltip_headline .containerheadline,
.tutorial_headline .containerheadline
{
  font-weight       : bold;
  color             : #333333;
  margin-left       : 6px;
  margin-right      : 6px;
  line-height       : 12pt;
}

.tooltip_headline, .tutorial_headline {
  height            : 17px;
  background-color  : #CCBC92;
  min-width         : 200px;  /* tooltips with header have a minimum width */
}

.tooltip_content, .tutorial_content {
  padding           : 6px;
  background-color  : #FFEECC;
}

div.tooltip_row {
  padding           : 1px 4px;
  background-color  : transparent;
}

div.tooltip_row:hover {
  background-color  : #DFDFF0;
}

div.tooltip_row.langselect {
  white-space       : normal;
}
div.tooltip_row .icon-langselect {
  margin-bottom     : 2px;
}

div.tooltip_close, div.tutorial_buttons {
  display           : inline;
  float             : right;
  position          : relative;
  top               : -14px;
  padding-right     : 2px;
}

.icon-func-tooltip {
  /* no layout, mainly an functional marker
  vertical-align    : middle;
  width             : 14px;
  height            : 14px;
  border            : none;*/
  cursor            : help;
}


/* ************************************************************** */

/*** Progress bar */
div.statusbar {
  white-space: nowrap;
}
div.statusbar .icon-progressbar {
  vertical-align: top;
}

/*** VMI status bar ***/
.vmi-statusbar {
  height: 12px;
  width: 50px;
  background-color: white;
  border: 1px solid #907e56;
  display: inline-block;
  position: relative;
}
.vmi-statusbar-content {
  height: 12px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.vmi-statusbar-normal {
  background-color: #01ff00;
}
.vmi-statusbar-oversupply {
  background-color: #0000ff;
}
.vmi-statusbar-oversupply-background {
  background-color: #ff0000;
}
.vmi-statusbar-overoptimum {
  background-color: #add8e6;
}
.vmi-statusbar-overoptimum-background {
  background-color: #f08080;
}

.vmi-statusbar-undersupply {
  background-color: #ff0000;
}
.vmi-statusbar-reorderlevel {
  background-color: #ffa500;
}
.vmi-statusbar-forecastundersupply {
  background-color: #ffa500;
}
.vmi-statusbar-datainconsistent {
  width: 50px;
  background-color: #bbbbbb;
}

/* Abstand TitleGroup, Table, etc. */
div.normal, div.overview, div.highlight {
  margin-bottom:7px;
}

/* label group : title line */
/*
div.normal    .lglabel_line { background-color: #907E56; }
div.overview  .lglabel_line { background-color: #cccccc; }
div.highlight .lglabel_line { background-color: #877953; }
*/

/* filter : texte heller */
/*div.overview div, div.overview span, div.overview label
{
  color: #333333;
}*/

/* tabbedpane : title bg divider */
div.normal .titledivider, div.overview .titledivider {
  width:2px;
  height:20px;
}

/* linker Einzug wie bei LabelGroup-row ohne title, plus top-Abstand */
div.labelrow {
  margin-left:19px;
  margin-top:14px;
  width:96%; /* mp: wichtig, sonst werden die Tabellen im IE überbreit angezeigt! */
 }

/* ************************************************************** */
 /* ManagementCategory.layout */

.mgmcat.default { color:#000000; }
.mgmcat.red     { color:#dd4422; }
.mgmcat.blue    { color:#4B5EC0; }
.mgmcat.green   { color:#25790B; }
.mgmcat.yellow  { color:#ADA707; }
.mgmcat.orange  { color:#BA721C; }

/* ************************************************************** */
/* web table */

/* table title */
div.normal .containerheadline, div.overview .containerheadline, div.highlight .containerheadline
{
  font-weight     : bold;
  color           : #000000;
  margin-left     : 6px;
}

/* table header */
.tableheader {
 font-weight      : bold;
 line-height      : 8pt;
 margin           : 2px;
 color            : #000000;
}

/* table scrolling area */
.tablescrolling {
 font-size        : 8pt;
 color            : #4B5EC0;
}

/* table cell */
div.wtcell {
 margin           : 4px 2px 2px 2px;
}

/* table row */
tr.wtrow {
  /* nothing */
}
/* table renderinfo row */
tr.wtrowrenderinfo {
  /* nothing */
}
/* table fixture(summary) row */
tr.wtrowfixture {
  /* nothing */
}

/* webtable : neue Hintergrundfarbe bei mouseover von Tabellenzeilen */
/* jan: abschließende td rausgenommen --> das füllt ansonsten auch popups aus*/
div.highlight table.wt_content tr.wtrow:hover {
  background-color  : #DFDFF0;
}

div.overview table.wt_content tr.wtrow:hover {
  background-color  : #DFDFF0;
}

div.normal table.wt_content tr.wtrow:hover {
  background-color  : #DFDFF0;
}

/* base hover switch (RLTreeTable) */
.hover-switch:hover span.hover-switch-normal {
  display:none;
}
.hover-switch span.hover-switch-action {
  text-align: right;
  display:none;
}
.hover-switch:hover span.hover-switch-action {
  text-align: right;
  display:inline;
}
/* also bind the hover to the web-table. hide the text, show the action and make it float right */
table.wt_content tr.wtrow:hover .hover-switch {
  float: right;
}
table.wt_content tr.wtrow:hover .hover-switch span.hover-switch-normal {
  display:none;
}
table.wt_content tr.wtrow:hover .hover-switch span.hover-switch-action {
  display:inline;
}

/* top action of title groups: Hinweis für Nutzer zum Öffnen der TG */
div.tg_opentext {
  color             : #999999;
  text-align        : right;
 }

/* ************************************************************** */
/* main page */

/* header : "menü" + "news" */
div.header {
  font-size         : 9pt;
  font-weight       : bold;
  color             : #333333;
  height            : 17px;
  vertical-align    : middle;
  line-height       : 17px;
 }

div.navigation {
  /* nothing */
}

/* menu + news outer box style */
table.menubox, table.newsbox {
  margin-bottom     : 10px;
}

table.menubox, table #NEWS {
  /*border            : 1px solid #BCBCBC;*/
}

table #HELP {
  /*border:1px solid #BCBCBC;*/
  margin-top        : 14px;
}

table #BANNER {
  /*border            : 1px solid #999999;*/
}

/* news content area */
.news {
}

/* news entry */
a.newsitem  {
 font-size          : 10px;
 color              : #333333;
}

a.newsitem:hover  {
 color              : #907E56;
}

/* news : divider between news item (line) */
.newsline {
  background-color  : #F1F1F1;
  margin-top        : 2px;
  margin-bottom     : 2px;
}

/* news : copyright area */
.newscopy {
  background-color  : #FFFFFF;
}

/* maintenance banner ********************* */

/*
table #MAINTENANCE {
  background-color  : #eb8686;
  border-bottom     : 1px solid #8b99b3;
}
*/

.banner-maintenance {
  background-color  : #d87575;
  /*border-bottom     : 1px solid #8b99b3;*/
}

/* maintenanzebanner - capital */
div.maintenance_cap {
  color:#ffffff !important;
  font-size:10pt;
  line-height:12pt;
  font-weight:bold;
}

/* maintenanzebanner - text */
div.maintenance_text {
  color:#ffffff !important;
  font-size:8pt;
  line-height:9pt;
  white-space: nowrap;
}

/* maintenanzebanner - link */
a.maintenance_link {
  color:#ffffff;
  font-size:8pt;
  line-height:9pt;
  text-decoration:underline;
}

/* maintenanzebanner - achtung icon : gesamtbreite 39 + 12 + 12 = 63px */
.maintenance_attention_icon {
  padding-top:2px;
  padding-left:12px;
  padding-right:12px;
  width:39px;
  /*automatisch: height:32px;*/
}
/* maintenanzebanner - cancel icon : gesamtbreite 14 + 20 + 20 = 60px */
.maintenance_cancel_icon {
  padding:0 20px;
  width:14px;
  height:14px;
}

.banner-current-system {
  background-color  : #d87575;
  /*border-bottom     : 1px solid #8b99b3;*/
}

/* CurrentSystemBanner - capital */
div.current-system_cap {
  color:#ffffff !important;
  font-size:10pt;
  line-height:12pt;
  font-weight:bold;
}

div.table_quicksearch
{
  display           : none;
  position          : absolute;
  border            : 1px solid black;
  background-color  : white;
  z-index           : 4;
  text-align        : left;
}

.webdialog-container .table_quicksearch {
  position: fixed;
}

div.hub_help
{
  color             : #666666;
  border            : 1px solid #999999;
  margin-bottom     : 6px;
  padding-left      : 4px;
  visibility        : hidden;
  position          : absolute;
  background-color  : white;
  max-width         : 400px;
  z-index           : 10;
}

img.photo {
  border            : 1px solid #dddddd;
}

/* the suggestion popup container */
.suggestContainer {
  margin            : 0;
  padding           : 0;
  text-align        : left;
  overflow-x        : hidden;
  white-space       : nowrap;
}
.suggestContainer .suggestArea {
  background-color  : #ffffff;
  border            : 1px solid #ec7112;
  padding           : 2px;
}
.suggestContainer .suggestArea .suggestItem:hover {
  background-color  : #d2d2d3;
}
.suggestContainer .suggestArea .suggestItem em {
  background      : #ec7112;
  color           : #fff;
}
.suggestContainer .suggestArea .suggestItem.more-items {
  text-align      : center;
}
/* class for the suggestion item link. (old: suggestItemLink : mainly dummy for finding the link */
.suggestContainer .suggestArea .suggestItem.link {
}

/* suggestion as tooltip */
.suggestContainer.suggest-style-tooltip {
  position          : absolute;
  z-index           : 50000;
  min-width         : 170px;  /* siehe forms.wide */
  max-width         : 400px;
}
/* if we have suggestions, this area will be created */
.suggestContainer.suggest-style-tooltip .suggestArea {
  position          : relative;
}
.suggestContainer.suggest-style-tooltip .suggestArea .forms {
  background-color  : transparent;
  border            : none;
}
/* class for an suggestion item */
.suggestContainer.suggest-style-tooltip .suggestArea .suggestItem {
}
/* default output as plaintext */
.suggestContainer.suggest-style-plain {
  position           : static !important;
}
/* the currently selected item */
.suggestItemActive {
  background-color  : #d2d2d3;
  padding-left      : 4px;
  padding-right     : 4px;
}
/* end suggestion */

div.quicksearch .toolbar_btn {
  margin-left       : 0;
}

table .transactionlist {
  width             : 100%;
}

/* rending an link-node of the product tree */
.productTreeLink {
  color             : blue;
  font-style        : italic;
}

/* rending an collapsed node of the product tree */
.productTreeCollapsed {
  font-weight       : bold;
}

/* rending the path of the product tree */
.productTreePath {
  font-size         : smaller;
}

/*** simple box layout for messages ******* */
/* container */
div.message-box {
  background-color  : #ffeecc;
  border            : 1px solid #EC7112;
  margin-bottom     : 4px;
}
/* title header */
div.message-box div.message-box-title {
  color             : #ffffff;
  background-color  : #ec7112;
  font-weight       : bold;
  padding           : 1px 4px;
}
/* content area */
div.message-box div.message-box-content {
  padding           : 4px;
}
/*** end message box ********************** */


/* message text (error/important/info) ***************** */
/* message container
-------------------- */
.message-text {
  margin-top        : 4px;
  margin-bottom     : 4px;
  /*padding           : 4px;*/
}
/* einfache Macros: nach dem Icon Abstand zum Text */
.message-text .icon-std {
   margin-right     : 6px;
 }

/* icon column */
.message-text .column-icon {
  width           : 20px;
  vertical-align  : top;
  margin-right    : 6px;
}
/* text column */
.message-text .column-text {
  color           : inherit;
}

/* important style */
.message-text.important {
  color           : #25790B;
}
/* error style */
.message-text.error {
  color           : #dd4422;
}
.message-text.error .link {
  color           : #333;
  text-decoration : underline;
}
/* success style */
.message-text.success {
  color           : #0e5923;
}
/* end message text *************************************** */


/* public contact form ********************************************************* */
.wc-key-account-contact {
}

/* default text */
.wc-key-account-contact .contact-text {
  text-align        : center;
  line-height       : 11pt;
  font-size         : 8pt;
}

.wc-key-account-contact .contact-block {
  padding           : 5px;
}

/* contact name */
.wc-key-account-contact .contact-name {
  text-align        : center;
  font-size         : 9pt;
  line-height       : 13pt;
  font-weight       : bold;
}

/* default phone number row */
.wc-key-account-contact .contact-phone {
  color             : #25790B;
  text-align        : center;
  font-size         : 11pt;
  line-height       : 14pt;
  font-weight       : bold;
}

/* language flags row */
.wc-key-account-contact .contact-flags {
  text-align        : center;
}

/* contact photo */
img.img-contact-photo {
  border            : 1px solid #dddddd;
  margin            : 5px;
  height            : 120px;
  max-height        : 120px;
  width             : auto;   /* auto width scaling */
  max-width         : 93px;
}

/* left and right arrow */
.wc-key-account-contact .contact-arrow {
  vertical-align    : middle;
  padding           : 5px;
}

/* divider row */
.wc-key-account-contact .contact-divider {
  background-color  : #ffffff;
  height            : 2px;
}


/*BEGIN *********************************** Calendar styling ***********************************/
/* calendar root element */
.calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index             : 1000;

	margin-top          : -1px;
	padding             : 2px;
	background-color    : #fff;
	font-size           : 11px;
	border              : 1px solid #ccc;

  -webkit-border-radius : 5px;
     -moz-border-radius : 5px;
      -ms-border-radius	: 5px;
       -o-border-radius	: 5px;
          border-radius	: 5px;

  -webkit-box-shadow :  0 0 15px 0 #666;
     -moz-box-shadow :  0 0 15px 0 #666;
      -ms-box-shadow :  0 0 15px 0 #666;
       -o-box-shadow :  0 0 15px 0 #666;
          box-shadow :  0 0 15px 0 #666;
          -ms-filter : "prodid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, color='#999')"; /* IE8+ */
              filter :  prodid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, color='#999'); /* IE6 + IE7 */
}

/* head. contains title, prev/next month controls and possible month/year selectors */
.calhead {
	padding               : 2px 0;
	height                : 22px;
  background-color      : #DFDFF0;
}

.caltitle {
	font-size             : 14px;
	color                 : #0150D1;
	text-align            : center;
	width                 : 155px;
	line-height           : 20px;
	text-shadow           : 0 1px 0 #ddd;
}

.calfooter {
  background-color      : #DFDFF0;
  height                : 22px;
  padding               : 2px 0;
  text-align            : center;
}

.calfooter td:hover {
  background-color      : #498CE2;
  color                 : #fff;
}

.calfooter a {
  display               : block;
  width                 : 100%;
  height                : 100%;
  text-decoration       : none;
  color                 : #3A3A3B;
}

/* different states */
.calfooter a:hover {
	background-color      : #498CE2;
  color                 : #fff;
  text-decoration       : none;
}

.calnext, .calprev {
	display               : block;
	width                 : 14px;
	height                : 14px;
	cursor                : pointer;
  background            : none no-repeat scroll 0 0 transparent;
}

.calprev {
  background-image      : url(../../common/icons/arrow-left_a.gif );
  text-align            : left;
}

.calnext {
  background-image      : url(../../common/icons/arrow-right_a.gif );
  text-align            : right;
}

.caldisabled {
	visibility            : hidden;
}

/* names of the days */
.caldays {
	height                :14px;
  border-bottom         :1px solid #ddd;
  background-color      :#DFDFF0;
}

.caldays td {
	text-align            :center;
}

/* single week */
.calweek {
	height                :22px;
}

/* single day */
.calweek td {
	width                 :27px;
	height                :20px;
	font-size             :11px;
	margin-left           :1px;
	text-align            :center;
	line-height           :20px;
}

.calweeknumber {
  font-style            : italic;
}
.calweek td.calweeknumber {
  background-color      : #DFDFF0;
}

a.calday {
  display               : block;
  width                 : 100%;
  height                : 100%;
	text-decoration       : none;
	color                 : #666;
  -webkit-border-radius : 3px;
     -moz-border-radius : 3px;
      -ms-border-radius	: 3px;
       -o-border-radius	: 3px;
          border-radius	: 3px;
}

/* different states */
a.calday:hover, .calfocus {
	background-color      : #ddd;
}

/* offmonth day */
a.caloff {
	color:#ccc;
}

a.caloff:hover {
	background-color:#DFDFF0;
}

/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
a.calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
a.caltoday {
	background-color:#333;
	color:#fff;
}

/* Kalender-Popup */
.date-fields {
  margin                : 0 2px 2px 0;
  white-space           : nowrap;
}
.date-fields .forms {
  margin      : 0;
}

.caltrigger {
  display     : inline-block;
  margin-left : 2px;
}
/*END *********************************** Calendar styling ***********************************/


/* Accordion styling ************************************************************************************************************* */
.accordion .header { cursor: pointer;  margin-top: 1px; zoom:1; border: 1px solid #aaaaaa; background: #cccccc; padding:2px; border-radius: 4px; -webkit-border-radius: 4px; color:#333; }
.accordion .header.selected { border-bottom-width: 0 !important; border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; }
.accordion .header.accordion-header-trigger { cursor: pointer; zoom: 1; }
.accordion .header.loading { cursor: wait !important;}
.accordion .header .accordion-trigger { cursor: pointer; }
.accordion .header .toolbar { float:right; margin-top:1px; }
.accordion .content { padding:18px 12px 12px 12px; display: none; }
.accordion .content.selected { display: block; border: 1px solid #aaaaaa; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; }
.accordion .content .action-item { border-top: 1px solid #cccccc; }
/* END Accordion ****************************************************************************************/

/* Download-Previews */
.preview-image-popup { background-color:white;border:1px solid black;text-align:center;z-index:500;position: absolute;}



/* masterdata value tree - show value icon */
div.wt-cell-value-icon {
  float             : left;
  width             : 16px;
  height            : 16px;
}
/* masterdata value tree - show values */
div.wt-cell-value {
  float             : left;
}

/* floating dialogs
========================================================== */
.webdialog-container {
  position              : fixed;
  /*overflow              : hidden;*/
  display               : none;

  min-width             : 150px;
  max-width             : 90%;
  min-height            : 150px;
  max-height            : 90%;
}

/* the real layout frame
---------------------- */
.webdialog {
    background-color    : #fff;
    width               : auto;
    height              : auto;
    padding             : 10px;                 /* Abstand zum Content */
    border              : 3px solid #fbb061;    /* hervorgehobener Rahmen */

  -webkit-box-shadow    : 0 0 8px 0 #666;
     -moz-box-shadow    : 0 0 8px 0 #666;
      -ms-box-shadow    : 0 0 8px 0 #666;
       -o-box-shadow    : 0 0 8px 0 #666;
          box-shadow    : 0 0 8px 0 #666;
  -webkit-border-radius	: 4px;
     -moz-border-radius	: 4px;
      -ms-border-radius	: 4px;
       -o-border-radius	: 4px;
          border-radius	: 4px;
}
.webdialog > .header {
  /*height                : inherit;*/
  margin-bottom         : 4px;
}
.webdialog > .header .title {
  float                 : left;
  font-weight           : bold;
  margin-top            : 2px;
}
.webdialog > .header .toolbar {
  float                 : right;
  white-space           : nowrap;
  margin                : 0;
}
.webdialog > .interior > .content {
  overflow-y            : auto;  /* enable scrolling */
}
.webdialog > .interior > .action {
  padding               : 4px 0 0 0;
  border-top            : 1px solid #aaa;
  margin-top            : 5px;
}

/* used to overlay screen on modal dialogs.*/
.webdialog-overlay {
  filter                : alpha(opacity=50); /* IE */
  opacity               : 0.5;
  background-color      : rgb(128,128,128);
  position              : absolute;
  left                  : 0;
  top                   : 0;
}

.webdialog-overlay.click-disabled {
    background-color    : transparent;
  }


div.clearrow {
    clear               : both;
    zoom                : 1;    /* IE */
}

.progressbar {
  width: 100%;
  max-width: 400px;
  height: 12px;
  background-color: white;
  border: 1px solid #907e56;
  position: relative;
}
.progressbar > .progress-label {
  position: absolute;
  left: 50%;
  text-shadow: 1px 1px 0px #FFF;
}
.progressbar > .progress-value {
  width: 100%;
  height: 12px;
  display: inline-block;
  position: absolute;
  background-color: #498CE2;
  left: 0;
  top: 0;
}


/* masterdata tree - value styles (see (MasterDataLayoutConstants) */
.masterdata-style-bold         { font-weight: bold; }
.masterdata-style-italic       { font-style:italic; }
.masterdata-style-bolditalic   { font-weight: bold; font-style:italic; }

/* Container für MailTemplateOverviewComponent.html, damit die Zeilen bei Mouseover markiert werden */
div.hover-container .rclabel_row:hover {
  background-color : #ddd;
}

/* Schnellsuche in Toolbar der BlobTree2Component */
.blob-quick-search .forms {
  margin            : 0;
  height            : 16px;
  vertical-align    : middle;
}

.field-multiselect {
  overflow-y        : auto;
  overflow-x        : hidden; /* no sidescrolling */
}

.field-multiselect div
{
  white-space       : nowrap; /* no MultiLine-Entries */
  height            : 19px;   /* size hardcoded for IE */
}

.field-multiselect .icon-action, .field-multiselect .icon-std, .field-multiselect .checkbox
{
  margin            : 3px 3px 2px;
}

.field-multiselect .checkbox
{
  /* sizes hardcoded for similar looking selects */
  width             : 14px;
  height            : 14px;
}

.field-multiselect td
{
  padding           : 0;
}

/* RfxQuoteContinue */
.simulate {
    background-color: #d87575;
    color           : #ffffff;
    text-align      : center;
    border          : 1px solid #8b99b3;
}

/* by default this is not visible at all, see components-core.js */
.drag-download {
    display         : none;
}

/* subsection component */
.websubsection .header .toolbar {
}
.websubsection .header .title {
  color             : #777;
}
.websubsection .content {
}

/* subselection component */
.subselection .hidden {
  visibility         : hidden;
}

.subselection .open-info {
  cursor          : pointer;
}

/** firm presence **************************/

.wc-firm-presence .firminfo .websubsection .content .right .contactdata
{

}
/* contact login */
.wc-firm-presence .contactdata .subheadline
{
  padding-bottom      : 8px;
}
.wc-firm-presence .contactdata .photo
{
  padding-left        : 8px;
}
.wc-firm-presence .contactdata .tradingarea
{

}

/** workflow graph ********************************************** */

.workflowgraph .entry {
  font-family: Tahoma,serif;
}
.workflowgraph .entry .title {
  overflow: hidden;
  white-space: nowrap;
}
.workflowgraph .entry .content {
  overflow: hidden;
}
.workflowgraph .entry.round-border {
  border-radius: 8px;
}
/* small tile layout ************************** */
.workflowgraph .entry.small {
  width: 70px;
  height: 60px;
  font-size: 7pt;
}
.workflowgraph .entry.small .title {
  width: 32px;
}
.workflowgraph .entry.small .content {
  width: 60px;
  height: 22px;
}
/* medium tile layout ************************** */
.workflowgraph .entry.medium {
  width: 100px;
  height: 70px;
  font-size: 8pt;
}
.workflowgraph .entry.medium .title {
  width: 62px;
}
.workflowgraph .entry.medium .content {
  width: 90px;
  height: 32px;
}
/* big tile layout ************************** */
.workflowgraph .entry.big {
  width: 150px;
  height: 100px;
  font-size: 9pt;
}
.workflowgraph .entry.big .title {
  width: 112px;
}
.workflowgraph .entry.big .content {
  width: 140px;
  height: 62px;
}
.workflowgraph .entry.normal {
  background-color: #d4f1f4;
}
.workflowgraph .entry.highlighted {
  background-color: #ffee39;
}
.workflowgraph .entry.selected {
  background-color: #ffc67b;
}
.workflowgraph .entry.first-element {
  background-color: #a8ffa5;
}
.workflowgraph .entry.last-element {
  background-color: #4dfcff;
}
.workflowgraph .entry.error {
  background-color: #d31d3a;
}
.workflowgraph .entry.success {
  background-color: #00ff09;
}
.workflowgraph .entry .icon {
  width: 13px;
  height: 13px;
}

/* banner : crystal portal switch ************************************ */
.banner-supplieraction {
  margin-bottom: 12px;
}
/* Umschalthinweis zu newtron+ */
.banner-crystal-portal
{
  margin-bottom: 12px;
}
.banner-crystal-portal .textblock
{
  vertical-align: top;
  text-align: justify;
  margin-left: 0;
}
.banner-crystal-portal .action
{
  float: right;
  min-height: 30px;
  margin-left: 16px;
  vertical-align: top;
  text-align: right;
}
.banner-advertisment {
  background-color: #d4dde0;
  color: #434f59;
  font-size: 8pt;
  padding: 10px 30px;
  margin-bottom: 12px;
  text-align: center;
}
.banner-advent-calendar {
  margin-bottom: 12px;
}

/* app info ***************************** */

.wc-exception-page {
  padding-top     : 7px;
  padding-bottom  : 7px;
}

.wc-exception-page .appinfo {
  border-top      : 1px dotted #AAAAAA;
  color           : #AAAAAA;
  font-family     : sans-serif;
  font-size       : 8pt;
  line-height     : 10pt;
  padding-top     : 4px;
  display         : inline-block;
}

.forms.select-nda-template {
  width           : 290px;
}

/* Filter stuff ***************************** */
/*.filter .content {
  margin-left   : 10px;
}
.filter .content .criteria {
  min-width     : 400px;
  margin-top    : 6px;
}
.filter .content .criteria.top-bottom {
  float         : left;
}
.filter .content .criteria.top-bottom.big {
  width         : 690px;
}
.filter .content .criteria .label {
  float         : left;
  width         : 170px;
  text-align    : right;
}
.filter .content .criteria .label.top-bottom {
  float         : none;
  width         : 240px;
  text-align    : left;
  margin        : 0 0 3px 23px;
}

.filter .content .criteria .option {
  float         : left;
  width         : 20px;
  margin        : 0 3px;
}
.filter .content .criteria .option.top-bottom {
  margin        : 0 3px 0 0;
}
.filter .content .criteria .content {
  float         : left;
}
.filter .content .criteria .content select,
.filter .content .criteria .content input
{
  width         : 240px;
}
.filter .content .criteria .content.big {
  width         : 500px;
}
.filter .table-save td {
  padding-bottom: 3px;
}
.filter .table-save .first-cell {
  padding-right : 3px;
}
.filter .table-save .second-cell {
  padding-right : 3px;
}
.filter .table-save .third-cell {
  text-align    : right;
}
.filter .table-save .foot {
  padding-top   : 10px;
}
.filter .table-save .foot.second-cell {
  text-align    : right;
  padding-right : 0;
}*/

/* mail templates
---------------------------------------------------- */
.mail-bo-publicident,
.mail-bo-title,
.mail-username,
.mail-firmname,
.mail-bold {
  font-weight     : bold;
}

/* Firmorganisation - Pfad
--------------------------- */
.orga-structure-path .icon-std {
  vertical-align  : bottom;
}

.breadcrumb-arrow-box {
  position: relative;
  background: #dadada;
  float: left;
  padding: 2px 0px 1px 10px;
}

.breadcrumb-arrow-box:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 9px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 9px solid transparent;
  border-left: 8px solid hsl(0, 0%, 85%);
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 100%;
  z-index: 2;
}
.breadcrumb-arrow-box:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 8px solid white;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}

div.breadcrumb-arrow-box:hover {
  background: #e8e8e8;
}

div.breadcrumb-arrow-box:hover:after {
  border-left-color: #e8e8e8;
}

/* BO history tree component */
.wc-bo-history-tree .history-entry {
  border          : 1px solid #D1C198;
}
.wc-bo-history-tree .history-entry .header {
  background-color: #D1C198;
  padding         : 2px 4px;
}
.wc-bo-history-tree .history-entry .header .containerheadline {
  color: #3E3D40;
}
.wc-bo-history-tree .history-entry .interior {
  background-color: #F2EBD7;
  font-size       : 8pt;
  line-height     : 10pt;
  padding         : 4px;
}
.wc-bo-history-tree .history-entry .interior .label {
  min-width       : 100px;
  vertical-align  : top;
}
.wc-bo-history-tree .history-entry .interior .content {
  vertical-align  : top;
}
.wc-bo-history-tree .history-entry.selected .interior {
  background-color: #FFE686;
}

/* buyer activities of BOBridge
--------------------------- */
.wc-info-buyer-component .label {
  white-space: nowrap;
}

/* upgrade + check browser info component
---------------------------- */
.wc-browser-info {
  width           : 600px;
  margin          : 1% auto 0;
}
.wc-browser-info .footer {
  color           : #666;
}
.wc-browser-info .wc-key-account-contact .contact-text,
.wc-browser-info .wc-key-account-contact .contact-name,
.wc-browser-info .wc-key-account-contact .contact-phone {
  text-align      : left;
  display         : inline; /* hintereinander ohne Umbruch */
  margin-right    : 4px;
  font-size       : inherit;
}
.wc-browser-info .wc-key-account-contact .contact-block {
  padding         : 0;
}
.wc-browser-info .wc-key-account-contact .contact-divider {
  background-color: transparent;
  height          : 0;
}

/* base hover switch (RLTreeTable). We have an standard displayed content and on hover
   we display the action area
------------------------------------------------------------------- */
/*  */
.hover-switch {
  display: inline-block;
  min-height: 19px;
}
.hover-switch:hover span.hover-switch-normal {
  display: none;
}
.hover-switch:hover span.hover-switch-action {
  display: inline;
}
.hover-switch span.hover-switch-action {
  display: none;
}

.wt_content > tr:hover .hover-switch {
  float: right;
}
.wt_content > tr:hover .hover-switch span.hover-switch-normal {
  display: none;
}
.wt_content > tr:hover .hover-switch span.hover-switch-action {
  display: inline;
}

/* web filter
============================================== */

/* filter criterias
------------------- */
.webfilter > .container .criteria {
  display         : inline-block;
  margin-bottom   : 2px;
  min-height      : 20px;
  min-width       : 453px;
  vertical-align  : top;
}
.webfilter > .container .criteria > div {
  float           : left;
  min-height      : 20px;
}
.webfilter > .container .criteria > .label {
  width           : 170px;
  margin-right    : 2px;
  text-align      : right;
  color           : #707070;
}
.webfilter > .container .criteria > .help {
  margin-right    : 3px;
  width           : 19px;
}
.webfilter > .container .criteria > .content {
  min-width       : 225px;
}
.webfilter > .container .criteria > .content select,
.webfilter > .container .criteria > .content .forms.filter-select {
  width           : 170px;
}
.webfilter > .container .criteria > .content .forms.filter-input {
  width           : 170px;
}
.webfilter > .container .separator.horizontal {
  display         : inline-block;
  width           : 30px;
  min-height      : 20px;
}
.webfilter > .container .separator.vertical {
  display         : block;
  height          : 0;
  width           : 100%;
}

/* filter configs
------------------- */
.webfilter .configs {
  border-top      : 1px solid #CCCCCC;
  margin-top      : 10px;
}
.webfilter .configs > .part {
  float           : left;
  margin-left     : 14px;
}
.webfilter .configs > .part > .title {
  font-size: 10pt;
  font-weight: bold;
  line-height: 14pt;
}

#bulletin-board-banner {
  background-image  : url(../../components/std/banner_bulletin_board.jpg );
  width             : 720px;
  height            : 130px;
  position          : relative;
}
#bulletin-board-banner a:hover {
  text-decoration   : none;
}

#bulletin-board-banner .bb-customer {
  font-size: 14pt;
  left: 54px;
  line-height: 16pt;
  position: absolute;
  text-align: center;
  top: 28px;
  color: #283170;
}
#bulletin-board-banner .bb-finally {
  font-size: 52pt;
  left: 210px;
  position: absolute;
  top: 31px;
  color: #283170;
}
#bulletin-board-banner .bb-here-comes {
  font-size: 15pt;
  left: 250px;
  position: absolute;
  top: 70px;
  color: #283170;
}
#bulletin-board-banner .bb-bulletin-board {
  bottom: 17px;
  font-size: 23pt;
  left: 163px;
  position: absolute;
  color: #283170;
}



/* jquery-UI-related */
.ui-draggable-handle {
   cursor: move;
   -ms-touch-action: none;
   touch-action: none;
 }
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

/* Imprint *************************************************/
#imprint {
  padding: 7px;
}

#imprint .title {
 font-weight: bold;
}

div.vertical-place-holder             { height : 4px; }
div.vertical-place-holder.field       { height : 2px; }
div.vertical-place-holder.paragraph   { height : 7px; }
div.vertical-place-holder.section     { height : 14px; }

.nowrap {
  white-space : nowrap;
}

.highlight-text {
  background-color : lightseagreen;
  color: white;
}

.rank {
  font-weight: bold;
}
.rank.rank-1 {
  color: #279e27;
}


/* align Left-Right macro
------------------ */
.lr {
  width                     : 100%;
  display                   : grid;
  grid-template-columns     : 1fr 1fr; /* 2 Spalten mit je 50% : 50% */
  justify-content           : space-between;
}

.lr > .lr-content.left {
  text-align : start;
}
.lr > .lr-content.right {
  text-align : end;
}


/* alignLeft macro
------------------ */
.al {
  display         : inline-flex;
  flex-wrap       : wrap;
  justify-content : flex-start;
  align-items     : center;
  gap             : 0.25em;
  width           : 100%;
}


/* alignCenter macro
------------------ */
.ac {
  display         : inline-flex;
  flex-wrap       : wrap;
  justify-content : center;
  align-items     : center;
  gap             : 0.25em;
  width           : 100%;
}


/* alignRight macro
------------------ */
.ar {
  display         : inline-flex;
  flex-wrap       : wrap;
  justify-content : flex-end;
  align-items     : center;
  gap             : 0.25em;
  width           : 100%;
}

/* exclusive status colors
------------------------------- */
/* current customer has exclusive status */
.firm-status-exclusive.exclusive-standard {
  color           : #25790B;
}
/* different customer has exclusive status */
.firm-status-exclusive.exclusive-warning {
  color           : #BA721C;
}
/* current customer has forced exclusive status */
.firm-status-exclusive.forced-exclusive-standard {
  color           : #25790B;
}
/* different customer has forced exclusive status */
.firm-status-exclusive.forced-exclusive-warning {
  color           : #dd4422;
}


#firm-flags-editor .firm-flags-search-controls {
  display        : flex;
  flex-direction : row;
  flex-wrap      : nowrap;
  align-items    : center;
  gap            : 0.25em;
  width          : 100%;
  margin-bottom  : 1rem;
}

#firm-flags-editor .firm-flags-search-input {
  display        : flex;
  flex-direction : row;
  flex-wrap      : nowrap;
  align-items    : center;
  gap            : 0.25em;
  width          : 100%;
}

#firm-flags-editor .firm-flags-search-input .forms {
  width: 100% !important;
}

#firm-flags-editor #firm-flags-search-no-results {
  margin-bottom : 1rem;
}

#firm-flags-editor .flagRow {
  display: flex;
  align-items: center;
}

#firm-flags-editor .flagRow:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

#firm-flags-editor .flagRow-helpIcon::before {
  content      : "?";
  padding-left : 1em;
  flex-shrink  : 0;
}

#firm-flags-editor .flagRow-checkbox {
  width: 2.7142857em;
  flex-shrink: 0;
}

#firm-flags-editor .flagRow-label {
  flex: 1 1 auto;
}

#firm-flags-editor .flagRow-ticket {
  margin-left: auto;
  white-space: nowrap;
  padding-left: 8px;
}

#firm-flags-editor .flagRow-hint {
  margin-left: auto;
  white-space: nowrap;
  padding-left: 0.5em;
}

#firm-flags-editor .flagRow-hint .message-text {
  margin-top: 0;
}

#firm-flags-editor .flagRow--level1 {
  padding-left: 2.7142857em;
}

#firm-flags-editor .flagRow--level2 {
  padding-left: calc(2 * 2.7142857em);
}

#firm-flags-editor .flagRow-separator {
  border: none;
  border-top: 1px solid #dddddd;
  margin: 8px 0;
}