@charset "UTF-8";
/* CSS Document */
/* CSS Document */
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, ul, ol, li, form, p, blockquote, table, th, td, input, textarea, select, option, header, .ui-inputfield {
  font-size: 14px;
}

html, body {
  font-size: 14px;
}
@media screen and (min-width:1280px) {
  html, body {
    font-size: 15px;
  }
}
@media screen and (min-width:1920px) {
  html, body {
    font-size: 16px;
  }
}

body {
  background-color: #F1F3F5;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

select, option {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@font-face {
  font-family: "icon-general";
  src: url("../../static2/font/icon-general.eot");
  src: url("../../static2/font/icon-general.eot?#iefix") format("eot"), url("../../static2/font/icon-general.svg#svgfont") format("svg"), url("../../static2/font/icon-general.woff2") format("woff2"), url("../../static2/font/icon-general.woff") format("woff"), url("../../static2/font/icon-general.ttf") format("truetype"); /* Safari, Android, iOS */
  font-weight: 400;
  font-style: normal;
}
.ui-widget ul.ui-state-hover, .ui-widget ul.ui-state-focus {
  background-color: white;
}

li.ui-autocomplete-input-token {
  background-color: white;
}

ul.ui-autocomplete-multiple-container {
  background: white !important;
}

input[type=submit], input[type=button], button, .btn, .button, .ui-button {
  -webkit-appearance: none;
  display: inline-block;
  font-size: 0.9rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: none;
  margin: 0.25rem;
  background-color: #555;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(0);
  line-height: 1.4;
  cursor: pointer;
  white-space: nowrap;
  color: #FFF;
  font-weight: 600;
  text-decoration: none;
  box-shadow: inset 0 0 0 3px #555, 0 4px 2px 0 rgba(0, 0, 0, 0.1);
}
input[type=submit]:hover, input[type=submit]:focus, input[type=button]:hover, input[type=button]:focus, button:hover, button:focus, .btn:hover, .btn:focus, .button:hover, .button:focus, .ui-button:hover, .ui-button:focus {
  background-color: #fff;
}
input[type=submit]:focus, input[type=submit]:active, input[type=button]:focus, input[type=button]:active, button:focus, button:active, .btn:focus, .btn:active, .button:focus, .button:active, .ui-button:focus, .ui-button:active {
  transform: translateY(2px);
}
input[type=submit].dN, input[type=button].dN, button.dN, .btn.dN, .button.dN, .ui-button.dN {
  display: none;
}

ul, li, ol {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

/*body.pmenu {
  background: url(../image/collactive/collactiveWindow.png) repeat-y left top;
}*/
a {
  text-decoration: underline;
  outline: none;
}

a:hover {
  text-decoration: none;
}

#viewWrapper {
  min-width: 1550px;
  min-height: 100%;
  position: relative;
}

.clear {
  display: block;
  clear: both;
  overflow: auto;
  zoom: 1;
}

.fL {
  float: left;
}

.fR {
  float: right;
}

.dN {
  display: none;
}

.pW {
  white-space: pre-wrap;
  hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}

.txtL {
  text-align: left;
}

.txtR {
  text-align: right;
}

.txtC {
  text-align: center;
}

td.narrow {
  width: 1%;
}

.indicator {
  background: #FF0000;
  border: 2px solid #FFFFFF;
  border-radius: 12px;
  box-shadow: 1px 1px 1px 2px rgba(100, 100, 100, 0.2);
  color: #FFFFFF;
  display: block;
  height: 22px;
  line-height: 18px;
  margin-top: -13px;
  text-align: center;
  width: 22px;
}

table {
  border: none;
  border-collapse: separate;
  width: 100%;
}

table caption {
  text-align: left;
  padding: 0.5em;
  font-weight: bold;
}

thead td, th {
  background: #CCC;
  color: #FFFFFF;
  font-weight: bold;
  vertical-align: top;
  font-weight: bold;
  padding: 6px 10px;
  text-align: left;
  border-right: 1px solid #FFFFFF;
}

thead td:last-child, th:last-child, td:last-child {
  border-right: none;
}

td.label, th.label {
  font-weight: bold;
  text-align: right;
}

table.radioTable, #contentRight table.radioTable {
  margin: 0;
}

table.radioTable td {
  border: none;
}

/*#######################################################
#														#
#	1000 Basics   										#
#														#
#######################################################*/
/*#######################################################
#														#
#	1010 Meldungen										#
#														#
#######################################################*/
ul.msgBox {
  margin: -1px auto 1em auto;
  width: 99%;
  padding: 0;
  list-style: none;
  text-align: left;
}

ul.msgBox li {
  margin: 0;
  padding: 9px 4px 9px 32px;
  border: 1px solid #999999;
}

li.infoMsg {
  background: #FFFDF6 url(../image/info-icon.png) 4px center no-repeat;
  border-color: #FFEAAE;
}

li.errorMsg {
  background: #ffe5e5 url(../image/error-icon.png) 4px center no-repeat;
  border-color: #EAB7B7;
}

li.fatalMsg {
  background: #ffe5e5 url(../image/error-icon.png) 4px center no-repeat;
  border-color: #EAB7B7;
  color: #FF0000;
}

/*#######################################################
#														#
#	1020 Login/Error404									#
#														#
#######################################################*/
div#content_window_login {
  width: 375px;
  margin: 65px auto 100px;
  box-shadow: 0 1px 3px rgba(0, 51, 102, 0.4);
  border-radius: 5px 5px 5px 5px;
  border: solid 1px #CCC;
  border-top: none;
  background-color: #FFF;
}

div#content_window_login h2 {
  background: #FFFDF6 url(../image/info-icon.png) 4px center no-repeat;
  border: 1px solid #FFEAAE;
  padding: 1em 1em 1em 48px;
  margin: 0;
  border-radius: 5px 5px 0 0;
}

div#content_window_login h3, div#content_window_error404 h3 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  padding: 8px;
  text-align: left;
}

div#content_window_login form {
  padding-top: 1em;
}

#content_window_login p {
  margin: 0;
  padding: 6px 30px;
}

div#content_window_login label {
  display: block;
  float: left;
  text-align: left;
  width: 100px;
}

div#content_window_login input {
  width: 175px;
}

div#content_window_login input[type=submit] {
  margin: 0;
}

div#content_window_login ul.loginList {
  list-style: none;
  display: flex;
  justify-content: space-around;
  padding: 0.5rem 1rem;
}
div#content_window_login ul.loginList input[type=radio] {
  width: 1.5rem;
  height: 1.5rem;
}

/*#######################################################
#														                            #
#	1030 Errorpage    									                  #
#														                            #
#######################################################*/
div.error404.message {
  width: 400px;
  margin: 65px auto 100px;
  padding: 0 0 1em 0;
  box-shadow: 0 1px 3px rgba(0, 51, 102, 0.4);
  border-radius: 5px 5px 5px 5px;
  border: solid 1px #CCC;
  border-top: none;
}

div.error404.message h3 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  padding: 8px;
  text-align: left;
}

div.error404.message h4 {
  margin: 1em 0;
  padding: 6px 30px;
  font-size: 16px;
  font-weight: normal;
}

div.error404.message p {
  margin: 0;
  padding: 6px 30px;
}

/*#######################################################
#														#
#	1040 MaschineInfo         							#
#														#
#######################################################*/
#maschineInfo div.clear {
  float: none;
  width: 100%;
  height: 1px;
}

/*#######################################################
#														#
#	2000 Header											#
#														#
#######################################################*/
#header {
  width: 100%;
  height: 50px;
  white-space: nowrap;
  overflow: visible;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}

#header a#logo {
  margin: 0;
  border: none;
  float: left;
  line-height: 1;
}

#header #logo img {
  width: 260px;
  height: 50px;
  border: none;
  /*background-image: url(../image/layout/logo.png);
  background-repeat: no-repeat;
  background-position: center center;*/
  float: left;
}

/*#header .search {width:225px; float:right; background-image: url(../image/layout/search.png); background-repeat: no-repeat; height: 26px; padding:0; margin: 12px 0 0 0;}*/
#header .search {
  max-width: 225px;
  float: right;
  height: 50px;
  display: flex;
  align-items: stretch;
}

#header .search .input_wrap {
  background: transparent;
  background-color: #fff;
  border: solid 1px #BEBEBE;
  border-radius: 0.75rem;
  box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.3);
  padding: 0.25rem 0.75rem;
  margin: 0.5rem;
  line-height: 1;
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
}

#header .search .input_wrap:before {
  content: " ";
  margin-right: 0.5rem;
  display: block;
  background-image: url("../image/icons/search.gif");
  background-repeat: no-repeat;
  background-position: center center;
  width: 1rem;
  height: 1rem;
}

#header .search input {
  padding: 0;
  margin: 0;
  line-height: 1.4;
  box-shadow: none;
  border: 0;
  outline: 0;
  width: 100%;
  border-radius: 0;
}

#header form {
  display: inline;
}

/*#header .search input { margin: 5px 0px 0 30px; padding: 0; width:185px; border:none;background-color:#FFFFFF; background:transparent; outline:none;}*/
#header .extra {
  float: right;
  list-style: none;
  margin: 5px 10px 0 0;
}

#header .extra li {
  float: left;
  margin-left: 10px;
}

#header .extra li.legal {
  margin-left: 0;
}

#header .extra li.role {
  margin-left: 4px;
}

#header .extra li.legal a {
  margin-left: 10px;
}

/*#######################################################
#														#
#	2010 Navigation										#
#														#
#######################################################*/
#Navigation li {
  list-style: none;
  float: left;
  position: relative;
}

#Navigation li:hover {
  background-position: left top;
  background-repeat: repeat-x;
}

#Navigation a, #Navigation span {
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 7px 13px;
  padding-bottom: 7px;
  float: left; /*font-size:13px;*/
  cursor: pointer;
}

#Navigation li li span {
  cursor: default;
}

#Navigation li a:hover {
  background-position: center center;
  background-repeat: repeat-x;
}

#Navigation li ul {
  position: absolute;
  top: 1.8em;
  left: 0em;
  clear: both;
  border-left: 2px solid;
  margin: 6px 0 0 -1px;
  width: 215px;
  padding: 0;
  z-index: 1000;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

#Navigation li ul li:hover {
  background-color: transparent;
}

#Navigation li ul li.title {
  background-color: transparent;
}

#Navigation ul a:hover {
  text-decoration: underline;
}

#Navigation li.home a {
  padding: 0 13px;
}

#Navigation li.home a img {
  background-image: url(../image/home.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

#Navigation li ul li a, ul#Navigation li ul li span {
  line-height: 250%;
  padding: 0 5%;
  width: 100%;
}

#Navigation li li a {
  text-transform: none;
}

#Navigation li a,
#Navigation li span {
  line-height: 50px;
  padding: 0 1.2em;
}

#Navigation li a {
  padding: 0 15px;
}

#Navigation li span:after {
  margin-left: 0.3em;
  content: "▾";
  font-size: 16px;
  line-height: 1;
  top: 0.5rem;
}

#Navigation li li span:after {
  position: absolute;
  right: 0.5rem;
}

#Navigation li li span:after {
  border: none;
}

#Navigation li li span {
  line-height: normal;
}

#Navigation li li span:hover {
  background: transparent;
}

#Navigation li ul {
  top: 50px;
  margin: 0;
  padding: 0;
  width: 225px;
  border: none;
  display: none;
}

#Navigation li:hover ul {
  display: block;
}

#Navigation li ul li {
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
  height: auto;
  background: transparent;
  border-top: 1px solid #FFFFFF;
}

#Navigation li ul li a:hover {
  text-decoration: underline;
  background: transparent;
}

ul#Navigation li ul li.title span {
  text-transform: none;
}

/*###################################################################
#																	#
#	2020 Benutzermenü												#
#																	#
###################################################################*/
#userProfil {
  float: right;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 50px;
  margin: 0 1rem;
}
#userProfil > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#userProfil > a:before {
  font-family: "jquery-ui", sans-serif;
  content: "\e6d0";
  margin-right: 0.3rem;
  font-size: 1rem;
}
#userProfil > a:after {
  content: "▾";
  margin-left: 0.3rem;
}

#persMenu .person a:before {
  font-family: "jquery-ui", sans-serif;
  content: "\e6d0";
  margin-right: 0.5rem;
  font-size: 1rem;
  float: left;
}
#persMenu .logout a:before {
  font-family: "jquery-ui", sans-serif;
  content: "\e6ef";
  margin-right: 0.5rem;
  font-size: 1rem;
  float: left;
}

#settings {
  float: right;
  font-size: 12px;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  font-weight: bold;
  background: url(../image/layout/settingsMenu.png) no-repeat left center;
  line-height: 50px;
  margin: 0 15px 0 0;
  padding-left: 22px;
}

#userProfil, #settings {
  float: right;
  line-height: 50px;
  position: relative;
}

#userProfil a, #settings a {
  display: inline-block;
  height: 100%;
  text-decoration: none;
}

/*#userProfil a {background-image:url(../image/layout/userProfil.png); background-repeat: no-repeat; background-position:5px center; padding-left:26px;}*/
/*
#userProfil a:after, #settings a:after {margin:0; content: "▾"; font-family: 'entypo',sans-serif;}
#userProfil a:before {content: "\1F464"; font-family: 'entypo',sans-serif; margin:0 0.5em 0 0;}
*/
#persMenu, #settingsMenu {
  display: none;
  position: absolute;
  right: 0.5rem;
  top: 50px;
  width: 200px;
  z-index: 10;
  border-radius: 0px 0px 5px 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background: #FFF;
}

/*
#persMenu .person:before {content: "\E722"; font-family: 'entypo',sans-serif; margin:0 1em 0 0;}
#persMenu .logout:before {content: "\E741"; font-family: 'entypo',sans-serif; margin:0 1em 0 0;}
*/
#persMenu table, #settingsMenu table {
  margin: 0 0 10px 10px;
}

#persMenu td, #settingsMenu td {
  padding: 3px 0;
  text-align: left;
}

#persMenu td.label, #settingsMenu td.label {
  width: 50px;
  font-weight: bold;
  vertical-align: top;
}

#persMenu ul, #settingsMenu ul {
  list-style: none;
  text-align: left;
  margin: 10px;
  padding: 0;
}

#persMenu li, #settingsMenu li {
  margin: 0 0 6px 0;
}

#userProfil a:hover, #persMenu a:hover, #settings a:hover, #settingsMenu a:hover {
  border: none;
}

/*###################################################################
#																	                                  #
#	1020 breadcrumb													                          #
#																	                                  #
###################################################################*/
.breadcrumb {
  margin: 0.75rem 0;
  padding: 0 0.5em;
  line-height: 200%;
  font-size: 0.9rem;
  color: #000;
  background-color: #fff;
  font-weight: bold;
  border-top: solid 1px #7E7E7E;
  border-bottom: solid 1px #7E7E7E;
}
.breadcrumb .ui-icon {
  margin: 0.25rem;
}

/*#######################################################
#														                            #
#	5000 Formularelement								                  #
#														                            #
#######################################################*/
tr.error td {
  background-color: #ffbfbf;
}

form table input, form table select, form table textarea {
  width: 100%;
  outline: none;
  font-size: 100%;
  background-color: #fff;
}

form table select option {
  padding: initial;
}

/* Contract Choose Field */
.chooseContract input, .chooseContract select {
  border: solid 1px #E2E3EA;
  border-top: solid 1px #ABADB3;
}

form table input[type=checkbox], form table input[type=radio] {
  width: auto;
}

td label {
  font-weight: bold;
  margin-right: 10px;
}

td > span.ui-autocomplete {
  width: 100%;
}

input.date,
input.datepicker,
input.datetime,
input.datetimepicker,
.p-datepicker input.ui-inputfield {
  font-variant-numeric: tabular-nums;
}

input.date, input.datepicker, input.datepicker, input.datetime, input.datetimepicker, input.ui-inputfield, .ui-widget-content input.ui-inputfield {
  background: url("../image/layout/input-calender.png") no-repeat scroll right center #FFFFFF;
}

input.date, input.datepicker {
  width: 7.5rem;
}

input.datetime, input.datetimepicker {
  width: 10.5rem;
}

span.p-datepicker input.ui-inputfield {
  width: 11em;
}

input.autocomplete {
  background: url("../image/layout/input-autocomplete.png") no-repeat scroll right center #FFFFFF;
  border: solid 1px #E2E3EA;
  border-top: solid 1px #ABADB3;
}

input.ui-autocomplete-input, input.ui-autocomplete-input.ui-state-default {
  background-color: #FFFFFF;
  background-image: url("../image/layout/input-autocomplete.png");
  background-position: right center;
  background-repeat: no-repeat;
}

input.currency {
  background: url("../image/layout/input-currency.png") no-repeat scroll right center #FFFFFF;
}

input.person {
  background: url("../image/person.gif") no-repeat scroll right center #FFFFFF;
}

input[type=text],
input[type=password],
input[type=date],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
select, textarea,
input.ui-autocomplete-input,
input.ui-autocomplete-input.ui-state-default {
  padding: 0.2rem;
  border: solid 1px #D6D6D6;
}

/*#######################################################
#														#
#	5100 Buttons										#
#														#
#######################################################*/
/*
input.button, input[type=submit], input[type=reset], a.button, button {
	background: #fdfdfd;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fdfdfd 0%, #dcdcdc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#dcdcdc));
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#dcdcdc 100%);
	background: -ms-linear-gradient(top, #fdfdfd 0%,#dcdcdc 100%);
	background: linear-gradient(to bottom, #fdfdfd 0%,#dcdcdc 100%);
	border: 1px solid #999999;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-size:12px;
	font-weight: bold;
	margin:0 5px 5px 5px;
	padding: 6px 10px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	width:auto;
	font: bold 12px/140% Arial,Helvetica,sans-serif;
}
.contextButton a {text-decoration: none;}
input.button:hover, input[type=submit]:hover, input[type=reset]:hover, a.button:hover, button:hover, .contextButton li a:hover {
	background: #fdfdfd;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fdfdfd 0%, #dcdcdc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#dcdcdc));
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#dcdcdc 100%);
	background: -ms-linear-gradient(top, #fdfdfd 0%,#dcdcdc 100%);
	background: linear-gradient(to bottom, #fdfdfd 0%,#dcdcdc 100%);
}
*/
.contextButton a.button.select {
  float: left;
}

.contextButton a.button.select:after {
  content: "▾";
  margin-left: 0.5em;
  padding-left: 0.5em;
  border-left: solid 1px;
}

.contextButton ul {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  list-style: none outside none;
  margin: 2px 0 0;
  padding: 0;
  position: absolute;
  z-index: 1000;
}

.contextButton li {
  border-top: 1px solid #CCCCCC;
  text-align: left;
}

.contextButton li a {
  display: block;
  line-height: 20px;
  padding: 3px 10px;
  white-space: nowrap;
  text-decoration: none;
}
.contextButton li a:hover, .contextButton li a:focus {
  background-color: #E4F3FE;
}

.ui-splitbutton button:first-child {
  border-radius: 4px 0 0 4px;
}

.ui-splitbutton .ui-splitbutton-menubutton {
  height: 28px;
  border-left: none !important;
  border-radius: 0 4px 4px 0;
}

.ui-menu.ui-menu-dynamic.ui-widget {
  background: #FFF;
  width: auto;
}

.ui-menu.ui-menu-dynamic.ui-widget li {
  white-space: nowrap;
}

/*###################################################################
#																	#
#	5200 Pagination													#
#																	#
###################################################################*/
.pagination {
  float: left;
  padding: 2px 3px !important;
  margin: 0 auto;
}

.pagination li {
  list-style: none;
  float: left;
  margin: 3px;
  text-align: center;
  min-width: 16px;
  background: #f6f6f6;
  border: solid 1px #999;
}

.pagination li a, ul.pagination li span {
  text-decoration: none;
  padding: 2px 4px;
  display: block;
  float: left;
  min-width: 15px;
  border-radius: 4px;
  display: block;
}

.pagination li a {
  font-weight: bold;
}

.pagination li.select {
  background: transparent;
  border: none;
}

.pagination li a:hover {
  color: #2A4064;
  text-decoration: underline;
  background: #FFF;
}

.pagination li.current {
  border: solid 1px #2A4064;
}

.pagination li.current a {
  color: #2A4064;
  text-decoration: underline;
  background: #FFF;
}

/*###################################################################
#																	#
#	5500 Content-Elemente											#
#																	#
###################################################################*/
.ui-tabs-nav .ui-state-default .indicator {
  float: left;
  margin-left: -16px;
  margin-right: 0;
}

/*#######################################################
#														#
#	9000 Footer											#
#														#
#######################################################*/
.clear.footer {
  height: 35px;
}

#footer {
  text-align: right;
  height: 35px;
  bottom: 0;
  margin: -35px auto 0;
  min-width: 1550px;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  border-top: solid 1px #CCC;
}

#footer p, #loginFooter p {
  padding: 0 1em;
  margin: 0;
  line-height: 35px;
}

/*#######################################################
#														#
#	5300 AJAX Indicator										#
#														#
#######################################################*/
/* Overfly welches Elemente nach wechseln von Inhalten kurz farblich speert, änlich dem Lightbox-Effekt */
.modalPanel .ui-dialog-titlebar {
  display: none;
}

#ai {
  display: none;
  min-height: 0px !important;
  text-align: center;
}

#ai img {
  background: url(../image/layout/ajax-big.gif) no-repeat center center;
  width: 100px;
  height: 100px;
}

/*###############################################################
#																#
#		5020 Suchfeld					                        #
#																#
###############################################################*/
.searchBox {
  padding: 1em;
  margin-bottom: 1.5em;
}
.searchBox div.fL {
  margin-right: 1em;
}

