@charset "UTF-8";
@font-face {
  font-family: 'bitstream';
  src: url("bitstream/Vera-webfont.eot");
  src: url("bitstream/Vera-webfont.eot?#iefix") format("embedded-opentype"), url("bitstream/Vera-webfont.woff") format("woff"), url("bitstream/Vera-webfont.ttf") format("truetype"), url("bitstream/Vera-webfont.svg#bitstream_vera_sansroman") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'surfacemedium';
  src: url("font/surface_medium_macroman/Surface_Medium-webfont.eot");
  src: url("font/surface_medium_macroman/Surface_Medium-webfont.eot?#iefix") format("embedded-opentype"), url("font/surface_medium_macroman/Surface_Medium-webfont.woff") format("woff"), url("font/surface_medium_macroman/Surface_Medium-webfont.ttf") format("truetype"), url("font/surface_medium_macroman/Surface_Medium-webfont.svg#surfacemedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Secondary Color A: Blau */
/*
$max_columns: 12;
$padding: 0;
$gutter_px: 0;
$gutter_pc: 2%;

@mixin ba-col($num, $gutter_pc, $gutter_px, $padding, $max_columns) {
	// $gutter_px wird nicht verwendet und steht zur freien verf├╝gung !
	$one_col:		(100% - ($gutter_pc * ($max_columns - 1))) / $max_columns;
	width:			($one_col * $num) + ($gutter_pc * ($num - 1));
	@include box-sizing(border-box);
	padding:		$padding;
	float:			left;
}


@mixin new-grid-generate {

	.ba-row {
		@include pie-clearfix;
	}

	.ba-col {
		& + .ba-col {
			margin-left: $gutter_pc;
		}
	}

	.ba-col-1 {
		@include ba-col(1, $gutter_pc, $gutter_px, $padding, $max_columns);
	}
	.ba-col-2 {
		@include ba-col(2, $gutter_pc, $gutter_px, $padding, $max_columns);
	}
	.ba-col-3 {
		@include ba-col(3, $gutter_pc, $gutter_px, $padding, $max_columns);
	}
	.ba-col-4 {
		@include ba-col(4, $gutter_pc, $gutter_px, $padding, $max_columns);
	}
	.ba-col-5 {
		@include ba-col(5, $gutter_pc, $gutter_px, $padding, $max_columns);
	}
	.ba-col-6 {
		@include ba-col(6, $gutter_pc, $gutter_px, $padding, $max_columns);
	}
	.ba-col-7 {
		@include ba-col(7, $gutter_pc, $gutter_px, $padding, $max_columns);
	}
	.ba-col-8 {
		@include ba-col(8, $gutter_pc, $gutter_px, $padding, $max_columns);
	}
	.ba-col-9 {
		@include ba-col(9, $gutter_pc, $gutter_px, $padding, $max_columns);
	}
	.ba-col-10 {
		@include ba-col(10, $gutter_pc, $gutter_px, $padding, $max_columns);
	}
	.ba-col-11 {
		@include ba-col(11, $gutter_pc, $gutter_px, $padding, $max_columns);
	}
	.ba-col-12 {
		@include ba-col(12, $gutter_pc, $gutter_px, $padding, $max_columns);
	}
}
*/
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
.dropzoneForm, .dropzoneForm * {
  box-sizing: border-box;
}

.dropzoneForm {
  position: relative;
}
.dropzoneForm .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em;
}
.dropzoneForm .dz-preview .dz-progress {
  display: block;
  height: 15px;
  border: 1px solid #aaa;
}
.dropzoneForm .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: green;
}
.dropzoneForm .dz-preview .dz-error-message {
  color: red;
  display: none;
}
.dropzoneForm .dz-preview.dz-error .dz-error-message, .dropzoneForm .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzoneForm .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzoneForm .dz-preview .dz-error-mark, .dropzoneForm .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px;
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.dropzoneForm, .dropzoneForm * {
  box-sizing: border-box;
}

.dropzoneForm {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}
.dropzoneForm.dz-clickable {
  cursor: pointer;
}
.dropzoneForm.dz-clickable * {
  cursor: default;
}
.dropzoneForm.dz-clickable .dz-message, .dropzoneForm.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzoneForm.dz-started .dz-message {
  display: none;
}
.dropzoneForm.dz-drag-hover {
  border-style: solid;
}
.dropzoneForm.dz-drag-hover .dz-message {
  opacity: 0.5;
}
.dropzoneForm .dz-message {
  text-align: center;
  margin: 2em 0;
}
.dropzoneForm .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}
.dropzoneForm .dz-preview:hover {
  z-index: 1000;
}
.dropzoneForm .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzoneForm .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eeeeee, #dddddd);
}
.dropzoneForm .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}
.dropzoneForm .dz-preview.dz-image-preview {
  background: white;
}
.dropzoneForm .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.dropzoneForm .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}
.dropzoneForm .dz-preview .dz-remove:hover {
  text-decoration: underline;
}
.dropzoneForm .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzoneForm .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}
.dropzoneForm .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}
.dropzoneForm .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}
.dropzoneForm .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.dropzoneForm .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzoneForm .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}
.dropzoneForm .dz-preview .dz-details .dz-filename span, .dropzoneForm .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}
.dropzoneForm .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.dropzoneForm .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}
.dropzoneForm .dz-preview .dz-image img {
  display: block;
}
.dropzoneForm .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzoneForm .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzoneForm .dz-preview .dz-success-mark, .dropzoneForm .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.dropzoneForm .dz-preview .dz-success-mark svg, .dropzoneForm .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}
.dropzoneForm .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.dropzoneForm .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
.dropzoneForm .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}
.dropzoneForm .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}
.dropzoneForm .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666666, #444444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.dropzoneForm .dz-preview.dz-error .dz-error-message {
  display: block;
}
.dropzoneForm .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}
.dropzoneForm .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}
.dropzoneForm .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

/************************
  GLOBAL STYLES
************************/
/* Primary Color: Rot */
table.hperc {
  margin-top: 20px;
}

#logout {
  background-color: #4C4C4C;
  border: medium none;
  color: #FFFFFF;
  left: 100%;
  height: 25px;
  width: 140px;
  margin-left: -150px;
  position: absolute;
  top: 0px;
  text-align: left;
  padding-top: 14px;
  padding-left: 10px;
  display: inline-block;
  font-weight: 300;
  text-decoration: none;
  font-family: Arial, Geneva, sans-serif;
  font-size: 14px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.506);
  background-image: url(../images/icons/logout.png);
  background-repeat: no-repeat;
  background-position: 110px 2px;
}

#logout:hover {
  background-color: #333;
}

table, img {
  border: 0 none;
}

label {
  cursor: pointer;
}

a {
  color: #164469;
  text-decoration: none;
}

.imported a {
  color: #C0A100;
}

a:hover,
a:active {
  text-decoration: underline;
}

a:focus {
  outline: none;
}

hr {
  color: #164469;
  height: 1px;
  padding: 0;
  border-color: #164469;
  border-width: 1px 0 0 0;
  border-style: solid;
  margin: 12px auto;
  width: 95%;
}

.subHeadline {
  font-size: 16px;
  margin-bottom: 15px;
}

.highlightText {
  font-size: 20px;
  color: #B3090A;
}

