html,body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Verdana;
  font-size: 13px;
}

.input_error {
    background-color:   #FFD4D4;
    border:             1px solid #919B9C;
    padding:            2px;
}

.clear_both {
  clear :both;
}

input, textarea {
    border : 1px solid #A9A9A9;
    padding: 3px;
}

img {
  border: 0 none;
}

/* Zugriffsrechte-Sachen */

.popup_dialog {
  border : 1px solid #C4C4C4;
  position : fixed;
  background-color : #FFFFFF;
  border-radius : 6px;
  padding : 10px 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

.popup_dialog img {
  border: 0 none;
}

.popup_dialog .popup_dialog_arrow {
  position: absolute;
}

.popup_dialog a.popup_menu_item {
  color: #555555;
  display: inline-block;
  font-family: arial;
  font-weight: bold;
  margin-right: 42px;
  padding: 6px 15px 6px 6px;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
}

.popup_dialog a.popup_menu_item.submenu_trigger {
  margin: 0;
  position: absolute;
  right: 0;
}

.item_container {
  position: relative;
}

.popup_dialog a.popup_menu_item span {
  vertical-align: middle;
}

.popup_dialog a.popup_menu_item img.item-icon-black,
.popup_dialog a.popup_menu_item img.item-icon-white {
  padding-right: 5px;
  vertical-align: middle;
  height: 16px;
  width: 16px;
}

.popup_dialog a.popup_menu_item .item-icon-white {
  display: none;
}

.popup_dialog a.popup_menu_item .item-icon-black {
  display: inline;
}

.menu_root, .menu_submenu {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  padding: 1px 0 0 0px;
  border: none;
}

.menu_submenu {
  display: none;
}

.submenu_trenner {
  float: left;
  width: 100%;
}

.menu_root .item_container
.menu_submenu .item_container {
  border: none;
  padding: 10px 0 0 0;
  margin: 0;
  float: none !important;
}

.menu_root .first_item,
.menu_submenu .first_item {
  padding: 0;
}

#access_dialog {
  z-index :  1000;
}

#access_dialog input {
  margin-left: 0;
}

/* Icon-Resize */
/* Wegen Retina-Displays usw. muessen wir die Icons in der doppelten Groesse verwenden und dann kleiner machen */

.icon_8 {
  width   : 8px;
  height  : 8px;
}

.icon_16 {
  width   : 16px;
  height  : 16px;
}

.icon_32 {
  width   : 32px;
  height  : 32px;
}

.icon_64 {
  width   : 64px;
  height  : 64px;
}

.icon_128 {
  width   : 128px;
  height  : 128px;
}

span.relation_add {
    margin          : 1px 0px 1px 5px;
    display         : inline-block;
    cursor          : pointer;
}
span.relation_add a{
    color           : #666666;
    font-weight     : bold;
    text-decoration : underline;
    cursor          : pointer;
}

div.warn, span.warn {
    border  : 1px solid #990000;
    color   : #990000;
    padding : 2px 6px;
}

div.success, span.success {
    border  : 1px solid #009900;
    color   : #009900;
    padding : 2px 6px;
}


div.warn {
    display: block;
}

.access_right_mark {
  outline: 3px solid #990000;
}

#access_right_mark_overlay {
  position    : fixed;
  top         : 0;
  bottom      : 0;
  left        : 0;
  right       : 0;
  -ms-filter  : "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter      : "alpha(opacity=40)";
  opacity     : 0.4;
  display     : none;
  z-index     : 20;
  cursor      : pointer;
}

.opac80 {
  filter      : alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity     : 0.8;
}

.opac90 {
  filter      : alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity     : 0.9;
}

/* Hilfetexte-Hoverpopup */
.tooltip_div {
    position    : relative;
}

.tooltip {
    position    : absolute;
    cursor      : default;
    display     : none;
    top         : 5px;
}

.contextmenu_arrow {
    z-index     : 12;
    position    : absolute;
    top         : 0px;
    left        : 0px;
    width       : 17px;
    height      :  9px;
}

.contextmenu {
    background-color: #fff;
    padding         : 6px;
    border          : 1px solid #c4c4c4;
    border-radius   : 6px;
    color           : black;
    text-align      : left;
    text-shadow     : none;
    white-space     : pre;/*-wrap;*/
    z-index         : 1000;
    font-weight     : normal;
    position        : absolute;
    /*min-width   : 400px;*/
}