#searchBox input[type=submit],
#searchBox input[type=reset],
#searchBox input[type=button] {
  width: auto;
}

/*###############################################################
#																#
#		10000 Table						                        #
#																#
###############################################################*/
caption {
  text-transform: uppercase;
}

th {
  font-weight: bold;
  text-align: center;
}

th, td {
  padding: 6px;
}

tfoot ul {
  float: right;
}

tfoot li {
  float: left;
  margin: auto 0.4em;
}

tfoot a {
  display: block;
  padding: auto 5px;
  text-decoration: none;
}

/*###############################################################
#																#
#		10100 Table.data				                        #
#																#
###############################################################*/
table.data tfoot td {
  text-align: right;
  border-top: solid 1px #0066aa;
}

table.data tfoot ul {
  float: right;
}

table.data tfoot li {
  float: left;
  margin: auto 0.4em;
  line-height: 22px;
}

table.data tfoot a {
  display: block;
  padding: 0 0.5em;
  text-decoration: none;
}

table.data tfoot select {
  height: 24px;
}

table.data tfoot select option {
  height: 20px;
}

/*###############################################
#												#
#	Tabs Horizontal								#
#												#
###############################################*/
.ui-tabs {
  border-radius: 0;
}

ui-tabs .ui-tabs-nav {
  border-bottom: solid 2px #666;
}

.ui-tabs .ui-tabs-nav .ui-state-default a {
  background: #CCC;
  color: #FFF;
  border-radius: 3px 3px 0 0;
}

.ui-tabs .ui-tabs-nav .ui-state-active a {
  background: #2a4064;
}

.ui-tabs .ui-tabs-panel {
  border: 1px solid #ececec;
  background: #fdfdfd;
  overflow-x: visible;
}

.ui-tabs .ui-tabs-panel h1 {
  margin-top: 0;
}