.coloredText {
  color: #164469;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

/*#################################################################################################################
  STYLES
#################################################################################################################*/
.benutzerNav {
  float: right;
  height: 40px;
}

.benutzerNav li {
  float: left;
  display: inline;
}

.benutzerKonto {
  background: transparent url("../images/icons/avatar.jpg") no-repeat 5px 2px;
  padding-left: 50px;
}

.logoutLink {
  background: transparent url("../images/icons/logout.png") no-repeat 5px 6px;
  background-size: 26px;
  padding-left: 38px;
}

.logoutLink:hover {
  background-image: url("../images/icons/logout-over.png");
}

/************************
  TOOLS
************************/
.justify {
  text-align: justify;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.red {
  color: #ff0000;
}

.green {
  color: green;
}

.grey {
  color: #888;
}

.blue {
  font-size: 14px;
  color: #164469;
}

.left {
  width: 100px;
  float: left;
}

.tiny {
  width: 1%;
  white-space: nowrap;
}

.nowrap {
  white-space: nowrap;
}

.block {
  display: block;
}

.bold {
  font-weight: bold;
}

.icon, .middle {
  vertical-align: middle;
}

.pointer {
  cursor: pointer;
}

.normal, tr.kat td.normal {
  font-weight: normal;
  font-style: normal;
}

/************************
  FORM ELEMENTS
************************/
form {
  padding: 0;
  margin: 0;
}

/* fieldset {
  border: 1px solid #BBB;
  margin-bottom: 10px;
  padding: 10px;
}

fieldset br {
  clear: both;
}

fieldset legend {
  margin-left: 11px;
  padding-left: 10px;
  padding-right: 10px;
  color: #164469;
}

fieldset label {
  color: #111;
  cursor: pointer;
  text-align: right;
  padding-right: 5px;
  padding-top: 3px;
  width: 140px;
  display: block;
  float: left;
}

fieldset label span {
  font-weight: bold;
  color: #164469;
} */

.inputField,
.inputWeb {
  height: 18px;
  margin: 1px;
  border: 1px solid #CCC;
  color: #444;
}

.inputField,
.inputWeb {
  width: 280px;
}

.inputFieldFullsize {
  width: 100%;
}

.inputFieldText {
  color: #9d9d9d;
}

.inputWeb {
  width: 245px;
  margin-left: 5px;
}

.inputField:hover,
.inputField:focus {
  border-bottom: 1px solid #164469;
  color: #111;
}

.inputField.readonly {
  border: none !important;
}

textarea.inputField {
  height: 80px;
}

.textareaField {
  width: 280px;
  height: 80px;
  margin: 1px;
  border: 1px solid #CCC;
  color: #444;
}

.textareaField:hover,
.textareaField:focus {
  border-bottom: 1px solid #164469;
  color: #111;
}

.textareaHoch {
  height: 150px;
}

.submit,
.button {
  cursor: pointer;
}

div.submit {
  /*padding-top: 10px;*/
  text-align: right;
  cursor: default;
}

div.submit input {
  cursor: pointer;
  overflow: visible;
  width: auto;
}

select {
  background-color: #FFF;
  cursor: pointer;
}

select option {
  background-color: #FFF;
}

select option.selKat {
  background-color: #838383;
  font-weight: bold;
  color: #FFF;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  cursor: default;
}

.row {
  width: 100%;
  padding: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row:after {
  clear: both;
  content: " ";
  display: table;
}

.row.listHeader {
  background: #ddd;
}

.row input.checkbox {
  width: 20px;
  float: left;
}

.field {
  width: 280px;
  float: left;
}

.inputCol1 {
  background: #DDDDDD;
  border-left: 1px solid #9d9d9d;
  border-right: 1px solid #9d9d9d;
  padding: 4px 0;
  display: inline-block;
}

.inputCol1Empty {
  width: 24px;
  height: 5px;
  padding: 4px 0;
  display: inline-block;
}

.firstInputCol1 {
  border-top: 1px solid #9d9d9d;
}

.lastInputCol1 {
  border-bottom: 1px solid #9d9d9d;
  padding-bottom: 6px;
}

.labelValueCheckbox {
  margin-bottom: 5px;
}

.labelValueCheckbox .icon {
  margin-left: 22px;
  margin-right: 5px;
  display: inline-block;
}

.labelAbgleichCheckbox {
  margin-top: 5px;
}

.labelAbgleichCheckbox .icon {
  margin-right: 5px;
  display: inline-block;
}

.alleAbgleichCheckbox {
  padding-left: 2px;
}

.fileSelectContainer {
  width: 650px;
}

.formContainer .row,
.dbFieldContainer .row,
.uploadContainer .row {
  width: 100%;
}

.importCol .rowCheckField {
  padding-left: 4px;
}

.uploadContainer .row input.checkbox {
  float: none;
}

.uploadContainer .row label.check {
  padding-right: 5px;
}

.uploadContainer .row .btnInput {
  margin-right: 10px;
  float: left;
}

.colorContainer {
  width: 3%;
  margin-right: 2%;
  float: left;
}

.radioContainer {
  width: 5%;
  float: left;
}

.excelContainer {
  width: 5%;
  float: left;
}

.textContainer {
  width: 85%;
  float: left;
}

.userSelectContainer {
  display: none;
}

.userSelectContainer.showContainer {
  display: block;
}

.modusSelectorContainer {
  margin-left: 15px;
  margin-bottom: 10px;
}

.modusSelectorContainer .row {
  padding-top: 0;
}

.addProductSubContainer {
  width: 100%;
  /* border: 1px solid #ccc; */
  border-bottom: 1px solid #ccc;
  padding-top: 15px;
}

.weiterArtikelContainer {
  width: 625px;
  /* background: #f0f0f0; */
  margin-bottom: 15px;
}

.waContainer {
  border-bottom: 1px solid #ccc;
}

.zaText {
  font-weight: bold;
  margin-top: 3px;
}

.bgIcon {
  font-weight: normal;
  color: #111;
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-left: 20px;
  display: inline-block;
}

.icon-add {
  background-image: url("../images/icons/add.gif");
}

.iconDelete {
  background-image: url("../images/icons/icon_x.png");
}

.iconDelete:hover {
  text-decoration: underline;
}

.unterartikelContainer {
  margin-bottom: 5px;
}

.unterartikelInputfieldContainer {
  float: left;
}

.childContainer {
  margin-left: 16px;
  clear: both;
}

.buttonContainer {
  background: #efefef;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding-bottom: 8px;
  padding-left: 5px;
  margin: 10px 0 5px;
}

.startImportMarker {
  background-image: url(../images/icons/icon_import_start.gif);
  background-position: 0 5px;
  background-repeat: no-repeat;
  padding-right: 2px !important;
  padding-left: 12px !important;
}

.is-even-checkbox {
  background: #EFEFEF;
}

.is-odd-checkbox {
  background: #FFF;
}

.customfieldcontrolsContainer {
  margin-bottom: 10px;
  clear: both;
}

fieldset.style-checkbox label {
  font-weight: normal;
  width: 425px;
}

fieldset.style-checkbox .listHeader label {
  cursor: default;
}

.textAlignLeft {
  text-align: left;
}

.knrText,
.knrLabel {
  width: 100px;
  float: left;
}

.knrLabel {
  width: 120px;
}

.uNameText,
.uNameLabel {
  text-align: left;
  width: 310px;
  padding-left: 10px;
  float: left;
}

.uNameLabel {
  width: 200px;
}

.knrText {
  font-weight: normal;
}

.uNameText {
  font-weight: normal;
}

table.hperc {
  width: 100%;
  background: #CCC;
}

table.hperc td {
  padding: 2px 4px;
}

table.hperc th {
  font-size: 14px;
  text-align: left;
  padding: 2px 4px;
}

table.hperc tr.notImportRow td {
  color: #828282;
}

tr.kat td {
  font-weight: bold;
  background-color: #DDD;
}

tr.first td,
tr.third td {
  background-color: #EEE;
}

tr.second td {
  background-color: #FFF;
}

tr.mark td {
  background-color: #A0DF81;
}

/*
tr.kat td.hasSelectedElement {
	background-color: #B3DBE5;
}
*/
.elementColor1,
tr.kat td.elementColor1 {
  background-color: #29b1cf;
}

.elementColor12,
tr.kat td.elementColor12 {
  background-color: #008cff;
}

.elementColor13,
tr.kat td.elementColor13 {
  background-color: #005dff;
}

.elementColor14,
tr.kat td.elementColor14 {
  background-color: #002d5f;
}

.elementColor2,
tr.kat td.elementColor2 {
  background-color: #3826CF;
}

.elementColor3,
tr.kat td.elementColor3 {
  background-color: #3a878f;
}

.elementColor4,
tr.kat td.elementColor4 {
  background-color: #659F09;
}

.elementColor5,
tr.kat td.elementColor5 {
  background-color: #009f37;
}

.elementColor6,
tr.kat td.elementColor6 {
  background-color: #EDEF3B;
}

.elementColor7,
tr.kat td.elementColor7 {
  background-color: #FFD100;
}

.elementColor8,
tr.kat td.elementColor8 {
  background-color: #FF7200;
}

.elementColor9,
tr.kat td.elementColor9 {
  background-color: #9F1313;
}

.elementColor15,
tr.kat td.elementColor15 {
  background-color: #9f2763;
}

.elementColor16,
tr.kat td.elementColor16 {
  background-color: #9f3f97;
}

.elementColor17,
tr.kat td.elementColor17 {
  background-color: #9f0037;
}

.elementColor18,
tr.kat td.elementColor18 {
  background-color: #d25300;
}

.elementColor10,
tr.kat td.elementColor10 {
  background-color: #d592e2;
}

.elementColor11,
tr.kat td.elementColor11 {
  background-color: #7c009f;
}

tr.markstorno td {
  background-color: #FB8080;
}

tr.trSelected td {
  background-color: #C4E4FF !important;
}

tr.first:hover td,
tr.second:hover td {
  background-color: #FFFFCC;
}

.importLogText {
  width: 28%;
  min-height: 195px;
  border: 1px solid #ccc;
  padding: 10px;
  margin-right: 3%;
  margin-bottom: 15px;
  float: left;
}

.headlineContainer {
  padding-left: 5px;
  padding-bottom: 6px;
  margin: 10px 0 5px 0;
  border-top: 1px solid #9d9d9d;
  border-bottom: 1px solid #9d9d9d;
  background: #59b2f6;
}

.headlineContainer {
  position: relative;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #d9d9d9), color-stop(100%, #bababa));
  background-image: -moz-linear-gradient(#ffffff, #d9d9d9, #bababa);
  background-image: -webkit-linear-gradient(#ffffff, #d9d9d9, #bababa);
  background-image: linear-gradient(#ffffff, #d9d9d9, #bababa);
}

.headlineContainer h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-right: 5px;
  margin-bottom: 0;
}

.headlineContainer.artikelVerwaltung {
  background: #d9d9d9;
  background-image: none;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: -1px;
  margin-bottom: 0;
}

.headlineContainer.artikelVerwaltung:hover {
  background: #ececec;
}

.headlineContainer.collapsedHLC {
  border-right: 1px solid #9d9d9d;
  border-left: 1px solid #9d9d9d;
  border-bottom: none;
}

.headlineContainer.artikelVerwaltung .artikelHeadline {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #164469;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 1px 3px;
  padding-left: 20px;
  padding-right: 55px;
  margin-bottom: 0;
  cursor: pointer;
}

.headlineContainer.collapsedHLC .artikelHeadline {
  background-position: 0 3px;
  padding-left: 19px;
}

.headlineContainer.artikelVerwaltung .artikelHeadline.collapsed {
  background-image: url("../images/icons/collapse.gif");
}

.headlineContainer.artikelVerwaltung .artikelHeadline.expanded {
  background-image: url("../images/icons/expand.gif");
}

.headlineContainer.artikelVerwaltung h2:hover {
  color: #389ef6;
}

.headlineContainer.artikelVerwaltung .actionContainer {
  position: absolute;
  top: 6px;
  right: 10px;
}

.providerVodafoneContainer .headlineContainer.artikelVerwaltung {
  background: none;
  border: none;
  padding: 1px 0 0 0;
}
.providerVodafoneContainer .headlineContainer.collapsedHLC {
  border-left: none;
  border-right: none;
}
.providerVodafoneContainer .artikelVerwaltungContent.coloredContainer {
  border: none;
  padding: 5px;
  margin-bottom: 0;
}

.providercheck-message {
  display: none;
}

.actionContainer {
  float: right;
}

.actionElement {
  display: inline-block;
}

.artikelVerwaltungContent.coloredContainer {
  border-top: none;
  margin-bottom: 20px;
  display: none;
}

.coloredContainer {
  border: 1px solid #9D9D9D;
  padding: 10px;
}

.coloredContainer table.hperc {
  margin-top: 0;
  margin-bottom: 10px;
}

.subArtikelActionContainer {
  vertical-align: -4px;
  display: inline-block;
}

.weitereArtikelActionContainer {
  vertical-align: -3px;
  display: inline-block;
}

.weitereArtikelActionContainer:after,
.subArtikelActionContainer:after,
.artikelActionContainer:after {
  content: "";
  display: table;
  clear: both;
}

.artikelActionList {
  padding-top: 11px;
  margin-left: 0;
  float: left;
}

.artikelActionList li {
  list-style: none;
  color: #164469;
  margin-right: 15px;
  cursor: pointer;
  float: left;
}

.artikelActionList li:hover {
  color: #389ef6;
}

.iconLink {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 20px;
}

.expandedLink {
  background-image: url("../images/icons/expand.gif");
}

.collapsedLink {
  background-image: url("../images/icons/collapse.gif");
}

.visibleLink {
  background-image: url("../images/icons/published.gif");
}

.hideLink {
  background-image: url("../images/icons/unpublished.gif");
}

.neutralCheckboxContainer {
  border: 1px solid #ccc;
  background: #fbfbfb;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.neutralCheckboxRow:after {
  clear: both;
  content: " ";
  display: table;
}

.neutralSelectfeldRow {
  margin-bottom: 4px;
}

.neutralSelectfeldRow:after {
  clear: both;
  content: " ";
  display: table;
}

.tile label {
  width: 110px;
  padding-right: 5px;
}

.tile .inputField {
  width: 200px;
}

select {
  border: 1px solid #CCC;
  margin: 1px 0;
}

.readonly, .readonly:hover, .readonly:focus {
  background-color: transparent;
  border: 1px solid transparent;
  cursor: default;
}

.default {
  cursor: default;
}

input.checkbox {
  cursor: pointer;
  vertical-align: -2px;
  margin-top: 3px;
  display: inline-block;
}

label.check {
  width: auto;
  float: none;
  display: inline-block;
  border: none;
}

.checkbox + label.check {
  padding-left: 4px;
}

.checkBoxLabel {
  color: #666666;
  width: auto;
  float: none;
  display: inline;
  border: none;
  padding: 0;
}

.checkBoxLabel.isSelected {
  font-weight: bold;
  color: #164469;
}

label.defaultLabel {
  width: auto;
  float: none;
  display: inline;
  border: none;
  padding: 0;
}

ul, ul li, ul li li, ul li li li {
  margin: 0;
  padding: 0;
  list-style-type: square;
}

ul {
  margin-left: 18px;
}

ul.asList,
ul.asList li {
  list-style-type: disc;
}

ul.asList {
  list-style-type: disc;
  margin-bottom: 10px;
}

.zusatzfeldList {
  margin-left: 0;
  margin-bottom: 10px;
}

.inputField.error,
.inputWeb.error {
  border: 1px solid red;
}

.select2-container-multi.error .select2-choices {
  border: 1px solid red;
}

textarea.error {
  border: 1px solid red;
}

ul.subs, ul.subs li {
  list-style-type: disc;
}

/*#####################
  SITE NAVIGATION
#######################*/
.siteNavi {
  margin-top: -1px;
  text-align: right;
  float: right;
}

.siteNavi a {
  border: 1px solid #FFF;
  background-color: #EEE;
  padding: 2px 5px;
  margin-left: 1px;
}

.siteNavi a.aktuell,
.siteNavi a:hover,
.siteNavi a:active {
  background-color: #CCC;
  color: #000;
}

h1 .siteNavi {
  position: absolute;
  top: -14px;
  right: 0;
}

.backlinkContainer {
  margin-top: 4px;
  float: right;
}

/*#####################
  MISC
#######################*/
em {
  background: yellow;
}

div#error {
  text-align: center;
  padding: 10px 0;
  color: #164469;
  border: 1px solid #164469;
}

.disableText {
  color: #828282;
}

.errorText {
  color: red;
}

.hinweisText {
  color: #3826cf;
}

.displayNone {
  display: none;
}

small, small a:link, small a:visited {
  font-size: 10px;
  font-style: italic;
}

.auto {
  width: auto;
}

.buttonContainer .btnInput {
  text-align: left;
  margin-right: 5px;
  display: inline-block;
}

input.submitButton,
input.data,
input.add,
input.addv,
input.products,
input.edit,
input.insert,
input.upload,
input.save,
input.abbrechen,
input.yes,
input.no,
input.akontiert,
input.tvsender,
input.codierung,
input.stornogrund,
input.punkte,
input.excel,
button.excel,
input.import,
input.anwenden,
input.folder,
.fileUploadBtn.folder,
.fileUploadBtn.excel,
input.voice {
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
  background-color: #FFF;
  background-position: 5px 50%;
  background-repeat: no-repeat;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  overflow: visible;
  padding: 5px;
  padding-left: 25px;
}

input.addv {
  background-image: url(../images/icons/vertreter.gif);
}

input.add {
  background-image: url(../images/icons/kunde.gif);
}

.fileUploadBtn.folder,
input.folder {
  background-image: url(../images/icons/icon_folder.gif);
}

.fileUploadBtn.excel,
button.excel,
input.excel {
  background-image: url(../images/icons/excel.gif);
}

input.products {
  background-image: url(../images/icons/products.gif);
}

input.voice {
  background-image: url(../images/icons/speaker.gif);
}

input.edit {
  background-image: url(../images/icons/edit.gif);
}

input.insert {
  background-image: url(../images/icons/add.gif);
}

input.save {
  background-image: url(../images/icons/icon_speichern.gif);
}

input.upload {
  background-image: url(../images/icons/icon_upload.gif);
}

input.abbrechen {
  background-image: url(../images/icons/icon_x.png);
}

input.data {
  background-image: url(../images/icons/data.gif);
}

input.punkte {
  background-image: url(../images/icons/punkte.gif);
}

input.yes {
  font-weight: bold;
  background-image: url(../images/icons/abrechnung_done.gif);
  margin-right: 5px;
}

input.no {
  background-image: url(../images/icons/no.gif);
}

input.akontiert {
  padding-left: 17px;
  background-image: url(../images/icons/akontiert.gif);
}

input.tvsender {
  padding-left: 17px;
  background-image: url(../images/icons/tv-icon.png);
}

input.codierung {
  padding-left: 17px;
  background-image: url(../images/icons/codierung.png);
}

input.stornogrund {
  padding-left: 17px;
  background-image: url(../images/icons/delete.gif);
}

input.import {
  background-image: url(../images/icons/import.gif);
}

input.anwenden {
  background-image: url(../images/icons/icon_anwenden.gif);
}

.inputFieldFile {
  color: #164469;
  background: none;
  width: 370px;
  margin-top: 3px;
  border: none;
}

.fieldText {
  font-weight: bold;
  color: #164469;
  padding-top: 3px;
}

.fieldTextReadonly {
  padding-top: 2px;
  display: inline-block;
}

.fileUploadBtn {
  position: relative;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 2px solid #848484;
  border-bottom: 2px solid #848484;
  padding: 7px 5px 7px 25px !important;
  margin-top: -5px;
  margin-right: 5px;
  overflow: hidden;
  float: left;
}

.fileUploadBtn input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

#smsfResponseContainer,
#smsResponseContainer,
#smsfWaitingContainer,
#waitingContainer {
  margin-top: 5px;
  display: none;
}

.formText {
  margin-left: 148px;
}

/*#####################
  DIALOG
#######################*/
.ui-widget-content.dialogArtikel,
.ui-dialog.dialogArtikel .ui-dialog-content {
  background: #fff;
}

.dialogArtikel .ui-widget-header {
  font-weight: bold;
  color: #111;
  border: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  background: #d9d9d9;
  padding-bottom: 6px;
  padding-top: 6px;
}

/*#####################
  JS CALENDAR
#######################*/
span.calendarContainer {
  position: absolute;
  z-index: 999999;
  text-align: center;
  display: none;
  margin-top: -107px;
  margin-left: -55px;
}

span.calendarContainer table thead th {
  font-weight: bold;
  font-size: 11px;
  color: #FFF;
  text-align: center;
  background-color: #7699b5;
  padding: 2px 5px;
}

span.calendarContainer table thead th.weekday {
  font-weight: bold;
  font-size: 10px;
  color: #112A5D;
  text-align: center;
  background-color: #CCD2D8;
  border: solid #BBB 1px;
}

span.calendarContainer table tbody td {
  font-weight: normal;
  font-size: 10px;
  color: #111;
  background-color: #FFF;
  text-align: right;
  padding: 2px 5px;
}

span.calendarContainer table tbody td.saturday {
  color: #9A2525;
  font-weight: normal;
}

span.calendarContainer table tbody td.sunday {
  color: #9A2525;
  font-weight: bold;
}

span.calendarContainer table tbody td.weekend {
  color: red;
}

span.calendarContainer table tbody td.today {
  background-color: #7699b5;
  color: #FFF;
}

span.calendarContainer table tbody td.last_month, div.calendarContainer table tbody td.next_month {
  color: #a3afc4;
}

span.calendarContainer table {
  border-collapse: separate;
  padding: 0;
  background-color: #BBB;
}

.toggle {
  display: none;
}

.fieldsetToggle {
  padding-top: 0;
  padding-bottom: 0;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

#modalBox {
  position: fixed;
  top: 110px;
  left: 50%;
  width: 460px;
  margin-left: -230px;
  padding: 10px;
  border: 2px solid #a3afc4;
  background: #FFF;
  line-height: 27px;
}

/*#####################
  JS AUTOCOMPLETE
#######################*/
div.autocomplete {
  position: absolute;
  left: 21px;
  display: none;
  clear: both;
  margin-left: 117px;
  border: 1px solid #777;
  background: #FFF;
}

* html div.autocomplete {
  margin-top: 22px;
}

* + html div.autocomplete {
  margin-top: 22px;
}

div.autocomplete input {
  font-size: 11px;
  cursor: pointer;
  padding: 2px 5px;
  display: block;
  width: 200px;
  border: 0;
}

* html div.autocomplete input {
  margin-left: -117px;
}

* + html div.autocomplete input {
  margin-left: -117px;
}

div.autocomplete input.selected {
  background-color: #164469;
  color: #FFF;
}

div.abrechnung {
  width: 625px;
  background: #EFEFEF;
  padding: 20px 0;
  margin-top: 10px;
}

div.select {
  border: 1px solid #CCC;
  float: left;
  clear: right;
  height: 150px;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: scroll;
}

.smslogDatum {
  width: 116px;
}

.smslogInOut {
  width: 20px;
}

.smslogStatus {
  text-align: center;
  vertical-align: middle;
  width: 80px;
}

.smslogStatus a img {
  vertical-align: -4px;
}

.smsLogProcessStateContainer {
  position: relative;
  display: inline-block;
}

.smsLogProcessState {
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  color: #fff;
  width: 15px;
  height: 15px;
  background: #9D0707;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  top: -15px;
  right: -8px;
}

.smsLegende {
  margin-left: 6px;
  margin-top: 15px;
  margin-bottom: 5px;
}

.smsLegende span {
  margin-right: 15px;
  display: inline-block;
}

.smsLegende img {
  vertical-align: text-bottom;
  display: inline-block;
}

/*
  PUNKTE
*/
div.percent {
  background-color: #ff7878;
  height: 2px;
  line-height: 2px;
  font-size: 2px;
}

div.percent div {
  float: left;
  background: #5d9163;
  height: 2px;
  line-height: 2px;
  font-size: 2px;
  text-align: right;
}

div.percent span {
  color: #FFF;
  font-weight: bold;
  font-size: 10px;
  margin: 0 5px;
}

/**
 * 	ADRESSTOOL
 */
.ui-autocomplete {
  max-height: 200px;
  width: 300px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  /* add padding to account for vertical scrollbar */
  padding-right: 20px;
}

.ui-menu .ui-menu-item a {
  text-align: left;
}

.ui-autocomplete-loading {
  background: white url("https://adressbase.net/ui-anim_basic_16x16.gif") right center no-repeat;
}

.articlefilteroptions {
  display: inline;
}

#groups_section {
  margin-left: 145px;
  width: 285px;
}

#groups_section .ui-accordion-header A {
  padding-top: 1px;
  padding-bottom: 1px;
}

#groups_section .ui-accordion-content {
  padding: 0;
}

