html {
  min-height: 100%;
}
h1 {
  font-size: 1.6em;
  margin-top: 0;
  line-height: 32px;
}
.hint > h3 {
  margin-top: 0;
}
.toggle-area-info {
  color: #888;
  font-size: 14px;
  margin-left: 20px;
}
.container {
  max-width: none;
  width: 100%;
}
.container-debitoren {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 220px 160px 200px 200px 280px 290px;
  grid-template-columns: 220px 160px 200px 200px 280px 290px;
  grid-rows: 100px;
  -ms-grid-rows: 50px;
}
.eins {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}
.zwei {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}
.drei {
  -ms-grid-column: 3;
  -ms-grid-row: 1;
}
.vier {
  -ms-grid-column: 4;
  -ms-grid-row: 1;
}
.fuenf {
  -ms-grid-column: 5;
  -ms-grid-row: 1;
}
.sechs {
  -ms-grid-column: 6;
  -ms-grid-row: 1;
}
.sort-debitoren {
  margin-top: 4px;
}
.defaultContainer {
  padding-top: 10px;
}
.mainmenu-container {
  padding-left: 0;
}
.navbar {
  border: 0;
  border-radius: 0 ! important;
  border-bottom: 5px solid #d0e3ff;
  margin-bottom: 0;
  background-color: #333;
  min-height: 36px;
  box-shadow: 0 -2px 3px 4px rgba(100, 100, 100, 0.4);
  position: fixed;
  width: 100%;
  z-index: 10;
}
.navbar-inverse .navbar-nav > li > a {
  color: #ccc;
}
ul.nav > li > a {
  padding-left: 10px;
  padding-right: 10px;
}
ul.nav > li.active-tab > a {
  border-radius: 5px 5px 0 0;
  padding-top: 5px;
  margin-top: 10px;
}
.navbar-brand {
  padding: 14px 8px 0 22px ! important;
}
ul.nav > li > a.navbar-split-btn {
  padding-left: 10px;
  padding-right: 1px;
  margin-right: -1px;
}
ul.nav > li > .navbar-split-caret-btn {
  padding-left: 0;
  padding-right: 10px;
}
.nav > li > a.navbar-split-btn,
.nav > li > a.navbar-split-caret-btn {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 20px;
  position: relative;
  color: #ccc;
  text-decoration: none;
}
ul.nav > li.active-tab > a.navbar-split-btn {
  border-radius: 5px 0 0 0;
}
ul.nav > li.active-tab > a.navbar-split-caret-btn {
  border-radius: 0 5px 0 0;
}
.input-sm {
  font-size: 14px;
}
.login-info {
  font-weight: bold;
  text-align: right;
  padding-top: 2px;
}
.navbar-inverse .login-info {
  color: #fff ! important;
}
.user-menu-links > .navbar-nav > li > a {
  padding: 2px 0px 0px 10px;
}
#content {
  font-size: 14px;
  margin-top: 50px;
  padding-top: 10px;
}
.navbar-right {
  margin-right: 0px;
  line-height: 24px;
}
.navbar-collapse {
  padding-right: 0px;
}
.loginFooter ul {
  text-align: left;
}
.loginFooter ul li {
  display: inline-block;
  padding-right: 15px;
}
input[readonly="readonly"] {
  background-color: #dddddd;
}
.breadcrumb {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 5px;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "|\00a0";
}
form {
  padding: 0px;
}
td {
  padding: 0px;
}
.td-large-content {
  width: 300px;
  table-layout: auto;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.removeBtnImg {
  cursor: pointer;
  padding-top: 2px;
  padding-left: 10px;
}
.helpContainer {
  clear: both;
  padding: 0;
  margin: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
}
.helpContainer table {
  border: 0;
  width: 100%;
}
div.blankContainer div#content {
  padding: 0;
  margin: 0;
  width: 100%;
}
div.helpContainer div#content {
  padding: 5px;
  margin: 0;
  overflow: auto;
  width: 382px;
  height: 496px;
}
div.static {
  width: 98%;
  height: 15px;
  position: fixed;
  float: right;
  z-index: 255;
  background-color: #FFFFFF;
  padding-right: 10px;
}
#loginTitel {
  width: 550px;
  height: 25px;
  font-size: 24px;
  text-decoration: underline;
  font-weight: bold;
  position: relative;
  top: 20%;
  left: 50%;
  margin-left: -250px;
  margin-top: -10px;
}
#loginOverLayer {
  position: absolute;
  padding-left: 200px;
  padding-top: 20px;
  top: 155px;
  left: 40px;
  width: 738px;
  height: 130px;
  background-color: #dedfe0;
}
#loginOverLayer2 {
  position: absolute;
  padding-left: 200px;
  padding-top: 15px;
  padding-right: 10px;
  top: 310px;
  left: 40px;
  width: 728px;
  height: 120px;
}
#loginOverLayer3 {
  position: absolute;
  padding-left: 200px;
  padding-top: 10px;
  padding-right: 10px;
  top: 155px;
  left: 40px;
  width: 728px;
  height: 140px;
  background-color: #dedfe0;
  overflow: visible;
}
#loginBildleiste {
  position: absolute;
  left: 40px;
}
#loginStripExtLeft {
  position: absolute;
  top: 155px;
  left: 0px;
  width: 40px;
  height: 150px;
  background-color: #9fb6d7;
}
#loginStripExtRight {
  position: absolute;
  top: 61px;
  left: 0px;
  width: 35px;
  height: 150px;
  background-color: #9fb6d7;
  z-index: 7;
}
#loginPatchRight {
  position: absolute;
  top: 94px;
  left: 978px;
  width: 35px;
  height: 490px;
  background-color: #b8d1f4;
  z-index: 8;
}
#loginPatchTop {
  position: absolute;
  left: 690px;
  width: 320px;
  height: 18px;
  background-color: #b8d1f4;
}
#loginPatchBottom {
  position: absolute;
  top: 487px;
  left: 0px;
  width: 1000px;
  height: 97px;
  background-color: #b8d1f4;
}
#logindialog {
  width: 550px;
  height: 240px;
  position: absolute;
  top: 155px;
  left: 35px;
  margin-left: -275px;
  margin-bottom: 0px;
  -moz-border-radius: 5px;
  padding: 5px;
}
.loginExtraButton {
  text-decoration: none;
  position: absolute;
  top: 545px;
  left: auto;
  float: left;
}
div#mainOutline2 {
  padding: 0px;
  margin: 0px;
  height: 490px;
  width: 100%;
  overflow: hidden;
  background-color: #b5cff4;
  font-size: 11px;
}
div#whereTheActionGoes {
  margin-left: 40px;
  margin-top: 18px;
  width: 960px;
  height: 460px;
  background-color: #ffffff;
  overflow: hidden;
}
div#whereTheActionGoes_adr_best {
  margin-left: 40px;
  margin-top: 18px;
  width: 965px;
  height: 500px;
  background-color: #ffffff;
  overflow: hidden;
}
div.mainTab img,
div.mainTabSelected img {
  overflow: visible;
  position: relative;
  left: -3px;
  padding-right: 4px;
  border: 0px;
  float: left;
}
div.mainTab span,
div.mainTabSelected span {
  display: block;
  padding: 4px 15px 6px 6px;
  color: #333;
  font-size: 90%;
  font-weight: bold;
  height: 100%;
}
ul.tabrow {
  width: 10em;
  margin: 0;
  padding: 0;
  color: #333;
  line-height: 16px;
  position: relative;
  margin-bottom: 0px;
  z-index: 1;
}
ul.tabrow li {
  list-style: none;
  display: table-cell;
  background-color: #f4f4f4;
  border: 1px solid #6290d2;
  border-radius: 5px 5px 0 0;
  line-height: 20px;
  height: 20px;
  vertical-align: middle;
}
ul.tabrow li.selected {
  background-color: #d0e3ff;
  border-top: 1px solid #6290D2;
  border-right: 1px solid #6290D2;
  border-bottom: 1px solid #d0e3ff;
  border-left: 1px solid #6290D2;
}
ul.tabrow li:hover {
  background-color: #d0e3ff;
}
.mainThemeBg {
  background-color: #d0e3ff ! important;
}
.tabrow span {
  white-space: nowrap;
}
.tabrow a {
  color: #333;
  text-decoration: none;
  padding: 4px 15px 6px 6px;
  font-size: 90%;
  font-weight: bold;
}
.tabrow img {
  padding-left: 2px;
  padding-right: 6px;
  vertical-align: middle;
  padding-top: 4px;
  padding-bottom: 4px;
}
.tabrow-text {
  padding-top: 4px;
  padding-bottom: 4px;
}
.littleHeading {
  margin-top: 20px;
  margin-bottom: 5px;
  border-bottom: 1px solid;
  clear: both;
}
.formRowHeader {
  background-color: #103090;
  color: white;
  font-weight: bold;
  text-align: center;
  padding-right: 3px;
  padding-left: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0px;
}
.formRow {
  overflow: hidden;
  padding-bottom: 3px;
  width: 99%;
}
.specialTable {
  width: 500px;
  font-size: 12px;
  text-align: center;
}
.specialTable td {
  padding: 2px 5px !important;
}
.specialTable tr {
  border: 1px solid #DDDDDD;
}
.specialTable td.w70 {
  width: 70px;
}
.specialTable td.w85 {
  width: 85px;
}
.specialTable td.type {
  width: 60px;
  font-weight: bold;
  text-align: center;
}
.specialTable tr:hover td {
  background: #ddd;
  font-weight: bold;
}
.specialTable th {
  text-align: center;
  background: #D0E3FF;
  padding: 1px 5px 1px 5px !important;
  border: 1px solid #DDDDDD;
  color: #000;
}
.specialTable tr:hover {
  background: #D3DFE8 ! important;
}
.specialTable tr.odd {
  background: #F3F3F3 ! important;
}
.specialTable tr.even {
  background: #FFFFFF ! important;
}
.table th.w100 {
  width: 100px;
}
.table th.w160 {
  width: 160px;
}
.formRowWithSelectButton {
  overflow: hidden;
  padding-bottom: 3px;
  width: 99%;
  line-height: 20px;
}
.formRowOdd {
  overflow: hidden;
  padding-bottom: 3px;
  width: 99%;
  background-color: #FFFFFF;
}
.formRowEven {
  overflow: hidden;
  padding-bottom: 3px;
  width: 99%;
  background-color: #dfe4e8;
}
.formRowWF {
  display: inline;
}
.fieldReadOnly {
  background-color: #dddddd;
}
.formImportantText {
  overflow: hidden;
  padding: 5px;
  width: 95%;
  background-color: #ff0000;
  color: #ffffff;
  font-weight: bolder;
  margin-top: 10px;
  margin-bottom: 10px;
}
.formInfoText {
  overflow: hidden;
  padding-bottom: 5px;
  padding-left: 5px;
  width: 80%;
  border: 2px solid #FFDF2B;
}
.formWarningText {
  overflow: hidden;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 5px;
  margin-left: 20px;
  width: 60%;
  border: 1px solid #FD393B;
  background-color: #FF8688;
}
.buttonRow {
  overflow: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: 15px;
  float: right;
  z-index: 9;
}
.labelOnTop {
  margin-top: 5px;
  margin-bottom: 0px;
}
.formLabel {
  float: left;
  margin-top: 4px;
  width: 25%;
}
.formLabel2Lines {
  float: left;
  margin-top: 12px;
  width: 25%;
}
.formLabelBold {
  float: left;
  margin-top: 4px;
  width: 25%;
  font-weight: bold;
}
.formFieldVerySmall {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  width: 30px;
}
.formFieldSmall {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  width: 60px;
}
.formFieldMid {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  width: 100px;
}
.formFieldLong {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  width: 300px;
}
.formFieldVeryLong {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  width: 600px;
}
.formFieldVeryLongMiddle {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  width: 600px;
  text-align: center;
}
.formLabelSmall {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  width: 100px;
}
.formLabelRightMid2 {
  float: left;
  margin-right: 4px;
  margin-top: 4px;
  text-align: right;
  width: 92px;
}
.formLabelMid {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  width: 130px;
}
.formLabelMid2 {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  width: 200px;
}
.formLabelMid3 {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  width: 180px;
}
.formLabelImmediate {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  width: auto;
}
.formLabelLong {
  float: left;
  margin-top: 4px;
  width: 600px;
}
.formLabelVeryLong {
  float: left;
  margin-top: 4px;
  width: 800px;
}
.formLabelVeryLongFormular {
  float: left;
  margin-top: 4px;
  margin-left: 20px;
  width: 800px;
}
.formLabelFormular {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  margin-left: 20px;
  width: 180px;
}
.formField1 {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  width: 300px;
}
.formField1Middle {
  float: left;
  margin-top: 4px;
  margin-right: 8px;
  width: 242px;
  text-align: center;
}
.formField2 {
  float: left;
  margin-top: 4px;
  width: 100px;
  margin-left: 0px;
  margin-right: 4px;
}
.formField2 img {
  vertical-align: bottom;
}
.formField3 {
  float: left;
  margin-top: 4px;
  margin-right: 8px;
  width: 50px;
}
.formField4 {
  float: left;
  margin-top: 4px;
  margin-right: 8px;
  width: 242px;
}
.formField5 {
  float: left;
  margin-top: 4px;
  margin-right: 17px;
  width: 10px;
}
.formField6 {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  width: 370px;
}
.formFieldAreaMid {
  float: left;
  margin-top: 4px;
  margin-right: 4px;
}
.formFieldVerySmall input {
  width: 100%;
}
.formFieldSmall input {
  width: 100%;
}
.formFieldMid input {
  width: 100%;
}
.formFieldLong input {
  width: 100%;
}
.formFieldVeryLong input {
  width: 100%;
}
.formField1 input {
  width: 100%;
}
.formField2 input {
  width: 100%;
}
.formField3 input {
  width: 100%;
}
.formField5 input {
  width: 100%;
}
.formField4 input {
  width: 100%;
}
.formField6 input {
  width: 100%;
}
.formFieldAreaMid input {
  width: 100%;
}
.formField1 input.checkbox {
  width: auto;
  border: 0px;
}
.formField1 input[type="checkbox"] {
  width: auto;
  border: 0px;
}
.formField2 input.checkbox {
  width: auto;
  border: 0px;
}
.formField2 input[type="checkbox"] {
  width: auto;
  border: 0px;
}
.formButton {
  float: left;
  margin-top: 0px;
  margin-left: 5px;
  margin-bottom: 3px;
}
.formButton a {
  text-decoration: none;
  color: black;
  padding-bottom: 2px;
  padding-top: 2px;
}
.formButtonLink {
  margin-top: 2px;
}
.buttonLong {
  margin-top: 0px;
  margin-left: 2px;
  text-align: left;
  position: relative;
  float: left;
  hight: 19px;
}
.formButtonNoSpace {
  float: left;
  margin-top: 1px;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  width: 25px;
}
.formSelect2 {
  float: left;
  margin-top: 4px;
  width: 100px;
  margin-left: 0px;
  margin-right: 4px;
}
.formSelect {
  width: 100%;
}
.formHeader {
  border-bottom: 1px solid #ccc;
  padding-bottom: 9px;
  margin-bottom: 15px;
  min-height: 58px;
}
.formHeaderTitle {
  font-size: 1.6em;
  margin-bottom: 5px;
}
.formHeaderPicture {
  float: right;
  padding-left: 32px;
  padding-right: 3px;
  padding-top: 5px;
  z-index: 3;
}
.buttonPanel {
  position: absolute;
  top: 0px;
  width: 128px;
  background-color: transparent;
  padding: 0px;
  border: 0px silver;
  text-align: center;
}
.buttonPanel input {
  border: 0px;
  background-color: transparent;
  border-style: solid;
  cursor: pointer;
}
.buttonPanel span {
  border: 0px;
  background-color: transparent;
  border-style: solid;
  width: 120px;
  text-align: center;
  padding-bottom: 1px;
  padding-top: 5px;
  padding-right: 2px;
  cursor: pointer;
}
.buttonPanel img {
  padding: 1px;
  border: 1px solid;
}
.buttonPanel2 {
  top: 5px;
  left: 5px;
  min-width: 50px;
  background-color: transparent;
  padding: 0px;
  border: 0px silver;
  border-collapse: collapse;
}
.buttonLike {
  border-bottom: 1px #6290d2;
  border-bottom-style: solid;
  padding: 0px;
  padding-right: 6px;
  padding-left: 6px;
  text-align: center;
  height: 18px;
}
.buttonLike:hover {
  background-color: #FFE58F;
  border-bottom: 1px #6290d2;
  border-bottom-style: solid;
  padding: 0px;
  padding-right: 6px;
  padding-left: 6px;
  text-align: center;
  height: 18px;
}
.buttonLike_highlighted {
  background-color: #FFE58F;
  border: 1px #6290d2;
  border-style: solid;
  padding: 0px;
  padding-right: 6px;
  padding-left: 6px;
  text-align: center;
  height: 18px;
}
.buttonLike_highlighted a {
  color: black;
  white-space: nowrap;
  text-decoration: none;
  padding: 0px;
}
.buttonLike a {
  color: black;
  white-space: nowrap;
  text-decoration: none;
  padding: 0px;
}
.highlighted-row {
  font-weight: bold;
  color: #DD3333;
}
.buttonLike_disabled {
  color: gray;
  border-bottom: 1px #6290d2;
  border-bottom-style: solid;
  padding: 0px;
  padding-right: 6px;
  padding-left: 6px;
  text-align: center;
}
.smallFont {
  font-size: 0.9em;
}
.boldFont {
  font-weight: bold;
}
a {
  color: #6290d2;
}
a.active {
  color: #000 ! important;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.floatNone {
  float: none;
}
.mailImageContainer img {
  position: relative;
  top: 2px;
}
img.enabledActionLinkImage {
  padding: 1px;
  border-width: 0px;
}
img.disabledActionLinkImage {
  padding: 1px;
  border-width: 0px;
  opacity: .25;
}
.disabledActionLink {
  opacity: .25;
  pointer-events: auto;
  cursor: default;
}
.radiogroup1 {
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: solid;
  border-color: #000000;
  border-width: 1px;
  width: 290px;
  float: left;
}
.radiogroup2 {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: text-bottom;
}
.formRadio {
  margin-top: 4px;
}
.formRadio input[type="radio"] {
  margin-right: 4px;
}
.formRadio label {
  margin-right: 8px;
}
.buttonReadonly {
  cursor: default;
  float: left;
  border: 1px solid grey;
  padding: 4px;
  margin: 4px;
  width: 170px;
  background: lightgrey;
  color: grey;
  border-radius: 2px;
}
.infoRow {
  background-color: #D1E1FF;
  margin: 0px;
  border: 1px;
}
.placeholderSmall {
  width: 5px;
}
.horizLine {
  width: 100%;
  size: 2px;
}
.hrLineColored {
  width: 830px;
  height: 2px;
  color: #5d7fb6;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0px;
}
.infoButtonImage {
  background-image: url(../../images/com/famfamfam/information.png);
  height: 17px;
  width: 17px;
}
.multiList {
  width: 420px;
}
.multiListLong {
  width: 600px;
}
.multiListAuswertung {
  width: 370px;
}
.multiListSmall {
  width: 320px;
}
.welcomeNotificationBox {
  clear: both;
  padding: 3px;
  margin-top: 5px;
  background-color: white;
  border: 1px inset;
  border-color: #6290d2;
}
.inactiveText {
  color: #808080;
}
.textLink {
  color: #6290D2;
}
.textLink:hover {
  color: #6290D2;
  cursor: pointer;
}
.relevantNullText {
  font-style: italic;
  color: #808080;
}
.relevantFalseText {
  text-decoration: line-through;
  color: #c0c0c0;
}
.storniertText {
  text-decoration: line-through;
  color: #D3031C;
}
.annahmeVerweigertText {
  color: #D3031C;
}
.menge-error {
  color: #D3031C;
}
.menge-warning {
  color: #FFBF00;
}
.bgslist-nachweisnr {
  border-bottom: 1px dotted #999;
}
.signedTrueText {
  color: #00B000;
}
.geprueftTrueText {
  color: #FFBF00;
}
.nachweispflichtigFalseText {
  color: #00B000;
}
.gueltigJaText {
  color: #00B000;
}
.gueltigNeinText {
  color: #F00000;
}
.mengeUeberschritten {
  color: #CF1C3D;
  font-weight: bold;
}
.mengeNichtUeberschritten {
  color: #000;
}
.licStatus {
  width: 120px;
  text-align: center;
}
.licStatus a {
  color: black;
}
a.extremeLink {
  text-decoration: inherit;
  color: inherit;
}
a.emphasize {
  color: red;
}
td.bgsCountMessageBox {
  padding: 5px;
  width: 410px;
}
td.bgsCountMessageBox ul li {
  line-height: 1.5em;
}
.layerIndicatorContainer {
  border: 0px solid black;
}
.layerIndicator {
  width: 9px;
  height: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #c0c0c0;
}
.unsigned {
  border: 1px solid #f8c834;
  background: #FFF966;
}
.signed {
  border: 1px solid #0C9900;
  background: #40BD35;
}
textarea.formField1 {
  width: 100%;
  height: 70px;
  border-width: 0px;
  border-style: none;
}
.COTF {
  margin-left: 5px;
}
.ml-15 {
  margin-left: 15px;
}
.hinweis {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 30px;
  border: 1px solid #ccc;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 6px 10px;
}
.hinweis p {
  margin-bottom: 0;
  margin-top: 0;
}
.hinweis h3 {
  font-size: 1.2em;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 0;
  width: 90%;
}
.hinweis #phoneNr {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}
.hinweis #noteEnd {
  text-align: center;
}
#supportMerkblattDiv {
  background: #D9EDF7 !important;
}
.hinweis #noteMerkblatt {
  text-align: center;
  padding-top: 1em;
}
.alert-close {
  float: right;
  font-weight: bold;
  color: inherit;
  font-size: 1.5em;
  text-decoration: none;
}
.alert-close:hover {
  text-decoration: none;
}
form h2 {
  margin-bottom: 10px;
  font-size: 1em;
  font-weight: bold;
  line-height: normal;
  margin-top: 0;
}
form .hint,
form .info {
  clear: both;
  display: block;
  font-style: italic;
  margin-bottom: 4px;
  margin-top: 4px;
  font-size: 0.9em;
  line-height: 22px;
}
form .info {
  padding: 5px;
  margin-bottom: 20px;
}
#eanvFooterSpacer {
  padding-top: 50px;
}
#eanvFooter {
  background-color: #f3f3f3;
  border-top: 3px solid #d0e3ff;
  color: #000;
  width: 100%;
  position: fixed;
  left: 0px;
  bottom: -1px;
  padding: 8px;
  z-index: 100;
}
.hint-tooltip {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  display: none;
  max-width: 500px;
  padding: 4px 6px;
  position: absolute;
  text-align: left;
  top: 0;
  white-space: normal;
  line-height: 22px !important;
  z-index: 1010;
  margin-left: 8px;
}
.hint-tooltip::after {
  content: "";
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid #fff;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  position: absolute;
  left: -14px;
  top: 28px;
}
.hint-tooltip::before {
  content: "";
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid #ccc;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  position: absolute;
  left: -16px;
  top: 28px;
}
.hint-tooltip.below::after {
  content: "";
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  border-top: 8px solid transparent;
  position: absolute;
  left: 100px;
  top: -16px;
}
.hint-tooltip.below::before {
  content: "";
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ccc;
  border-top: 8px solid transparent;
  position: absolute;
  left: 100px;
  top: -17px;
}
.good {
  color: #000;
  font-weight: bold;
}
.bad {
  color: red;
  font-weight: bold;
}
.red {
  color: red;
}
.systemText {
  margin-left: 15px;
}
.resultBox {
  width: 580px;
  font-size: 1.2em;
  margin-bottom: 15px;
  margin-top: 30px;
  border-width: 1px;
  border-style: solid;
  border-color: #5d7fb6;
  padding: 15px;
  text-align: justify;
}
.infoBox {
  width: 580px;
  font-size: 0.9em;
  margin-bottom: 15px;
  margin-top: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #5d7fb6;
  padding: 15px;
  text-align: justify;
}
.appletBox {
  width: 500px;
  font-size: 0.9em;
  margin-bottom: 15px;
  margin-top: 10px;
  background: white;
  border-width: 2px;
  border-radius: 3px;
  border-style: solid;
  border-color: #5d7fb6;
  padding: 15px;
  text-align: center;
}
.recoverMailBox {
  width: 830px;
  padding: 10px;
  border: 1px;
  border-style: solid;
  border-color: grey;
  background: #FFFFFF;
  margin-left: 5px;
  margin-top: 0px;
}
.duplicateFormSubmissionMessageBox {
  background-color: #fdf1b7;
  border: 1px solid grey;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  padding: 15px;
  margin: 20px;
  width: 800px;
}
.duplicateFormSubmissionMessageBox ul li {
  line-height: 1.5em;
}
.chartBox {
  padding: 5px 10px 5px 10px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.chartLegendPoint {
  display: inline-block;
  margin-left: 15px;
}
#pie-chart-legende > tbody > tr > td {
  padding: 2px 4px;
  vertical-align: middle;
}
#pie-chart-legende > thead > tr > th {
  background: #d0e3ff;
  padding: 2px 4px;
}
#pie-chart-legende > tbody > tr:hover {
  background: #eee;
}
#pie-chart-legende {
  font-size: 12px;
  margin: 0 5px;
}
.dropdown-control {
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
input.hasDatepicker {
  width: 6em;
  margin-right: 0.2em;
}
.dataTable {
  background-color: #FFF;
  border: 0;
  border-top: 1px solid silver;
  font-size: 12px;
}
.dataTable th {
  padding: 4px 3px;
  background-color: #d0e3ff ! important;
  color: #000;
  font-weight: bold;
}
.datatable-error {
  width: 100%;
  text-align: center;
}
.errorMsgDialog-icon {
  color: #f07878;
}
.datatable-error > .alert {
  display: inline-block;
  width: 400px;
  margin-bottom: 5px;
}
.table > thead > tr > th {
  vertical-align: middle;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f3f3f3;
}
th.search-column > input {
  color: #000;
}
.dataTables_length {
  float: right;
  height: 28px;
  margin-left: 4px;
  margin-right: 4px;
}
.dataTables_info {
  float: right;
  padding: 0 !important;
  margin: 0 10px;
}
.pagination {
  display: inline !important;
}
.dataTables_length select.form-control {
  width: 75px;
  height: 28px;
}
.dataTables_length > label {
  font-weight: normal;
}
/* Styling fuer DataTable-Buttons in Modal-Headers */
.modal-header .dataTables_length {
  margin-right: 20px;
}
/* Sortierung-Icon in DataTables 
table.dataTable thead > tr > th.sorting {
    padding-right: 1px;
}
table.dataTable thead > tr > th.sorting_desc {
    padding-right: 1px; //17px;
}
table.dataTable thead > tr > th.sorting_asc {
    padding-right: 1px; //17px;
}

table.dataTable thead .sorting {
    background-image: none;
}

table.dataTable thead .sorting_asc {
    background: right center url('../../images/eanv/sort_asc.png') no-repeat;
}

table.dataTable thead .sorting_desc {
    background: right center url('../../images/eanv/sort_desc.png') no-repeat;
}

table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting::after {
   // DataTables-Bootstrap schreibt in jede Spalte ein Sort-Icon.
   // Das macht aber alles sehr unübersichtlich, deshalb hier entfernen
   content: none;
}
*/
table.dataTable tbody tr {
  height: 28px;
}
table.dataTable tbody td {
  vertical-align: middle;
}
table thead {
  background-color: #f3f3f3;
}
.table-condensed-max > tbody > tr > td,
.table-condensed-max > tbody > tr > th,
.table-condensed-max > tfoot > tr > td,
.table-condensed-max > tfoot > tr > th,
.table-condensed-max > thead > tr > td,
.table-condensed-max > thead > tr > th {
  padding: 0px;
}
.ColVis {
  margin-bottom: 2px ! important;
  margin-left: 20px;
  margin-top: -4px;
}
.ColVis_collection input {
  margin: 0 ! important;
}
ul.ColVis_collection li {
  margin-bottom: 0 ! important;
  padding: 0;
}
.ColVis {
  margin-bottom: 2px ! important;
  margin-left: 20px;
}
.ColVis_MasterButton {
  height: 20px;
  width: 32px;
  background: 6px url('../../images/com/famfamfam/table_edit.png') no-repeat ! important;
  border-radius: 2px ! important;
}
.ColVis_collection {
  border-radius: 0 ! important;
}
button.ColVis_Button {
  height: 30px;
  padding: 3px 8px;
}
button.ColVis_Button,
ul.ColVis_collection li {
  box-shadow: none ! important;
}
/* DataTables erstmal nicht anzeigen, erst Wenn Daten geladen wurden */
.dataTable,
.dataTables_paginate,
.dataTables_info {
  display: none;
}
.dataTables_paginate {
  max-height: 28px;
}
/* dataTables mit statischem Content sollen aber immer angezeigt werden */
.fixedDataTable,
.fixedDataTable .dataTables_paginate,
.fixedDataTable .dataTables_info {
  display: block !important;
  margin: 0 4px !important;
  float: none;
}
table.dataTable .fixedDataTable thead tr th.resized {
  min-width: 120px !important;
}
.dataTables_wrapper .dataTables_processing {
  z-index: 10;
  text-align: center;
  background: none;
}
.dataTables_wrapper .myProcessingIndicator {
  z-index: 10;
  text-align: center;
  background: none;
  position: relative;
}
@media (min-width: 1024px) {
  .dataTables_wrapper .centered {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
  }
}
@media (max-width: 1200px) {
  .dataTables_wrapper .centered {
    clear: both;
    width: 100%;
    margin-bottom: 4px;
  }
}
.dataTables_wrapper .right {
  float: right;
  margin-bottom: 4px;
}
.dataTables_wrapper .left {
  display: inline-flex;
  float: left;
  margin-bottom: 4px;
}
.pagination > li > a,
.pagination > li > span {
  padding: 3px 10px !important;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  padding: 3px 6px !important;
}
.pagination > .disabled > a,
.pagination > .disabled > a,
.pagination > .disabled > a,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span {
  color: #888 !important;
}
.dataTables_processing_inner {
  padding-top: 48px;
  height: 180px;
  width: 220px;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -110px;
}
.notification-img {
  height: 16px;
  opacity: 0.8;
}
.notification-img:hover {
  opacity: 1;
}
.push-enabled {
  color: #44bb22;
  font-size: 12px;
  left: 16px;
  position: absolute;
  top: 3px;
}
.push-disabled {
  color: #ff5522;
  font-size: 12px;
  right: 4px;
  position: absolute;
  top: 3px;
}
.icon-badge {
  background-color: #dc3c46;
  border-radius: 7px;
  color: #eee;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 5px;
  position: relative;
  top: -3px;
  display: none;
}
a:hover > .icon-badge {
  background-color: #ff4444;
  color: #fff;
}
/* Fuer mobile Ansicht von Tabellen */
.mobileListItem {
  margin: 5px 0;
  cursor: pointer;
  padding: 15px;
  border: #ADADAD 1px solid;
  border-radius: 5px;
}
.mobileListItem-even {
  background-color: #E6E6E6;
}
.mobileListItem-odd {
  background-color: #fff;
}
.mobileListItemHeader {
  font-weight: bold;
  margin-bottom: 5px;
}
.mobileListItem label {
  min-width: 55px;
  font-weight: normal;
  margin: 0;
}
.mobileListItemButtons {
  margin-top: 10px;
}
.mobileListItemButtons .btn {
  min-width: 100px;
}
.modalSpinner {
  padding-top: 48px;
  height: 180px;
  width: 220px;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -110px;
}
.modal-body .dataTables_processing_inner {
  top: 0;
}
.headerButtons {
  margin-bottom: 7px;
}
.ansicht-dropdown {
  margin-right: 10px;
}
span.action-buttons {
  white-space: nowrap;
}
.action-col {
  width: 10px;
}
table.dataTable.compact thead th,
table.compact thead th,
table.compact tbody td {
  padding: 1px 4px;
}
table.dataTable {
  margin-top: 0px !important;
}
.dataTable tfoot th,
th.search-column,
table.compact thead th.search-column {
  padding: 0px ! important;
  margin: 0 ! important;
}
.dataTable tfoot input,
th.search-column input {
  max-width: none ! important;
  border: 1px solid silver ! important;
  border-top: 0px ! important;
  border-left-width: 0px ! important;
}
table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 0 ! important;
}
.table {
  border-bottom: 1px #ccc solid ! important;
}
.column-search-field {
  font-weight: normal ! important;
  border-right-width: 0;
}
.ui-datepicker {
  z-index: 110 ! important;
}
.datepicker {
  z-index: 1100 !important;
}
.ui-datepicker-trigger {
  cursor: pointer;
}
ul.errorMessage {
  padding-left: 0px;
  list-style-type: none;
  margin-top: 4px;
  margin-bottom: 0px;
  color: #f00;
}
span.errorMessage {
  color: #f00;
}
.errorMessage2 {
  color: #FF0000;
  font-weight: bold;
}
.dokumentRechnungenTable {
  margin-bottom: 4px;
}
.dokumentRechnungenTable td,
.dokumentRechnungenTable th {
  min-width: 20px;
  text-align: left;
  white-space: nowrap;
  padding-right: 8px;
}
.dokumentRechnungenTable td.price {
  text-align: right;
  min-width: 70px;
}
.eanvTable {
  border: 1px solid silver;
  table-layout: auto;
}
.eanvTable th {
  background-color: #103090;
  color: white;
  text-align: center;
  padding-right: 3px;
  padding-left: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0px;
  border-right-style: solid;
  border-right-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  border-color: white;
}
.eanvTable .odd td,
.eanvTable .even td {
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 3px;
  vertical-align: middle;
}
.eanvTable .odd {
  background-color: #FFFFFF;
}
.eanvTable .even {
  background-color: #dfe4e8;
}
.eanvTable .odd a,
.eanvTable .even a {
  color: #6290d2;
}
.eanv-popover {
  color: #6290d2;
}
.eanv-popover:hover {
  text-decoration: underline;
  cursor: help;
}
.popover {
  max-width: 600px;
  word-wrap: break-word;
}
td.nowrap {
  white-space: nowrap;
}
label.checkboxlabel {
  margin-left: 8px;
}
.htCheckboxRendererInput {
  margin-top: 4px;
}
.multiselectFooter {
  margin-top: 15px;
}
.multiselectButtonsRight {
  float: right;
}
.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
}
.clear {
  clear: both;
}
.simpleSelectTable tbody td {
  cursor: pointer;
}
.marginToLogo {
  margin-top: 37px;
  padding-right: 0px;
}
.marginToLogo .noitems {
  padding: 5px;
}
.panel-default .panel-heading {
  padding: 5px 10px;
  background: #d0e3ff ! important;
  box-shadow: rgba(100, 100, 100, 0.4) !important;
  border-color: #d0e3ff important;
}
@media (min-width: 768px) {
  .btn {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
.btn-icon {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
}
.btn-send {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/email.png');
}
.btn-save {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/disk.png');
}
.btn-sign {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/key.png');
}
.btn-cancel {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/cancel.png');
}
.btn-delete {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/bin.png');
}
.btn-deactivate {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/cross.png');
}
.btn-activate,
.btn-reload {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/arrow_rotate_clockwise.png');
}
.btn-add {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/add.png');
}
.btn-import {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/database_add.png');
}
.btn-download {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/basket_put.png');
}
.btn-pdf {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/eanv/actions/pdficon_small.png');
}
.btn-search {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/magnifier.png');
}
.btn-xls {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/eanv/actions/excel_16.png');
}
.btn-print {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/printer.png');
}
.btn-template {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/arrow_divide.png');
}
.btn-follow,
.btn-run {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/arrow_right.png');
}
.btn-stapel {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/application_edit.png');
}
.btn-calc {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/calculator.png');
}
.btn-add-layer,
.btn-monitoring {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/application_cascade.png');
}
.btn-more {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/text_list_bullets.png');
}
.btn-abschliessen {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/accept.png');
}
.btn-upload {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/arrow_up.png');
}
.btn-accept,
.btn-freigeben {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/accept.png');
}
.btn-decline,
.btn-sperren {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/delete.png');
}
.btn-share {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/user_suit.png');
}
.btn-copy {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/page_copy.png');
}
.btn-bgs {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/building_go.gif');
}
.btn-uns {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/paste_plain.png');
}
.btn-weblink {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/world_link.png');
}
.btn-ansicht {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/application_view_tile.png');
}
.btn-select-search {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/folder_explore.png');
}
.btn-edithtml {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/html.png');
}
.btn-thumpUp {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/thumb_up.png');
}
.btn-thumpDown {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/thumb_down.png');
}
.btn-bmu {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/magnifier.png');
}
.buttons-colvis {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/application_edit.png');
}
.btn-excel {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/eanv/actions/excel_16.png');
}
.btn-refresh {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/arrow_refresh.png');
}
.btn-reset {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/application_delete.png');
}
.btn-freigabe {
  background-position: 4px center;
  background-repeat: no-repeat;
  padding-left: 28px;
  background-image: url('../../images/com/famfamfam/page_white_medal.png');
}
/* Button ohne Rahmen und Hintergrund */
.clear-btn {
  height: 24px;
  border: 0 !important;
}
.dropup > .dropdown-menu > li > a {
  background-position: 12px center;
  background-repeat: no-repeat;
  padding-left: 35px;
}
.dropdown-menu > li > a:hover {
  background-color: #eee !important;
}
.li-print {
  background-image: url('../../images/com/famfamfam/printer.png');
}
.active-tab > a,
.active-tab > a:hover {
  background-color: #d0e3ff ! important;
  color: #000 ! important;
}
@media (min-width: 800px) {
  #content {
    background: right 0px top 0px url('../../images/eanv/eanvportal.png') no-repeat;
  }
  .form-horizontal {
    max-width: 1200px;
  }
  .form-horizontal input,
  .form-horizontal select {
    max-width: 280px;
  }
  .form-horizontal label {
    font-weight: normal;
  }
  .form-horizontal input.form-control {
    height: 28px;
  }
  input.form-control {
    padding: 3px 6px;
  }
  select.form-control {
    width: 280px;
    padding: 3px 2px 3px 2px;
  }
}
.form-group {
  margin-bottom: 4px;
}
.input-group.date {
  line-height: normal;
  width: 140px;
}
.input-group {
  border-collapse: separate;
  display: table;
  position: relative;
}
.form-horizontal .form-group > div {
  line-height: 28px;
}
.form-horizontal .form-group > div .multi-line {
  line-height: 14px !important;
  font-size: 12px;
  display: inline-block !important;
}
.form-group .text div {
  line-height: normal;
}
.input-group-addon {
  padding-top: 3px;
  padding-bottom: 3px;
}
#selectTeilnehmerDropdown {
  padding: 3px;
  background: #d0e3ff;
  border-radius: 4px;
}
#activityDropdown {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 600px;
  padding-top: 0px !important;
  right: -8px !important;
  background: #fff;
}
#activityDropdown::before {
  border-bottom: 8px solid #d0e3ff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: " ";
  height: 0;
  position: absolute;
  right: 8px;
  top: -8px;
  width: 0;
}
.activity-level {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  opacity: 0.6;
}
.dropdown-head {
  width: 100%;
  background: #d0e3ff;
  padding: 4px 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 16px;
}
.dropdown-foot {
  width: 100%;
  padding: 0 10px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#activityTable {
  margin-bottom: 5px;
}
#activityTable > tbody > tr > td {
  vertical-align: middle;
}
#activityTable > tbody > tr > td {
  vertical-align: middle;
}
#activityTable > tbody > tr:hover {
  background: #ededfd;
  cursor: pointer;
}
.activity-error {
  background: #DF0101;
}
.activity-warning {
  background: #FFBF00;
}
.activity-info {
  background: #04B404;
}
.dropdown-menu > .table-wrapper {
  background: #d0e3ff;
}
.glyphicon-refresh-animate {
  color: #666;
  left: 33%;
  -animation: spin 1s infinite linear;
  -webkit-animation: spin2 1s infinite linear;
}
@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
}
table td.min-col,
table th.min-col {
  white-space: nowrap;
  width: 1px;
}
.dropdown-menu > li.li-icon > a {
  padding-left: 42px;
}
.dropdown-menu > li.li-icon > a:hover {
  background-color: transparent;
}
.dropdown-menu > li.li-icon > a:active {
  background-color: transparent;
}
*::after,
*::before {
  box-sizing: border-box;
}
*::after,
*::before {
  box-sizing: border-box;
}
.input-unit {
  margin-left: 4px;
}
.textarea-input {
  max-width: 800px ! important;
}
.wide-input {
  max-width: 560px ! important;
  width: 100% ! important;
}
.medium-wide-input {
  max-width: 400px ! important;
  width: 100% ! important;
}
.small-input {
  max-width: 140px ! important;
}
.tiny-input {
  max-width: 80px !important;
}
.name-input {
  width: 280px ! important;
  max-width: 280px;
}
.number-input {
  max-width: 140px ! important;
  text-align: right;
}
.col-sm-2,
.col-sm-3 {
  padding-right: 0;
}
.form-group .checkbox input[type="checkbox"] {
  margin-top: 6px;
}
.checkbox input[type="checkbox"] {
  margin-left: 0;
}
.form-inline input[type=file] {
  display: inline-block;
}
.display-text-input {
  outline: 0;
  border: 0;
  background-color: transparent ! important;
}
.form-horizontal .display-text-input {
  height: 28px;
}
.dt-buttons {
  float: right;
}
.dt-buttons .btn {
  min-height: 28px;
}
.dt-buttons .btn-excel,
.dt-buttons .btn-refresh,
.dt-buttons .buttons-colvis,
.dt-buttons .btn-reset {
  padding-right: 0;
}
div.dt-buttons span.caret {
  display: none !important;
}
ul.dt-button-collection li.dt-button {
  position: relative;
  padding-left: 5px;
}
ul.dt-button-collection li.dt-button:before,
ul.dt-button-collection li.dt-button:after {
  display: block;
  position: absolute;
  top: 12px;
  left: 10px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
}
ul.dt-button-collection li.dt-button:before {
  content: ' ';
  margin-top: -6px;
  margin-left: -6px;
  border: 1px solid black;
  border-radius: 3px;
}
ul.dt-button-collection li.dt-button.active:after {
  content: '\2714';
  margin-top: -11px;
  margin-left: -5px;
  text-align: center;
}
ul.dt-button-collection li.dt-button > a,
ul.dt-button-collection li.dt-button > a:hover,
ul.dt-button-collection li.dt-button > a:focus {
  color: #000 !important;
  background-color: transparent !important;
  min-height: 20px;
}
table.dataTable .dropdown-menu a {
  color: #000 ! important;
}
.dropdown-menu > .dt-button-active-a > a,
.dropdown-menu > .dt-button-active-a > a:focus,
.dropdown-menu > .dt-button-active-a > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.tableButtonsLeft {
  float: left;
}
.col-right {
  text-align: right;
}
.col-center {
  text-align: center;
}
#logo {
  width: 142px;
  height: 50px;
  position: relative;
  top: 80px;
  left: 60px;
  z-index: 999;
}
#center {
  width: 992px;
  margin: 0 0 0 0;
  min-height: 198px;
  background: url(../../images/eanv/background_center.jpg) no-repeat;
  -moz-box-shadow: 0 0 8px 3px #CCCCCC;
  -webkit-box-shadow: 0 0 8px 3px #CCCCCC;
  box-shadow: 0 0 8px 3px #CCCCCC;
}
div#content-left {
  text-align: center;
  width: 300px;
  margin-left: 15px;
  padding-top: 45px;
  min-height: 250px;
  background-size: 300px 180px;
  float: left;
}
div#content-main {
  float: left;
  text-align: left;
  width: 625px;
  margin-left: 35px;
  padding-top: 45px;
  min-height: 300px;
}
FIELDSET {
  margin: 5px 0 18px 0;
  padding: 12px;
  border: 1px solid #e5e5e5;
}
.form-horizontal .control-label {
  padding-top: 4px;
}
.spacer {
  height: 10px;
  clear: both;
}
.infoText {
  background: url(../../images/com/famfamfam/information.png) left center no-repeat;
  padding-left: 20px;
  line-height: 16px;
  margin-bottom: 8px;
}
.form-horizontal > .infoText {
  background: url(../../images/com/famfamfam/information.png) left 8px center no-repeat;
  padding-left: 28px;
}
.radio {
  line-height: 18px;
}
.page-header {
  border-bottom: 1px solid #ccc;
  margin: 30px 0 10px;
}
.inline {
  display: inline;
}
/* Pagination */
.pagination li > span,
.pagination li > a {
  color: #333 ! important;
}
.pagination .active a,
.pagination .active a:hover,
.pagination .active a:active,
.pagination .active a:focus,
.pagination .active span,
.pagination .active span:hover,
.pagination .active span:active,
.pagination .active span:focus {
  color: #333;
  background-color: #ccc;
  border-color: #ddd;
}
.tabs-left,
.tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left > li,
.tabs-right > li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left > li {
  margin-right: -1px;
}
.tabs-right > li {
  margin-left: -1px;
}
.tabs-left > li.active > a,
.tabs-left > li.active > a:focus,
.tabs-left > li.active > a:hover {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}
.tabs-right > li.active > a,
.tabs-right > li.active > a:focus,
.tabs-right > li.active > a:hover {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left > li > a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block;
}
.tabs-right > li > a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}
.sideways {
  margin-top: 50px;
  border: none;
  position: relative;
}
.sideways > li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.sideways > li > a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0 0;
}
.sideways > li.active > a,
.sideways > li.active > a:focus,
.sideways > li.active > a:hover {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.sideways.tabs-left {
  left: -50px;
}
.sideways.tabs-right {
  right: -50px;
}
.sideways.tabs-right > li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sideways.tabs-left > li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.onoffswitch {
  position: relative;
  width: 62px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.1s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 22px;
  padding: 0;
  line-height: 22px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "Ein";
  padding-left: 10px;
  background-color: #5cb85c;
  color: white;
  cursor: pointer;
}
.onoffswitch-inner:after {
  content: "Aus";
  padding-right: 10px;
  background-color: #EEEEEE;
  color: #555;
  text-align: right;
  vertical-align: center;
}
.onoffswitch-switch {
  display: block;
  width: 18px;
  height: 22px;
  margin: 0px;
  background: #444;
  position: absolute;
  right: 44px;
  border: 1px solid #444;
  border-radius: 4px;
  transition: all 0.1s ease-in 0s;
}
.onoffswitch-switch:hover {
  background: #666;
  border: 1px solid #666;
  cursor: pointer;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
.onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch {
  box-shadow: none;
  border: 1px solid #BBB;
  background: #BBB;
  cursor: default;
}
.device-list-element {
  border-top: 1px #ddd solid;
  padding: 4px;
  position: relative;
}
.device-list-element:hover {
  background: #eee;
}
.deviceImage {
  height: 46px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  display: inline-block;
  margin-top: 8px;
}
.deviceContainer {
  border: 1px #ddd solid;
  padding-left: 0px ! important;
  border-radius: 4px;
  padding-right: 0px ! important;
  max-width: 800px;
}
.btn-small {
  padding: 3px 6px 3px 6px;
  font-size: 0.9em;
}
.btn-square {
  padding: 8px 8px 10px 8px !important;
  font-size: 0.8em;
  color: #555;
}
.toggle-button {
  float: right;
  cursor: pointer;
  color: #6270C4;
  margin-right: 5px;
  font-size: 0.8em;
  line-height: 2em;
  width: 25px;
  transition: transform 300ms ease-out;
  transform-origin: 50% 50%;
  text-align: center;
}
.toggle-button:hover {
  color: #23527C;
}
/** Einheitliche rote Farbe fuer ungueltige Felder in Handsontables verwenden (Excel-rot) */
.handsontable tbody td.htInvalid {
  background-color: #ffc7ce !important;
}
.form-inline > div .btn {
  padding-top: 3px;
  padding-bottom: 3px;
}
.teilnehmerAdresseText {
  font-style: italic;
  font-size: 0.9em;
  color: #555;
  margin: 0px 5px 0px 5px;
}
.form-inline .teilnehmerAdresseText {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .form-inline .teilnehmerAdresseText {
    white-space: normal;
  }
}
@media (min-width: 1200px) {
  .modal-wide {
    width: 1200px;
  }
}
@media (max-width: 1200px) {
  .modal-wide {
    width: 100%;
  }
}
.licenceBtn.disabled {
  pointer-events: all !important;
  border: 1px solid #95C11F;
  cursor: help;
}
a.notLicenced {
  opacity: 0.7;
  border: 1px solid #95C11F;
  cursor: help;
}
a.notLicenced:hover {
  cursor: help;
}
.formatted {
  white-space: pre-wrap;
}
.news-container .form-horizontal {
  max-width: 9999px;
}
.panel-heading {
  /* Notwendig, damit der collapse-btn richtig absolut positioniert wird */
  position: relative;
}
a.collapse-btn {
  position: absolute;
  right: 10px;
  top: 5px;
}
.panel-heading a.collapse-btn:after {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  float: right;
  color: grey;
}
.panel-heading a.collapsed:after {
  content: "\e080";
}
.panel-heading h3 {
  margin-top: 3px;
}
/* Table-Ueberschriften auf der Welcome-Seite in Panels sollen nicht fett dargestellt werden */
.news-container .panel th {
  font-weight: normal;
}
.no-break {
  white-space: nowrap;
}
#aktuelleDokumenteContent .table > tbody > tr > td {
  vertical-align: middle;
}
.licence .thumbnail > img {
  margin-right: 0;
  margin-left: 10px;
}
.licence .thumbnail {
  padding-top: 15px;
  min-height: 200px;
  box-shadow: 3px 0 3px 3px #bbb;
}
.licence .caption hr {
  margin-top: 10px;
  margin-bottom: 0;
  border-color: #ccc;
}
.licence.requiredLicence .thumbnail {
  background-color: yellow;
}
.webservice-licences .thumbnail h3 {
  margin-left: 10px;
  margin-top: 0;
  margin-bottom: 0;
}
.licence-active .thumbnail {
  background-color: #dff0d8;
}
.licence-not-active .thumbnail {
  background-color: #f2dede;
}
#demoLicenceName {
  font-weight: bold;
}
td.licenceImg {
  vertical-align: middle;
}
.licenceButtons {
  margin-top: 10px;
}
#lizenzBeschreibung {
  border: 1px #000 dashed;
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  max-width: 1080px;
}
#lizenzBeschreibung > h2:first-child {
  margin-top: 0px;
  display: none;
}
.notLicencedButtons {
  margin-bottom: 30px;
}
.alert-status {
  padding: 15px;
  background-color: #f6fbd1;
  border: 1px solid #c9d585;
}
i.danger {
  color: red;
}
.addresspanel {
  margin-top: 15px;
  margin-bottom: 5px;
}
.currentTnInfo {
  max-width: 150px;
  overflow: hidden;
  display: inline-block;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.currentUserInfo {
  max-width: 175px;
  overflow: hidden;
  display: inline-block;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.updatingCell {
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url('../../images/eanv/ajax-loader.gif');
}
table.editorActive > tbody > tr > td {
  background-color: #ddd;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
}
table.editorActive > tbody > tr > td.editableCell {
  background-color: #fff;
  border: 1px dashed #337AB7;
  transition: background 300ms ease;
}
table.editorActive > tbody > tr > td.editableCell:hover {
  background-color: #eee;
  cursor: text;
}
.errorCell {
  background-color: #f2dede !important;
}
input.form-control.error {
  background-color: #f2dede !important;
}
.input-validation-error {
  background-color: #f2dede ! important;
}
label.error {
  color: #a94442;
  display: none;
}
.well-atb label.error {
  display: none !important;
}
.mengenKonzeptjahre label.error {
  display: none !important;
}
/**
 * Style fuer Editor in Datetables
 */
div.editorInline input {
  width: 100%;
}
/*div.DTE_Inline input {
   border: none;
   background-color: transparent;
   padding: 0 !important;
}
 
div.DTE_Inline input:focus {
   outline: none;
   background-color: transparent;
}*/
.versandstatus-vz > .col-eanv-vs {
  color: #31708f;
  background-color: #d9edf7;
}
.versandstatus-vf > .col-eanv-vs {
  color: #a94442;
  background-color: #f2dede;
}
.versandstatus-qi > .col-eanv-vs {
  color: #3c763d;
  background-color: #dff0d8;
}
.versandstatus-qw > .col-eanv-vs {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
.versandstatus-qe > .col-eanv-vs {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
.versandstatus-qf > .col-eanv-vs {
  color: #a94442;
  background-color: #f2dede;
}
.well.well-atb {
  padding: 0px 8px 8px;
  margin-bottom: 0px;
}
.well-atb .page-header {
  margin-top: 10px;
}
.well.well-atb.bg-danger {
  background-color: #f2dede !important;
}
.well.well-address-conflict {
  background-color: #f2dede !important;
  padding: 5px;
  margin-bottom: 5px;
}
/* Kacheln auf der Welcome-Seite */
.btn-kachel {
  width: 154px;
  height: 130px;
  margin-right: 6px;
  margin-bottom: 8px;
  white-space: normal;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  text-align: center;
  box-shadow: 3px 3px 2px 0px #eee;
  border: 2px solid #ccc;
}
.btn-kachel:hover {
  background-color: rgba(0, 84, 194, 0.2);
}
.btn-kachel:active {
  transform: translate(2px, 2px);
}
.btn-kachel-content {
  z-index: 1;
  vertical-align: central;
  font-size: 14px;
  padding-top: 15px;
}
.btn-kachel > .svg {
  z-index: 0;
  margin-top: 7px;
  width: 65px;
  height: 65px;
  fill: #337ab7;
  opacity: 0.7;
}
.btn-kachel-active > .svg {
  opacity: 1.0;
}
.btn-kachel:hover > .svg {
  opacity: 1.0;
}
.btn-kachel .badge {
  margin-top: 3px;
  background-color: #337ab7;
  position: absolute;
  top: 5px;
  right: 8px;
}
.store-logo {
  display: inline-block;
  height: 44px;
  margin: 3px;
  opacity: 0.9;
}
.store-logo:hover {
  opacity: 1;
  cursor: pointer;
}
.mobile-panel {
  display: block;
}
/** Für die Anzeige der Anzahl Einträge in der mobilen Ansicht von Tabellen. ("1 bis 20 von 123 Einträgen") */
.mobileTableInfo {
  margin: 15px 0 0 0;
}
th.checkbox-col.search-column {
  text-align: center;
}
.used-filter-column {
  background: #FFF3A5;
}
.w-400 {
  width: 400px !important;
}
/******************************************************************************************
 * Media Blöcke ab hier
 ******************************************************************************************/
@media (min-width: 1280px) {
  .currentTnInfo {
    max-width: 250px;
    overflow: hidden;
    display: inline-block;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .currentUserInfo {
    max-width: 275px;
    overflow: hidden;
    display: inline-block;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media (min-width: 768px) {
  .borderedLR {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
}
@media (max-width: 1200px) {
  #content {
    font-size: 14px;
  }
  .btn {
    font-size: 14px;
  }
  body {
    font-size: 14px;
  }
  .input-sm {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  #start-container,
  #start-header {
    margin-left: 0;
    margin-right: 0;
    width: 100% ! important;
  }
  #start-header {
    display: none;
  }
  div#content-main {
    margin-left: 0;
    width: auto ! important;
  }
  #center {
    background: none;
    box-shadow: none;
    margin: 0;
    min-height: 198px;
    width: auto;
  }
  body {
    background: none ! important;
  }
  #content {
    font-size: 14px;
  }
  .input-sm {
    font-size: 14px;
  }
  .login-info {
    text-align: left;
  }
  .navbar-collapse {
    padding: 15px;
    margin-left: 0px ! important;
    margin-right: 0px ! important;
  }
  .blankContainer {
    height: auto;
    width: auto;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .formButton input {
    padding: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    margin-top: 0px;
    margin-bottom: 3px;
    border-style: 1px solid grey;
    border-radius: 2px;
  }
  .buttonLong {
    float: left;
    margin-top: 0px;
    margin-left: 2px;
    width: 280px;
    padding: 1px;
    text-align: left;
  }
  .formButton input:hover {
    cursor: pointer;
    background: -webkit-linear-gradient(top, #EEEEEE 0%, #e3e6ed 16%, #e3e6ed 88%, #9fa4ad 100%);
  }
  .formButton input[disabled] {
    border-color: grey;
    background: lightgrey;
    cursor: default;
  }
  .buttonLong input[disabled] {
    background: lightgrey;
    cursor: default;
  }
  .dataTables_length select {
    height: 27px;
  }
}
@media (max-width: 768px) {
  .mobileTableView ul.pagination > li > a {
    padding: 12px 18px;
  }
}
#confirmModal .btn {
  min-width: 100px;
}
#confirmModal .modal-body {
  text-align: center;
}
#cookie-info {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.4);
  padding: 12px 15px;
  display: none;
  transition: top 300ms ease-in;
  font-size: 14px;
}
.btn-ruby {
  color: #fff;
  background-color: #AB0569;
  border-color: #AB0569;
  border-radius: 0;
  padding: 6px 32px;
}
.btn-ruby:hover {
  background: #AB0569;
  border-color: #AB0569;
  opacity: 0.7;
  color: #FFF;
}
.left-auto {
  left: auto !important;
}
.pointer {
  cursor: pointer;
}
.eanv-footer {
  position: fixed;
  padding: 6px 28px;
  width: calc(101%);
  left: -10px;
  bottom: 0;
  background-color: #555;
  display: flex;
  justify-content: space-between;
  color: #ddd;
}
.eanv-footer a {
  color: #eee;
}
input[type="file"] {
  background: rgba(168, 168, 168, 0.2);
  padding: 0.4em;
  border: 2px dashed #888;
}
input[type="file"]:hover {
  cursor: pointer;
}
input[type="file"] + label {
  position: relative;
  right: 120px;
  color: #666;
  font-size: 0.9em;
}
.fileUploadActive {
  box-shadow: 0 0 18px 12px rgba(48, 122, 248, 0.2);
}
.carousel-control {
  background-image: none !important;
  color: #333333;
  width: unset;
}
.carousel-inner {
  width: unset;
  margin: 0px 20px;
}
.carousel-indicators {
  bottom: -25px !important;
}
.carousel-indicators li {
  background: #c0c0c0;
}
.carousel-indicators .active {
  background: #333333;
}
.bgGrey {
  background: #eee;
}