/*###############################################
#												#
#	Tabs vertical								#
#												#
###############################################*/
.ui-tabs.ui-tabs-vertical {
  border: solid 1px #ececec;
  background: #fdfdfd;
  padding: 0.2em;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
  float: left;
  width: 30%;
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav .ui-state-default {
  border: none;
  margin: 0 0 2px 0;
  top: 0;
  border-radius: 0.3em 0 0 0.3em;
  width: 100%;
  margin-top: 2px;
  text-align: right;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav .ui-state-default a {
  background: #2a4064;
  float: none;
  display: block;
  border-radius: 0.5em 0 0 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav .ui-state-default .indicator {
  position: absolute;
  top: -8px;
  right: -8px;
  margin: 0;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav .ui-state-active {
  background: #fdfdfd;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav .ui-state-active a {
  background: #fdfdfd;
  color: #2a4064;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
  background: #fcfcfc;
  border: none !important;
  border-radius: 0 6px 6px;
  float: right;
  min-height: 250px;
  padding: 0 !important;
  width: calc(70% - 2em);
  margin: 1em !important;
}

/*#######################################################
#														                            #
#	Formelemente (2018)^              										#
#														                            #
#######################################################*/
input[type=text], input[type=password], input[type=date], input[type=email], input[type=number], input[type=search], input[type=tel], select, textarea, input.ui-autocomplete-input, input.ui-autocomplete-input.ui-state-default {
  box-shadow: 0;
  border-radius: 0.25rem;
  box-sizing: border-box;
  padding: 0.25rem;
  font-size: inherit;
  outline: none;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus,
input.ui-autocomplete-input:focus,
input.ui-autocomplete-input.ui-state-default:focus {
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.3);
}

.form-group {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

/* Special für Ticket DEV-1421 */
.form-group #tv_attribute\:som_externalCodeVariant {
  margin-left: 0.5rem;
  width: 50% !important;
  flex-grow: 1;
}

.input-group {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.input-group + .input-group {
  margin-top: 0.5rem;
}

.input-group input + input,
.input-group input + select,
.input-group select + input,
.input-group input + div,
.input-group div + input,
.input-group input + span,
.input-group span + input {
  margin-left: 0.5rem;
}

.input-group .ui-autocomplete {
  display: block;
  width: 100%;
}

input[size="5"] {
  width: 5rem;
}

input[size="8"] {
  width: 8rem;
}

/*#######################################################
#														                            #
#	Kalender widows:     ;             										#
#														                            #
#######################################################*/
.ui-datepicker-calendar tbody td a {
  text-align: center;
}

.content [data-element=html-reset] h1, .content [data-element=html-reset] h2, .content [data-element=html-reset] h3, .content [data-element=html-reset] h4, .content [data-element=html-reset] h5, .content [data-element=html-reset] h6,
[data-element=html-reset] h1,
[data-element=html-reset] h2,
[data-element=html-reset] h3,
[data-element=html-reset] h4,
[data-element=html-reset] h5,
[data-element=html-reset] h6 {
  background: transparent !important;
  color: #000 !important;
  border: none;
  margin: 0 !important;
  padding: 0 !important;
}
.content [data-element=html-reset] h1,
[data-element=html-reset] h1 {
  display: block;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  background: transparent;
}
.content [data-element=html-reset] h2,
[data-element=html-reset] h2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  background: transparent;
}
.content [data-element=html-reset] h3,
[data-element=html-reset] h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  background: transparent;
}
.content [data-element=html-reset] h4,
[data-element=html-reset] h4 {
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  background: transparent;
}
.content [data-element=html-reset] h5,
[data-element=html-reset] h5 {
  display: block;
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  background: transparent;
}
.content [data-element=html-reset] h6,
[data-element=html-reset] h6 {
  display: block;
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  background: transparent;
}
.content [data-element=html-reset] p,
[data-element=html-reset] p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.content [data-element=html-reset] ol, .content [data-element=html-reset] ul,
[data-element=html-reset] ol,
[data-element=html-reset] ul {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.content [data-element=html-reset] ol li, .content [data-element=html-reset] ul li,
[data-element=html-reset] ol li,
[data-element=html-reset] ul li {
  display: list-item;
}
.content [data-element=html-reset] ol,
[data-element=html-reset] ol {
  list-style-type: decimal;
}
.content [data-element=html-reset] ul,
[data-element=html-reset] ul {
  list-style-type: disc;
}
.content [data-element=html-reset] a,
[data-element=html-reset] a {
  color: rgb(0, 0, 238);
  text-decoration: underline;
}

[data-module=commissionRule] {
  width: 100%;
  margin: 1.5rem 0;
}
[data-module=commissionRule] div.ui-widget-content {
  background: none;
  color: #fff;
}
[data-module=commissionRule] .row {
  display: flex;
}
[data-module=commissionRule] .row .description {
  background-color: #CCC;
  text-orientation: mixed;
  margin: 8px;
  width: 2rem;
  position: relative;
}
[data-module=commissionRule] .row .description span {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  padding: 0.5rem;
  font-size: 0.9rem;
  height: 100%;
  display: block;
  position: absolute;
  text-align: center;
}
[data-module=commissionRule] > .row.header .description {
  background: transparent;
}
[data-module=commissionRule] .columns3.header {
  min-height: auto;
}
[data-module=commissionRule] .columns3.header header {
  font-size: 1rem;
  font-weight: 600;
}
[data-module=commissionRule] .columns3.header .description {
  background: transparent;
}
[data-module=commissionRule] .columns3.header > div {
  background-color: #999;
  color: #fff;
}
[data-module=commissionRule] .columns3.header ul {
  border-top: solid 1px #fff;
  padding-top: 0.2rem;
}
[data-module=commissionRule] .columns3.header li {
  list-style: none;
  padding: 0.2rem 0;
}
[data-module=commissionRule] .columns3 {
  display: flex;
  border-bottom: solid 4px #F5F5F5;
  min-height: 200px;
}
[data-module=commissionRule] .columns3 > div {
  background-color: #fff;
  width: calc(33.33333% - 0.75rem);
  padding: 0.75rem;
}

[data-module=fileBrowser] {
  background-color: #fff;
  margin-bottom: 0.75rem;
  /* spezieles Stylinge wenn der fileBorwser in boxen geoeffnet wird */
  /* spezieles Styling wenn der fileBrowser als liste geoeffnet wird */
  /* Listentype FEATURE */
}
[data-module=fileBrowser] header {
  background-color: #999999;
  padding: 0.5rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
}
[data-module=fileBrowser] header:after {
  display: inline-block;
  position: absolute;
  right: 0.5rem;
  height: 1rem;
  width: 1rem;
  content: "\eb18";
  font-family: "icon-general", sans-serif;
  font-size: 1rem;
  cursor: pointer;
}
[data-module=fileBrowser] ul {
  display: flex;
  flex-wrap: wrap;
  border-style: solid;
  border-width: 1px;
  border-color: #CCC;
  padding: 0.5rem;
  justify-content: flex-start;
}
[data-module=fileBrowser] li {
  display: inline-block;
  list-style-type: none;
  border-style: solid;
  border-width: 1px;
  border-color: #CCC;
  margin: 0.5rem;
  width: calc(33.33% - 1rem);
}
[data-module=fileBrowser] dl {
  margin: 0px;
  border: solid 1px #CCC;
}
[data-module=fileBrowser] dt img {
  width: 100%;
  height: auto;
}
[data-module=fileBrowser] dd {
  margin-left: 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.2rem;
  font-size: 0.8rem;
}
[data-module=fileBrowser] td {
  position: relative;
}
[data-module=fileBrowser] td:first-child {
  width: 0;
}
[data-module=fileBrowser] td.umbruch {
  width: 100%;
}
[data-module=fileBrowser] td.umbruch:before {
  content: "&nbsp";
  visibility: hidden;
}
[data-module=fileBrowser] a {
  text-decoration: none;
}
[data-module=fileBrowser][data-items="2"] li {
  width: calc(50% - 1rem);
}
[data-module=fileBrowser][data-items="4"] li {
  width: calc(25% - 1rem);
}
[data-module=fileBrowser][data-items="5"] li {
  width: calc(20% - 1rem);
}
[data-module=fileBrowser][data-items="6"] li {
  width: calc(16.6% - 1rem);
}
[data-module=fileBrowser][data-items="7"] li {
  width: calc(14.29% - 1rem);
}
[data-module=fileBrowser][data-items="8"] li {
  width: calc(12.5% - 1rem);
}
[data-module=fileBrowser][data-style=box] header:after {
  content: "\eb17";
  font-weight: 300;
}
[data-module=fileBrowser][data-style=box] table {
  display: none;
}
[data-module=fileBrowser][data-style=list] header:after {
  content: "\eb18";
}
[data-module=fileBrowser][data-style=list] ul {
  display: none;
}
[data-module=fileBrowser][data-style=list] td a {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 6px;
  right: 6px;
  text-decoration: underline;
}
[data-module=fileBrowser] .empty {
  padding: 1rem;
}
[data-module=fileBrowser] .empty span, [data-module=fileBrowser] .empty .textShorten {
  border: 1px grey dashed;
  padding: 0.5rem;
  text-align: center;
  line-height: 3rem;
  border-radius: 0.25rem;
  display: block;
}
[data-module=fileBrowser] table {
  width: 100%;
}
[data-module=fileBrowser][data-style=feature] header:after {
  display: none;
}
[data-module=fileBrowser][data-style=feature] td {
  font-size: 0.9rem;
}
[data-module=fileBrowser][data-style=feature] td:first-child {
  width: 1px;
}
[data-module=fileBrowser][data-style=feature] td:first-child img {
  width: 2rem;
  height: 2rem;
}
[data-module=fileBrowser][data-style=feature] td:last-child {
  width: 1px;
}
[data-module=fileBrowser][data-style=feature] td ul {
  display: inherit;
}
[data-module=fileBrowser][data-style=feature] td .docTitle {
  height: 1rem;
  font-style: italic;
  font-weight: 200;
}
[data-module=fileBrowser][data-style=feature] td .docTitle span {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 6px;
  right: 6px;
}
[data-module=fileBrowser][data-style=feature] h4 {
  font-weight: normal;
  margin: 0;
  padding: 0 0 0.25rem 0;
}
[data-module=fileBrowser][data-style=feature] td.action {
  white-space: nowrap;
  text-align: right;
}
[data-module=fileBrowser][data-style=feature] td.action .ui-icon {
  font-size: 1rem;
  margin: 0.25rem;
  text-align: left;
}

td dl.file {
  margin: 0px;
  width: 150px;
}
td dl.file dt img {
  width: 100%;
  height: auto;
}
td dl.file dd {
  margin-left: 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.2rem;
  font-size: 0.8rem;
}

[data-module=previewOverlay] {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
[data-module=previewOverlay] header {
  background: black;
  display: flex;
  align-items: center;
  padding: 16px;
  justify-content: space-between;
}
[data-module=previewOverlay] header h1 {
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
}
[data-module=previewOverlay] header div {
  color: white;
  margin: 20px;
  display: flex;
}
[data-module=previewOverlay] content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
[data-module=previewOverlay] content div img {
  width: 100%;
}
[data-module=previewOverlay] nav {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
[data-module=previewOverlay] nav a {
  color: white;
  margin: 10px;
  width: 1rem;
  height: 1rem;
}
[data-module=previewOverlay] nav a:after {
  font-size: 1rem;
}
[data-module=previewOverlay] nav a:hover {
  color: rgba(255, 255, 255, 0.75);
}
[data-module=previewOverlay] a.ico {
  font-size: 0;
  text-decoration: none;
  color: #fff;
}
[data-module=previewOverlay] .ico:after {
  font-family: "icon-general", sans-serif;
}
[data-module=previewOverlay] a.back:after {
  content: "\ef25";
  font-size: 5rem;
}
[data-module=previewOverlay] a.next:after {
  content: "\ef26";
  font-size: 5rem;
}
[data-module=previewOverlay] a.info:after {
  content: "\ef21";
}
[data-module=previewOverlay] a.download:after {
  content: "\ea26";
}
[data-module=previewOverlay] a.close:after {
  content: "\ef07";
}

[data-module=notes] {
  padding: 0px 5px;
  margin-bottom: 5px;
}
[data-module=notes] .note h1 {
  margin-bottom: 0px;
  font-size: 0.5rem;
  color: grey;
}
[data-module=notes] .note .content {
  cursor: pointer;
  overflow-wrap: break-word;
  overflow: hidden;
}
[data-module=notes] .newnote {
  margin-top: 10px;
}
[data-module=notes] .newnote input {
  width: calc(100% - 30px);
}
[data-module=notes] .newnote a {
  cursor: pointer;
}

[data-module=adminPanel] {
  width: 1280px;
}
@media screen and (min-width: 1440px) {
  [data-module=adminPanel] {
    margin-left: auto;
    margin-right: auto;
  }
}
[data-module=adminPanel] h3 {
  color: #000 !important;
  font-size: 0.9rem !important;
  border: none !important;
  border-bottom: solid 1px #999 !important;
}
[data-module=adminPanel] ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 1rem;
}
[data-module=adminPanel] ul li {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14), 0 0 2px rgba(0, 0, 0, 0.12);
  width: calc(20% - 1.5rem);
  margin: 0.75rem;
  background-color: #fff;
}
[data-module=adminPanel] ul li a {
  display: block;
  height: 100%;
  padding: 0.5rem;
  text-decoration: none;
  color: #000 !important;
  position: relative;
  padding-bottom: 2.5rem;
}
[data-module=adminPanel] ul li a:hover span, [data-module=adminPanel] ul li a:focus span {
  text-decoration: none;
}
[data-module=adminPanel] ul li a h4 {
  margin: 0;
  padding-bottom: 1rem;
}
[data-module=adminPanel] ul li span {
  display: block;
  position: absolute;
  margin-top: 0.5rem;
  bottom: 0.75rem;
  text-decoration: underline;
}

[data-module=upload_container] {
  padding: 0.75rem;
  background-color: #fff;
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
[data-module=upload_container] .container {
  border: 1px dashed #c5c5c5;
  border-radius: 5px;
  margin: 0.5rem;
  padding: 1.25rem;
  cursor: copy;
}
[data-module=upload_container] .container:hover, [data-module=upload_container] .container:focus {
  background-color: #F5F5F5;
}
[data-module=upload_container] span {
  display: block;
}
[data-module=upload_container_overlay] .file {
  border: 1px dashed #c5c5c5;
  border-radius: 5px;
  margin: 0.5rem;
  padding: 1.25rem;
  margin: 0 0 1rem 0;
}
[data-module=upload_container_overlay] .file h3 {
  color: #000;
  font-weight: bold;
  padding: 0;
  margin: 0;
  text-align: center;
}

/**
 * ----------------------------------------------------------------------
 * Icon Font for jQuery UI
 * ----------------------------------------------------------------------
 *
 * ICON FONT   Version:   2.1
 *             Glyphs:    332
 *             Copyright: (c) 2015-2017 Michael Keck.
 *             License:   CC BY-SA 3.0
 *                        https://creativecommons.org/licenses/by-sa/3.0/
 *             Generated: with IcoMoon-App (Chromium)
 *
 * STYLESHEET  Version:   2.3.2
 *             Modified:  2017-03-04
 *             jQuery UI: 1.12 & 1.12.1
 *             jQMobile:  1.4.5
 *             Copyright: (c) 2015-2017 Michael Keck.
 *             License:   GPL license
 *                        http://www.gnu.org/licenses/gpl.html
 */
/* load icon font */
@font-face {
  font-family: "jquery-ui";
  src: url("../font/jquery-ui.eot");
  src: url("../font/jquery-ui.eot#ie") format("embedded-opentype"), url("../font/jquery-ui.woff2") format("woff2"), url("../font/jquery-ui.woff") format("woff"), url("../font/jquery-ui.ttf") format("truetype");
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
}
/* basic settings */
html .ui-icon, [data-icon] {
  background-image: none !important;
  display: inline-block;
  font-weight: 300;
  font-family: inherit;
  font-size: inherit;
  height: 1.2em;
  width: 1.2em;
  line-height: 1.2em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: -99999em;
  vertical-align: middle;
}
html .ui-icon:after, [data-icon]:after {
  display: block;
  font-family: "jquery-ui", sans-serif;
  height: 1em;
  left: 50%;
  line-height: 1;
  margin: -0.5em;
  position: absolute;
  text-align: center;
  text-indent: 0;
  text-transform: none;
  top: 50%;
  vertical-align: middle;
  width: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

/* UI-Icons */
html .ui-icon-left {
  background-image: none !important;
  display: inline-block;
  font: normal normal normal 14px/16px sans-serif;
  line-height: 1.2em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  vertical-align: middle;
}
html .ui-icon-left:before {
  display: inline-block;
  font-family: "jquery-ui", sans-serif;
  height: 1em;
  line-height: 1;
  text-align: center;
  text-indent: 0;
  text-transform: none;
  vertical-align: middle;
  width: 1em;
  margin: -0.15rem 0.25rem 0 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
html .ui-icon-left.ui-icon-cart:before,
html .ui-icon-left .ui-icon-shop:before {
  content: "\e6d6";
}
html .ui-icon-left:after {
  display: none;
}

html .ui-icon-right {
  background-image: none !important;
  display: inline-block;
  font: normal normal normal 14px/16px sans-serif;
  line-height: 1.2em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  vertical-align: middle;
}
html .ui-icon-right:after {
  margin: -0.15rem 0 0 0.25rem;
  display: inline-block;
  font-family: "jquery-ui", sans-serif;
  height: 1em;
  line-height: 1;
  text-align: center;
  text-indent: 0;
  text-transform: none;
  vertical-align: middle;
  width: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

/**
 * --------------------------------------------------------
 * jQuery UI 1.12.x
 * --------------------------------------------------------
 */
/* positioning on button element(s) */
html .ui-button,
html .ui-controlgroup .ui-controlgroup-label,
html .ui-spinner .ui-spinner-input {
  line-height: inherit;
}

html .ui-controlgroup .ui-controlgroup-label span {
  line-height: 1;
  margin: 0;
  padding: 0;
}

html .ui-button .ui-icon {
  margin: -0.25em 0 -0.15em 0;
}

html .ui-button-icon-only {
  min-width: 2.5em;
}

html .ui-button-icon-only .ui-icon {
  left: 50%;
  margin: -0.6em 0 0 -0.6em;
  position: absolute;
  top: 50%;
}

html .ui-selectmenu-button .ui-icon {
  margin: -0.6em 0 0 0;
  position: absolute;
  right: 0.5em;
  top: 50%;
}

html .ui-selectmenu-text {
  margin-right: 1em;
}

html .ui-spinner .ui-spinner-input {
  margin: 0;
  padding: 0.4em 2.5em 0.4em 1em;
}

html .ui-widget-icon-block {
  display: block;
  left: auto;
  margin: 0;
  width: 100%;
  position: relative;
}

html .ui-datepicker .ui-datepicker-prev .ui-icon,
html .ui-datepicker .ui-datepicker-next .ui-icon {
  margin-left: -0.6em;
  margin-top: -0.6em;
}

/* close button positioning on dialogs titlebar */
html .ui-dialog .ui-dialog-titlebar-close {
  height: 1.8em;
  margin: -0.9em 0 0 0;
  right: 0.3em;
  width: 1.8em;
}

/* resizable on dialog */
html .ui-dialog .ui-resizable-se {
  bottom: 1px;
  display: block;
  height: 1em;
  position: absolute;
  right: 1px;
  width: 1em;
}

.ui-dialog .ui-resizable-se:after {
  left: 0;
  margin: 0;
  top: 0;
}

/* positioning on accordion(s) */
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  margin-left: -0.2em;
  margin-right: 0.4em;
}

html .ui-icon-background,
html .ui-state-active .ui-icon-background,
html .ui-checkboxradio-label .ui-icon-background,
html .ui-checkboxradio-radio-label .ui-icon-background,
html .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
html .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-color: rgba(0, 0, 0, 0.25);
  border: 0 none;
  color: inherit;
  font: normal normal normal 14px/16px sans-serif;
  height: 1.2em;
  line-height: 1.2em;
  width: 1.2em;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

/* etxra */
.has-left-icon li,
li.has-left-icon {
  list-style: none;
}

.has-left-icon[class^=ui-icon-],
.has-left-icon[class*=" ui-icon-"],
.has-left-icon [class^=ui-icon-],
.has-left-icon [class*=" ui-icon-"] {
  padding-left: 1.5em;
  position: relative;
}

.has-left-icon[class^=ui-icon-]:after,
.has-left-icon[class*=" ui-icon-"]:after,
.has-left-icon [class^=ui-icon-]:after,
.has-left-icon [class*=" ui-icon-"]:after {
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
}

.has-right-icon[class^=ui-icon-],
.has-right-icon[class*=" ui-icon-"],
.has-right-icon [class^=ui-icon-],
.has-right-icon [class*=" ui-icon-"] {
  padding-right: 1.5em;
  position: relative;
}

.has-right-icon[class^=ui-icon-]:after,
.has-right-icon[class*=" ui-icon-"]:after,
.has-right-icon [class^=ui-icon-]:after,
.has-right-icon [class*=" ui-icon-"]:after {
  right: 0;
  margin: 0;
  position: absolute;
  top: 0;
}

/**
 * --------------------------------------------------------
 * jQuery Mobile
 * (testet with version 1.4.5)
 * --------------------------------------------------------
 */
.ui-mobile .ui-input-search:after,
.ui-mobile .ui-btn-icon-left:after,
.ui-mobile .ui-btn-icon-right:after,
.ui-mobile .ui-btn-icon-top:after,
.ui-mobile .ui-btn-icon-bottom:after,
.ui-mobile .ui-btn-icon-notext:after {
  background-image: none !important;
  color: #fff;
  display: block;
  height: 20px;
  font: normal normal normal 14px "jquery-ui", sans-serif;
  left: 50%;
  line-height: 14px;
  margin-left: -10px;
  margin-top: -10px;
  padding: 3px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  top: 50%;
  vertical-align: middle;
  width: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  transform: translate(0, 0);
}

.ui-mobile .ui-input-search:after,
.ui-mobile .ui-alt-icon.ui-btn-icon-left:after, .ui-mobile .ui-alt-icon .ui-btn-icon-left:after,
.ui-mobile .ui-alt-icon.ui-btn-icon-right:after, .ui-mobile .ui-alt-icon .ui-btn-icon-right:after,
.ui-mobile .ui-alt-icon.ui-btn-icon-top:after, .ui-mobile .ui-alt-icon .ui-btn-icon-top:after,
.ui-mobile .ui-alt-icon.ui-btn-icon-bottom:after, .ui-mobile .ui-alt-icon .ui-btn-icon-bottom:after,
.ui-mobile .ui-alt-icon.ui-btn-icon-notext:after, .ui-mobile .ui-alt-icon .ui-btn-icon-notext:after {
  color: #000;
}

.ui-mobile .ui-input-search:after,
.ui-mobile .ui-btn-icon-left:after {
  left: 0.37em;
  margin-left: 0;
}

.ui-mobile .ui-btn-icon-right:after {
  left: auto;
  margin-left: 0;
  right: 0.37em;
}

.ui-mobile .ui-mini.ui-btn-icon-left:after,
.ui-mobile .ui-mini .ui-btn-icon-left:after,
.ui-mobile .ui-header .ui-btn-icon-left:after,
.ui-mobile .ui-footer .ui-btn-icon-left:after {
  left: 0.37em;
}

.ui-mobile .ui-mini.ui-btn-icon-right:after,
.ui-mobile .ui-mini .ui-btn-icon-right:after,
.ui-mobile .ui-header .ui-btn-icon-right:after,
.ui-mobile .ui-footer .ui-btn-icon-right:after {
  right: 0.37em;
}

.ui-mobile .ui-btn-icon-top:after {
  margin-top: 0;
  top: 0.5625em;
}

.ui-mobile .ui-btn-icon-bottom:after {
  bottom: 0.5625em;
  margin-top: 0;
  top: auto;
}

.ui-btn.ui-checkbox-on.ui-checkbox-on:after {
  color: #fff;
}

.ui-btn.ui-checkbox-off:after,
.ui-btn.ui-checkbox-on:after,
.ui-btn.ui-radio-off:after,
.ui-btn.ui-radio-on:after {
  display: block;
  font-size: 14px;
  height: 20px;
  margin: -10px 2px 0 2px;
  padding: 3px;
  width: 20px;
}

.ui-mini .ui-btn.ui-checkbox-off:after,
.ui-mini .ui-btn.ui-checkbox-on:after,
.ui-mini .ui-btn.ui-radio-off:after,
.ui-mini .ui-btn.ui-radio-on:after {
  height: 18px;
  margin: -9px 2px 0 2px;
  padding: 2px;
  width: 18px;
}

.ui-alt-icon.ui-btn.ui-checkbox-on:after,
.ui-alt-icon .ui-btn.ui-checkbox-on:after {
  color: #000;
}

.ui-radio .ui-btn.ui-radio-on:after {
  background: #fff none 0 0 no-repeat;
  border-style: solid;
  border-width: 5px;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px;
}

.ui-mini .ui-radio .ui-btn.ui-radio-on:after {
  height: 18px;
  border-width: 4px;
  width: 18px;
}

.ui-alt-icon.ui-btn.ui-radio-on:after,
.ui-alt-icon .ui-btn.ui-radio-on:after {
  background-color: #000;
}

/* apply glyphs to icons */
.ui-icon-blank:after, .ui-icon-right.ui-icon-blank:after, .ui-icon-left.ui-icon-blank:before {
  content: " ";
} /* <-- yeah, this really needed! */
.ui-icon-addon:after, .ui-icon-right.ui-icon-addon:after, .ui-icon-left.ui-icon-addon:before,
.ui-icon-puzzle:after, .ui-icon-right.ui-icon-puzzle:after, .ui-icon-left.ui-icon-puzzle:before {
  content: "\e6ca";
}

.ui-icon-address:after, .ui-icon-right.ui-icon-address:after, .ui-icon-left.ui-icon-address:before {
  content: "\e702";
}

.ui-icon-alert:after, .ui-icon-right.ui-icon-alert:after, .ui-icon-left.ui-icon-alert:before {
  content: "\e65f";
}

.ui-icon-alert-b:after, .ui-icon-right.ui-icon-alert-b:after, .ui-icon-left.ui-icon-alert-b:before {
  content: "\e660";
}

.ui-icon-anchor:after, .ui-icon-right.ui-icon-anchor:after, .ui-icon-left.ui-icon-anchor:before {
  content: "\e6ba";
}

.ui-icon-archive:after, .ui-icon-right.ui-icon-archive:after, .ui-icon-left.ui-icon-archive:before {
  content: "\e70d";
}

.ui-icon-arrow-1-e:after, .ui-icon-right.ui-icon-arrow-1-e:after, .ui-icon-left.ui-icon-arrow-1-e:before,
.ui-icon-arrow-r:after, .ui-icon-right.ui-icon-arrow-r:after, .ui-icon-left.ui-icon-arrow-r:before {
  content: "\e603";
}

.ui-icon-arrow-1-n:after, .ui-icon-right.ui-icon-arrow-1-n:after, .ui-icon-left.ui-icon-arrow-1-n:before,
.ui-icon-arrow-u:after, .ui-icon-right.ui-icon-arrow-u:after, .ui-icon-left.ui-icon-arrow-u:before {
  content: "\e601";
}

.ui-icon-arrow-1-ne:after, .ui-icon-right.ui-icon-arrow-1-ne:after, .ui-icon-left.ui-icon-arrow-1-ne:before,
.ui-icon-arrow-u-r:after, .ui-icon-right.ui-icon-arrow-u-r:after, .ui-icon-left.ui-icon-arrow-u-r:before {
  content: "\e602";
}

.ui-icon-arrow-1-nw:after, .ui-icon-right.ui-icon-arrow-1-nw:after, .ui-icon-left.ui-icon-arrow-1-nw:before,
.ui-icon-arrow-u-l:after, .ui-icon-right.ui-icon-arrow-u-l:after, .ui-icon-left.ui-icon-arrow-u-l:before {
  content: "\e608";
}

.ui-icon-arrow-1-s:after, .ui-icon-right.ui-icon-arrow-1-s:after, .ui-icon-left.ui-icon-arrow-1-s:before,
.ui-icon-arrow-d:after, .ui-icon-right.ui-icon-arrow-d:after, .ui-icon-left.ui-icon-arrow-d:before {
  content: "\e605";
}

.ui-icon-arrow-1-se:after, .ui-icon-right.ui-icon-arrow-1-se:after, .ui-icon-left.ui-icon-arrow-1-se:before,
.ui-icon-arrow-d-r:after, .ui-icon-right.ui-icon-arrow-d-r:after, .ui-icon-left.ui-icon-arrow-d-r:before {
  content: "\e604";
}

.ui-icon-arrow-1-sw:after, .ui-icon-right.ui-icon-arrow-1-sw:after, .ui-icon-left.ui-icon-arrow-1-sw:before,
.ui-icon-arrow-d-l:after .ui-icon-right.ui-icon-arrow-d-l:after .ui-icon-left.ui-icon-arrow-d-l:before {
  content: "\e606";
}

.ui-icon-arrow-1-w:after, .ui-icon-right.ui-icon-arrow-1-w:after, .ui-icon-left.ui-icon-arrow-1-w:before,
.ui-icon-arrow-l:after, .ui-icon-right.ui-icon-arrow-l:after, .ui-icon-left.ui-icon-arrow-l:before {
  content: "\e607";
}

.ui-icon-arrow-2-e-w:after, .ui-icon-right.ui-icon-arrow-2-e-w:after, .ui-icon-left.ui-icon-arrow-2-e-w:before,
.ui-icon-move-h:after, .ui-icon-right.ui-icon-move-h:after, .ui-icon-left.ui-icon-move-h:before,
.ui-icon-resize-h:after, .ui-icon-right.ui-icon-resize-h:after, .ui-icon-left.ui-icon-resize-h:before {
  content: "\e617";
}

.ui-icon-arrow-2-n-s:after, .ui-icon-right.ui-icon-arrow-2-n-s:after, .ui-icon-left.ui-icon-arrow-2-n-s:before,
.ui-icon-move-v:after, .ui-icon-right.ui-icon-move-v:after, .ui-icon-left.ui-icon-move-v:before,
.ui-icon-resize-v:after, .ui-icon-right.ui-icon-resize-v:after, .ui-icon-left.ui-icon-resize-v:before {
  content: "\e615";
}

.ui-icon-arrow-2-ne-sw:after, .ui-icon-right.ui-icon-arrow-2-ne-sw:after, .ui-icon-left.ui-icon-arrow-2-ne-sw:before {
  content: "\e616";
}

.ui-icon-arrow-2-se-nw:after, .ui-icon-right.ui-icon-arrow-2-se-nw:after, .ui-icon-left.ui-icon-arrow-2-se-nw:before {
  content: "\e618";
}

.ui-icon-arrow-4:after, .ui-icon-right.ui-icon-arrow-4:after, .ui-icon-left.ui-icon-arrow-4:before,
.ui-icon-move:after, .ui-icon-right.ui-icon-move:after, .ui-icon-left.ui-icon-move:before {
  content: "\e619";
}

.ui-icon-arrow-4-diag:after, .ui-icon-right.ui-icon-arrow-4-diag:after, .ui-icon-left.ui-icon-arrow-4-diag:before {
  content: "\e61a";
}

.ui-icon-arrowrefresh-1-e:after, .ui-icon-right.ui-icon-arrowrefresh-1-e:after, .ui-icon-left.ui-icon-arrowrefresh-1-e:before {
  content: "\e612";
}

.ui-icon-arrowrefresh-1-n:after, .ui-icon-left.ui-icon-arrowrefresh-1-n:before {
  content: "\e611";
}

.ui-icon-arrowrefresh-1-s:after, .ui-icon-left.ui-icon-arrowrefresh-1-s:before {
  content: "\e613";
}

.ui-icon-arrowrefresh-1-w:after, .ui-icon-left.ui-icon-arrowrefresh-1-w:before {
  content: "\e614";
}

.ui-icon-arrowreturn-1-e:after, .ui-icon-left.ui-icon-arrowreturn-1-e:before,
.ui-icon-forward:after, .ui-icon-left.ui-icon-forward:before {
  content: "\e60e";
}

.ui-icon-arrowreturn-1-n:after, .ui-icon-left.ui-icon-arrowreturn-1-n:before {
  content: "\e60d";
}

.ui-icon-arrowreturn-1-s:after, .ui-icon-left.ui-icon-arrowreturn-1-s:before,
.ui-icon-back:after, .ui-icon-left.ui-icon-back:before {
  content: "\e60f";
}

.ui-icon-arrowreturn-1-w:after, .ui-icon-left.ui-icon-arrowreturn-1-w:before {
  content: "\e610";
}

.ui-icon-arrowreturnthick-1-e:after, .ui-icon-left.ui-icon-arrowreturnthick-1-e:before {
  content: "\e628";
}

.ui-icon-arrowreturnthick-1-n:after, .ui-icon-left.ui-icon-arrowreturnthick-1-n:before {
  content: "\e627";
}

.ui-icon-arrowreturnthick-1-s:after, .ui-icon-left.ui-icon-arrowreturnthick-1-s:before {
  content: "\e629";
}

.ui-icon-arrowreturnthick-1-w:after, .ui-icon-left.ui-icon-arrowreturnthick-1-w:before {
  content: "\e62a";
}

.ui-icon-arrowstop-1-e:after, .ui-icon-left.ui-icon-arrowstop-1-e:before {
  content: "\e60a";
}

.ui-icon-arrowstop-1-n:after, .ui-icon-left.ui-icon-arrowstop-1-n:before {
  content: "\e609";
}

.ui-icon-arrowstop-1-s:after, .ui-icon-left.ui-icon-arrowstop-1-s:before {
  content: "\e60b";
}

.ui-icon-arrowstop-1-w:after, .ui-icon-left.ui-icon-arrowstop-1-w:before {
  content: "\e60c";
}

.ui-icon-arrowthick-1-e:after, .ui-icon-left.ui-icon-arrowthick-1-e:before {
  content: "\e61d";
}

.ui-icon-arrowthick-1-n:after, .ui-icon-left.ui-icon-arrowthick-1-n:before {
  content: "\e61b";
}

.ui-icon-arrowthick-1-ne:after, .ui-icon-left.ui-icon-arrowthick-1-ne:before {
  content: "\e61c";
}

.ui-icon-arrowthick-1-nw:after, .ui-icon-left.ui-icon-arrowthick-1-nw:before {
  content: "\e622";
}

.ui-icon-arrowthick-1-s:after, .ui-icon-left.ui-icon-arrowthick-1-s:before {
  content: "\e61f";
}

.ui-icon-arrowthick-1-s:after, .ui-icon-left.ui-icon-arrowthick-1-s:before {
  content: "\e61e";
}

.ui-icon-arrowthick-1-sw:after, .ui-icon-left.ui-icon-arrowthick-1-sw:before {
  content: "\e620";
}

.ui-icon-arrowthick-1-w:after, .ui-icon-left.ui-icon-arrowthick-1-w:before {
  content: "\e621";
}

.ui-icon-arrowthick-2-e-w:after, .ui-icon-left.ui-icon-arrowthick-2-e-w:before {
  content: "\e62d";
}

.ui-icon-arrowthick-2-n-s:after, .ui-icon-left.ui-icon-arrowthick-2-n-s:before {
  content: "\e62b";
}

.ui-icon-arrowthick-2-ne-sw:after, .ui-icon-left.ui-icon-arrowthick-2-ne-sw:before {
  content: "\e62c";
}

.ui-icon-arrowthick-2-se-nw:after, .ui-icon-left.ui-icon-arrowthick-2-se-nw:before {
  content: "\e62e";
}

.ui-icon-arrowthickstop-1-e:after, .ui-icon-left.ui-icon-arrowthickstop-1-e:before {
  content: "\e624";
}

.ui-icon-arrowthickstop-1-n:after, .ui-icon-left.ui-icon-arrowthickstop-1-n:before {
  content: "\e623";
}

.ui-icon-arrowthickstop-1-s:after, .ui-icon-left.ui-icon-arrowthickstop-1-s:before {
  content: "\e625";
}

.ui-icon-arrowthickstop-1-w:after, .ui-icon-left.ui-icon-arrowthickstop-1-w:before {
  content: "\e626";
}

.ui-icon-battery-0:after, .ui-icon-left.ui-icon-battery-0:before {
  content: "\e721";
}

.ui-icon-battery-1:after, .ui-icon-left.ui-icon-battery-1:before {
  content: "\e722";
}

.ui-icon-battery-2:after, .ui-icon-left.ui-icon-battery-2:before {
  content: "\e723";
}

.ui-icon-battery-3:after, .ui-icon-left.ui-icon-battery-3:before {
  content: "\e724";
}

.ui-icon-book:after, .ui-icon-left.ui-icon-book:before {
  content: "\e6fb";
}

.ui-icon-book-b:after, .ui-icon-left.ui-icon-book-b:before {
  content: "\e6fc";
}

.ui-icon-bookmark:after, .ui-icon-left.ui-icon-bookmark:before {
  content: "\e6c5";
}

.ui-icon-bookmark-b:after, .ui-icon-left.ui-icon-bookmark-b:before {
  content: "\e6c6";
}

.ui-icon-box:after, .ui-icon-left.ui-icon-box:before {
  content: "\e6eb";
}

.ui-icon-bucket:after, .ui-icon-left.ui-icon-bucket:before {
  content: "\e728";
}

.ui-icon-bug:after, .ui-icon-left.ui-icon-bug:before {
  content: "\e72e";
}

.ui-icon-bullet:after, .ui-icon-left.ui-icon-bullet:before,
html .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon:after,
html .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon:after {
  content: "\e65d";
}

.ui-icon-bullhorn:after, .ui-icon-left.ui-icon-bullhorn:before {
  content: "\e731";
}

.ui-icon-calculator:after, .ui-icon-left.ui-icon-calculator:before {
  content: "\e6fd";
}

.ui-icon-calculator-b:after, .ui-icon-left.ui-icon-calculator-b:before {
  content: "\e6fe";
}

.ui-icon-calendar:after, .ui-icon-left.ui-icon-calendar:before {
  content: "\e6ff";
}

.ui-icon-calendar-b:after, .ui-icon-left.ui-icon-calendar-b:before {
  content: "\e700";
}

.ui-icon-calendar-day:after, .ui-icon-left.ui-icon-calendar-day:before {
  content: "\e701";
}

.ui-icon-camera:after, .ui-icon-left.ui-icon-camera:before {
  content: "\e6e8";
}

.ui-icon-cancel:after, .ui-icon-left.ui-icon-cancel:before,
.ui-icon-forbidden:after, .ui-icon-left.ui-icon-forbidden:before {
  content: "\e675";
}

.ui-icon-caret-1-e:after, .ui-icon-left.ui-icon-caret-1-e:before,
.ui-icon-caret-r:after, .ui-icon-left.ui-icon-caret-r:before,
.ui-icon-carat-r:after, .ui-icon-left.ui-icon-carat-r:before {
  content: "\e639";
}

.ui-icon-caret-1-n:after, .ui-icon-right.ui-icon-caret-1-n:after, .ui-icon-left.ui-icon-caret-1-n:before,
.ui-icon-caret-u:after, .ui-icon-left.ui-icon-caret-u:before,
.ui-icon-carat-u:after, .ui-icon-left.ui-icon-carat-u:before {
  content: "\e637";
}

.ui-icon-caret-1-ne:after, .ui-icon-left.ui-icon-caret-1-ne:before {
  content: "\e638";
}

.ui-icon-caret-1-nw:after, .ui-icon-left.ui-icon-caret-1-nw:before {
  content: "\e63e";
}

.ui-icon-caret-1-s:after, .ui-icon-left.ui-icon-caret-1-s:before,
.ui-icon-caret-d:after, .ui-icon-left.ui-icon-caret-d:before,
.ui-icon-carat-d:after, .ui-icon-left.ui-icon-carat-d:before {
  content: "\e63b";
}

.ui-icon-caret-1-se:after, .ui-icon-left.ui-icon-caret-1-se:before {
  content: "\e63a";
}

.ui-icon-caret-1-sw:after, .ui-icon-left.ui-icon-caret-1-sw:before {
  content: "\e63c";
}

.ui-icon-caret-1-w:after, .ui-icon-left.ui-icon-caret-1-w:before,
.ui-icon-caret-l:after, .ui-icon-left.ui-icon-caret-l:before,
.ui-icon-carat-l:after, .ui-icon-left.ui-icon-carat-l:before {
  content: "\e63d";
}

.ui-icon-caret-2-e:after, .ui-icon-left.ui-icon-caret-2-e:before {
  content: "\e640";
}

.ui-icon-caret-2-e-w:after, .ui-icon-left.ui-icon-caret-2-e-w:before {
  content: "\e643";
}

.ui-icon-caret-2-n:after, .ui-icon-left.ui-icon-caret-2-n:before {
  content: "\e63f";
}

.ui-icon-caret-2-n-s:after, .ui-icon-left.ui-icon-caret-2-n-s:before {
  content: "\e644";
}

.ui-icon-caret-2-s:after, .ui-icon-left.ui-icon-caret-2-s:before {
  content: "\e641";
}

.ui-icon-caret-2-w:after, .ui-icon-left.ui-icon-caret-2-w:before {
  content: "\e642";
}

.ui-icon-caretstop-1-e:after, .ui-icon-left.ui-icon-caretstop-1-e:before,
.ui-icon-caratstop-1-e:after, .ui-icon-left.ui-icon-caratstop-1-e:before {
  content: "\e905";
}

.ui-icon-caretstop-1-n:after, .ui-icon-left.ui-icon-caretstop-1-n:before,
.ui-icon-caratstop-1-n:after, .ui-icon-left.ui-icon-caratstop-1-n:before {
  content: "\e901";
}

.ui-icon-caretstop-1-s:after, .ui-icon-left.ui-icon-caretstop-1-s:before,
.ui-icon-caratstop-1-s:after, .ui-icon-left.ui-icon-caratstop-1-s:before {
  content: "\e900";
}

.ui-icon-caretstop-1-w:after, .ui-icon-left.ui-icon-caretstop-1-w:before,
.ui-icon-caratstop-1-w:after, .ui-icon-left.ui-icon-caratstop-1-w:before {
  content: "\e904";
}

.ui-icon-cart:after, .ui-icon-left.ui-icon-cart:before,
.ui-icon-shop:after, .ui-icon-left.ui-icon-shop:before {
  content: "\e6d6";
}

.ui-icon-cart-b:after, .ui-icon-left.ui-icon-cart-b:before,
.ui-icon-shop-b:after, .ui-icon-left.ui-icon-shop-b:before {
  content: "\e6d7";
}

.ui-icon-chart-bars:after, .ui-icon-left.ui-icon-chart-bars:before {
  content: "\e734";
}

.ui-icon-chart-line:after, .ui-icon-left.ui-icon-chart-line:before {
  content: "\e735";
}

.ui-icon-chart-pie:after, .ui-icon-left.ui-icon-chart-pie:before {
  content: "\e733";
}

.ui-icon-check:after, .ui-icon-left.ui-icon-check:before,
html .ui-btn.ui-checkbox-on.ui-checkbox-on:after,
html .ui-alt-icon.ui-btn.ui-checkbox-on:after,
html .ui-alt-icon .ui-btn.ui-checkbox-on:after {
  content: "\e670";
}

.ui-icon-check-off:after, .ui-icon-left.ui-icon-check-off:before,
.ui-icon-checkbox:after, .ui-icon-left.ui-icon-checkbox:before,
.ui-icon-checkbox-off:after, .ui-icon-left.ui-icon-checkbox-off:before,
.ui-icon-checkbox-unchecked:after, .ui-icon-left.ui-icon-checkbox-unchecked:before {
  content: "\e673";
}

.ui-icon-check-on:after, .ui-icon-left.ui-icon-check-on:before,
.ui-icon-checkbox-on:after, .ui-icon-left.ui-icon-checkbox-on:before,
.ui-icon-checkbox-checked:after, .ui-icon-left.ui-icon-checkbox-checked:before {
  content: "\e674";
}

.ui-icon-circle:after, .ui-icon-left.ui-icon-circle:before,
.ui-icon-radio-off:after, .ui-icon-left.ui-icon-radio-off:before,
.ui-icon-radio-btn:after, .ui-icon-left.ui-icon-radio-btn:before,
.ui-icon-radio-btn-off:after, .ui-icon-left.ui-icon-radio-btn-off:before,
.ui-icon-radio-btn-unchecked:after, .ui-icon-left.ui-icon-radio-btn-unchecked:before {
  content: "\e65e";
}

.ui-icon-circle-arrow-e:after, .ui-icon-left.ui-icon-circle-arrow-e:before {
  content: "\e630";
}

.ui-icon-circle-arrow-n:after, .ui-icon-left.ui-icon-circle-arrow-n:before {
  content: "\e62f";
}

.ui-icon-circle-arrow-s:after, .ui-icon-left.ui-icon-circle-arrow-s:before {
  content: "\e631";
}

.ui-icon-circle-arrow-w:after, .ui-icon-left.ui-icon-circle-arrow-w:before {
  content: "\e632";
}

.ui-icon-circle-b-arrow-e:after, .ui-icon-left.ui-icon-circle-b-arrow-e:before {
  content: "\e634";
}

.ui-icon-circle-b-arrow-n:after, .ui-icon-left.ui-icon-circle-b-arrow-n:before {
  content: "\e633";
}

.ui-icon-circle-b-arrow-s:after, .ui-icon-left.ui-icon-circle-b-arrow-s:before {
  content: "\e635";
}

.ui-icon-circle-b-arrow-w:after, .ui-icon-left.ui-icon-circle-b-arrow-w:before {
  content: "\e636";
}

.ui-icon-circle-b-check:after, .ui-icon-left.ui-icon-circle-b-check:before {
  content: "\e672";
}

.ui-icon-circle-b-close:after, .ui-icon-left.ui-icon-circle-b-close:before {
  content: "\e678";
}

.ui-icon-circle-b-help:after, .ui-icon-left.ui-icon-circle-b-help:before {
  content: "\e663";
}

.ui-icon-circle-b-info:after, .ui-icon-left.ui-icon-circle-b-info:before {
  content: "\e666";
}

.ui-icon-circle-b-minus:after, .ui-icon-left.ui-icon-circle-b-minus:before {
  content: "\e67e";
}

.ui-icon-circle-b-notice:after, .ui-icon-left.ui-icon-circle-b-notice:before {
  content: "\e669";
}

.ui-icon-circle-b-plus:after, .ui-icon-left.ui-icon-circle-b-plus:before {
  content: "\e684";
}

.ui-icon-circle-b-triangle-e:after, .ui-icon-left.ui-icon-circle-b-triangle-e:before {
  content: "\e65a";
}

.ui-icon-circle-b-triangle-n:after, .ui-icon-left.ui-icon-circle-b-triangle-n:before {
  content: "\e659";
}

.ui-icon-circle-b-triangle-s:after, .ui-icon-left.ui-icon-circle-b-triangle-s:before {
  content: "\e65b";
}

.ui-icon-circle-b-triangle-w:after, .ui-icon-left.ui-icon-circle-b-triangle-w:before {
  content: "\e65c";
}

.ui-icon-circle-check:after, .ui-icon-left.ui-icon-circle-check:before {
  content: "\e671";
}

.ui-icon-circle-close:after, .ui-icon-left.ui-icon-circle-close:before {
  content: "\e677";
}

.ui-icon-circle-help:after, .ui-icon-left.ui-icon-circle-help:before,
.ui-icon-help:after, .ui-icon-left.ui-icon-help:before {
  content: "\e662";
}

.ui-icon-circle-info:after, .ui-icon-left.ui-icon-circle-info:before,
.ui-icon-info:after, .ui-icon-left.ui-icon-info:before {
  content: "\e665";
}

.ui-icon-circle-minus:after, .ui-icon-left.ui-icon-circle-minus:before {
  content: "\e67d";
}

.ui-icon-circle-notice:after, .ui-icon-left.ui-icon-circle-notice:before,
.ui-icon-notice:after, .ui-icon-left.ui-icon-notice:before {
  content: "\e668";
}

.ui-icon-circle-phone:after, .ui-icon-left.ui-icon-circle-phone:before {
  content: "\e705";
}

.ui-icon-circle-plus:after, .ui-icon-left.ui-icon-circle-plus:before {
  content: "\e683";
}

.ui-icon-circle-triangle-e:after, .ui-icon-left.ui-icon-circle-triangle-e:before {
  content: "\e656";
}

.ui-icon-circle-triangle-n:after, .ui-icon-left.ui-icon-circle-triangle-n:before {
  content: "\e655";
}

.ui-icon-circle-triangle-s:after, .ui-icon-left.ui-icon-circle-triangle-s:before {
  content: "\e657";
}

.ui-icon-circle-triangle-w:after, .ui-icon-left.ui-icon-circle-triangle-w:before {
  content: "\e658";
}

.ui-icon-circle-zoom:after, .ui-icon-left.ui-icon-circle-zoom:before {
  content: "\e712";
}

.ui-icon-circle-zoomin:after, .ui-icon-left.ui-icon-circle-zoomin:before {
  content: "\e714";
}

.ui-icon-circle-zoomout:after, .ui-icon-left.ui-icon-circle-zoomout:before {
  content: "\e716";
}

.ui-icon-circlesmall-close:after, .ui-icon-left.ui-icon-circlesmall-close:before {
  content: "\e67b";
}

.ui-icon-circlesmall-minus:after, .ui-icon-left.ui-icon-circlesmall-minus:before {
  content: "\e681";
}

.ui-icon-circlesmall-plus:after, .ui-icon-left.ui-icon-circlesmall-plus:before {
  content: "\e687";
}

.ui-icon-client:after, .ui-icon-left.ui-icon-client:before {
  content: "\e72f";
}

.ui-icon-clipboard:after, .ui-icon-left.ui-icon-clipboard:before,
.ui-icon-paste:after, .ui-icon-left.ui-icon-paste:before {
  content: "\e68b";
}

.ui-icon-clock:after, .ui-icon-left.ui-icon-clock:before {
  content: "\e6d9";
}

.ui-icon-clock-b:after, .ui-icon-left.ui-icon-clock-b:before {
  content: "\e6da";
}

.ui-icon-close:after, .ui-icon-left.ui-icon-close:before,
.ui-icon-delete:after, .ui-icon-left.ui-icon-delete:before {
  content: "\e676";
}

.ui-icon-closethick:after, .ui-icon-left.ui-icon-closethick:before {
  content: "\e679";
}

.ui-icon-cloud:after, .ui-icon-left.ui-icon-cloud:before {
  content: "\e6dc";
}

.ui-icon-cloud-b:after, .ui-icon-left.ui-icon-cloud-b:before {
  content: "\e6dd";
}

.ui-icon-cloud-download:after, .ui-icon-left.ui-icon-cloud-download:before {
  content: "\e6de";
}

.ui-icon-cloud-upload:after, .ui-icon-left.ui-icon-cloud-upload:before {
  content: "\e6df";
}

.ui-icon-comment:after, .ui-icon-left.ui-icon-comment:before {
  content: "\e6e0";
}

.ui-icon-comments:after, .ui-icon-left.ui-icon-comments:before {
  content: "\e6e1";
}

.ui-icon-console:after, .ui-icon-left.ui-icon-console:before {
  content: "\e6c0";
}

.ui-icon-contact:after, .ui-icon-left.ui-icon-contact:before,
.ui-icon-vcard:after, .ui-icon-left.ui-icon-vcard:before {
  content: "\e703";
}

.ui-icon-copy:after, .ui-icon-left.ui-icon-copy:before,
.ui-icon-files:after, .ui-icon-left.ui-icon-files:before {
  content: "\e689";
}

.ui-icon-creditcard:after, .ui-icon-left.ui-icon-creditcard:before {
  content: "\e6d8";
}

.ui-icon-database:after, .ui-icon-left.ui-icon-database:before {
  content: "\e6f9";
}

.ui-icon-databases:after, .ui-icon-left.ui-icon-databases:before {
  content: "\e6fa";
}

.ui-icon-disk:after, .ui-icon-left.ui-icon-disk:before,
.ui-icon-save:after, .ui-icon-left.ui-icon-save:before {
  content: "\e68c";
}

.ui-icon-document:after, .ui-icon-left.ui-icon-document:before,
.ui-icon-file:after, .ui-icon-left.ui-icon-file:before {
  content: "\e69c";
}

.ui-icon-document-b:after, .ui-icon-left.ui-icon-document-b:before {
  content: "\e69d";
}

.ui-icon-download:after, .ui-icon-left.ui-icon-download:before {
  content: "\e6aa";
}

.ui-icon-eject:after, .ui-icon-left.ui-icon-eject:before {
  content: "\e6b6";
}

.ui-icon-erase:after, .ui-icon-left.ui-icon-erase:before {
  content: "\e72b";
}

.ui-icon-extlink:after, .ui-icon-left.ui-icon-extlink:before,
.ui-icon-linkext:after, .ui-icon-left.ui-icon-linkext:before,
.ui-icon-action:after, .ui-icon-left.ui-icon-action:before {
  content: "\e6b8";
}

.ui-icon-eye:after, .ui-icon-left.ui-icon-eye:before {
  content: "\e6ea";
}

.ui-icon-file-audio:after, .ui-icon-left.ui-icon-file-audio:before,
.ui-icon-audio:after, .ui-icon-left.ui-icon-audio:before {
  content: "\e69e";
}

.ui-icon-file-pdf:after, .ui-icon-left.ui-icon-file-pdf:before {
  content: "\e6a3";
}

.ui-icon-file-report:after, .ui-icon-left.ui-icon-file-report:before {
  content: "\e6a6";
}

.ui-icon-file-richtext:after, .ui-icon-left.ui-icon-file-richtext:before {
  content: "\e6a4";
}

.ui-icon-file-table:after, .ui-icon-left.ui-icon-file-table:before {
  content: "\e6a5";
}

.ui-icon-file-text:after, .ui-icon-left.ui-icon-file-text:before {
  content: "\e6a7";
}

.ui-icon-file-word:after, .ui-icon-left.ui-icon-file-word:before {
  content: "\e6a8";
}

.ui-icon-file-zip:after, .ui-icon-left.ui-icon-file-zip:before {
  content: "\e6a9";
}

.ui-icon-flag:after, .ui-icon-left.ui-icon-flag:before {
  content: "\e6e9";
}

.ui-icon-folder-collapsed:after, .ui-icon-left.ui-icon-folder-collapsed:before,
.ui-icon-folder:after, .ui-icon-left.ui-icon-folder:before,
.ui-icon-folder-closed:after, .ui-icon-left.ui-icon-folder-closed:before {
  content: "\e69a";
}

.ui-icon-folder-open:after, .ui-icon-left.ui-icon-folder-open:before {
  content: "\e69b";
}

.ui-icon-fullscreen:after, .ui-icon-left.ui-icon-fullscreen:before,
.ui-icon-fullscreen-on:after, .ui-icon-left.ui-icon-fullscreen-on:before {
  content: "\e902";
}

.ui-icon-fullscreen-off:after, .ui-icon-left.ui-icon-fullscreen-off:before {
  content: "\e903";
}

.ui-icon-gear:after, .ui-icon-left.ui-icon-gear:before {
  content: "\e6e6";
}

.ui-icon-gears:after, .ui-icon-left.ui-icon-gears:before {
  content: "\e6e7";
}

.ui-icon-globe:after, .ui-icon-left.ui-icon-globe:before {
  content: "\e6e2";
}

.ui-icon-globe-b:after, .ui-icon-left.ui-icon-globe-b:before {
  content: "\e6e3";
}

.ui-icon-grip-diagonal-se:after, .ui-icon-left.ui-icon-grip-diagonal-se:before {
  content: "\e66a";
}

.ui-icon-grip-dotted-horizontal:after, .ui-icon-left.ui-icon-grip-dotted-horizontal:before {
  content: "\e66e";
}

.ui-icon-grip-dotted-vertical:after, .ui-icon-left.ui-icon-grip-dotted-vertical:before {
  content: "\e66f";
}

.ui-icon-grip-solid-horizontal:after, .ui-icon-left.ui-icon-grip-solid-horizontal:before {
  content: "\e66c";
}

.ui-icon-grip-solid-vertical:after, .ui-icon-left.ui-icon-grip-solid-vertical:before {
  content: "\e66d";
}

.ui-icon-gripsmall-diagonal-se:after, .ui-icon-left.ui-icon-gripsmall-diagonal-se:before {
  content: "\e66b";
}

.ui-icon-heart:after, .ui-icon-left.ui-icon-heart:before {
  content: "\e6d1";
}

.ui-icon-heart-b:after, .ui-icon-left.ui-icon-heart-b:before {
  content: "\e6d2";
}

.ui-icon-heart-beat:after, .ui-icon-left.ui-icon-heart-beat:before {
  content: "\e6d3";
}

.ui-icon-help-plain:after, .ui-icon-left.ui-icon-help-plain:before {
  content: "\e661";
}

.ui-icon-history:after, .ui-icon-left.ui-icon-history:before {
  content: "\e6db";
}

.ui-icon-home:after, .ui-icon-left.ui-icon-home:before {
  content: "\e6c4";
}

.ui-icon-image:after, .ui-icon-left.ui-icon-image:before,
.ui-icon-file-image:after, .ui-icon-left.ui-icon-file-image:before {
  content: "\e6a1";
}

.ui-icon-info-plain:after, .ui-icon-left.ui-icon-info-plain:before {
  content: "\e664";
}

.ui-icon-jquery:after, .ui-icon-left.ui-icon-jquery:before {
  content: "\e746";
}

.ui-icon-key:after, .ui-icon-left.ui-icon-key:before {
  content: "\e6d4";
}

.ui-icon-lightbulb:after, .ui-icon-left.ui-icon-lightbulb:before {
  content: "\e6d5";
}

.ui-icon-link:after, .ui-icon-link:before {
  content: "\e6b7";
}

.ui-icon-link-broken:after, .ui-icon-left.ui-icon-link-broken:before {
  content: "\e6b9";
}

.ui-icon-loading-status-balls:after, .ui-icon-left.ui-icon-loading-status-balls:before {
  content: "\e741";
}

.ui-icon-loading-status-circle:after, .ui-icon-left.ui-icon-loading-status-circle:before {
  content: "\e742";
}

.ui-icon-loading-status-comet:after, .ui-icon-left.ui-icon-loading-status-comet:before {
  content: "\e743";
}

.ui-icon-loading-status-lines:after, .ui-icon-left.ui-icon-loading-status-lines:before {
  content: "\e744";
}

.ui-icon-loading-status-planet:after, .ui-icon-left.ui-icon-loading-status-planet:before {
  content: "\e745";
}

.ui-icon-location:after, .ui-icon-left.ui-icon-location:before {
  content: "\e6e4";
}

.ui-icon-locked:after, .ui-icon-left.ui-icon-locked:before,
.ui-icon-lock:after, .ui-icon-left.ui-icon-lock:before {
  content: "\e6bb";
}

.ui-icon-mail-attachment:after, .ui-icon-left.ui-icon-mail-attachment:before {
  content: "\e70b";
}

.ui-icon-mail-closed:after, .ui-icon-left.ui-icon-mail-closed:before,
.ui-icon-mail:after, .ui-icon-left.ui-icon-mail:before,
.ui-icon-email:after, .ui-icon-left.ui-icon-email:before {
  content: "\e706";
}

.ui-icon-mail-forward:after, .ui-icon-left.ui-icon-mail-forward:before {
  content: "\e708";
}

.ui-icon-mail-open:after, .ui-icon-left.ui-icon-mail-open:before,
.ui-icon-mail-read:after, .ui-icon-left.ui-icon-mail-read:before {
  content: "\e707";
}

.ui-icon-mail-reply:after, .ui-icon-left.ui-icon-mail-reply:before {
  content: "\e709";
}

.ui-icon-mail-replyall:after, .ui-icon-left.ui-icon-mail-replyall:before {
  content: "\e70a";
}

.ui-icon-mail-send:after, .ui-icon-left.ui-icon-mail-send:before {
  content: "\e70c";
}

.ui-icon-marker:after, .ui-icon-left.ui-icon-marker:before {
  content: "\e72c";
}

.ui-icon-menu:after, .ui-icon-left.ui-icon-menu:before,
.ui-icon-bars:after, .ui-icon-left.ui-icon-bars:before {
  content: "\e6c3";
}

.ui-icon-microphone:after, .ui-icon-left.ui-icon-microphone:before {
  content: "\e6b2";
}

.ui-icon-microphone-off:after, .ui-icon-left.ui-icon-microphone-off:before {
  content: "\e6b3";
}

.ui-icon-minus:after, .ui-icon-left.ui-icon-minus:before {
  content: "\e67c";
}

.ui-icon-minusthick:after, .ui-icon-left.ui-icon-minusthick:before {
  content: "\e67f";
}

.ui-icon-movie:after, .ui-icon-left.ui-icon-movie:before,
.ui-icon-file-movie:after, .ui-icon-left.ui-icon-file-movie:before {
  content: "\e69f";
}

.ui-icon-navigation:after, .ui-icon-left.ui-icon-navigation:before {
  content: "\e6e5";
}

.ui-icon-newspaper:after, .ui-icon-left.ui-icon-newspaper:before,
.ui-icon-newsletter:after, .ui-icon-left.ui-icon-newsletter:before,
.ui-icon-news:after, .ui-icon-left.ui-icon-news:before {
  content: "\e70e";
}

.ui-icon-newwin:after, .ui-icon-left.ui-icon-newwin:before,
.ui-icon-popup:after, .ui-icon-left.ui-icon-popup:before,
.ui-icon-windows:after, .ui-icon-left.ui-icon-windows:before {
  content: "\e6be";
}

.ui-icon-note:after, .ui-icon-left.ui-icon-note:before {
  content: "\e695";
}

.ui-icon-notice-plain:after, .ui-icon-left.ui-icon-notice-plain:before {
  content: "\e667";
}

.ui-icon-package:after, .ui-icon-left.ui-icon-package:before {
  content: "\e6cc";
}

.ui-icon-palette:after, .ui-icon-palette:before {
  content: "\e729";
}

.ui-icon-pause:after, .ui-icon-left.ui-icon-pause:before {
  content: "\e6ad";
}

.ui-icon-pencil:after, .ui-icon-left.ui-icon-pencil:before,
.ui-icon-edit:after, .ui-icon-left.ui-icon-edit:before {
  content: "\e688";
}

.ui-icon-person:after, .ui-icon-left.ui-icon-person:before,
.ui-icon-user:after, .ui-icon-left.ui-icon-user:before {
  content: "\e6d0";
}

.ui-icon-persons:after, .ui-icon-left.ui-icon-persons:before,
.ui-icon-users:after, .ui-icon-left.ui-icon-users:before,
.ui-icon-group:after, .ui-icon-left.ui-icon-group:before {
  content: "\e6cf";
}

.ui-icon-phone:after, .ui-icon-left.ui-icon-phone:before {
  content: "\e704";
}

.ui-icon-pilcrow:after, .ui-icon-left.ui-icon-pilcrow:before {
  content: "\e727";
}

.ui-icon-pin-s:after, .ui-icon-left.ui-icon-pin-s:before {
  content: "\e70f";
}

.ui-icon-pin-w:after, .ui-icon-left.ui-icon-pin-w:before {
  content: "\e710";
}

.ui-icon-play:after, .ui-icon-left.ui-icon-play:before {
  content: "\e6ac";
}

.ui-icon-plugin:after, .ui-icon-left.ui-icon-plugin:before {
  content: "\e6cb";
}

.ui-icon-plus:after, .ui-icon-left.ui-icon-plus:before {
  content: "\e682";
}

.ui-icon-plusthick:after, .ui-icon-left.ui-icon-plusthick:before {
  content: "\e685";
}

.ui-icon-power:after, .ui-icon-left.ui-icon-power:before,
.ui-icon-switch:after, .ui-icon-left.ui-icon-switch:before {
  content: "\e6cd";
}

.ui-icon-print:after, .ui-icon-left.ui-icon-print:before {
  content: "\e692";
}

.ui-icon-print-b:after, .ui-icon-left.ui-icon-print-b:before {
  content: "\e693";
}

.ui-icon-print-layout:after, .ui-icon-left.ui-icon-print-layout:before {
  content: "\e694";
}

.ui-icon-prush:after, .ui-icon-left.ui-icon-prush:before {
  content: "\e72a";
}

.ui-icon-radio-on:after, .ui-icon-left.ui-icon-radio-on:before,
.ui-icon-radio-btn-on:after, .ui-icon-left.ui-icon-radio-btn-on:before,
.ui-icon-radio-btn-checked:after, .ui-icon-left.ui-icon-radio-btn-checked:before {
  content: "\e6f5";
}

.ui-icon-redo:after, .ui-icon-left.ui-icon-redo:before {
  content: "\e68e";
}

.ui-icon-refresh:after, .ui-icon-left.ui-icon-refresh:before,
.ui-icon-reload:after, .ui-icon-left.ui-icon-reload:before {
  content: "\e6ce";
}

.ui-icon-rename:after, .ui-icon-left.ui-icon-rename:before,
.ui-icon-input:after, .ui-icon-left.ui-icon-input:before {
  content: "\e68f";
}

.ui-icon-retweet:after, .ui-icon-left.ui-icon-retweet:before {
  content: "\e6b5";
}

.ui-icon-scissors:after, .ui-icon-left.ui-icon-scissors:before,
.ui-icon-cut:after, .ui-icon-left.ui-icon-cut:before {
  content: "\e68a";
}

.ui-icon-screen-desktop:after, .ui-icon-left.ui-icon-screen-desktop:before,
.ui-icon-desktop:after, .ui-icon-left.ui-icon-desktop:before {
  content: "\e718";
}

.ui-icon-screen-laptop:after, .ui-icon-left.ui-icon-screen-laptop:before,
.ui-icon-laptop:after, .ui-icon-left.ui-icon-laptop:before {
  content: "\e719";
}

.ui-icon-screen-mobile:after, .ui-icon-left.ui-icon-screen-mobile:before,
.ui-icon-mobile:after, .ui-icon-left.ui-icon-mobile:before {
  content: "\e71a";
}

.ui-icon-script:after, .ui-icon-left.ui-icon-script:before,
.ui-icon-file-script:after, .ui-icon-left.ui-icon-file-script:before {
  content: "\e6a2";
}

.ui-icon-search:after, .ui-icon-left.ui-icon-search:before,
.ui-input-search:after, .ui-icon-left.ui-input-search:before {
  content: "\e6f2";
}

.ui-icon-select:after, .ui-icon-left.ui-icon-select:before {
  content: "\e72d";
}

.ui-icon-selectbox:after, .ui-icon-left.ui-icon-selectbox:before {
  content: "\e6f6";
}

.ui-icon-server:after, .ui-icon-left.ui-icon-server:before {
  content: "\e730";
}

.ui-icon-settings:after, .ui-icon-left.ui-icon-settings:before {
  content: "\e6f4";
}

.ui-icon-shield:after, .ui-icon-left.ui-icon-shield:before {
  content: "\e732";
}

.ui-icon-shuffle:after, .ui-icon-left.ui-icon-shuffle:before {
  content: "\e6b4";
}

.ui-icon-shuttle:after, .ui-icon-left.ui-icon-shuttle:before {
  content: "\e73f";
}

.ui-icon-sign-in:after, .ui-icon-left.ui-icon-sign-in:before,
.ui-icon-login:after, .ui-icon-left.ui-icon-login:before {
  content: "\e6ee";
}

.ui-icon-sign-out:after, .ui-icon-left.ui-icon-sign-out:before,
.ui-icon-logout:after, .ui-icon-left.ui-icon-logout:before,
.ui-icon-logoff:after, .ui-icon-left.ui-icon-logoff:before {
  content: "\e6ef";
}

.ui-icon-signal:after, .ui-icon-left.ui-icon-signal:before {
  content: "\e725";
}

.ui-icon-signal-diag:after, .ui-icon-left.ui-icon-signal-diag:before,
.ui-icon-rss:after, .ui-icon-left.ui-icon-rss:before,
.ui-icon-feed:after, .ui-icon-left.ui-icon-feed:before {
  content: "\e726";
}

.ui-icon-sitemap:after, .ui-icon-left.ui-icon-sitemap:before {
  content: "\e736";
}

.ui-icon-sorting:after, .ui-icon-left.ui-icon-sorting:before {
  content: "\e71e";
}

.ui-icon-sorting-asc:after, .ui-icon-left.ui-icon-sorting-asc:before {
  content: "\e71f";
}

.ui-icon-sorting-desc:after, .ui-icon-left.ui-icon-sorting-desc:before {
  content: "\e720";
}

.ui-icon-squaresmall-close:after, .ui-icon-left.ui-icon-squaresmall-close:before {
  content: "\e67a";
}

.ui-icon-squaresmall-minus:after, .ui-icon-left.ui-icon-squaresmall-minus:before {
  content: "\e680";
}

.ui-icon-squaresmall-plus:after, .ui-icon-left.ui-icon-squaresmall-plus:before {
  content: "\e686";
}

.ui-icon-star:after, .ui-icon-left.ui-icon-star:before {
  content: "\e6c7";
}

.ui-icon-star-b:after, .ui-icon-left.ui-icon-star-b:before {
  content: "\e6c9";
}

.ui-icon-star-h:after, .ui-icon-left.ui-icon-star-h:before {
  content: "\e6c8";
}

.ui-icon-stop:after, .ui-icon-left.ui-icon-stop:before {
  content: "\e6ae";
}

.ui-icon-structure:after, .ui-icon-left.ui-icon-structure:before {
  content: "\e737";
}

.ui-icon-suitcase:after, .ui-icon-left.ui-icon-suitcase:before {
  content: "\e6f7";
}

.ui-icon-table:after, .ui-icon-left.ui-icon-table:before {
  content: "\e696";
}

.ui-icon-tag:after, .ui-icon-left.ui-icon-tag:before {
  content: "\e697";
}

.ui-icon-tags:after, .ui-icon-left.ui-icon-tags:before {
  content: "\e698";
}

.ui-icon-template:after, .ui-icon-left.ui-icon-template:before {
  content: "\e738";
}

.ui-icon-ticket:after, .ui-icon-left.ui-icon-ticket:before {
  content: "\e699";
}

.ui-icon-toggle-off:after, .ui-icon-left.ui-icon-left.ui-icon-toggle-off:before {
  content: "\e6f0";
}

.ui-icon-toggle-on:after, .ui-icon-left.ui-icon-toggle-on:before {
  content: "\e6f1";
}

.ui-icon-transfer-e-w:after, .ui-icon-left.ui-icon-transfer-e-w:before {
  content: "\e6ec";
}

.ui-icon-transferthick-e-w:after, .ui-icon-left.ui-icon-transferthick-e-w:before {
  content: "\e6ed";
}

.ui-icon-transform:after, .ui-icon-left.ui-icon-transform:before {
  content: "\e739";
}

.ui-icon-translate:after, .ui-icon-left.ui-icon-translate:before {
  content: "\e740";
}

.ui-icon-trash:after, .ui-icon-left.ui-icon-trash:before,
.ui-icon-recycle:after, .ui-icon-left.ui-icon-recycle:before {
  content: "\e690";
}

.ui-icon-trash-b:after, .ui-icon-left.ui-icon-trash-b:before {
  content: "\e691";
}

.ui-icon-triangle-1-e:after, .ui-icon-left.ui-icon-triangle-1-e:before {
  content: "\e647";
}

.ui-icon-triangle-1-e-stop:after, .ui-icon-left.ui-icon-triangle-1-e-stop:before,
.ui-icon-seek-end:after, .ui-icon-left.ui-icon-seek-end:before {
  content: "\e64e";
}

.ui-icon-triangle-1-n:after, .ui-icon-left.ui-icon-triangle-1-n:before {
  content: "\e645";
}

.ui-icon-triangle-1-n-stop:after, .ui-icon-left.ui-icon-triangle-1-n-stop:before {
  content: "\e64d";
}

.ui-icon-triangle-1-ne:after, .ui-icon-left.ui-icon-triangle-1-ne:before {
  content: "\e646";
}

.ui-icon-triangle-1-nw:after, .ui-icon-left.ui-icon-triangle-1-nw:before {
  content: "\e64c";
}

.ui-icon-triangle-1-s:after, .ui-icon-left.ui-icon-triangle-1-s:before {
  content: "\e64b";
}

.ui-icon-triangle-1-s-stop:after, .ui-icon-left.ui-icon-triangle-1-s-stop:before {
  content: "\e64f";
}

.ui-icon-triangle-1-se:after, .ui-icon-left.ui-icon-triangle-1-se:before {
  content: "\e64a";
}

.ui-icon-triangle-1-sw:after, .ui-icon-left.ui-icon-triangle-1-sw:before {
  content: "\e648";
}

.ui-icon-triangle-1-w:after, .ui-icon-left.ui-icon-triangle-1-w:before {
  content: "\e649";
}

.ui-icon-triangle-1-w-stop:after, .ui-icon-left.ui-icon-triangle-1-w-stop:before,
.ui-icon-seek-first:after, .ui-icon-left.ui-icon-seek-first:before {
  content: "\e650";
}

.ui-icon-triangle-2-e:after, .ui-icon-left.ui-icon-triangle-2-e:before,
.ui-icon-seek-next:after, .ui-icon-left.ui-icon-seek-next:before {
  content: "\e651";
}

.ui-icon-triangle-2-e-w:after, .ui-icon-left.ui-icon-triangle-2-e-w:before {
  content: "\e654";
}

.ui-icon-triangle-2-n-s:after, .ui-icon-left.ui-icon-triangle-2-n-s:before {
  content: "\e653";
}

.ui-icon-triangle-2-w:after, .ui-icon-left.ui-icon-triangle-2-w:before,
.ui-icon-seek-prev:after, .ui-icon-left.ui-icon-seek-prev:before {
  content: "\e652";
}

.ui-icon-truck:after, .ui-icon-left.ui-icon-truck:before {
  content: "\e6f8";
}

.ui-icon-undo:after, .ui-icon-left.ui-icon-undo:before {
  content: "\e68d";
}

.ui-icon-unlocked:after, .ui-icon-left.ui-icon-unlocked:before,
.ui-icon-lock-open:after, .ui-icon-left.ui-icon-lock-open:before {
  content: "\e6bc";
}

.ui-icon-upload:after, .ui-icon-left.ui-icon-upload:before {
  content: "\e6ab";
}

.ui-icon-vcs-branch:after, .ui-icon-left.ui-icon-vcs-branch:before {
  content: "\e73d";
}

.ui-icon-vcs-compare:after, .ui-icon-left.ui-icon-vcs-compare:before {
  content: "\e73b";
}

.ui-icon-vcs-fork:after, .ui-icon-left.ui-icon-vcs-fork:before {
  content: "\e73a";
}

.ui-icon-vcs-merge:after, .ui-icon-left.ui-icon-vcs-merge:before {
  content: "\e73e";
}

.ui-icon-vcs-pull-request:after, .ui-icon-left.ui-icon-vcs-pull-request:before {
  content: "\e73c";
}

.ui-icon-video:after, .ui-icon-left.ui-icon-video:before,
.ui-icon-file-video:after, .ui-icon-left.ui-icon-file-video:before {
  content: "\e6a0";
}

.ui-icon-view-icons:after, .ui-icon-left.ui-icon-view-icons:before,
.ui-icon-grid-b:after, .ui-icon-left.ui-icon-grid-b:before {
  content: "\e71b";
}

.ui-icon-view-icons-b:after, .ui-icon-left.ui-icon-view-icons-b:before,
.ui-icon-grid:after, .ui-icon-left.ui-icon-grid:before {
  content: "\e71c";
}

.ui-icon-view-list:after, .ui-icon-left.ui-icon-view-list:before,
.ui-icon-list:after, .ui-icon-left.ui-icon-list:before,
.ui-icon-bullets:after, .ui-icon-left.ui-icon-bullets:before {
  content: "\e71d";
}

.ui-icon-volume-off:after, .ui-icon-left.ui-icon-volume-off:before,
.ui-icon-volume-mute:after, .ui-icon-left.ui-icon-volume-mute:before {
  content: "\e6af";
}

.ui-icon-volume-on:after, .ui-icon-left.ui-icon-volume-on:before,
.ui-icon-volume-high:after, .ui-icon-left.ui-icon-volume-high:before {
  content: "\e6b0";
}

.ui-icon-volume-on-b:after, .ui-icon-left.ui-icon-volume-on-b:before,
.ui-icon-volume-low:after, .ui-icon-left.ui-icon-volume-low:before {
  content: "\e6b1";
}

.ui-icon-window:after, .ui-icon-left.ui-icon-window:before {
  content: "\e6bd";
}

.ui-icon-window-close:after, .ui-icon-left.ui-icon-window-close:before {
  content: "\e6c1";
}

.ui-icon-window-minimize:after, .ui-icon-left.ui-icon-window-minimize:before {
  content: "\e6c2";
}

.ui-icon-window-sidebar:after, .ui-icon-left.ui-icon-window-sidebar:before {
  content: "\e6bf";
}

.ui-icon-wrench:after, .ui-icon-left.ui-icon-wrench:before {
  content: "\e6f3";
}

.ui-icon-zoom:after, .ui-icon-left.ui-icon-zoom:before {
  content: "\e711";
}

.ui-icon-zoomequal:after, .ui-icon-left.ui-icon-left.ui-icon-zoomequal:before {
  content: "\e717";
}

.ui-icon-zoomin:after, .ui-icon-left.ui-icon-left.ui-icon-zoomin:before {
  content: "\e713";
}

.ui-icon-zoomout:after, .ui-icon-left.ui-icon-zoomout:before {
  content: "\e715";
}

.ui-icon-carat-1-e:after, .ui-icon-left.ui-icon-carat-1-e:before {
  content: "\e639";
} /* deprecated: use '.ui-icon-caret-1-e' instead */
.ui-icon-carat-1-n:after, .ui-icon-left.ui-icon-carat-1-n:before {
  content: "\e637";
} /* deprecated: use '.ui-icon-caret-1-n' instead */
.ui-icon-carat-1-s:after, .ui-icon-left.ui-icon-carat-1-s:before {
  content: "\e63b";
} /* deprecated: use '.ui-icon-caret-1-s' instead */
.ui-icon-carat-1-w:after, .ui-icon-left.ui-icon-carat-1-w:before {
  content: "\e63d";
} /* deprecated: use '.ui-icon-caret-1-w' instead */
.ui-icon-carat-2-e:after, .ui-icon-left.ui-icon-carat-2-e:before {
  content: "\e640";
} /* deprecated: use '.ui-icon-caret-2-e' instead */
.ui-icon-carat-2-e-w:after, .ui-icon-left.ui-icon-carat-2-e-w:before {
  content: "\e643";
} /* deprecated: use '.ui-icon-caret-2-e-w' instead */
.ui-icon-carat-2-n:after, .ui-icon-left.ui-icon-carat-2-n:before {
  content: "\e63f";
} /* deprecated: use '.ui-icon-caret-2-n' instead */
.ui-icon-carat-2-n-s:after, .ui-icon-left.ui-icon-carat-2-n-s:before {
  content: "\e644";
} /* deprecated: use '.ui-icon-caret-2-n-s' instead */
.ui-icon-carat-2-s:after, .ui-icon-left.ui-icon-carat-2-s:before {
  content: "\e641";
} /* deprecated: use '.ui-icon-caret-2-s' instead */
.ui-icon-carat-2-w:after, .ui-icon-left.ui-icon-carat-2-w:before {
  content: "\e642";
} /* deprecated: use '.ui-icon-caret-2-w' instead */
.ui-icon-caratstop-1-e:after, .ui-icon-left.ui-icon-left.ui-icon-caratstop-1-e:before {
  content: "\e905";
} /* deprecated: use '.ui-icon-caretstop-1-e' instead */
.ui-icon-caratstop-1-n:after, .ui-icon-left.ui-icon-caratstop-1-n:before {
  content: "\e901";
} /* deprecated: use '.ui-icon-caretstop-1-n' instead */
.ui-icon-caratstop-1-s:after, .ui-icon-left.ui-icon-caratstop-1-s:before {
  content: "\e900";
} /* deprecated: use '.ui-icon-caretstop-1-s' instead */
.ui-icon-caratstop-1-w:after, .ui-icon-left.ui-icon-caratstop-1-w:before {
  content: "\e904";
} /* deprecated: use '.ui-icon-caretstop-1-w' instead */
/* bounce animations */
@keyframes bounce {
  0%, 100% {
    transform: scale(0.2);
  }
  50% {
    transform: scale(1);
  }
}
[class^=ui-icon-].bounce:after,
[class*=" ui-icon-"].bounce:after {
  animation: bounce 1s infinite ease-in-out;
  -moz-animation: bounce 1s infinite ease-in-out;
  -ms-animation: bounce 1s infinite ease-in-out;
  -webkit-animation: bounce 1s infinite ease-in-out;
}

/* rotated animations */
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
[class^=ui-icon-].rotate,
[class*=" ui-icon-"].rotate,
[class^=ui-icon-].rotate-reverse,
[class*=" ui-icon-"].rotate-reverse {
  animation: rotate 1s infinite linear;
  -moz-animation: rotate 1s infinite linear;
  -ms-animation: rotate 1s infinite linear;
  -webkit-animation: rotate 1s infinite linear;
}

[class^=ui-icon-].rotate-reverse,
[class*=" ui-icon-"].rotate-reverse {
  animation-direction: reverse;
  -moz-animation-direction: reverse;
  -ms-animation-direction: reverse;
  -webkit-animation-direction: reverse;
}

/* apply glyphs to icons */
.icon-blank {
  content: " ";
} /* <-- yeah, this really needed! */
.icon-addon,
.icon-puzzle {
  content: "\e6ca";
}

.icon-address {
  content: "\e702";
}

.icon-alert {
  content: "\e65f";
}

.icon-alert-b {
  content: "\e660";
}

.uicon-anchor {
  content: "\e6ba";
}

.icon-archive {
  content: "\e70d";
}

.icon-arrow-1-e,
.icon-arrow-r {
  content: "\e603";
}

.ui-icon-arrow-1-n,
.icon-arrow-u:after {
  content: "\e601";
}

.icon-arrow-1-ne,
.icon-arrow-u-r {
  content: "\e602";
}

.icon-arrow-1-nw,
.icon-arrow-u-l {
  content: "\e608";
}

.icon-arrow-1-s,
.icon-arrow-d {
  content: "\e605";
}

.icon-arrow-1-se,
.icon-arrow-d-r {
  content: "\e604";
}

.icon-arrow-1-sw,
.icon-arrow-d-l {
  content: "\e606";
}

.icon-arrow-1-w,
.icon-arrow-l {
  content: "\e607";
}

.icon-arrow-2-e-w,
.icon-move-h,
.icon-resize-h {
  content: "\e617";
}

.icon-arrow-2-n-s,
.icon-move-v,
.icon-resize-v {
  content: "\e615";
}

.icon-arrow-2-ne-sw {
  content: "\e616";
}

.icon-arrow-2-se-nw {
  content: "\e618";
}

.icon-arrow-4,
.icon-move {
  content: "\e619";
}

.icon-arrow-4-diag {
  content: "\e61a";
}

.icon-arrowrefresh-1-e {
  content: "\e612";
}

.icon-arrowrefresh-1-n {
  content: "\e611";
}

.icon-arrowrefresh-1-s {
  content: "\e613";
}

.icon-arrowrefresh-1-w {
  content: "\e614";
}

.icon-arrowreturn-1-e,
.icon-forward {
  content: "\e60e";
}

.icon-arrowreturn-1-n {
  content: "\e60d";
}

.icon-arrowreturn-1-s,
.icon-back {
  content: "\e60f";
}

.icon-arrowreturn-1-w {
  content: "\e610";
}

.icon-arrowreturnthick-1-e {
  content: "\e628";
}

.icon-arrowreturnthick-1-n {
  content: "\e627";
}

.icon-arrowreturnthick-1-s {
  content: "\e629";
}

.icon-arrowreturnthick-1-w {
  content: "\e62a";
}

.icon-arrowstop-1-e {
  content: "\e60a";
}

.icon-arrowstop-1-n {
  content: "\e609";
}

.icon-arrowstop-1-s {
  content: "\e60b";
}

.icon-arrowstop-1-w {
  content: "\e60c";
}

.icon-arrowthick-1-e {
  content: "\e61d";
}

.icon-arrowthick-1-n {
  content: "\e61b";
}

.icon-arrowthick-1-ne {
  content: "\e61c";
}

.icon-arrowthick-1-nw {
  content: "\e622";
}

.icon-arrowthick-1-s {
  content: "\e61f";
}

.icon-arrowthick-1-se {
  content: "\e61e";
}

.icon-arrowthick-1-sw {
  content: "\e620";
}

.icon-arrowthick-1-w {
  content: "\e621";
}

.icon-arrowthick-2-e-w {
  content: "\e62d";
}

.icon-arrowthick-2-n-s {
  content: "\e62b";
}

.icon-arrowthick-2-ne-sw {
  content: "\e62c";
}

.icon-arrowthick-2-se-nw {
  content: "\e62e";
}

.icon-arrowthickstop-1-e {
  content: "\e624";
}

.icon-arrowthickstop-1-n {
  content: "\e623";
}

.icon-arrowthickstop-1-s {
  content: "\e625";
}

.icon-arrowthickstop-1-w {
  content: "\e626";
}

.icon-battery-0 {
  content: "\e721";
}

.icon-battery-1 {
  content: "\e722";
}

.icon-battery-2 {
  content: "\e723";
}

.icon-battery-3 {
  content: "\e724";
}

.icon-book {
  content: "\e6fb";
}

.icon-book-b {
  content: "\e6fc";
}

.icon-bookmark {
  content: "\e6c5";
}

.icon-bookmark-b {
  content: "\e6c6";
}

.icon-box {
  content: "\e6eb";
}

.icon-bucket {
  content: "\e728";
}

.icon-bug {
  content: "\e72e";
}

.icon-bullet,
html .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
html .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  content: "\e65d";
}

.icon-bullhorn {
  content: "\e731";
}

.icon-calculator {
  content: "\e6fd";
}

.icon-calculator-b {
  content: "\e6fe";
}

.icon-calendar {
  content: "\e6ff";
}

.icon-calendar-b {
  content: "\e700";
}

.icon-calendar-day {
  content: "\e701";
}

.icon-camera {
  content: "\e6e8";
}

.icon-cancel,
.icon-forbidden {
  content: "\e675";
}

.icon-caret-1-e,
.icon-caret-r,
.icon-carat-r {
  content: "\e639";
}

.icon-caret-1-n,
.icon-caret-u,
.icon-carat-u {
  content: "\e637";
}

.icon-caret-1-ne {
  content: "\e638";
}

.icon-caret-1-nw {
  content: "\e63e";
}

.icon-caret-1-s,
.icon-caret-d,
.icon-carat-d {
  content: "\e63b";
}

.icon-caret-1-se {
  content: "\e63a";
}

.icon-caret-1-sw {
  content: "\e63c";
}

.icon-caret-1-w,
.icon-caret-l,
.icon-carat-l {
  content: "\e63d";
}

.icon-caret-2-e {
  content: "\e640";
}

.icon-caret-2-e-w {
  content: "\e643";
}

.icon-caret-2-n {
  content: "\e63f";
}

.icon-caret-2-n-s {
  content: "\e644";
}

.icon-caret-2-s {
  content: "\e641";
}

.icon-caret-2-w {
  content: "\e642";
}

.icon-caretstop-1-e,
.icon-caratstop-1-e {
  content: "\e905";
}

.icon-caretstop-1-n,
.icon-caratstop-1-n {
  content: "\e901";
}

.icon-caretstop-1-s,
.icon-caratstop-1-s {
  content: "\e900";
}

.icon-caretstop-1-w,
.icon-caratstop-1-w {
  content: "\e904";
}

.icon-cart,
.icon-shop {
  content: "\e6d6";
}

.icon-cart-b,
.icon-shop-b {
  content: "\e6d7";
}

.icon-chart-bars {
  content: "\e734";
}

.icon-chart-line {
  content: "\e735";
}

.icon-chart-pie {
  content: "\e733";
}

.icon-check,
html .ui-btn.ui-checkbox-on.ui-checkbox-on,
html .ui-alt-icon.ui-btn.ui-checkbox-on,
html .ui-alt-icon .ui-btn.ui-checkbox-on {
  content: "\e670";
}

.icon-check-off,
.icon-checkbox,
.icon-checkbox-off,
.icon-checkbox-unchecked {
  content: "\e673";
}

.icon-check-on,
.icon-checkbox-on,
.icon-checkbox-checked {
  content: "\e674";
}

.icon-circle,
.icon-radio-off,
.icon-radio-btn,
.icon-radio-btn-off,
.icon-radio-btn-unchecked {
  content: "\e65e";
}

.icon-circle-arrow-e {
  content: "\e630";
}

.icon-circle-arrow-n {
  content: "\e62f";
}

.icon-circle-arrow-s {
  content: "\e631";
}

.icon-circle-arrow-w {
  content: "\e632";
}

.icon-circle-b-arrow-e {
  content: "\e634";
}

.icon-circle-b-arrow-n {
  content: "\e633";
}

.icon-circle-b-arrow-s {
  content: "\e635";
}

.icon-circle-b-arrow-w {
  content: "\e636";
}

.icon-circle-b-check {
  content: "\e672";
}

.icon-circle-b-close {
  content: "\e678";
}

.icon-circle-b-help {
  content: "\e663";
}

.icon-circle-b-info {
  content: "\e666";
}

.icon-circle-b-minus {
  content: "\e67e";
}

.icon-circle-b-notice {
  content: "\e669";
}

.icon-circle-b-plus {
  content: "\e684";
}

.icon-circle-b-triangle-e {
  content: "\e65a";
}

.icon-circle-b-triangle-n {
  content: "\e659";
}

.icon-circle-b-triangle-s {
  content: "\e65b";
}

.icon-circle-b-triangle-w {
  content: "\e65c";
}

.icon-circle-check {
  content: "\e671";
}

.icon-circle-close {
  content: "\e677";
}

.icon-circle-help,
.icon-help {
  content: "\e662";
}

.icon-circle-info,
.icon-info {
  content: "\e665";
}

.icon-circle-minus {
  content: "\e67d";
}

.icon-circle-notice,
.icon-notice {
  content: "\e668";
}

.icon-circle-phone {
  content: "\e705";
}

.icon-circle-plus {
  content: "\e683";
}

.icon-circle-triangle-e {
  content: "\e656";
}

.icon-circle-triangle-n {
  content: "\e655";
}

.icon-circle-triangle-s {
  content: "\e657";
}

.icon-circle-triangle-w {
  content: "\e658";
}

.icon-circle-zoom {
  content: "\e712";
}

.icon-circle-zoomin {
  content: "\e714";
}

.icon-circle-zoomout {
  content: "\e716";
}

.icon-circlesmall-close {
  content: "\e67b";
}

.icon-circlesmall-minus {
  content: "\e681";
}

.icon-circlesmall-plus {
  content: "\e687";
}

.icon-client {
  content: "\e72f";
}

.icon-clipboard,
.icon-paste {
  content: "\e68b";
}

.icon-clock {
  content: "\e6d9";
}

.icon-clock-b {
  content: "\e6da";
}

.icon-close,
.icon-delete {
  content: "\e676";
}

.icon-closethick {
  content: "\e679";
}

.icon-cloud {
  content: "\e6dc";
}

.icon-cloud-b {
  content: "\e6dd";
}

.icon-cloud-download {
  content: "\e6de";
}

.icon-cloud-upload {
  content: "\e6df";
}

.icon-comment {
  content: "\e6e0";
}

.icon-comments {
  content: "\e6e1";
}

.icon-console {
  content: "\e6c0";
}

.icon-contact,
.icon-vcard {
  content: "\e703";
}

.icon-copy,
.icon-files {
  content: "\e689";
}

.icon-creditcard {
  content: "\e6d8";
}

.icon-database {
  content: "\e6f9";
}

.icon-databases {
  content: "\e6fa";
}

.icon-disk,
.icon-save {
  content: "\e68c";
}

.icon-document,
.icon-file {
  content: "\e69c";
}

.icon-document-b {
  content: "\e69d";
}

.icon-download {
  content: "\e6aa";
}

.icon-eject {
  content: "\e6b6";
}

.icon-erase {
  content: "\e72b";
}

.icon-extlink,
.icon-linkext,
.icon-action {
  content: "\e6b8";
}

.icon-eye {
  content: "\e6ea";
}

.icon-file-audio,
.icon-audio {
  content: "\e69e";
}

.icon-file-pdf {
  content: "\e6a3";
}

.icon-file-report {
  content: "\e6a6";
}

.icon-file-richtext {
  content: "\e6a4";
}

.icon-file-table {
  content: "\e6a5";
}

.icon-file-text {
  content: "\e6a7";
}

.icon-file-word {
  content: "\e6a8";
}

.icon-file-zip {
  content: "\e6a9";
}

.icon-flag {
  content: "\e6e9";
}

.icon-folder-collapsed,
.icon-folder,
.icon-folder-closed {
  content: "\e69a";
}

.icon-folder-open {
  content: "\e69b";
}

.icon-fullscreen,
.icon-fullscreen-on {
  content: "\e902";
}

.icon-fullscreen-off {
  content: "\e903";
}

.icon-gear {
  content: "\e6e6";
}

.icon-gears {
  content: "\e6e7";
}

.icon-globe {
  content: "\e6e2";
}

.icon-globe-b {
  content: "\e6e3";
}

.icon-grip-diagonal-se {
  content: "\e66a";
}

.icon-grip-dotted-horizontal {
  content: "\e66e";
}

.icon-grip-dotted-vertical {
  content: "\e66f";
}

.icon-grip-solid-horizontal {
  content: "\e66c";
}

.icon-grip-solid-vertical {
  content: "\e66d";
}

.icon-gripsmall-diagonal-se {
  content: "\e66b";
}

.icon-heart {
  content: "\e6d1";
}

.icon-heart-b {
  content: "\e6d2";
}

.icon-heart-beat {
  content: "\e6d3";
}

.icon-help-plain {
  content: "\e661";
}

.icon-history {
  content: "\e6db";
}

.icon-home {
  content: "\e6c4";
}

.icon-image,
.icon-file-image {
  content: "\e6a1";
}

.icon-info-plain {
  content: "\e664";
}

.icon-jquery {
  content: "\e746";
}

.icon-key {
  content: "\e6d4";
}

.icon-lightbulb {
  content: "\e6d5";
}

.icon-link {
  content: "\e6b7";
}

.icon-link-broken {
  content: "\e6b9";
}

.icon-loading-status-balls {
  content: "\e741";
}

.icon-loading-status-circle {
  content: "\e742";
}

.icon-loading-status-comet {
  content: "\e743";
}

.icon-loading-status-lines {
  content: "\e744";
}

.icon-loading-status-planet {
  content: "\e745";
}

.icon-location {
  content: "\e6e4";
}

.icon-locked,
.icon-lock {
  content: "\e6bb";
}

.icon-mail-attachment {
  content: "\e70b";
}

.icon-mail-closed,
.icon-mail,
.icon-email {
  content: "\e706";
}

.icon-mail-forward {
  content: "\e708";
}

.icon-mail-open,
.icon-mail-read {
  content: "\e707";
}

.icon-mail-reply {
  content: "\e709";
}

.icon-mail-replyall {
  content: "\e70a";
}

.icon-mail-send {
  content: "\e70c";
}

.icon-marker {
  content: "\e72c";
}

.icon-menu,
.icon-bars {
  content: "\e6c3";
}

.icon-microphone {
  content: "\e6b2";
}

.icon-microphone-off {
  content: "\e6b3";
}

.icon-minus {
  content: "\e67c";
}

.icon-minusthick {
  content: "\e67f";
}

.icon-movie,
.icon-file-movie {
  content: "\e69f";
}

.icon-navigation {
  content: "\e6e5";
}

.icon-newspaper,
.icon-newsletter,
.icon-news {
  content: "\e70e";
}

.icon-newwin,
.icon-popup,
.icon-windows {
  content: "\e6be";
}

.icon-note {
  content: "\e695";
}

.icon-notice-plain {
  content: "\e667";
}

.icon-package {
  content: "\e6cc";
}

.icon-palette {
  content: "\e729";
}

.icon-pause {
  content: "\e6ad";
}

.icon-pencil,
.icon-edit {
  content: "\e688";
}

.icon-person,
.icon-user {
  content: "\e6d0";
}

.icon-persons,
.icon-users,
.icon-group {
  content: "\e6cf";
}

.icon-phone {
  content: "\e704";
}

.icon-pilcrow {
  content: "\e727";
}

.icon-pin-s {
  content: "\e70f";
}

.icon-pin-w {
  content: "\e710";
}

.icon-play {
  content: "\e6ac";
}

.icon-plugin {
  content: "\e6cb";
}

.icon-plus {
  content: "\e682";
}

.icon-plusthick {
  content: "\e685";
}

.icon-power,
.icon-switch {
  content: "\e6cd";
}

.icon-print {
  content: "\e692";
}

.icon-print-b {
  content: "\e693";
}

.icon-print-layout {
  content: "\e694";
}

.icon-prush {
  content: "\e72a";
}

.icon-radio-on,
.icon-radio-btn-on,
.icon-radio-btn-checked {
  content: "\e6f5";
}

.icon-redo {
  content: "\e68e";
}

.icon-refresh,
.icon-reload {
  content: "\e6ce";
}

.icon-rename,
.icon-input {
  content: "\e68f";
}

.icon-retweet {
  content: "\e6b5";
}

.icon-scissors,
.icon-cut {
  content: "\e68a";
}

.icon-screen-desktop,
.icon-desktop {
  content: "\e718";
}

.icon-screen-laptop,
.icon-laptop {
  content: "\e719";
}

.icon-screen-mobile,
.icon-mobile {
  content: "\e71a";
}

.icon-script,
.icon-file-script {
  content: "\e6a2";
}

.icon-search,
.ui-input-search {
  content: "\e6f2";
}

.icon-select {
  content: "\e72d";
}

.icon-selectbox {
  content: "\e6f6";
}

.icon-server {
  content: "\e730";
}

.icon-settings {
  content: "\e6f4";
}

.icon-shield {
  content: "\e732";
}

.icon-shuffle {
  content: "\e6b4";
}

.icon-shuttle {
  content: "\e73f";
}

.icon-sign-in,
.icon-login {
  content: "\e6ee";
}

.icon-sign-out,
.icon-logout,
.icon-logoff {
  content: "\e6ef";
}

.icon-signal {
  content: "\e725";
}

.icon-signal-diag,
.icon-rss,
.icon-feed {
  content: "\e726";
}

.icon-sitemap {
  content: "\e736";
}

.icon-sorting {
  content: "\e71e";
}

.icon-sorting-asc {
  content: "\e71f";
}

.icon-sorting-desc {
  content: "\e720";
}

.icon-squaresmall-close {
  content: "\e67a";
}

.icon-squaresmall-minus {
  content: "\e680";
}

.icon-squaresmall-plus {
  content: "\e686";
}

.icon-star {
  content: "\e6c7";
}

.icon-star-b {
  content: "\e6c9";
}

.icon-star-h {
  content: "\e6c8";
}

.icon-stop {
  content: "\e6ae";
}

.icon-structure {
  content: "\e737";
}

.icon-suitcase {
  content: "\e6f7";
}

.icon-table {
  content: "\e696";
}

.icon-tag {
  content: "\e697";
}

.icon-tags {
  content: "\e698";
}

.icon-template {
  content: "\e738";
}

.icon-ticket {
  content: "\e699";
}

.icon-toggle-off {
  content: "\e6f0";
}

.icon-toggle-on {
  content: "\e6f1";
}

.icon-transfer-e-w {
  content: "\e6ec";
}

.icon-transferthick-e-w {
  content: "\e6ed";
}

.icon-transform {
  content: "\e739";
}

.icon-translate {
  content: "\e740";
}

.icon-trash,
.icon-recycle {
  content: "\e690";
}

.icon-trash-b {
  content: "\e691";
}

.icon-triangle-1-e {
  content: "\e647";
}

.icon-triangle-1-e-stop,
.icon-seek-end {
  content: "\e64e";
}

.icon-triangle-1-n {
  content: "\e645";
}

.icon-triangle-1-n-stop {
  content: "\e64d";
}

.icon-triangle-1-ne {
  content: "\e646";
}

.icon-triangle-1-nw {
  content: "\e64c";
}

.icon-triangle-1-s {
  content: "\e64b";
}

.icon-triangle-1-s-stop {
  content: "\e64f";
}

.icon-triangle-1-se {
  content: "\e64a";
}

.icon-triangle-1-sw {
  content: "\e648";
}

.icon-triangle-1-w {
  content: "\e649";
}

.icon-triangle-1-w-stop,
.icon-seek-first {
  content: "\e650";
}

.icon-triangle-2-e,
.icon-seek-next {
  content: "\e651";
}

.icon-triangle-2-e-w {
  content: "\e654";
}

.icon-triangle-2-n-s {
  content: "\e653";
}

.icon-triangle-2-w,
.icon-seek-prev {
  content: "\e652";
}

.icon-truck {
  content: "\e6f8";
}

.icon-undo {
  content: "\e68d";
}

.icon-unlocked,
.icon-lock-open {
  content: "\e6bc";
}

.icon-upload {
  content: "\e6ab";
}

.icon-vcs-branch {
  content: "\e73d";
}

.icon-vcs-compare {
  content: "\e73b";
}

.icon-vcs-fork {
  content: "\e73a";
}

.icon-vcs-merge {
  content: "\e73e";
}

.icon-vcs-pull-request {
  content: "\e73c";
}

.icon-video,
.icon-file-video {
  content: "\e6a0";
}

.icon-view-icons,
.icon-grid-b {
  content: "\e71b";
}

.icon-view-icons-b,
.icon-grid {
  content: "\e71c";
}

.icon-view-list,
.icon-list,
.icon-bullets {
  content: "\e71d";
}

.icon-volume-off,
.icon-volume-mute {
  content: "\e6af";
}

.icon-volume-on,
.icon-volume-high {
  content: "\e6b0";
}

.icon-volume-on-b,
.icon-volume-low {
  content: "\e6b1";
}

.icon-window {
  content: "\e6bd";
}

.icon-window-close {
  content: "\e6c1";
}

.icon-window-minimize {
  content: "\e6c2";
}

.icon-window-sidebar {
  content: "\e6bf";
}

.icon-wrench {
  content: "\e6f3";
}

.icon-zoom {
  content: "\e711";
}

.icon-zoomequal {
  content: "\e717";
}

.icon-zoomin {
  content: "\e713";
}

.icon-zoomout {
  content: "\e715";
}

.icon-carat-1-e {
  content: "\e639";
} /* deprecated: use '.icon-caret-1-e' instead */
.icon-carat-1-n {
  content: "\e637";
} /* deprecated: use '.icon-caret-1-n' instead */
.icon-carat-1-s {
  content: "\e63b";
} /* deprecated: use '.icon-caret-1-s' instead */
.icon-carat-1-w {
  content: "\e63d";
} /* deprecated: use '.icon-caret-1-w' instead */
.icon-carat-2-e {
  content: "\e640";
} /* deprecated: use '.icon-caret-2-e' instead */
.icon-carat-2-e-w {
  content: "\e643";
} /* deprecated: use '.icon-caret-2-e-w' instead */
.icon-carat-2-n {
  content: "\e63f";
} /* deprecated: use '.icon-caret-2-n' instead */
.icon-carat-2-n-s {
  content: "\e644";
} /* deprecated: use '.icon-caret-2-n-s' instead */
.icon-carat-2-s {
  content: "\e641";
} /* deprecated: use '.icon-caret-2-s' instead */
.icon-carat-2-w {
  content: "\e642";
} /* deprecated: use '.icon-caret-2-w' instead */
.icon-caratstop-1-e {
  content: "\e905";
} /* deprecated: use '.icon-caretstop-1-e' instead */
.icon-caratstop-1-n {
  content: "\e901";
} /* deprecated: use '.icon-caretstop-1-n' instead */
.icon-caratstop-1-s {
  content: "\e900";
} /* deprecated: use '.icon-caretstop-1-s' instead */
.icon-caratstop-1-w {
  content: "\e904";
}

/* CSS Document */
* {
  box-sizing: border-box;
}

body {
  background-color: #F1F3F5;
}

body.pmenu {
  background-image: url("../image/collactive/collactiveWindow.png");
  background-position: left top;
  background-repeat: repeat-y;
  background-color: #F1F3F5;
}

/*###############################################################
#																#
#		3000 Linken Menu	 -									#
#																#
###############################################################*/
#leftMenu {
  float: left;
  margin-bottom: 10px;
  position: relative;
}

#leftMenu, .leftMenu {
  width: 260px;
}
#leftMenu .customer, .leftMenu .customer {
  margin: 10px 0;
  border: none;
}
#leftMenu .customer td, .leftMenu .customer td {
  background: transparent;
  border: none;
}
#leftMenu .customer td, .leftMenu .customer td {
  vertical-align: top;
  padding: 2px 0 2px 10px;
}
#leftMenu .customer td.label, .leftMenu .customer td.label {
  text-align: left;
  width: 75px;
}
#leftMenu .customer td.illigal, .leftMenu .customer td.illigal {
  color: #F30;
}
#leftMenu .customer td ul, .leftMenu .customer td ul {
  list-style: none;
}
#leftMenu .customer td li, .leftMenu .customer td li {
  margin: 0px 5px 6px 0;
}
#leftMenu p, .leftMenu p {
  margin: 4px 5px 4px 10px;
}
#leftMenu label, .leftMenu label {
  display: block;
  float: left;
  width: 70px;
  font-weight: bold;
}
#leftMenu p img, .leftMenu p img {
  margin-top: 4px;
}
#leftMenu table, .leftMenu table {
  margin: 0 auto 3px auto;
  border-collapse: seperate;
  border-spacing: 3px;
}
#leftMenu .navi td, .leftMenu .navi td {
  border: solid 1px #CDCDCD;
  background: #EAEEf4 url(../image/collactive/leftMenu-td.gif) repeat-x top;
  padding: 0;
}
#leftMenu .navi td.current, #leftMenu .navi td.current:hover, .leftMenu .navi td.current, .leftMenu .navi td.current:hover {
  background: #75A8D0 url(../image/collactive/leftMenu-td-current.gif) repeat-x left center;
}
#leftMenu .current a, #leftMenu .current a:hover, .leftMenu .current a, .leftMenu .current a:hover {
  text-decoration: none;
}
#leftMenu .navi td.subMenu, #leftMenu .navi td.subMenu:hover, .leftMenu .navi td.subMenu, .leftMenu .navi td.subMenu:hover {
  background: transparent;
  background-color: #FFFFFF;
}
#leftMenu td.current a, .leftMenu td.current a {
  color: #000000;
}
#leftMenu .navi td a, .leftMenu .navi td a {
  display: block;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  line-height: 26px;
  padding: 3px 6px 2px 32px;
  border: none;
  background: transparent;
}
#leftMenu .navi td a:hover, .leftMenu .navi td a:hover {
  text-decoration: underline;
}
#leftMenu .navi td.kunde a, #leftMenu td.dokumente a, #leftMenu td.historie a, #leftMenu td.notizen a, #leftMenu td.prozesse a, #leftMenu td.kontakthistorie a, #leftMenu .navi td.payTransaction a, .leftMenu .navi td.kunde a, .leftMenu td.dokumente a, .leftMenu td.historie a, .leftMenu td.notizen a, .leftMenu td.prozesse a, .leftMenu td.kontakthistorie a, .leftMenu .navi td.payTransaction a {
  background-repeat: no-repeat;
  background-position: 5px center;
}
#leftMenu .navi td ul, .leftMenu .navi td ul {
  list-style-type: none;
  padding: 0.5em 0;
}
#leftMenu .navi td ul li, .leftMenu .navi td ul li {
  margin: 3px 0px;
  background-image: url(../image/collactive/subMenu-li.gif);
  background-repeat: no-repeat;
  background-position: 10px center;
}
#leftMenu .navi td ul li a, .leftMenu .navi td ul li a {
  font-weight: normal;
  border: none;
  text-decoration: underline;
  display: block;
  line-height: 1;
  padding: 0.3rem 6px 0.3rem 1.5rem;
  margin: 0.4rem 0;
}
#leftMenu .navi td ul li a:hover, .leftMenu .navi td ul li a:hover {
  text-decoration: none;
}
#leftMenu .navi td ul li.current a, .leftMenu .navi td ul li.current a {
  text-decoration: none;
  font-weight: bold;
}
#leftMenu .navi a.disabled, #leftMenu .navi a.disabled:hover, #leftMenu .navi td ul li a.disabled, #leftMenu .navi td ul li a.disabled:hover, .leftMenu .navi a.disabled, .leftMenu .navi a.disabled:hover, .leftMenu .navi td ul li a.disabled, .leftMenu .navi td ul li a.disabled:hover {
  color: #999999;
  cursor: default;
  border: none;
  text-decoration: none;
}
#leftMenu .navi, .leftMenu .navi {
  border: none;
}
#leftMenu .navi td, .leftMenu .navi td {
  background: #fdfdfd;
  background: linear-gradient(#fdfdfd 0%, #dfdfdf 100%);
  padding: 0;
  border: solid 1px #CDCDCD;
}
#leftMenu .navi td.kunde, #leftMenu .navi .dokumente, #leftMenu .navi td.historie, #leftMenu .navi td.notizen, #leftMenu .navi td.prozesse, #leftMenu .navi td.payTransaction, #leftMenu .navi td.kontakthistorie, #leftMenu .navi td.vermittler, .leftMenu .navi td.kunde, .leftMenu .navi .dokumente, .leftMenu .navi td.historie, .leftMenu .navi td.notizen, .leftMenu .navi td.prozesse, .leftMenu .navi td.payTransaction, .leftMenu .navi td.kontakthistorie, .leftMenu .navi td.vermittler {
  position: relative;
}
#leftMenu .navi td.kunde a:before, #leftMenu .navi .dokumente a:before, #leftMenu .navi td.historie a:before, #leftMenu .navi td.notizen a:before, #leftMenu .navi td.prozesse a:before, #leftMenu .navi td.payTransaction a:before, #leftMenu .navi td.kontakthistorie a:before, #leftMenu .navi td.vermittler a:before, .leftMenu .navi td.kunde a:before, .leftMenu .navi .dokumente a:before, .leftMenu .navi td.historie a:before, .leftMenu .navi td.notizen a:before, .leftMenu .navi td.prozesse a:before, .leftMenu .navi td.payTransaction a:before, .leftMenu .navi td.kontakthistorie a:before, .leftMenu .navi td.vermittler a:before {
  width: 16px;
  height: 16px;
  line-height: 1;
  font-size: 16px;
  display: inline-block;
  content: " ";
  position: absolute;
  top: 8px;
  left: 8px;
  font-family: "icon-general", sans-serif;
  font-weight: 300;
}
#leftMenu .navi td.kunde a:before, .leftMenu .navi td.kunde a:before {
  content: "\ea50";
}
#leftMenu .navi td.dokumente a:before, .leftMenu .navi td.dokumente a:before {
  content: "\ea51";
}
#leftMenu .navi td.historie a:before, .leftMenu .navi td.historie a:before {
  content: "\ea52";
}
#leftMenu .navi td.notizen a:before, .leftMenu .navi td.notizen a:before {
  content: "\ea55";
}
#leftMenu .navi td.prozesse a:before, .leftMenu .navi td.prozesse a:before {
  content: "\ea53";
}
#leftMenu .navi td.payTransaction a:before, .leftMenu .navi td.payTransaction a:before {
  content: "\ea54";
}
#leftMenu .navi td.kontakthistorie a:before, .leftMenu .navi td.kontakthistorie a:before {
  content: "\ea56";
}
#leftMenu .navi td.vermittler a:before, .leftMenu .navi td.vermittler a:before {
  content: "\ea57";
}
#leftMenu .navi td.subMenu, .leftMenu .navi td.subMenu {
  background-color: #fff;
}