.loadmask {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: .50;
  filter: alpha(opacity=50);
  background-color: #CCC;
  width: 100%;
  height: 100%;
  zoom: 1;
}

.loadmask-msg {
  z-index: 20001;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #6593cf;
  background: #c3daf9;
  padding: 2px;
}

.loadmask-msg div {
  padding: 5px 10px 5px 25px;
  background: #fbfbfb url("../images/loading.gif") no-repeat 5px 5px;
  line-height: 16px;
  border: 1px solid #a3bad9;
  color: #222;
  font: normal 11px tahoma, arial, helvetica, sans-serif;
  cursor: wait;
}

.masked {
  overflow: hidden !important;
}

.masked-relative {
  position: relative !important;
}

.masked-hidden {
  visibility: hidden !important;
}

.transparent {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
  cursor: auto !important;
}

#mail_loading {
  background: white url("https://adressbase.net/ui-anim_basic_16x16.gif") right center no-repeat;
  width: 16px;
  height: 16px;
  border: 0px;
  display: inline-block;
}

#mail_info {
  display: inline-block;
}

#entries-table {
  width: 100%;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#entries-table li {
  list-style: none;
  padding: 3px 3px;
  cursor: pointer;
}

ul#entries-table li:nth-child(odd) {
  background-color: #efefef;
}

.entries-title {
  width: 79%;
  display: inline-block;
  vertical-align: top;
}

.entries-options {
  text-align: center;
  width: 20%;
  display: inline-block;
  vertical-align: top;
}

.entries-value {
  display: inline-block;
  vertical-align: top;
}

.elementeListe {
  width: 100%;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.elementeListe li {
  padding: 3px 3px;
  cursor: pointer;
}

.elementeListe li a {
  display: block;
}

.tableStyleListe li {
  list-style: none;
}

.elementeListe li a img {
  vertical-align: top;
}

.stripedListe li:nth-child(odd),
ul.elementeListe li:nth-child(odd) {
  background-color: #efefef;
}

.listenElementHead {
  width: 89%;
  display: inline-block;
  vertical-align: top;
}

.listenElementOptions {
  width: 10%;
  display: inline-block;
  vertical-align: top;
}

#basisfeldListSource li.ui-state-default,
#artikelfeldListSource li.ui-state-default,
#artikelzusatzfeldListSource li.ui-state-default {
  color: #646464;
}

.sortlist {
  border: 1px solid #cccccc;
  width: 100%;
  min-height: 32px;
  list-style-type: none;
  margin: 0;
  padding: 5px 0 0 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sortlist li {
  margin: 0 5px 5px 5px;
  padding: 5px;
  font-size: 12px;
  min-width: 120px;
  cursor: pointer;
}

.legendeContainer {
  margin-bottom: 10px;
}

.legendeContainer p {
  margin-right: 15px;
  display: inline-block;
}

table #qcTable tr:nth-child(even) {
  background: #F0F0F0;
}

table #qcTable tr:nth-child(odd) {
  background: #F9F9F9;
}

.redColoredTextbox {
  background: #F0F0F0;
  border: 1px solid #b3090a;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.bankCheckInfoContainer {
  line-height: 18px;
  width: 65%;
  min-width: 386px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* border: 1px solid #ccc; */
  background: none repeat scroll 0 0 #f6f6f6;
  padding: 10px 10px 10px 0;
}

.bankcheckContainer #bankcheckprocess {
  background: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
  min-height: 18px;
  padding: 2px 5px 2px 150px;
}

.labelBankcheckinfo {
  text-align: right;
  width: 110px;
  padding-top: 3px;
  padding-right: 5px;
  float: left;
}

.statusBankcheckinfo {
  float: left;
}

.statusBankcheck {
  border: 1px solid #bbb;
  padding: 2px 20px;
  display: inline-block;
}

.bankcheckText {
  margin-top: 10px;
  margin-left: 115px;
}

.fine {
  background: #A0DF81;
}

.mediumfine {
  background: #ffc18c;
}

.notfine {
  background: #fa8d7f;
}

.nothing {
  background: #9ee1fa;
}

.bankInfoText {
  color: #164469;
}

.bankErrorText {
  color: #ff0000;
}

.bankFineText {
  color: #5F8F47;
}

.refreshBankcheckLink {
  color: #164469;
  cursor: pointer;
}

.refreshBankcheckLink:hover {
  text-decoration: underline;
}

.refreshBankcheckLink img {
  margin-right: 3px;
  vertical-align: middle;
  display: inline-block;
}

.redColoredTextbox h3 {
  margin: 5px;
}

.iconImage {
  margin-left: 3px;
  display: inline-block;
}

/* TipTip CSS - Version 1.2 */
#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}

#tiptip_holder.tip_top {
  padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
  padding-top: 5px;
}

#tiptip_holder.tip_right {
  padding-left: 5px;
}

#tiptip_holder.tip_left {
  padding-right: 5px;
}