.contextmenu_entry {
    cursor          : pointer;
    line-height     : 20px;
    vertical-align  : middle;
}

.multi_checker.menu_ico {
    width           : 16px;
    height          : 16px;
}

hr.one_px {
    height           : 1px;
    border           : none;
    color            : #333333;
    background-color : #333333;
    margin-bottom    : 1px;
    margin-top       : 1px;
}

#globalCrumbBarContainer {
    background-color: #dde4e8;
    margin-top      : -2px;
    width           : 100%;
    z-index         : 5;
}

#globalCrumbBarContainer > ul {
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px;
    list-style: none;
    display: inline-block;
}

#globalCrumbBarContainer li {
    height: 25px;
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;
    display: inline-block;
    margin-right: 10px;
    margin-left: 8px;
    cursor: pointer;
    line-height: 24px;
    vertical-align: middle;
    background-color: #adadad;
    margin-top: 3px;
}

#globalCrumbBarContainer li:after {
    background-image: url(/static/images/icons/gray/png/25/triangle.right.png);
    position: relative;
    width: 25px;
    height: 25px;
    display: inline-block;
    content: "";
    /* top: 5px; */
    left: 24px;
    float: right;
    box-sizing: border-box;
}

#globalCrumbBarContainer li:before {
    background-image: url(/static/images/icons/gray/png/25/triangle.right.inverted.png);
    position: relative;
    width: 17px;
    height: 25px;
    display: inline-block;
    content: "";
    /* top: 5px; */
    left: -17px;
    float: left;
    box-sizing: border-box;
}

#globalCrumbBarContainer li:hover:before {
    background-image: url(/static/images/icons/blue/png/25/triangle.right.inverted.png);
}

#globalCrumbBarContainer li:first-child:before {
    background-image: none;
}

#globalCrumbBarContainer li:first-child {
    padding-left: 4px;
    margin-left: -5px;
}

#globalCrumbBarContainer li:hover {
    background-color: #2782bb;
    color: white;
}

#globalCrumbBarContainer li:hover:after {
  background-image: url(/static/images/icons/blue/png/25/triangle.right.png);
}

div#globalCrumbBarContainer>ul>li:last-child {
    font-weight: bold;
    cursor: default;
    background-color: white;
    border-radius: 0px 15px 0px 0px;
}

div#globalCrumbBarContainer>ul>li:last-child:first-child:before {
    background-image:none;
}

div#globalCrumbBarContainer>ul>li:last-child:hover {
    color: black;
}

div#globalCrumbBarContainer>ul>li:last-child:before {
    background-image: url(/static/images/icons/white/png/25/triangle.right.inverted.png), url(/static/images/icons/gray/png/25/triangle.right.inverted.png);
    background-position: 0px 0px, -1px 1px;
    background-repeat: no-repeat;
}

div#globalCrumbBarContainer>ul>li:last-child:after {
    background-image: none;
}

#globalCrumbBarContainer li a {
    vertical-align: middle;
    color: black;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    margin-left: -13px;
}

#globalCrumbBarContainer li:hover a {
    color: white;
}

#globalCrumbBarContainer li.unsaved_userinput {
    background-image: url(/static/images/icons/orange/png/16/new.png), url(/static/images/icons/black/png/16/new.png), url(/static/images/icons/white/png/32/notification.png), url(/static/images/icons/black/png/32/notification.png);
    background-repeat: no-repeat;
    background-size: 8px 8px, 8px 8px, 16px 16px, 16px 16px;
    background-position: 15px 4px, 16px 5px, 3px 5px, 4px 6px;
}

#globalCrumbBarContainer li.unsaved_userinput a {
    margin-left: 9px;
}

#globalCrumbBarContainer li:first-child.unsaved_userinput {
    background-position: 17px 4px, 18px 5px, 5px 5px, 6px 6px;
}

#globalCrumbBarContainer li:first-child.unsaved_userinput a {
    margin-left: 6px;
}

#toast-container {
    font-size : 16px;
}

#toast-container .toast {
    width     : 450px;
}

input[type="text"].smaller_num {
    min-width: 20px;
    max-width: 40px;
    text-align: right;
}

input[type="text"].num {
    text-align: right;
}

*[help_tooltip].help_active:hover:after {
    content: attr(help_tooltip);
    border: 1px #aaaaaa solid;
    cursor: help;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    background: white;
    display: block;
    color: #666666;
    text-shadow: initial;
}