/*###############################################################
#																#
#		5000 Style für Content			    					#
#																#
###############################################################*/
.contentRight, #contentRight {
  float: left;
  position: relative;
  padding-bottom: 10px;
}

.contentRight .ui-tabs-panel ul, .contentRight #contentRight .ui-tabs-panel ol, #contentRight .ui-tabs-panel ul, #contentRight #contentRight .ui-tabs-panel ol {
  padding: 10px 0px 10px 20px;
}
.contentRight .ui-tabs-panel li, #contentRight .ui-tabs-panel li {
  margin: 3px 0;
}
.contentRight table, #contentRight table {
  margin: 0 0 0.75rem 0;
}
.contentRight table td table, #contentRight table td table {
  margin-bottom: 0;
}
.contentRight table.innerTable, #contentRight table.innerTable {
  margin: 0;
  width: 100%;
}
.contentRight table.innerTable input[type=radio], #contentRight table.innerTable input[type=radio] {
  width: auto;
}

#contentRight #rightSide.div2R {
  float: right;
  margin: 0px 0px 1%;
  float: right;
}

#contentWide {
  margin: 0 15px;
}

#contentWide h3 {
  margin-left: 0;
}

#contentWide table, #contentWide table.results {
  width: 100%;
  margin: 0;
}

#contentWide table.collapseLastChild td:last-child {
  width: 1px;
}