#tiptip_content {
  font-size: 11px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  padding: 4px 8px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background-color: #191919;
  background-color: rgba(25, 25, 25, 0.92);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 3px #555;
  -webkit-box-shadow: 0 0 3px #555;
  -moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #fff;
  border-top-color: rgba(255, 255, 255, 0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #fff;
  border-right-color: rgba(255, 255, 255, 0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #fff;
  border-left-color: rgba(255, 255, 255, 0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top: -7px;
  margin-left: -6px;
  border-top-color: #191919;
  border-top-color: rgba(25, 25, 25, 0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: #191919;
  border-bottom-color: rgba(25, 25, 25, 0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -5px;
  border-right-color: #191919;
  border-right-color: rgba(25, 25, 25, 0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -7px;
  border-left-color: #191919;
  border-left-color: rgba(25, 25, 25, 0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #tiptip_content {
    padding: 4px 8px 5px 8px;
    background-color: rgba(45, 45, 45, 0.88);
  }

  #tiptip_holder.tip_bottom #tiptip_arrow_inner {
    border-bottom-color: rgba(45, 45, 45, 0.88);
  }

  #tiptip_holder.tip_top #tiptip_arrow_inner {
    border-top-color: rgba(20, 20, 20, 0.92);
  }
}
a {
  text-decoration: none;
}

.topbar {
  background: #4C4C4C;
  color: white;
  width: 100%;
  height: 40px;
}

.text {
  margin-top: 10px;
  margin-right: 15px;
  float: right;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  text-shadow: 0px -1px #1b1b1b;
}

.msg2 {
  background: #ED5234;
  color: #F8F8F8;
  border-radius: 4px;
  padding: 2px 6px 2px 6px;
  font-weight: bold;
}

.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav li {
  float: left;
  padding: 0;
  margin: 0;
}

.nav li span.mmenu {
  /* background: transparent; */
  width: 150px;
  display: block;
  text-align: center;
  color: #fff;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  border: none;
}

.nav li span.mmenu:hover {
  background-color: #333;
}

div.menu,
.nav ul li ul {
  background-color: #4c4c4c;
}

.nav ul ul {
  display: none;
  position: absolute;
  z-index: 999;
}

.nav li li {
  float: none;
}

* html li li {
  display: inline;
}

/* IE6 Bugfix... */
.nav input[type="submit"] {
  color: #fff;
  background-color: transparent;
  border: none;
  height: 40px;
  min-width: 150px;
}

.nav input[type="submit"]:hover {
  background-color: #333;
}

div.menu {
  width: 1000px;
  margin: auto;
  width: 100%;
  height: 40px;
  position: relative;
  top: 0px;
  left: 0px;
  border-top: 0px solid #132D48;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.58);
}

.nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0;
}

.nav ul li {
  height: 40px;
  display: inline-block;
  border-right: 1px solid #666666;
  position: relative;
}

/*
.nav ul li a{
	font-size: 14px;
	color: #FFFFFF;
	padding: 12px 15px;
	display: inline-block;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	font-weight: 300;
	text-decoration:none;

}
.nav ul li a:hover{
	background: url(../images/black.png) ;
	box-shadow: inset 0 0 5px rgba(00,00,00, .42);

}

.nav ul li.iehover a{
	background: #214F81 ;

}
*/
/* 2nd layer menu*/
.nav ul li:hover ul li a,
.nav ul li.iehover ul li a {
  background: #4C4C4C;
  text-decoration: none;
}

.nav ul li:hover ul,
.nav ul li.iehover ul {
  display: block;
}

.nav ul li:hover ul li a:hover,
.nav ul li.iehover ul li a:hover {
  background: url(../images/black.png);
}

.nav ul li ul {
  display: none;
  position: absolute;
  top: 40px;
  left: 0px;
  width: 150px;
  z-index: 20;
  margin-left: 0;
}

.nav ul li ul li {
  display: block;
  background: none;
  /* height: 30px; */
  position: relative;
  border: 0;
  border-top: 1px solid #666666;
  text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.38) inset, 0px 0px 2px rgba(255, 255, 255, 0.28) inset;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Sans-serif;
}

.nav ul li ul li.iehover {
  border: 0;
}

.nav ul li ul li a {
  height: 16px;
  padding: 7px 10px;
  background: #736f6f;
  color: #FFFFFF;
  font-size: 12px;
  display: block;
  font-family: arial;
  font-style: normal;
  font-weight: normal;
}

.nav ul li:hover li a:hover,
.nav ul li:hover li:hover a,
.nav ul li.iehover li a:hover,
.nav ul li.iehover li.iehover a {
  color: #ffffff;
}

.footer {
  text-align: center;
  background: #4B4B4B;
  color: #FFFFFF;
  width: 900px;
  margin: auto;
  padding: 10px;
  margin-top: 0px;
  border-radius: 0px 0px 3px 3px;
  -border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  -box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.content-menu {
  width: 905px;
  margin: auto;
  margin-top: 90px;
  padding: 8px;
  background: #4B4B4B;
  color: #FFFFFF;
  border-radius: 3px 3px 0px 0px;
  -border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  -box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.content-menu a {
  padding: 5px;
  color: #cccccc;
  text-decoration: none;
}

.content-menu a:hover {
  padding: 5px;
  color: #FFFFFF;
  text-decoration: none;
}

.content-menu img {
  vertical-align: middle;
  border: 0px;
}

.content {
  width: 880px;
  margin: auto;
  padding: 20px;
  margin-top: 0px;
  background: #F8F8F8;
  border-radius: 0px 0px;
  -border-radius: 0px 0px;
  -webkit-border-radius: 0px 0px;
  -moz-border-radius: 0px 0px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  -box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.input {
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #CCCCCC;
  -moz-box-shadow: inset 0 0 10px #E7E7E7;
  -webkit-box-shadow: inset 0 0 10px #E7E7E7;
  box-shadow: inset 0 0 10px #E7E7E7;
}

.textarea {
  padding: 5px;
  border: 1px solid #CCCCCC;
}

.replay {
  padding: 0;
  border: 1px solid #7FB2E7;
  width: 260px;
  height: 20px;
  background: #EEEEEE;
  color: #888888;
  padding: 6px;
  margin-top: 30px;
  text-align: left;
  line-height: 110%;
  font-family: Segoe WP, helvetica, sans-serif;
  font-weight: normal;
}

.message {
  padding: 10px;
  margin: auto;
  width: 900px;
  background: #FF2E2E;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  margin-top: 0px;
  position: relative;
}

.messagegreen {
  padding: 10px;
  margin: auto;
  width: 900px;
  background: #096;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  margin-top: 0px;
  position: relative;
}

.messages_table td {
  border-top: 1px solid #aaaaaa;
  vertical-align: top;
}

.clean {
  clear: both;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.author {
  width: 150px;
  border-right: 1px solid #aaaaaa;
}

.title_cell {
  width: 45%;
}

.date {
  font-style: italic;
  text-align: right;
  font-size: 0.9em;
  margin-right: 10px;
}

.link_new_pm {
  font-size: 1.3em;
  font-weight: bold;
  margin: 5px 0px 5px 0px;
  display: inline-block;
  border: 1px solid #dddddd;
  background: #ffffff;
  padding: 5px;
  border-radius: 8px;
}

#mytable {
  margin: auto;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size: 12px;
  background: #fff;
  margin-top: 45px;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

#mytable th {
  font-size: 14px;
  font-weight: normal;
  color: #039;
  padding: 10px 8px;
  border-bottom: 2px solid #6678b1;
}

#mytable td {
  border-bottom: 1px solid #ccc;
  color: #669;
  padding: 6px 8px;
}

#mytable tbody tr:hover td {
  color: #009;
}

.p-box {
  margin: 0px auto;
  padding: 5px;
  width: 300px;
  background: #F0F0F0;
  border: 6px solid #C6C6C6;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -ms-border-radius: 8px 8px 8px 8px;
  -o-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
}

.p-t {
  padding: 10px;
  border-bottom: 1px solid #FEFEFE;
  text-align: center;
  text-shadow: 1px 1px 0 #fff;
}

.p-t b {
  color: #666666;
  font-weight: bold;
  font-size: 17px;
  font-family: "Lucida" Grande, sans-serif;
}

.p-f {
  background: #E8E8E8;
  padding: 5px 5px 5px 5px;
  text-shadow: 1px 1px 0 #fff;
  border-top: 1px solid #ADADAD;
}

.p-f img {
  border: 5px solid #FDFDFD;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

.bio {
  right: 20px;
  float: right;
  position: relative;
  color: #666666;
  width: 170px;
  text-align: left;
  padding: 4px 4px 4px 15px;
  overflow: hidden;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
}

.pm-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.4em .70em;
  border: 1px solid #d4d4d4;
  margin-top: 7px;
  margin-left: 1px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #444444;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background: -moz-linear-gradient(center top, white, #e8e8e8) repeat scroll 0% 0% transparent;
  background-clip: padding-box;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
}

.pm-button:hover,
.pm-button:focus,
.pm-button:active,
.pm-button.active {
  border-color: #3072b3;
  border-bottom-color: #2a65a0;
  text-decoration: none;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
  background-color: #3c8dde;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
  background-image: -moz-linear-gradient(#599bdc, #3072b3);
  background-image: -o-linear-gradient(#599bdc, #3072b3);
  background-image: linear-gradient(#599bdc, #3072b3);
}

.pm-button:before {
  content: "";
  position: relative;
  top: 1px;
  float: left;
  width: 16px;
  height: 12px;
  margin: 0 0.40em 0 -0.35em;
  background: url(../icons/pm.png) repeat scroll transparent;
}

.m-links {
  float: right;
  right: 20px;
  bottom: 30px;
  position: relative;
}

.m-links a {
  text-decoration: none;
}

.m-links img {
  border: 0px;
}

/*! jQuery UI - v1.10.4 - 2014-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

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

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

/* button sets */
.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  /* support: IE10, see #8844 */
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  /* support: IE7 */
  font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
  cursor: default;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("../images/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

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

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #eeeeee url(../images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
  color: #333333;
}
.ui-widget-content.ba-widget-content {
  background: transparent !important;
  border: none;
  padding: 0;
}
.ui-widget-content.ba-widget-content .ui-widget-header {
  border: none;
  background: none;
  color: #ffffff;
  font-weight: bold;
}
.ui-widget-content.ba-widget-content .ui-state-default a,
.ui-widget-content.ba-widget-content .ui-state-default a:link,
.ui-widget-content.ba-widget-content .ui-state-default a:visited {
  text-decoration: none;
  color: #9d9d9d;
  border-top: 3px solid transparent;
  padding-bottom: 8px;
}
.ui-widget-content.ba-widget-content .ui-state-active a,
.ui-widget-content.ba-widget-content .ui-state-active a:link,
.ui-widget-content.ba-widget-content .ui-state-active a:visited {
  color: #0060b9;
  text-decoration: none;
  border-top: 3px solid #0060b9;
}
.ui-widget-content.ba-widget-content .ui-state-active,
.ui-widget-content.ba-widget-content .ui-widget-content .ui-state-active,
.ui-widget-content.ba-widget-content .ui-widget-header .ui-state-active {
  border: 1px solid #9d9d9d;
  border-bottom: none;
}

.ba-widget-content.ui-tabs .ui-tabs-nav {
  padding: 0;
}
.ba-widget-content .ba-tab-panel {
  border: 1px solid #9d9d9d;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url(../images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6 url(../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url(../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url(../images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url(../images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
  color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(../images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(../images/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(../images/ui-icons_ef8c08_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(../images/ui-icons_ef8c08_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(../images/ui-icons_ef8c08_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(../images/ui-icons_228ef1_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(../images/ui-icons_ffd27a_256x240.png);
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #666666 url(../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url(../images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 5px;
}

/*
Version: 3.5.2 Timestamp: Sat Nov  1 14:43:36 EDT 2014
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%);
}

html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("select2/select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: linear-gradient(to top, #cccccc 0%, #eeeeee 60%);
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("select2/select2.png") no-repeat 0 1px;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff url("select2/select2.png") no-repeat 100% -22px;
  background: url("select2/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("select2/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
}

html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: #fff url("select2/select2.png") no-repeat -37px -22px;
  background: url("select2/select2.png") no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("select2/select2.png") no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2/select2.png") no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2/select2.png") no-repeat -37px -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: #fff url("select2/select2-spinner.gif") no-repeat 100%;
  background: url("select2/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("select2/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent;
}

html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}

.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}

.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}

.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}

.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}

.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}

.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url("select2/select2-spinner.gif") no-repeat 100%;
}

.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2);
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("select2/select2-spinner.gif") no-repeat 100% !important;
}

.select2-default {
  color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
}

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("select2/select2.png") right top no-repeat;
}

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url("select2/select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }

  .select2-search input {
    background-position: 100% -21px !important;
  }
}
html {
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
}

* {
  font-size: 12px;
}

html > body {
  font-size: 16px;
}

input, select, th, td, li li, li p, td p, q p {
  font-size: 1em;
}

table td * {
  font-size: 1em !important;
}

* {
  padding: 0;
  margin: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  color: #111111;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

#page {
  /*
  position: relative;
  text-align: left;
  width: 100%;
  @include box-sizing(border-box);
  background: #fff;
  padding: 0px 10px 10px 10px;
  max-width: 1600px;
  margin: 0 auto;
  */
}

.pageContainer {
  position: relative;
  text-align: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 0px 0px 57px;
  max-width: 1600px;
  min-width: 320px;
  margin: 0 auto;
  *zoom: 1;
}
.pageContainer:after {
  content: "";
  display: table;
  clear: both;
}

.page-header {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 5;
}
.page-header p.loginStatusText {
  font-size: 13px;
  text-align: right;
  color: #164469;
}
.page-header p.loginStatusText a {
  text-decoration: underline;
}
.page-header p.loginStatusText a:hover {
  color: #B40015;
}

.ph-shadow {
  -moz-box-shadow: #9d9d9d 0px 14px 20px;
  -webkit-box-shadow: #9d9d9d 0px 14px 20px;
  box-shadow: #9d9d9d 0px 14px 20px;
}

.logoLayer {
  width: 100%;
  *zoom: 1;
}
.logoLayer:after {
  content: "";
  display: table;
  clear: both;
}

.pageBody {
  padding-top: 172px;
  padding-bottom: 50px;
  z-index: 4;
}
.pageBody.kompaktModus {
  padding-top: 95px;
}

.pageLogin {
  background: none;
  z-index: 4;
}

.headerContainer {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}

.logo.kompaktModus {
  display: none;
}

.zeControlContainer {
  position: absolute;
  right: 0;
  bottom: 5px;
}
.zeControlContainer ul li.ctrlElement {
  list-style: none;
  padding-left: 5px;
  float: left;
}
.zeControlContainer ul li.ctrlElement .toolContainer {
  right: 0;
}
.zeControlContainer ul li.ctrlElement .toolContainer .tcContent {
  padding: 0 10px;
}
.zeControlContainer ul li.ctrlElement .toolContainer .tcContent .selectFeld {
  width: 100%;
}
.zeControlContainer ul li.ctrlElement .statusText {
  color: #164469;
  padding-top: 4px;
  margin-right: 5px;
}

.messageContainer .h1, .messageContainer .h2, .messageContainer .h3 {
  text-transform: uppercase;
}

.blueContainer {
  border: 1px solid #0060b9;
  background-color: #C4E4FF;
}

.ba-row {
  *zoom: 1;
}
.ba-row:after {
  content: "";
  display: table;
  clear: both;
}

[class*="ba-col-"] + [class*="ba-col-"] {
  margin-left: 2%;
}

.ba-col-12 {
  margin-left: 0 !important;
}

.ba-col-offset-1 {
  margin-left: 8.5%;
}

.ba-col-1 {
  width: 6.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  float: left;
}

.ba-col-offset-2 {
  margin-left: 17%;
}

.ba-col-2 {
  width: 15%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  float: left;
}

.ba-col-offset-3 {
  margin-left: 25.5%;
}

.ba-col-3 {
  width: 23.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  float: left;
}

.ba-col-offset-4 {
  margin-left: 34%;
}

.ba-col-4 {
  width: 32%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  float: left;
}

.ba-col-offset-5 {
  margin-left: 42.5%;
}

.ba-col-5 {
  width: 40.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  float: left;
}

.ba-col-offset-6 {
  margin-left: 51%;
}

.ba-col-6 {
  width: 49%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  float: left;
}

.ba-col-offset-7 {
  margin-left: 59.5%;
}

.ba-col-7 {
  width: 57.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  float: left;
}

.ba-col-offset-8 {
  margin-left: 68%;
}

.ba-col-8 {
  width: 66%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  float: left;
}

.ba-col-offset-9 {
  margin-left: 76.5%;
}

.ba-col-9 {
  width: 74.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  float: left;
}

.ba-col-offset-10 {
  margin-left: 85%;
}

.ba-col-10 {
  width: 83%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  float: left;
}

.ba-col-offset-11 {
  margin-left: 93.5%;
}

.ba-col-11 {
  width: 91.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  float: left;
}

.ba-col-offset-12 {
  margin-left: 102%;
}

.ba-col-12 {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  float: left;
}

.wxm-col + .wxm-col {
  margin-left: 2%;
}

.col40 + .col40 {
  margin-left: 20px;
}

.col46 {
  width: 48%;
  float: left;
}

.col46 + .col46 {
  float: right;
}

.col {
  border: 0px solid transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  float: left;
}

.col {
  margin-left: 2%;
  /*
  &.rightAction {
  	margin-left: 0;
  	float: right;
  }*/
}

.gridRow {
  *zoom: 1;
}
.gridRow:after {
  content: "";
  display: table;
  clear: both;
}

.gridRow .col:first-child {
  margin-left: 0;
}

.col1 {
  width: 10.75%;
}

.col2 {
  width: 23.5%;
}

.col3 {
  width: 36.25%;
}

.col4 {
  width: 49.0%;
}

.col5 {
  width: 61.75%;
}

.col6 {
  width: 74.5%;
}

.col7 {
  width: 87.25%;
}

.col8 {
  margin-left: 0;
  width: 100%;
}

.col33 {
  width: 32.0%;
}

.col66 {
  width: 66.0%;
}

h1, .h1 {
  font-family: "surfacemedium", Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: normal;
  margin-bottom: 10px;
}
h1 span, .h1 span {
  font-size: 34px;
  color: #164469;
}
h1 span.normal,
h1 small, .h1 span.normal,
.h1 small {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
}

h2,
.h2 {
  font-family: "surfacemedium", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 15px;
}

.h3 {
  font-family: "surfacemedium", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 5px;
}

.textBlock {
  margin-bottom: 15px;
}

ul.elementeListe,
ul.elementeListe li,
ul.elementeListe li li,
ul.noListStyle,
ul.noListStyle li,
ul.noListStyle li li,
ul.ui-sortable,
ul.ui-sortable li,
ul.ui-sortable li li {
  list-style: none !important;
}

ul.noListStyle {
  margin-left: 0;
}

.noListStyle li {
  padding: 3px 3px;
}

table.striped {
  width: 100%;
  background: #ddd;
  margin-top: 15px;
}
table.striped th, table.striped td {
  padding: 2px 4px;
}
table.striped thead tr th, table.striped thead tr td {
  text-align: left;
  font-weight: bold;
}
table.striped tbody tr:nth-child(2n+1) td {
  background: #F8F7F7;
}
table.striped tbody tr td {
  background: #efefef;
}

.box {
  border: 1px solid #ddd;
}
.box .boxHeader {
  background: #FFFFFF;
  padding: 8px;
}
.box .boxBody {
  background: #FFFFFF;
  padding: 8px;
}

.btn {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  background-color: #FFF;
  background-position: 5px 50%;
  background-repeat: no-repeat;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 2px solid #5c5c5c;
  border-bottom: 2px solid #5c5c5c;
  padding: 5px 10px 4px;
  overflow: visible;
  display: inline-block;
  cursor: pointer;
}
.btn:hover {
  text-decoration: none;
}
.btn.btn-naked {
  background-color: transparent;
}
.btn > span {
  vertical-align: 6px;
}
.btn > span.btnText {
  vertical-align: 4px;
}
.btn i {
  height: 20px;
  width: 20px;
  display: inline-block;
}
.btn i + span {
  padding-left: 5px;
}
.btn.btn-inactive {
  opacity: 0.4;
}
.btn.btn-inactive:hover {
  opacity: 1;
}

.btn-no-text span {
  display: none;
}
.btn-no-text i + span {
  padding-left: 0px;
}

.btnNoText {
  cursor: pointer;
  border: 1px solid #9d9d9d;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 !important;
  display: inline-block;
}
.btnNoText span {
  display: none !important;
}
.btnNoText i {
  height: 30px !important;
  width: 30px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
}
.btnNoText i + span {
  padding-left: 0px !important;
}

.btn-naked {
  color: #164469;
  border: none;
  padding: 0;
}
.btn-naked:hover > span {
  text-decoration: underline;
}

.btn.kunden-liste i {
  width: 22px;
}

.btnSort {
  cursor: n-resize;
}

.icon-add-circle i {
  background-image: url(svg/add-circle.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-administrator i {
  background-image: url(svg/administrator.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-administrator-add i {
  background-image: url(svg/administrator-add.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-aktion i {
  background-image: url(svg/aktion.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-akontiert i {
  background-image: url(svg/akontiert.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-archive-to i {
  background-image: url(svg/archive-to.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-archive-from i {
  background-image: url(svg/archive-from.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-artikel i {
  background-image: url(svg/artikel.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-arrow-up i {
  background-image: url(svg/arrow-up.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-arrow-down i {
  background-image: url(svg/arrow-down.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-arrow-up-down i {
  background-image: url(svg/arrow-up-down.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-arrow-blue-left i {
  background-image: url(svg/arrow-blue-left.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-arrow-green-right i {
  background-image: url(svg/arrow-green-right.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-avatar i {
  background-image: url(svg/avatar.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-basisfelder i {
  background-image: url(svg/basisfelder.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-btn-pause i {
  background-image: url(svg/btn-pause.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-btn-play i {
  background-image: url(svg/btn-play.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-btn-stop i {
  background-image: url(svg/btn-stop.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-btn-time i {
  background-image: url(svg/btn-time.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-codierung i {
  background-image: url(svg/codierung.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-customer-search i {
  background-image: url(svg/customer-search.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-desktop i {
  background-image: url(svg/desktop.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-delete i {
  background-image: url(svg/delete.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-duplicate i {
  background-image: url(svg/duplicate.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-excel i {
  background-image: url(svg/excel.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-export-schema i {
  background-image: url(svg/export-schema.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-ext-codierung i {
  background-image: url(svg/ext-codierung.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-formular i {
  background-image: url(svg/formular.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-home i {
  background-image: url(svg/home.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-inspect i {
  background-image: url(svg/inspect.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-kunde i {
  background-image: url(svg/kunde.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-kunde-add i {
  background-image: url(svg/kunde-add.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-kunde-add-colored i {
  background-image: url(svg/kunde-add-colored.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-kundenliste i {
  background-image: url(svg/kundenliste.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-liste i {
  background-image: url(svg/liste.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-mail-icon i {
  background-image: url(svg/mail-icon.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-login-status i {
  background-image: url(svg/login-status.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-provider i {
  background-image: url(svg/provider.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-provision i {
  background-image: url(svg/provision.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-qc-abgleich i {
  background-image: url(svg/qc-abgleich.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-rechte i {
  background-image: url(svg/rechte.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-save i {
  background-image: url(svg/save.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-save-disabled i {
  background-image: url(svg/save-disabled.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-schema i {
  background-image: url(svg/schema.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-settings i {
  background-image: url(svg/settings.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-setting-admin i {
  background-image: url(svg/setting-admin.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-statistic i {
  background-image: url(svg/statistic.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-stornocodierung i {
  background-image: url(svg/stornocodierung.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-superuser i {
  background-image: url(svg/superuser.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-telephone i {
  background-image: url(svg/telephone.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-telephone-disabled i {
  background-image: url(svg/telephone-disabled.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-tools i {
  background-image: url(svg/tools.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-tool-worker i {
  background-image: url(svg/tool-worker.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-untervertreter i {
  background-image: url(svg/untervertreter.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-untervertreter-add i {
  background-image: url(svg/untervertreter-add.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-vertreter i {
  background-image: url(svg/vertreter.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-vertreter-add i {
  background-image: url(svg/vertreter-add.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-voice i {
  background-image: url(svg/voice.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

/*
.navlink.icon-desktop {
	padding: 2px 0;
	i {
		position: relative;
		top: auto;
		left: auto;
		height: 32px;
		width: 32px;
		border: 2px solid $greyC6;
		@include border-radius( 6px 6px 6px 6px );
		background-color: $blauDunkel;
		background-size: 22px;
		background-position: 50% 50%;
	}
	.navText {
		padding-top: 2px;
	}
}
*/
.icon-home:hover i {
  background-image: url(svg/home-over.svg);
}

.icon-arrow-up:hover i {
  background-image: url(svg/arrow-down.svg);
}

.icon-arrow-down:hover i {
  background-image: url(svg/arrow-up.svg);
}

.icon-arrow-up > span,
.icon-arrow-down > span {
  vertical-align: 0;
}
.icon-arrow-up i,
.icon-arrow-down i {
  height: 10px;
  width: 10px;
}

.icon-mail-icon {
  width: 23px;
  height: 23px;
  display: inline-block;
}
.icon-mail-icon i {
  font-size: 12px !important;
  text-align: center;
  line-height: 20px;
  color: #fff;
  width: 23px;
  height: 23px;
  display: inline-block;
}

/*
.icon-liste:hover i {
	background-image: url(svg/liste-hover.svg);
}
*/
.icon-login-status:hover i {
  background-image: url(svg/login-status-hover.svg);
}

.text-icon-administrator {
  background-color: transparent;
  background-position: 0 50%;
  background-image: url(svg/administrator.svg);
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 20px;
  /*
  background-position: 50% 50%;
  */
}

.text-icon-superuser {
  background-color: transparent;
  background-position: 0 50%;
  background-image: url(svg/superuser.svg);
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 20px;
  /*
  background-position: 50% 50%;
  */
}

.text-icon-untervertreter {
  background-color: transparent;
  background-position: 0 50%;
  background-image: url(svg/untervertreter.svg);
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 20px;
  /*
  background-position: 50% 50%;
  */
}

.text-icon-vertreter {
  background-color: transparent;
  background-position: 0 50%;
  background-image: url(svg/vertreter.svg);
  background-size: contain;
  background-repeat: no-repeat;
  padding-left: 20px;
  /*
  background-position: 50% 50%;
  */
}

input.inputSVG[type="checkbox"],
input.inputSVG[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

input.inputSVG[type="radio"] + span,
input.inputSVG[type="checkbox"] + span {
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  height: 22px;
  width: 14px;
}

input.inputSVG[type="checkbox"] + span {
  background-image: url(svg/checkbox.svg);
}

input.inputSVG[type="checkbox"]:checked + span {
  background-image: url(svg/checkbox-checked.svg);
}

input.inputSVG[type="radio"] + span {
  background-image: url(svg/radio.svg);
}

input.inputSVG[type="radio"]:checked + span {
  background-image: url(svg/radio-checked.svg);
}

.svgLabel {
  padding: 0;
  width: auto;
  float: none;
}

.radioLabel {
  text-align: initial !important;
  display: block;
}
.radioLabel span {
  margin-right: 5px;
  vertical-align: -7px;
  display: inline-block !important;
}

.statusIcon {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  display: inline-block;
}
.statusIcon.red {
  background: #DA0010;
}
.statusIcon.green {
  background: #00b030;
}

.inputFieldZahl2stellig {
  text-align: center;
  width: 25px;
}

.select2-container.error .select2-choice {
  border-color: red;
}

.error {
  color: red;
}

.rowCheckField {
  width: auto;
  padding: 0;
}

.labelCheckField label {
  width: auto;
  text-align: left;
}

.selectFeld {
  width: 280px;
  margin-top: -4px !important;
  margin-bottom: 5px !important;
}

.field .selectFeld {
  margin-top: -4px !important;
  margin-bottom: 0px !important;
}

.actionBar .selectFeld {
  width: 100%;
  max-width: 250px;
  margin-bottom: 5px !important;
}
.actionBar .selectFeld option {
  white-space: nowrap;
}

.rowHasAddButton .field {
  width: 680px;
}
.rowHasAddButton .selectFeld {
  margin-top: -10px !important;
}
.rowHasAddButton .btn-naked {
  margin-top: -3px;
}

.adresscheckContentainer .infoText,
.importLogText .infoText {
  font-weight: bold;
  color: #0060b9;
}
.adresscheckContentainer .oldValueText,
.importLogText .oldValueText {
  color: #0060b9;
}
.adresscheckContentainer .oadTextLabel,
.importLogText .oadTextLabel {
  width: 115px;
  display: inline-block;
}

.adresscheckContentainer {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f6f6f6;
  padding: 10px 10px 10px 146px;
}

.importProductSubContainer {
  padding-left: 20px;
  display: none;
}
.importProductSubContainer.showContainer {
  display: block;
}

.importArtikelZusatzContainer {
  padding-left: 20px;
  display: none;
}
.importArtikelZusatzContainer.showContainer {
  display: block;
}

.importAzOptParentContainer {
  padding-left: 20px;
  display: none;
}
.importAzOptParentContainer.showContainer {
  display: block;
}

.importAzOptChildContainer {
  padding-left: 20px;
  display: none;
}
.importAzOptChildContainer.showContainer {
  display: block;
}

.audioLink {
  margin-right: 4px;
}

.audioIcon {
  vertical-align: -5px;
  margin-top: 3px;
  margin-right: 4px;
  margin-bottom: 2px;
  display: inline-block;
}

.inputfieldContainer {
  display: inline-block;
  margin-left: 12px;
}
.inputfieldContainer .labelInputfeld {
  margin-right: 5px;
  margin-left: 4px;
  display: inline-block;
}

.inputFieldPlatzhalter {
  width: 230px;
  margin: 0 4px;
}

.formText {
  padding-top: 3px;
}

.productHistoryList {
  *zoom: 1;
}
.productHistoryList:after {
  content: "";
  display: table;
  clear: both;
}
.productHistoryList li {
  margin-bottom: 10px;
}

fieldset#searchForm #fieldsetToggle,
fieldset#searchForm .fieldSetToggleContent,
fieldset.toggleFieldsetContainer #fieldsetToggle,
fieldset.toggleFieldsetContainer .fieldSetToggleContent {
  width: 60%;
}

fieldset#searchForm .ba-row,
fieldset.toggleFieldsetContainer .ba-row,
.abSubmitContainer .ba-row,
.lockContainer .ba-row,
.actionBarElement .ba-row,
.webForm .ba-row {
  margin-bottom: 4px;
}
fieldset#searchForm .ba-col label,
fieldset.toggleFieldsetContainer .ba-col label,
.abSubmitContainer .ba-col label,
.lockContainer .ba-col label,
.actionBarElement .ba-col label,
.webForm .ba-col label {
  width: auto;
  padding-right: 0;
  float: none;
}
fieldset#searchForm .ba-col .label,
fieldset.toggleFieldsetContainer .ba-col .label,
.abSubmitContainer .ba-col .label,
.lockContainer .ba-col .label,
.actionBarElement .ba-col .label,
.webForm .ba-col .label {
  padding-top: 8px;
}
fieldset#searchForm .ba-col .svgLabel,
fieldset.toggleFieldsetContainer .ba-col .svgLabel,
.abSubmitContainer .ba-col .svgLabel,
.lockContainer .ba-col .svgLabel,
.actionBarElement .ba-col .svgLabel,
.webForm .ba-col .svgLabel {
  margin-right: 2px;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}
fieldset#searchForm .ba-col .svgLabelText,
fieldset.toggleFieldsetContainer .ba-col .svgLabelText,
.abSubmitContainer .ba-col .svgLabelText,
.lockContainer .ba-col .svgLabelText,
.actionBarElement .ba-col .svgLabelText,
.webForm .ba-col .svgLabelText {
  display: inline-block;
}
fieldset#searchForm .ba-col .select2-container,
fieldset.toggleFieldsetContainer .ba-col .select2-container,
.abSubmitContainer .ba-col .select2-container,
.lockContainer .ba-col .select2-container,
.actionBarElement .ba-col .select2-container,
.webForm .ba-col .select2-container {
  margin-top: 0 !important;
  margin-right: 3px;
  vertical-align: -8px;
}
fieldset#searchForm .ba-col .selectFeld,
fieldset.toggleFieldsetContainer .ba-col .selectFeld,
.abSubmitContainer .ba-col .selectFeld,
.lockContainer .ba-col .selectFeld,
.actionBarElement .ba-col .selectFeld,
.webForm .ba-col .selectFeld {
  margin-top: 0 !important;
  margin-bottom: 0px !important;
}
fieldset#searchForm .ba-col .inputField, fieldset#searchForm .ba-col .inputWeb,
fieldset.toggleFieldsetContainer .ba-col .inputField,
fieldset.toggleFieldsetContainer .ba-col .inputWeb,
.abSubmitContainer .ba-col .inputField,
.abSubmitContainer .ba-col .inputWeb,
.lockContainer .ba-col .inputField,
.lockContainer .ba-col .inputWeb,
.actionBarElement .ba-col .inputField,
.actionBarElement .ba-col .inputWeb,
.webForm .ba-col .inputField,
.webForm .ba-col .inputWeb {
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #111111;
  height: auto;
  margin: 0 3px 0 0;
  padding: 6px 5px 6px 7px;
  vertical-align: 1px;
}

.svgContainer.field {
  width: auto;
}
.svgContainer label {
  width: auto;
  padding-right: 0;
  float: none;
}
.svgContainer .label {
  padding-top: 8px;
}
.svgContainer .svgLabel {
  margin-right: 2px;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}
.svgContainer .svgLabelText {
  display: inline-block;
}
.svgContainer .select2-container {
  margin-top: 0 !important;
  margin-right: 3px;
  vertical-align: -8px;
}
.svgContainer .selectFeld {
  margin-top: 0 !important;
  margin-bottom: 0px !important;
}
.svgContainer .inputField, .svgContainer .inputWeb {
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #111111;
  height: auto;
  margin: 0 3px 0 0;
  padding: 6px 5px 6px 7px;
  vertical-align: 1px;
}

.actionBarContainer .svgLabel {
  margin-right: 2px;
  margin-left: 5px;
  vertical-align: top;
  display: inline-block;
}
.actionBarContainer .svgLabelText {
  display: inline-block;
}

.abSubmitContainer .ba-col .inputField, .abSubmitContainer .ba-col .inputWeb,
.lockContainer .ba-col .inputField,
.lockContainer .ba-col .inputWeb,
.actionBarElement .ba-col .inputField,
.actionBarElement .ba-col .inputWeb {
  width: 100%;
}
.abSubmitContainer .ba-col label,
.lockContainer .ba-col label,
.actionBarElement .ba-col label {
  display: block;
}
.abSubmitContainer .ba-col .svgLabel,
.lockContainer .ba-col .svgLabel,
.actionBarElement .ba-col .svgLabel {
  margin-top: 4px;
}

.actionBarElement .ba-col .svgLabel {
  margin-left: 0 !important;
}

/* fieldset .statusInactive .labelCheckField label {
  color: #9d9d9d !important;
} */

.fileExistContainer {
  border: 1px solid #0060b9;
  background: #C4E4FF;
  padding: 5px;
  margin-bottom: 5px;
}

.mainNavLayer {
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #F8F7F7;
  background: #efefef;
  *zoom: 1;
}
.mainNavLayer:after {
  content: "";
  display: table;
  clear: both;
}

.mainNavContainer {
  position: relative;
}
.mainNavContainer .col {
  margin-left: 0;
}

/*
	.kompaktModus {
		.navlink {
			height: 30px;
			width: 40px;
		}
		.navText {
			display: none;
		}
		.navBtn {
			border-color: $blauDunkel;
			&.group-1 {
				border-color: $blau;
			}
			&.group-2 {
				border-color: $gruen;
			}
			&.group-3 {
				border-color: $greyC4;
			}
			&.group-4 {
				border-color: $yellow;
			}
			&.group-5 {
				border-color: $rot;
			}
		}
		.navBtn.noText .navlink {
			height: 40px;
			width: 40px;
			padding: 0;
		}
		.navBtn.noText .navlink i {
			height: 40px;
			width: 40px;
		}
		.childNavList {
			top: 42px;
			left: -4px;
			width: 152px;
			padding: 0;
			&.cnlCol-1 {
				width: 55px;
				padding: 4px;
			}
			&.cnlCol-2 {
				width: 105px;
				padding: 4px;
			}
			&.cnlCol-3 {
				width: 154px;
				padding: 4px;
			}
			&.cnlCol-4 {
				width: 204px;
				padding: 4px;
			}
		}
		.nachrichtenLink {
			top: 0px;
			right: auto;
			left: -30px;
		}
	}
*/
.rightAction .mainNav {
  float: right;
  *zoom: 1;
}
.rightAction .mainNav:after {
  content: "";
  display: table;
  clear: both;
}

.mainNavListe {
  list-style: none;
  margin-left: 0;
  *zoom: 1;
  display: inline-block;
}
.mainNavListe:after {
  content: "";
  display: table;
  clear: both;
}

.navBtn {
  position: relative;
  list-style: none;
  border-right: 1px solid #fff;
  border-left: 1px solid #ddd;
  margin-right: 0px;
  float: left;
}
.navBtn:hover {
  text-decoration: none;
}
.navBtn:hover > .childNavList {
  display: block;
}
.navBtn.lastEl {
  margin-right: 0;
}
.navBtn .navlink:hover {
  border: none;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #0060b9;
}
.navBtn.group-1 > .navlink:hover {
  border-bottom-color: #008cff;
}
.navBtn.group-2 > .navlink:hover {
  border-bottom-color: #00b030;
}
.navBtn.group-3 > .navlink:hover {
  border-bottom-color: #666666;
}
.navBtn.group-4 > .navlink:hover {
  border-bottom-color: #ff8600;
}
.navBtn.group-5 > .navlink:hover {
  border-bottom-color: #DA0010;
}
.navBtn.group-6 > .navlink:hover {
  border-bottom-color: #9d9d9d;
}

.mainAction .mainNavListe {
  list-style: none;
  margin-left: 0;
  *zoom: 1;
  display: inline-block;
}
.mainAction .mainNavListe:after {
  content: "";
  display: table;
  clear: both;
}
.mainAction .mainNavListe .navBtn > .navlink i {
  top: 3px;
  left: 28px;
  width: 30px;
  height: 30px;
  background-size: 24px;
  background-position: 50% 3px;
  background-color: #0060b9;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.mainAction .mainNavListe .navBtn.group-1 > .navlink i {
  background-color: #008cff;
}
.mainAction .mainNavListe .navBtn.group-2 > .navlink i {
  background-color: #00b030;
}
.mainAction .mainNavListe .navBtn.group-3 > .navlink i {
  background-color: #666666;
}
.mainAction .mainNavListe .navBtn.group-4 > .navlink i {
  background-color: #ff8600;
}
.mainAction .mainNavListe .navBtn.group-5 > .navlink i {
  background-color: #DA0010;
}
.mainAction .mainNavListe .navBtn.group-6 > .navlink i {
  background-color: #9d9d9d;
}

.navlink {
  position: relative;
  width: 85px;
  height: 72px;
  /*
  $button-background-color-light: #d9d9d9 !default;
  $button-background-color-dark: #bababa !default;
  */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0px;
  overflow: hidden;
  display: block;
}
.navlink:hover {
  text-decoration: none;
  background-color: #F8F7F7;
}
.navlink i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 28px;
  background-position: 50% 3px;
  margin: 0 auto;
  display: block;
  z-index: 9;
}

.navBtn.noText .navlink.icon-avatar i {
  height: 72px;
  width: 85px;
  background-position: 50% 50%;
  background-size: 60px auto;
}

.navText {
  position: relative;
  font-size: 11px;
  text-transform: uppercase;
  color: #666666;
  text-align: center;
  line-height: 15px;
  padding-top: 32px;
  display: block;
  z-index: 10;
}

.navBtn.noText .navlink i {
  width: 58px;
  height: 58px;
}
.navBtn.noText .navText {
  display: none;
}

.nachrichtenLink {
  position: absolute;
  top: 3px;
  right: 3px;
  text-decoration: none;
  color: #FFF;
  height: 28px;
  display: inline-block;
  z-index: 9;
}

.msg {
  font-size: 11px;
  line-height: 11px;
  padding: 4px 8px;
  background: #DA364A;
  border: 1px solid #ddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
}
.msg:hover {
  background: #B40015;
}

.childNavList {
  position: absolute;
  top: 72px;
  left: -2px;
  background: #F8F7F7;
  -moz-box-shadow: #9d9d9d 0px 3px 20px;
  -webkit-box-shadow: #9d9d9d 0px 3px 20px;
  box-shadow: #9d9d9d 0px 3px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: none;
  display: none;
  z-index: 95;
}
.childNavList .childNavList {
  position: absolute;
  top: -1px;
  left: 1px;
}
.childNavList.cnlCol-1 {
  left: -22px;
  width: 132px;
}
.childNavList.cnlCol-1 > .mainNavListe {
  margin-right: -6px;
}
.childNavList.cnlCol-2 {
  width: 188px;
}
.childNavList.cnlCol-2 > .mainNavListe {
  margin-right: -6px;
}
.childNavList.cnlCol-3 {
  left: -109px;
  width: 304px;
}
.childNavList.cnlCol-3 > .mainNavListe {
  margin-right: -6px;
}
.childNavList.cnlCol-9 {
  left: -370px;
  width: 826px;
}
.childNavList.cnlCol-9 > .mainNavListe {
  margin-right: -6px;
}
.childNavList.cnlCol-4 {
  width: 356px;
}
.childNavList.cnlCol-4 > .mainNavListe {
  margin-right: -6px;
}

.hasChildNavList > .navlink {
  background-image: url("../images/icons/down.gif");
  background-repeat: no-repeat;
  background-position: 4px 4px;
}

.hasChildNavList:hover > .navlink {
  background-image: url("../images/icons/down_green.gif");
}

.childNavListContainer {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
}

.childNavList .hasChildNavList > .navlink {
  background-image: url("../images/icons/down.gif");
  background-repeat: no-repeat;
  background-position: 4px 4px;
}
.childNavList .hasChildNavList:hover > .navlink {
  background-image: url("../images/icons/down_green.gif");
}
.childNavList .navBtn {
  float: none;
  display: block;
}
.childNavList .navBtn:hover > .childNavListContainer .childNavList {
  display: block;
}
.childNavList .navlink {
  height: auto;
  width: auto;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #FFF;
  padding: 8px 22px 7px 58px;
}
.childNavList .navlink:hover {
  background-color: #FFF;
}
.childNavList .navlink i {
  left: 16px !important;
  top: 4px !important;
}
.childNavList .navText {
  text-align: left;
  line-height: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  white-space: nowrap;
}

.toolTabContainer {
  position: absolute;
  top: 144px;
  left: 0;
  width: 100%;
}

.toolTabListe {
  float: right;
  margin: 0;
  list-style: none;
}

.toolTabElement {
  margin-left: 6px;
  float: left;
  list-style: none;
}
.toolTabElement .infoText {
  font-size: 11px;
  text-align: center;
  line-height: inherit;
  cursor: pointer;
  color: #ffffff;
  min-width: 12px;
  padding: 4px 8px;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px;
  border-radius: 0px 0px 5px 5px;
  border-top: none;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  display: inline-block;
}
.toolTabElement .infoText:hover {
  text-decoration: none;
}
.toolTabElement .infoText .infoToolTip {
  top: 28px;
  left: 0;
  text-align: left;
  color: #111111;
  width: 200px;
  -moz-box-shadow: #9d9d9d 0px 14px 20px;
  -webkit-box-shadow: #9d9d9d 0px 14px 20px;
  box-shadow: #9d9d9d 0px 14px 20px;
  z-index: 100;
}
.toolTabElement .wiedervorlage {
  background: #008cff;
}
.toolTabElement .wiedervorlage:hover {
  background: #0060b9;
}
.toolTabElement .bouncer {
  background: #3165BE;
}
.toolTabElement .bouncer:hover {
  background: #008cff;
}
.toolTabElement .nachricht {
  background: #DA364A;
}
.toolTabElement .nachricht:hover {
  background: #B40015;
}

.btnToolTab {
  position: relative;
  color: #9d9d9d;
  border-top: none;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #FFF;
  -moz-border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px;
  border-radius: 0px 0px 4px 4px;
  padding: 3px 10px;
  z-index: 2;
}
.btnToolTab:hover {
  cursor: pointer;
}
.btnToolTab.tcVisible {
  color: #111111;
  padding-top: 6px;
  padding-bottom: 4px;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #0060b9;
  z-index: 3;
}

.toolContainer {
  position: absolute;
  top: 35px;
  right: 0px;
  min-width: 250px;
  max-width: 100%;
  background: transparent;
  -moz-border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px;
  border-radius: 0px 0px 4px 4px;
  -moz-box-shadow: #9d9d9d 0px 14px 20px;
  -webkit-box-shadow: #9d9d9d 0px 14px 20px;
  box-shadow: #9d9d9d 0px 14px 20px;
  z-index: 94;
  display: none;
}
.toolContainer p {
  margin-bottom: 10px;
}

.toolContent {
  border: 1px solid #ddd;
  border-top: none;
  background: #FFFFFF;
  -moz-border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px;
  border-radius: 0px 0px 4px 4px;
  padding: 0px 0px 15px 0px;
}
.toolContent .tcHeadline {
  font-family: "surfacemedium", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  color: #666666;
  background: #efefef;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #F8F7F7;
  padding: 3px 15px 3px 15px;
  margin-bottom: 15px;
}
.toolContent h3,
.toolContent p,
.toolContent pre,
.toolContent .userListe {
  padding: 0px 15px;
}
.toolContent pre {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}

.fixedStage {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 184px;
  left: 0;
  transition: all 1s ease 0s;
  z-index: 88;
}
.fixedStage .fixedContainer {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1600px;
  overflow: hidden;
}
.fixedStage .panel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 40px 0 0;
}

.fixedButtonContainer {
  position: absolute;
  top: 0;
  left: 0;
  padding: 14px 6px 10px 6px;
  cursor: pointer;
  z-index: 100;
  background: #ddd;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px 5px 5px 0px;
}
.fixedButtonContainer .btnNoText {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 5px;
  padding: 3px !important;
  display: block !important;
}
.fixedButtonContainer .infoText {
  margin-top: 2px;
  display: block;
}

.separator {
  width: 100%;
  height: 1px;
  background-color: #9d9d9d;
  margin-top: 10px;
  margin-bottom: 10px;
}

.actionBar {
  margin-bottom: 10px;
  background: #efefef;
  *zoom: 1;
}
.actionBar:after {
  content: "";
  display: table;
  clear: both;
}

.actionBarContainer {
  position: relative;
  min-width: 85px;
  height: 100px;
  border-right: 1px solid #fff;
  border-left: 1px solid #ddd;
  padding-top: 5px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  display: inline-block;
}
.actionBarContainer h2 {
  font-family: "surfacemedium", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 5px;
}
.actionBarContainer .exportSelect {
  margin-left: 0px;
  margin-bottom: 5px;
  display: block;
}
.actionBarContainer .actionBarLink {
  position: absolute;
  left: 15px;
  bottom: 10px;
}
.actionBarContainer.abSubmitContainer {
  float: right;
  height: 105px;
  background: #ddd;
  *zoom: 1;
}
.actionBarContainer.abSubmitContainer:after {
  content: "";
  display: table;
  clear: both;
}
.actionBarContainer.abSubmitContainer.absContainer-2 {
  height: 30px;
  padding-bottom: 16px;
  padding-top: 16px;
}
.actionBarContainer.lockContainer {
  height: 105px;
  width: 125px;
  *zoom: 1;
}
.actionBarContainer.lockContainer:after {
  content: "";
  display: table;
  clear: both;
}

.loginContainer {
  width: 100%;
  max-width: 500px;
  background-color: #FFFFFF;
  background-image: url("../images/logo.jpg");
  background-size: 271px auto;
  background-position: 224px 4px;
  background-repeat: no-repeat;
  border: 1px solid #9d9d9d;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  /* padding: 10px 20px; */
  padding: 10px 20px 28px 20px;
  margin: 0 auto;
  margin-top: 50px;
}

.loginHeadlineContainer {
  padding: 20px 0 0 28px;
  margin-bottom: 36px;
}

.loginFormContainer {
  padding: 0 15px;
}

.loginErrorContainer {
  padding: 30px;
}

.desktopContainer {
  border: 1px solid #9d9d9d;
  padding: 30px;
}

.desktopContentContainer {
  margin-bottom: 20px;
}
.desktopContentContainer + .desktopContentContainer {
  border-top: 1px solid #9d9d9d;
  padding-top: 20px;
}
.desktopContentContainer .marker {
  font-size: 14px;
  color: #FFFF00;
  background: #DA364A;
}
.desktopContentContainer h2 {
  font-family: "surfacemedium", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 24px;
  color: #2F2F2F;
  margin-bottom: 5px;
}
.desktopContentContainer h3 {
  font-family: "surfacemedium", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
  color: #2F2F2F;
  margin-bottom: 0px;
}

.desktopContentContainer p {
  margin-bottom: 15px;
}

.desktopContentContainer ul {
  margin-bottom: 15px;
}

.subArtikelContainer {
  margin-left: 10px;
  margin-bottom: 8px;
}

.subArtikellink {
  height: 15px;
  float: left;
}

.subArtikellink .iconImage {
  margin-left: 0;
  display: block;
}

.artikelHeadlineBox {
  font-family: Arial, Helvetica, sans-serif;
  color: #164469;
  border-bottom: 1px solid #164469;
  padding: 3px 10px;
  margin-bottom: 5px;
}

.artikelHeadlineBox.ahbNoChild {
  border-bottom: none;
  margin-bottom: 0px;
}

.waChildOptionContainer {
  margin-left: 20px;
  display: none;
}

.loadingContent {
  position: relative;
  width: 75px;
  background: #F8F7F7;
  border: 1px solid #9d9d9d;
  padding: 4px 14px;
  margin: 0 auto;
  visibility: hidden;
}

.loadinglistCustomerSummary {
  position: absolute;
  left: 50%;
  width: 75px;
  background: #F8F7F7;
  border: 1px solid #9d9d9d;
  padding: 4px 14px;
  margin: 0 auto;
  visibility: hidden;
  text-align: center;
}

.loadingIcon {
  margin-right: 5px;
  vertical-align: text-bottom;
  display: inline-block;
}

.keinErgebnisContainer {
  background: #C4E4FF;
  border: 1px solid #0060b9;
  padding: 25px;
  margin-top: 20px;
}

.providerFormContainer {
  position: relative;
}

.providerFormLayer {
  position: absolute;
  top: 54px;
  left: 0;
  width: 450px;
  background: #fff;
  border: 1px solid #666666;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  display: none;
  z-index: 99;
}
.providerFormLayer .row {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.providerFormLayer .label {
  width: 25%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 3px;
  float: left;
}
.providerFormLayer .label label {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.providerFormLayer .field {
  width: 75%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.providerFormLayer .field .inputField {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.providerFormLayer .field .rowCheckField .field {
  width: 6%;
}
.providerFormLayer .field .rowCheckField .label {
  width: 94%;
  padding-top: 1px;
}

.providerAvailabeList {
  margin-right: 5px;
  margin-left: 0;
}
.providerAvailabeList .unityIcon {
  background-position: 0px 2px;
  background-size: 24px;
  background-repeat: no-repeat;
  padding: 8px 0 8px 28px;
  list-style: none;
}
.providerAvailabeList .I {
  background-image: url("img/um-av-check-internet.png");
}
.providerAvailabeList .T {
  background-image: url("img/um-av-check-phone.png");
}
.providerAvailabeList .A {
  background-image: url("img/um-av-check-tv.png");
}
.providerAvailabeList .D {
  background-image: url("img/um-av-check-tv.png");
}
.providerAvailabeList .M {
  background-image: url("img/um-av-check-mobile.png");
}

.unityIcon {
  display: inline-block;
}
.unityIcon + .unityIcon {
  border-left: 1px solid #9d9d9d;
  background-position: 4px 2px;
  padding-left: 32px;
  margin-left: 8px;
}

.providerInfoTabledata .minHeight30px {
  min-height: 30px;
}
.providerInfoTabledata .borderBottom {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.providerInfoTabledata .textBlock {
  margin-bottom: 0;
}

.providerFormLayerLink:hover {
  text-decoration: underline;
  cursor: pointer;
}

tr.first:hover td, tr.second:hover td {
  background-color: #ffffcc;
}

.dmContainer {
  position: absolute;
  top: 100px;
  right: 0;
  border: 1px solid #b3b3b3;
  background: #ffffff;
  z-index: 10;
  display: none;
}

.dmHeadline {
  font-size: 16px;
  color: #fff;
  background: #4C4C4C;
  padding: 10px;
}

.dmBodie {
  max-width: 400px;
  padding: 10px;
  overflow: auto;
}

.providerStatusPanel {
  padding-left: 146px;
}

.provStatusContainer {
  font-size: 9px;
  text-align: center;
  background-color: #fa8d7f;
  padding: 5px;
  margin: 5px 0;
  display: inline-block;
}
.provStatusContainer.statusOk {
  background-color: rgba(41, 163, 28, 0.66);
}
.provStatusContainer.statusNoCheck {
  background-color: rgba(181, 181, 181, 0.66);
}
.provStatusContainer + .provStatusContainer {
  margin-left: 4px;
}
.provStatusContainer img {
  margin: 0 auto;
  display: block;
}

.statusPanel {
  padding-left: 146px;
}

.statusContainer {
  background-color: rgba(181, 181, 181, 0.66);
  padding: 5px;
  margin: 5px 0;
  display: inline-block;
}
.statusContainer.statusOk {
  background-color: rgba(41, 163, 28, 0.66);
}
.statusContainer.statusNotOk {
  background-color: #fa8d7f;
}
.statusContainer.statusNoValue {
  background-color: #fadf7f;
}
.statusContainer.statusUnknown {
  background-color: #fabf7f;
}

.statusCol.statusOk {
  background-color: rgba(41, 163, 28, 0.5) !important;
}
.statusCol.statusNotOk {
  background-color: rgba(250, 141, 127, 0.5) !important;
}
.statusCol.statusNoValue {
  background-color: rgba(250, 223, 127, 0.5) !important;
}
.statusCol.statusUnknown {
  background-color: rgba(250, 191, 127, 0.5) !important;
}

.loadingPRS {
  margin: 5px 0;
  margin-right: 5px;
  display: inline-block;
}
.loadingPRS img {
  display: inline-block;
}

.provStatusText {
  margin-bottom: 10px;
  color: #DA0010;
}
.provStatusText.changeArticle {
  color: #111111;
  background-color: #fa8d7f;
  padding: 5px;
}

.moreInfoContainer {
  margin-right: 15px;
  float: left;
}
.moreInfoContainer + .moreInfoContainer {
  border-left: 1px solid #9d9d9d;
  padding-left: 15px;
}
.moreInfoContainer .moreInfoTitle {
  width: 100px;
  margin-right: 5px;
  display: inline-block;
}

.infoText {
  position: relative;
}
.infoText .infoBtn {
  text-align: center;
  width: 15px;
  height: 15px;
  color: #ffffff;
  background-color: #008cff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
  cursor: pointer;
}
.infoText:hover .infoToolTip {
  display: block;
}
.infoText .infoToolTip {
  position: absolute;
  top: 0;
  left: 25px;
  width: 380px;
  font-weight: normal;
  background: #ffffff;
  border: 1px solid #9d9d9d;
  padding: 5px;
  display: none;
}
.infoText.zeStatusInfo {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 4px 4px;
}
.infoText.zeStatus0 .infoBtn {
  background-color: #DA364A;
}
.infoText.zeStatus1 .infoBtn {
  background-color: #DB8941;
}
.infoText.zeStatus2 .infoBtn {
  background-color: #268B1A;
}

.toggleFieldset.toogleStatus {
  border-right: none;
  border-bottom: none;
  border-left: none;
  padding-bottom: 0;
}
.toggleFieldset.toogleStatus .js-toggleFieldsetContent {
  display: none;
}

.fsSimilarCustomer {
  border-bottom: none;
  padding-bottom: 35px;
}

.fsSimilarCustomerArchive {
  margin-top: -17px;
  margin-bottom: 20px;
}

.statusEl {
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  height: 15px;
  width: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
}

.statusGreen {
  color: #ffffff;
  background: #00b030;
}

.statusRed {
  color: #ffffff;
  background: #DA0010;
}

.statusGrey {
  color: #ffffff;
  background: #9d9d9d;
}

.extProd {
  border-left: 1px solid #0060b9 !important;
  border-right: 3px solid #0060b9 !important;
}

.extProdFlag {
  border-right: 3px solid #0060b9 !important;
}

.ui-dialog {
  position: fixed !important;
  top: 0 !important;
  margin-top: 30px;
}

.elementBlock {
  display: block;
}

.elementInlineBlock {
  display: inline-block;
}

.displayNone {
  display: none;
}

.clearAll {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  display: inline;
}

.floatLeft {
  float: left;
}

.isVisible {
  visibility: visible;
}

.isNotVisible {
  visibility: hidden;
}

.borderBottom {
  border-bottom: 1px solid #9d9d9d !important;
  padding-bottom: 2px !important;
  margin-bottom: 3px !important;
}

.noBorder {
  border: none !important;
}

.noBackground {
  background-image: none !important;
  background: none !important;
}

.backgroundWhite {
  background: #ffffff !important;
}

.floatRight {
  float: right;
}

.pad3px {
  padding: 3px;
}

.noMargTop {
  margin-top: 0px !important;
}

.noMargBot {
  margin-bottom: 0px;
}

.margBot5 {
  margin-bottom: 5px !important;
}

.margBot10 {
  margin-bottom: 10px !important;
}

.margBot15 {
  margin-bottom: 15px !important;
}

.margBot20 {
  margin-bottom: 20px !important;
}

.margBot25 {
  margin-bottom: 25px !important;
}

.margBot30 {
  margin-bottom: 30px !important;
}

.noMargLeft {
  margin-left: 0px;
}

.marginLeft25 {
  margin-left: 25px;
}

.marginTop20px {
  margin-top: 20px;
}

span.marginLeft25 {
  display: inline-block;
}

.width10 {
  width: 10%;
}

.width14 {
  width: 14%;
}

.width19 {
  width: 19%;
}

.width25 {
  width: 25%;
}

.width35 {
  width: 35%;
}

.width40 {
  width: 40%;
}

.width85 {
  width: 85%;
}

.width100 {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.width15px {
  width: 15px;
}

.width20px {
  width: 20px;
}

.width50px {
  width: 50px;
}

.width60px {
  width: 60px;
}

.width70px {
  width: 70px;
}

.width80px {
  width: 80px;
}

.width90px {
  width: 90px;
}

.width100px {
  width: 100px;
}

.width160px {
  width: 160px;
}

.width250px {
  width: 250px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.width375px {
  width: 375px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.minHeight30px {
  min-height: 30px;
}

.providerList {
  margin-left: 10px;
}

.providerListElement {
  white-space: normal;
  padding-right: 3px;
}

.loading {
  display: none;
}

.picker__select--month,
.picker__select--year {
  height: auto !important;
}

.picker__nav--prev,
.picker__nav--next {
  top: 0 !important;
}

.picker__button--today,
.picker__button--clear,
.picker__button--close,
.picker__weekday {
  font-size: 1em !important;
}

.picker--opened .picker__frame {
  bottom: auto !important;
  top: 200px !important;
}

.mainAction {
  width: 74.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  float: left;
}

.rightAction {
  width: 23.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  float: left;
}

.logoContainer {
  width: 23.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  float: left;
}

.userInfoContainer {
  width: 74.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  float: left;
}

@media screen and (min-width: 0px) and (max-width: 880px) {
  .pageBody {
    padding-top: 138px;
  }

  .childNavList {
    left: -13px;
  }
  .childNavList .navlink {
    padding: 8px 22px 7px 39px;
  }

  .hasChildNavList > .navlink {
    background-position: 0 0;
  }

  .navlink, .childNavList .navlink {
    height: 38px;
    width: 38px;
  }

  .navText {
    display: none;
  }

  .mainAction .mainNavListe .navBtn > .navlink i {
    left: 4px;
  }

  .navBtn.noText .navlink.icon-avatar i {
    background-size: 32px;
    height: 38px;
    width: 39px;
  }

  .nachrichtenLink {
    top: -12px;
    right: 27px;
  }

  .toolTabContainer {
    top: 110px;
  }

  .childNavList {
    top: 38px;
  }
}
@media screen and (min-width: 0px) and (max-width: 450px) {
  .mainAction {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    float: left;
  }

  .rightAction {
    position: absolute;
    top: -40px;
    right: 0;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    float: left;
  }
  .rightAction .navBtn {
    border-left: none;
    border-right: none;
  }

  .userInfoContainer {
    display: none;
  }
}
/* ========= ├╝bergangsStyles ========== */
.rowOldStyle {
  width: auto;
  padding: 0;
  margin-top: 8px;
}

.row.rowWysiwig {
  width: auto;
}

.row.rowWysiwig .field {
  width: auto;
}