#collactiveWindow {
  padding: 0;
  margin: 0 0 35px 0;
  clear: both;
  text-align: left;
}

.content h1 {
  font-weight: bold;
  font-size: 13px;
  padding: 0 0 0.3em;
}

.content h1 span {
  color: #E50000;
}

.content h2 {
  background-color: #C4C4C6;
  background-image: url(../image/collactive/h2.gif);
  background-position: left top;
  background-repeat: repeat-x;
  color: #545454;
  font-weight: bold;
  margin: 0;
  padding: 5px 10px;
  border-top: solid 1px #FFFFFF;
  /*cursor:pointer;*/
}

.content h2.active {
  background-image: url(../image/collactive/h2-active.gif);
  background-color: #7d8180;
  color: #FFFFFF;
}

.content h2 img.pfeil {
  background-image: url(../image/collactive/h2-pfeil.gif);
  background-repeat: no-repeat;
  float: right;
  height: 7px;
  width: 12px;
  margin: 7px 0 0 0;
}

.content h3 {
  color: #003366;
  font-weight: bold;
  font-size: 12px;
  line-height: 32px;
  border-right: 1px solid #FFFFFF;
  color: #FFFFFF;
  margin: 0;
  padding: 0 0.5em;
}

.content th h3, .content th h3, .content td h3 {
  margin-left: 0;
  margin-right: 0px;
}

.content th h3 {
  text-align: left;
}

/*.content th {color:#2a4064;}*/
.content td, .content table.results td {
  background-color: #ededed;
  border: solid 1px #FFFFFF;
  padding: 6px;
  color: #000;
}

thead td, th {
  background-color: #999999;
  color: #fff;
}

table {
  border-spacing: 0;
  border: solid 1px #D6D6D6;
}

tbody {
  border-top: none;
}

td {
  background-color: #fff;
}

tr:nth-child(even) td {
  background-color: #F5F5F5;
}

/* .content td:last-child, .content table.results td:last-child {
	Auskommentiert um eine besseres Ergebnis für das Ticket DEV-1593 zu erhalten
	border-right: none;
}*/
.content td ul {
  list-style-type: none;
}

.content td.label img.hintTrigger {
  width: 12px;
  height: 12px;
  margin-right: 3px;
}

.content .innerTable {
  margin-bottom: 0;
}

.content .innerTable td {
  border: none;
}

.content table.results.noValue tbody td {
  display: none;
}

.content div.add {
  border: solid 1px #CCC;
  padding: 5px 10px;
  margin: 0 0 6px 0;
  background-color: #f2f2f2;
}

.content .add a.add {
  padding: 6px 0;
  margin: 0;
  background-image: url(../image/collactive/icon-add.png);
  background-repeat: no-repeat;
  background-position: right center;
  display: block;
  color: #2A4064;
  font-weight: bold;
  border: none;
}

.content .add select.add {
  margin: 6px 0;
  width: 100%;
  padding: 4px 0;
  background: #FFF;
}

.content .add a.add .content .add h2 {
  margin: 10px 0 0px;
  border: 1px solid #FFFFFF;
  border-bottom: none;
  font-weight: bold;
  background: #FAB40A;
  color: #FFF;
  padding: 6px 10px;
}

/* für den Hinweis das hier Angaben fehlen */
.content tr.missing td {
  background-color: #f2e1b2;
  background-image: url(../image/missing.png);
  background-position: right center;
  background-repeat: no-repeat;
}

.content tr.missing td.label {
  background: transparent;
  background: #f2e1b2;
}

/*###############################################################
#																#
#		10000 Table						                        #
#																#
###############################################################*/
/*###############################################################
#																#
#		10100 Table.form				                        #
#																#
###############################################################*/
/*###########################################################################
#																			#
#	Bausteine																#
#																			#
###########################################################################*/
.brick {
  border: solid 1px #CCC;
  padding: 10px;
  margin: 1px 1px 11px 1px;
  background-color: #f2f2f2;
}

.brick h2 {
  font-weight: bold;
  background: #FAB40A;
  color: #FFF;
  padding: 6px 10px;
}

.brick [type=checkbox] {
  float: left;
  margin-right: 10px;
}

.brick a {
  display: block;
  border: none;
  padding-top: 2px;
}

.brick.more a {
  background-image: url(../image/collactive/brick-more.png);
  background-repeat: no-repeat;
  background-position: right center;
}

.brick .brick h2 {
  margin-top: 6px;
}

.brick select {
  width: 100%;
}

.buttonsArea, [data-element=buttonsArea] {
  clear: both;
  border-top: solid 2px #7E7E7E;
  background-color: #CCC;
  padding: 0.5rem;
  margin: 0.7rem 0;
  text-align: right;
  width: 100% !important;
}
.buttonsArea input[type=submit], .buttonsArea input[type=reset], .buttonsArea input[type=button], .buttonsArea button, .buttonsArea a.button, .buttonsArea a.btn, [data-element=buttonsArea] input[type=submit], [data-element=buttonsArea] input[type=reset], [data-element=buttonsArea] input[type=button], [data-element=buttonsArea] button, [data-element=buttonsArea] a.button, [data-element=buttonsArea] a.btn {
  overflow: visible;
}
.buttonsArea:after, [data-element=buttonsArea]:after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
}
.buttonsArea .status, [data-element=buttonsArea] .status {
  padding-top: 1rem;
  float: left;
}
.buttonsArea .right.buttons, [data-element=buttonsArea] .right.buttons {
  float: right;
  display: flex;
  align-items: center;
}
.buttonsArea .form-group input[type=checkbox], [data-element=buttonsArea] .form-group input[type=checkbox] {
  font-size: 1.5rem;
  height: 1.5rem;
  width: 1.5rem;
}
.buttonsArea .form-group label, [data-element=buttonsArea] .form-group label {
  line-height: 2;
  margin-right: 0.5rem;
}

.ui-dialog-content .buttonsArea {
  margin-bottom: 0;
  padding: 0.25rem;
}

.content table.results {
  margin: 10px 0 10px 10px;
  border-collapse: collapse;
  border: none;
}

/*#contentWide table.results {width:960px;} */
/*
Auskommentiert für DEV-1593
Tabellen in result-Tabellen duerfen keine alternierenden Farben haben
#contentRight table.results {width:750px;}*/
table.result depl th {
  background-color: #999999;
  color: #FFFFFF;
  font-weight: bold;
  padding: 6px;
}
table.result thead tr:nth-child(even) th {
  background-color: #b3b3b3;
}

table.result tr.search td {
  background-color: #accce4;
  border: none;
  border-top: solid 1px #FFFFFF;
}

.content td.txtC, .content th.txtC, .content th.label.txtC, .content td.label.txtC, .content table.halfWidth td.label.txtC {
  text-align: center;
}

.cD {
  cursor: default;
}

.mceEditor {
  width: 90%;
  margin: 0 auto;
}

.monthlyRate {
  background-color: #5A99C9;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  display: block;
  float: left;
  background-image: url(../image/collactive/euro_icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-top: 2px;
  padding-right: 6px;
  padding-bottom: 2px;
  padding-left: 20px;
  margin-right: 6px;
}

.hintTrigger {
  cursor: default;
}

.hint {
  display: none;
  position: absolute;
  padding: 5px;
  background-color: #ddd;
  border: 1px solid black;
}

.tableList {
  list-style: none;
}

.tableList li {
  font-weight: bold;
}

body.customerStatus.popup {
  height: 100%;
  width: 100%;
  margin: 0px;
  text-align: left;
}

body.customerStatus.popup #wrapper {
  margin: 0 auto;
}

.customerStatus .bigTable {
  border-collapse: collapse;
}

.customerStatus .bigTable td {
  border: 10px solid white;
  vertical-align: top;
}

.customerStatus .innerWrapper {
  width: 100%;
}

.customerStatus .cell {
  width: 48.5%;
  height: 46%;
  overflow: auto;
  visibility: visible;
}

.customerStatus .cell.fL {
  float: left;
  margin: 10px 5px 10px 10px;
}

.customerStatus .cell.fR {
  float: right;
  margin: 10px 10px 10px 5px;
}

.customerStatus .cellPerson {
  background-color: #CCCCFF;
}

.customerStatus .cellContract {
  background-color: #FFBE7D;
}

.customerStatus .cellDamage {
  background-color: #D8EBB3;
}

.customerStatus .cellCash {
  background-color: #FFFFCC;
}

.customerStatus h1 {
  background-color: #FAB40A;
  color: #2A4064;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 3px 3px 10px;
  font-size: 16px;
  text-align: left;
  margin: 0;
}

.customerStatus h1 .ampel {
  float: right;
  margin: 12px 10px 0 0;
}

.customerStatus h2 {
  background-color: #C4C4C6;
  background-image: url("../image/collactive/h2.gif");
  background-position: left top;
  background-repeat: repeat-x;
  border-top: 1px solid #FFFFFF;
  color: #545454;
  cursor: pointer;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 21px;
  margin: 0;
  padding: 2px 10px;
  text-transform: uppercase;
}

/* TABS */
body.collactive .tabs .ui-tabs-panel {
  border: none; /*border-top: solid 1px #AAAAAA;*/
  padding: 0;
}

body.collactive .tabs .halfWidth.fL, body.collactive .tabs .content .halfWidth.fR {
  width: 365px;
}

/* Searchform */
.searchFormBox {
  background-color: #E6F0F7;
  border: 1px solid #003366;
  padding: 10px;
  margin: 10px 0;
  padding: 7px 6px;
}

.searchFormBox a#advancedSearchToggle {
  margin: 5px 10px 0 0;
}

.searchFormBox form {
  background-color: #E6F0F7;
}

.searchFormBox form h1 {
  padding-top: 0 0 10px 0;
  line-height: 100%;
}

.searchFormBox fieldset {
  background-color: #FFFFFF;
  border: solid 1px #CCC;
  border-radius: 7px;
}

.searchFormBox table {
  margin: 5px auto 2px;
}

.searchFormBox table td {
  border: none;
  background: #ECEDED;
}

.searchFormBox table td label {
  margin-right: 15px;
}

.searchFormBox .searchExtend {
  margin-bottom: 10px;
  border-top: 1px solid #e6f0f7;
}

.searchFormBox .searchExtend label {
  display: block;
}

.searchFormBox .left, .searchFormBox .right {
  width: 49.5%;
  background-color: #FFF;
}

.searchFormBox .left {
  float: left;
}

.searchFormBox .right {
  float: right;
}

.searchFormBox p {
  margin: 10px 5px;
}

.searchFormBox input.checkbox {
  margin: 5px 5px 0 0;
}

.searchFormBox table {
  margin: 10px 10px 10px 0;
}

.searchFormBox .left table, .searchFormBox .right table {
  width: 98%;
  margin: 10px auto !important;
}

/*###################################################################
#																	#
#	Flexibles Layout												#
#	.columns3 = es ist Platz für drei Spalten						#
#	div.div2R = eine Spalte die die breite von zwei Spalten einnimt	#
#																	#
###################################################################*/
.liquidLayout #contentRight,
.liquidLayout .contentRight {
  min-width: 955px;
  max-width: 1640px;
}

/*#contentRightcolumnsFixed {width:900px !important;}*/
.contentRight .form, #contentRight .form {
  width: 990px;
  margin: 0 10px 10px 0;
}
.contentRight .halfWidth, #contentRight .halfWidth {
  width: 490px;
  margin: 0 10px 10px 0;
}
.contentRight .halfWidth .label, #contentRight .halfWidth .label {
  width: 175px;
}
.contentRight table.tableR, #contentRight table.tableR {
  width: 49%;
  margin: 0 1% 1% 0;
  float: left;
}
.contentRight table.tableR, #contentRight table.tableR {
  width: 33%;
  margin: 0 1% 1% 0;
  float: left;
  min-width: 310px;
}
.contentRight table.table2R, #contentRight table.table2R {
  width: 66%;
  margin: 0 1% 1% 0;
  float: left;
  min-width: 620px;
}

.columns3 td.label {
  width: 35%;
}

.columns3 .div2R td.label {
  width: 26%;
}

.columns3 .div2R td.oldValue {
  width: 37%;
}

.columns4 td.label {
  width: 27%;
}

.columns4 .div2R td.label {
  width: 20%;
}

.columns4 .div2R td.oldValue {
  width: 30%;
}

.columns2 table.tableR, .columns2 .columns2 .divR {
  width: 49%;
  margin: 0 1% 1% 0;
  float: left;
}
.columns2 table.tableR, .columns2 .columns3 .divR {
  width: 32%;
  margin: 0 1% 1% 0;
  float: left;
  min-width: 310px;
}
.columns2 table.table2R, .columns2 .columns3 .div2R {
  width: 66%;
  margin: 0 1% 1% 0;
  float: left;
  min-width: 620px;
}

table.tableR .label, .columns2 .divR table .label,
table.form .label {
  width: 35%;
  min-width: 150px;
}

.columns2, .columns3, .columns4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  width: 100%;
}
.columns2 .breadcrumb, .columns2 table.position, .columns2 #processForm, .columns3 .breadcrumb, .columns3 table.position, .columns3 #processForm, .columns4 .breadcrumb, .columns4 table.position, .columns4 #processForm {
  width: 100%;
}
.columns2 > .clear, .columns3 > .clear, .columns4 > .clear {
  display: none;
}

.columns2 > div {
  width: calc(50% - 0.5rem);
}

.columns3 > .divR {
  width: calc(33.3333% - 0.5rem);
}
.columns3 > .div2R {
  width: calc(66.6666% - 0.5rem);
}
.columns3 > .ui-tabs.ui-widget {
  width: 100%;
}
.columns3 > .clear {
  display: none;
}

.columns4 > .divR {
  width: calc(25% - 0.5rem);
}
.columns4 > .div2R {
  width: calc(50% - 0.5rem);
}
.columns4 > .div3R {
  width: calc(75% - 0.5rem);
}
.columns4 > .ui-tabs.ui-widget {
  width: 100%;
}
.columns4 > .clear {
  display: none;
}

.contract.columns2 .column1 {
  width: calc(62% - 0.5rem);
}
.contract.columns2 .column2 {
  width: calc(38% - 0.5rem);
}

/*#contentWide .breadcrumb {margin-left:10px; margin-right:10px;}*/
/*#contentWide h1 {margin-left:10px; margin-right:10px;}*/
/* Startbildschirm */
#contentRight.startView {
  padding-bottom: 0px;
}

.statusView {
  width: 49%;
  height: 49%;
  min-height: 200px;
  min-width: 470px;
  border: solid 1px #f2f2f2;
}

.statusView td.label {
  width: 30%;
}

table.startview.status {
  margin-bottom: 12px;
}

table.startview.status td {
  text-align: center;
  vertical-align: middle;
}

table.startview.status td.person {
  background-color: #9cc72a;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyZjQ1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Y2M3MmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(top, #c2f45d 0%, #9cc72a 100%);
}

table.startview.status td.vertraege {
  background-color: #ff9000;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZDlhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjkwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(top, #fcd9ab 0%, #ff9000 100%);
}

table.startview.status td.schaeden {
  background-color: #01a6cb;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzY2NmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMWE2Y2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(top, #33ccff 0%, #01a6cb 100%);
}

table.startview.status td.inexkasso {
  border-right: none;
  background-color: #993399;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjNjZjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTMzOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(top, #cc66cc 0%, #993399 100%);
}

table.startview.status td.person, table.startview.status td.vertraege, table.startview.status td.schaeden, table.startview.status td.inexkasso {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  width: 25%;
}

table.startview.status td {
  height: 30px;
  border-bottom: solid 1px #8b9097;
  background-color: #eaedf1;
  padding: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVkZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(top, #fcfcfb 0%, #eaedf1 100%);
}

.statusView .flow {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;
}

.statusView.fR.top .flow, .statusView.fL.bottom .flow, .statusView.fR.bottom .flow {
  overflow: hidden;
  overflow-x: auto;
  overflow-y: auto;
}

.statusView.fL.bottom .flow, .statusView.fR.bottom .flow {
  overflow: hidden;
  overflow-x: scroll;
  overflow-y: auto;
}

.statusView.person {
  border-left: solid 9px #99cc33;
}

.statusView.vertraege {
  border-left: solid 9px #ff9000;
}

.statusView.schaeden {
  border-left: solid 9px #01a6cb;
}

.statusView.inexkasso {
  border-left: solid 9px #993399;
}

.statusView.person {
  padding: 0;
}

.statusView .content table.halfWidth {
  width: 360px;
}

.statusView .content .halfWidth.fL, .statusview .content .halfWidth.fR {
  width: 375px;
}

.statusViewSmall {
  border: solid 1px #999;
  width: 49%;
  height: 90px;
  margin: 0.8% 0.8% 0 0;
  float: left;
  overflow-y: auto;
}

.statusViewSmall td {
  padding: 2px 13px;
  vertical-align: top;
}

.statusView table td.label {
  width: 25%;
}

.input10R {
  width: 9%;
}

.input15R {
  width: 14%;
}

.input20R {
  width: 19%;
}

.input25R {
  width: 24%;
}

.input30R {
  width: 29%;
}

.input35R {
  width: 34%;
}

.input40R {
  width: 39%;
}

.input45R {
  width: 44%;
}

.input50R {
  width: 49%;
}

.input55R {
  width: 54%;
}

.input60R {
  width: 59%;
}

.input65R {
  width: 64%;
}

.input70R {
  width: 69%;
}

.input75R {
  width: 74%;
}

.input80R {
  width: 79%;
}

.input85R {
  width: 84%;
}

.input90R {
  width: 89%;
}

.input95R {
  width: 94%;
}

table.cat-collapsed tbody, table.cat-collapsed thead tr:not(:first-child) {
  display: none;
}

.releationchips input, .releationchips select {
  width: 45%;
  height: 22px;
}

.releationchips input.disabled {
  border: solid 1px #CCC;
  background-color: #F2F2F2;
}

.releationchips td.footer .button {
  width: auto;
}

body.collactive .ui-autocomplete {
  position: static;
}

table.verticalHeader {
  width: auto;
}

table.verticalHeader th {
  transform: rotate(-90deg);
}

ol.listing {
  list-style: none;
}

ol.listing li {
  background-repeat: no-repeat;
  background-position: left 5px;
  padding: 5px 5px 5px 25px;
}

ol.listing li.num1 {
  background-image: url(../image/collactive/numb1.png);
}

ol.listing li.num2 {
  background-image: url(../image/collactive/numb2.png);
}

ol.listing li.num3 {
  background-image: url(../image/collactive/numb3.png);
}

ol.listing td {
  background: #F1F1F1;
}

.columns3 table ol.listing td.label {
  min-width: 68px;
  width: 31%;
}

#addressChooser {
  margin-top: 12px;
}

/*###################################################################
#																	#
#	Layoutangaben für Neuen Vertrag anlegen							#
#																	#
###################################################################*/
.contract.columns1 .column1 {
  width: 100%;
}

.contract.columns1 .column1 h1:first-child {
  padding-top: 0;
  margin-top: 0;
}

.contract.columns2 .column1 {
  width: calc(62% - 0.5rem);
}

.contract.columns2 .column2 {
  width: calc(38% - 0.5rem);
}

.contract.columns2 .column1 td.label {
  width: 30%;
}

.contract.columns2 .column1 td.oldValue {
  width: 35%;
}

.contract.columns2 .column1 .edit td.label {
  width: 30%;
}

.contract.columns2 .column1 .edit td.oldValue {
  width: 35%;
}

.contract.columns2 .column2 td {
  text-align: right;
}

.contract.columns2 .column2 td.label {
  width: 50%;
  text-align: left;
}

.contract.columns2 .column1 td img.hintTrigger {
  vertical-align: middle;
  width: 12px;
  height: 12px;
}

.contract.columns2 .column2 td img.hintTrigger {
  vertical-align: middle;
  width: 12px;
  height: 12px;
}

.contract.columns2 .column1 .ui-tabs {
  margin-top: 1em;
}

/*###################################################################
#																	#
#	Layoutangaben für Ändern von Daten								#
#																	#
###################################################################*/
.edit td {
  width: 35%;
}

.edit td.label {
  width: 30%;
}

/*###################################################################
#																	#
#	CO1030 Produktwahl												#
#																	#
###################################################################*/
.chooseContract {
  display: flex;
  width: 100%;
}

.content .chooseContract {
  border: solid 1px #979797;
  border-radius: 7px;
  padding: 12px;
  margin-bottom: 10px;
  background-color: #FFF;
  background-image: url(../image/collactive/chooseContract.png);
  background-repeat: repeat-x;
  background-position: bottom;
  width: 100%;
}

.content .chooseContract h1 {
  color: #000;
  background-image: url(../image/collactive/chooseContract-h1.gif);
  background-repeat: repeat-x;
  background-position: right center;
  border: none;
  margin: 0 0 12px 0;
  padding: 0;
}

.content .chooseContract h1 span {
  background: #FFF;
  padding: 0 7px 0 0;
  color: #000;
}

.content .chooseContract .item {
  width: 47%;
  float: left;
  margin-right: 15px;
}

.content .chooseContract select, .content .chooseContract input {
  width: 100%;
  border: solid 1px #E2E3EA;
  border-top: solid 1px #ABADB3;
}

.content .chooseContract .ui-autocomplete input {
  padding: 3px 0;
}

/*###################################################################
#																	#
#	1040 Tabs innerhalb von Content									#
#																	#
###################################################################*/
.ui-tabs {
  border: none;
  padding: 0;
  margin: 0 0 10px 0;
  background: transparent;
}

.ui-tabs-nav {
  border: none;
  border-bottom: solid 2px #003366;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.ui-tabs .ui-tabs-nav {
  padding: 0;
}

.ui-tabs-nav .ui-state-default {
  background: #CCC;
  border: none;
  line-height: 120%;
  border-radius: 3px 3px 0 0;
}

.ui-tabs-nav .ui-state-default a {
  color: #FFF;
  font-weight: bold;
}

.ui-tabs-nav .ui-state-hover a:hover {
  border: none;
}

.ui-tabs-nav .ui-state-active {
  background: #2A4064;
  font-weight: bold;
  color: #FFFFFF;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #FFFFFF;
}

.ui-tabs .ui-tabs-panel {
  padding: 1em 0;
}

/*###################################################################
#																	#
#	CO1050 4BS (viergeteilter Bildschirm							#
#																	#
###################################################################*/
.statusView h2, .statusView h2.active {
  border: none;
  letter-spacing: normal;
  text-transform: none;
  line-height: 32px;
  padding: 0 10px;
  font-weight: bold;
  margin: -1px -1px 1px -1px;
}

.statusView h2 .ui-icon {
  margin-top: 7px;
}

.statusView h2 .contextButton.fR {
  margin-top: 3px;
  height: 24px;
}

.statusView h2 .contextButton.fR a {
  padding: 0 0.5em;
}

.statusView h2 .contextButton a span {
  margin-right: 24px;
  padding: 2px;
}

.statusView h2 .contextButton .button.select {
  border: 1px solid #FFFFFF;
  height: 24px !important;
  background-image: url(../image/collactive/contextButton-startView.png);
  background-repeat: no-repeat;
  background-position: center right !important;
  margin: 0;
}

.statusView h2 .contextButton a.button.select:after {
  display: none;
}

.statusView h2 .contextButton .ui-icon {
  margin-top: 3px;
}

.statusView h2 .contextButton ul {
  border: solid 1px #FFF;
  background: #E1A601;
  padding: 0;
  border-radius: 0;
}

.statusView h2 .contextButton li { /*background:#e1a601;*/
  border: none;
}

.statusView h2 .contextButton li a {
  color: #FFF;
  border: 0;
  border-bottom: solid 1px #FFF;
  text-decoration: none;
  padding: 2px 8px;
}

.statusView h2 .contextButton li:last-child a {
  border: none;
}

.statusView h2 .contextButton li a:hover {
  background: rgba(255, 255, 255, 0.3);
}

.contentRight, #contentRight { /*definierte breite des DIVs welches die kleinen Icons um unteren linken Feld beinhaltet */ }
.contentRight .statusView table, #contentRight .statusView table {
  margin: 0;
}
.contentRight .statusView td, #contentRight .statusView td {
  white-space: nowrap;
}
.contentRight .statusView td.label, #contentRight .statusView td.label {
  white-space: normal;
}
.contentRight .statusView.fL.bottom td div, #contentRight .statusView.fL.bottom td div {
  width: 66px;
}
.contentRight .statusView .ui-widget-overlay, #contentRight .statusView .ui-widget-overlay {
  position: absolute;
}

/* 0007801: Ampel fuer 4GT Bildschirm */
.statusView .ampel {
  margin-top: 10px;
  margin-left: 0.5em;
}

/*###################################################################
#																	#
#	jQuery Elemente													#
#																	#
###################################################################*/
.collactive .ui-widget-content {
  background: #FFF;
  outline: none;
}

.collactive .ui-widget-content .ui-tabs-panel.ui-widget-content {
  padding: 1em;
  margin: 0 0 1.5em;
  background: #FDFDFD;
  border: solid 1px #ECECEC;
  visibility: visible;
}

/*###############################################################
#																#
#		Tabelle zum Anzeigen des aktuellen Zwischenpunkt 		#
#		beim Ausfüllen von mehrseitigen Formularen				#
#																#
###############################################################*/
table.position {
  border-spacing: 0px;
  border: none;
  border-collapse: collapse;
}

table.position.threeSteps td {
  width: 33.3%;
}

table.position td {
  border: none;
  padding: 0 0 0 12px;
  background: url(../image/wa/position.gif) left center no-repeat;
  font-size: 16px;
}

table.position td span, table.position td a {
  display: block;
  text-decoration: none;
  margin: 0;
  text-align: center;
  background-color: #CCCCCC;
  background-image: url(../image/wa/position-a.gif);
  background-repeat: no-repeat;
  background-position: right center;
  height: 36px;
  line-height: 36px;
  padding-right: 20px;
  padding-left: 10px;
  color: #FFFFFF;
}

table.position td span a {
  display: inline;
  background: transparent;
}

table.position td.check {
  margin-left: 18px;
  background-image: url(../image/wa/position-current.gif);
}

table.position td.check span, table.position td.check a {
  background-color: #666;
  background-image: url(../image/wa/position-current-a.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table.position td.highlight {
  margin-left: 18px;
  background-image: url(../image/wa/position-highlight.gif);
}

table.position td.highlight span, table.position td.highlight a {
  background-color: #cc3333;
  background-image: url(../image/wa/position-highlight-a.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-left: 10px;
}

table.position a, #position a:hover {
  text-decoration: none;
}

table.position td:first-child {
  padding-left: 0;
}

/* IE Hack */
/*table.position td {padding-left:expression((this.parentNode.firstChild == this)? "0px" :(this.parentNode.lastChild == this)? "12px" :"12px" );}*/
table.position td {
  padding-left: 12px;
}

table.position td:first-child {
  padding-left: 0;
}

table.position td:last-child {
  padding-left: 12px;
}

table.position td:last-child span, table.position td:last-child a {
  background-image: url(../image/blank.gif);
  padding-right: 10px;
}

table.position td.check:last-child span, table.position td.check:last-child a {
  background: transparent;
  background-color: #666;
}

table.position td.check span, table.position td.check a {
  background-color: #666;
  color: #FFF;
}

table.position td a {
  color: #FFFFFF;
  border: none;
}

/*###################################################################
#																	#
#	CO1040 Tabs innerhalb von Content								#
#																	#
###################################################################*/
.ui-tabs-nav {
  border-bottom: solid 2px #000;
}

.ui-tabs-nav .ui-state-default a {
  color: #FFF;
}

.ui-tabs-nav .ui-state-hover a:hover {
  border: none;
}

.ui-tabs-nav .ui-state-active {
  background: #2A4064;
  color: #FFFFFF;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #FFFFFF;
}

.ui-tabs-nav .ui-state-default .indicator {
  float: left;
  margin-right: 0;
  margin-left: -16px;
}

/*###############################################################
#																#
#		Struktur darstellen										#
#																#
###############################################################*/
table.struktur td {
  vertical-align: top;
}

table.struktur fieldset {
  background: transparent;
  border: solid 1px #CCC;
  margin-bottom: 1em;
  background: #FFF;
}

table.struktur legend {
  background: transparent;
  border: solid 1px #CCC;
  border-bottom: none;
  padding: 0 10px;
  background: #FFF;
}

table.struktur td select {
  width: 67%;
}

table.struktur td input[type=number] {
  width: 30%;
  float: right;
}

/*###############################################
#												#
#	Messages									#
#												#
###############################################*/
.message {
  margin: 0 auto;
  color: #565656;
  width: 99%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  list-style: none;
}

.message div, .message li {
  padding: 1em 1em 1em 50px;
  box-shadow: inset 0 0 3px 1px rgba(255, 255, 255, 0.6);
  position: relative;
  min-height: 17px;
  width: 100%;
}

/* 0011522: Fixing the error messages on top */
.message.fixed {
  position: fixed;
  top: 0;
  width: 1200px;
  z-index: 10;
  left: 270px;
}

.collactive.welcome .message.fixed {
  position: relative !important;
  margin: 0 auto;
  width: 98%;
}

.message strong {
  font-weight: bold;
}

.message .icon {
  background: transparent;
  background-image: url("../image/message.png");
  height: 24px;
  width: 24px;
  display: block;
  position: absolute;
  left: 1em;
  top: 0.5em;
  border: none !important;
}

.message .info .icon {
  background-position: 0 0;
}

.message .success .icon {
  background-position: -48px 0;
}

.message .warning .icon {
  background-position: -24px 0;
}

.message .error .icon {
  background-position: -72px 0;
}

.message .error {
  border: solid 1px #eb5439;
  border-top: none;
  background-color: #fccac1;
}

.message .warning {
  border: solid 1px #fab418;
  border-top: none;
  background-color: #ffe9ad;
}

.message .info {
  border: solid 1px #4d8fcb;
  border-top: none;
  background-color: #d1e4f3;
}

.message .success {
  border: solid 1px #98c700;
  border-top: none;
  background-color: #effeb9;
}

.ui-tabs .message {
  width: 100%;
}

.ui-tabs-panel .message {
  width: auto;
  margin: -1em -1em 1em -1em;
}

/*###############################################
#												#
#	Map											#
#												#
###############################################*/
#map .ol-control {
  position: absolute;
  bottom: 1em;
  left: 0.5em;
}

#map button.ol-zoom-in, #map button.ol-zoom-out {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0;
  border: none;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3);
  cursor: pointer;
  height: 2.5em;
  outline: medium none;
  padding: 0;
  width: 2.5em;
}

/*###############################################
#												#
#	Leadmaschine								#
#												#
###############################################*/
form#zipForm .ui-tabs .ui-tabs-panel span.cnt,
form#zipForm .ui-tabs .ui-tabs-panel span.bo,
form#zipForm .ui-tabs .ui-tabs-panel #zipForm\:stateZips {
  padding: 1em 0 0 1em;
  display: block;
}

th[role=columnheader] {
  cursor: pointer;
  margin-left: 3px;
}

th[aria-sort]:after {
  margin-left: 3px;
}

th[aria-sort=ascending]:after {
  content: "▲";
}

th[aria-sort=descending]:after {
  content: "▼";
}

/*###############################################
#																								#
#	Neue Layout box																#
#																								#
###############################################*/
.collactiveWindow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  width: 100%;
}
.collactiveWindow .leftMenu {
  width: 260px;
  position: relative;
  margin-right: 1rem;
  min-width: 260px;
  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  background-color: #F7F7F7;
  border-right: 1px solid #CDCDCD;*/
}
.collactiveWindow .leftMenu .customer .label {
  text-align: left;
  width: 75px;
}
.collactiveWindow .leftMenu .navi {
  margin-top: 1rem;
  /*
  	td.kunde a {background-image: url(../image/collactive/iconVierbs.png);}
  	td.dokumente a {background-image: url(../image/collactive/iconDokumente.png);}
  	td.historie a {background-image: url(../image/collactive/iconHistorie.png);}
  	td.notizen a {background-image: url(../image/collactive/iconNotizen.png);}
  	td.prozesse a {background-image: url(../image/collactive/iconProzesse.png);}
  	td.payTransaction a {background-image: url(../image/collactive/iconZahlungsverlauf.png);}
  	td.kontakthistorie a {background-image: url(../image/collactive/iconKontakthistorie.png);}
  */
}
.collactiveWindow .leftMenu .navi a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  border: none;
  background-repeat: no-repeat;
  background-position: 5px center;
}
.collactiveWindow .leftMenu .navi a.disabled {
  cursor: default;
  text-decoration: none;
}
.collactiveWindow .leftMenu .current a {
  cursor: default;
}
.collactiveWindow .leftMenu .subMenu a {
  font-weight: normal;
  text-decoration: underline;
}
.collactiveWindow .leftMenu .subMenu .current a {
  font-weight: bold;
  text-decoration: none;
}
.collactiveWindow .contentRight {
  min-width: 955px;
  max-width: 1640px;
  width: 100%;
}
.collactiveWindow .contentWide {
  width: 100%;
  min-width: 955px;
  margin: 0 1rem;
}

[data-module=onboarding_list] {
  list-style: none;
  width: 100%;
  font-size: 1rem;
}
[data-module=onboarding_list] ul {
  list-style: none;
}
[data-module=onboarding_list] > li {
  text-transform: uppercase;
  padding: 10px;
  font-size: 1rem;
}
[data-module=onboarding_list] > li > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  border-top: solid 1px gray;
  padding-top: 0.5rem;
}
[data-module=onboarding_list] > li li {
  text-transform: none;
  min-height: 150px;
  width: 225px;
  margin: 0.25rem 0.5rem;
}
[data-module=onboarding_list] a {
  display: block;
  text-decoration: none;
  border: solid 1px #BBB;
  height: 100%;
  background-color: #f0f0f0;
  padding: 1rem;
  transition: all ease 0.2s;
}
[data-module=onboarding_list] a:hover, [data-module=onboarding_list] a:focus {
  background-color: #fff;
  text-decoration: none;
}
[data-module=onboarding_list] a:hover span, [data-module=onboarding_list] a:focus span {
  text-decoration: none;
}
[data-module=onboarding_list] span {
  display: block;
  color: #000;
  font-size: 1rem;
  padding-bottom: 0.5rem;
}

/*#############################################################################
#																																							#
#	Anpassungen von Entwickler die bisher nicht richtig zuzuordnen sind					#
#																																							#
#############################################################################*/
.italicFrontStyle {
  font-style: oblique;
}

.contentMiddle {
  min-width: 780px;
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  float: none;
  left: auto;
}

.welcomeLeft {
  width: 62%;
  float: left;
}

.welcomeRight {
  width: calc(38% - 1rem);
  float: right;
}

/*###############################################
#												#
#	Neues ListHighlighting DEV-2694 			#
#												#
###############################################*/
tr.marked-delete td {
  background-color: rgb(200, 35, 35);
  background: rgb(200, 35, 35);
}

tr.marked-recent td {
  background-color: rgb(0, 160, 15);
  background: rgb(0, 160, 15);
}

.ui-tooltip {
  opacity: 0.95;
  border-radius: 4px;
  border: solid 1px #CCC;
}

.ace_editor, .ace_scroller {
  z-index: 0;
}