/* ********************************************* */
/* general.css (Backend/Frontend)
/* ********************************************* */

html, body { 
	height: 100%; 
}
body { 
	margin:0; 
	padding:0; 
	text-rendering: optimizelegibility;
}


/* Jquery UI Korrekturen */
.ui-autocomplete {
	z-index: 9999 !important;
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

.underline {
	text-decoration:underline;	
}


/* ********************************************* */
/* Standardformatierungen
/* ********************************************* */

.shadow-bottom,
.shadow-top,
.shadow-right,
.shadow-left {
	position:relative;
	z-index:1;
}
.shadow-bottom {
    -moz-box-shadow: 0px 3px 3px -5px #777;
    -webkit-box-shadow: 0px 3px 3px -5px #777;
    box-shadow: 0px 3px 3px -5px #777;	
		border-bottom:1px solid #DDD;
}
.shadow-top {
    -moz-box-shadow: 0px -3px 5px -5px #777;
    -webkit-box-shadow: 0px -3px 5px -5px #777;
    box-shadow: 0px -3px 5px -5px #777;	
		border-top:1px solid #DDD;
}
.shadow-right {
    -moz-box-shadow: 4px 0 5px -5px #999;
    -webkit-box-shadow: 4px 0 5px -5px #999;
    box-shadow: 4px 0 5px -5px #999;
		border-right:1px solid #DDD;
}
.shadow-left {
    -moz-box-shadow: -4px 0 5px -5px #999;
    -webkit-box-shadow: -4px 0 5px -5px #999;
    box-shadow: -4px 0 5px -5px #999;
		border-left:1px solid #DDD;
}

table.default { 
	padding:0;
	margin:0;
	table-layout:fixed;
	width: 100%; 
	border-collapse: collapse; 
	border-spacing: 0;
}

select {
    font-size:14px;
	-webkit-box-shadow: 0 0 0 transparent; 
	box-shadow: 0 0 0 transparent;
}
input[type="text"], 
input[type="password"], 
textarea,  
div.selectize-input {
	background:#FFF;
}

h1,h2,h3,h4,h5 { 
	display:block;
	margin:0; 
	padding:0; 
}

div { 
	word-wrap:break-word; 
}
form { 
	padding:0px !important; 
	margin:0px !important; 
}
img {
	vertical-align: middle;	
}
a { 
	cursor:pointer; 
	display:display:inline-block;
	outline:none !important;
}
/*
a:focus { 
	outline:none !important 
}
*/
a:active { 
	color:inherit; 
}

.l { 
	float:left; 
}
.r { 
	float:right; 
}

.rl { float:left; }
.rr { float:right; }

p.clear { 
	padding:0; 
	margin:0; 
	clear:both; 
}
.hidden, a.hidden { 
	display:none; 
	visibility:visible !important;
}


hr {
  margin: 5px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

.padding { padding:15px !important; }
.padding0 { padding:0px !important; }
.padding5 { padding:5px !important; }
.padding10 { padding:10px !important; }
.padding15 { padding:15px !important; }
.padding20 { padding:20px !important; }

.padding-top { padding-top:15px !important; }
.padding-top0 { padding-top:0px !important; }
.padding-top5 { padding-top:5px !important; }
.padding-top10 { padding-top:10px !important; }
.padding-top15 { padding-top:15px !important; }
.padding-top20 { padding-top:20px !important; }

.padding-bottom { padding-bottom:15px !important; }
.padding-bottom0 { padding-bottom:0px !important; }
.padding-bottom5 { padding-bottom:5px !important; }
.padding-bottom10 { padding-bottom:10px !important; }
.padding-bottom15 { padding-bottom:15px !important; }
.padding-bottom20 { padding-bottom:20px !important; }

.padding-both { padding:15px 0 !important; }
.padding-both0 { padding-top:0; padding-bottom:0 !important; }
.padding-both5 { padding-top:5px; padding-bottom:5px !important; }
.padding-both10 { padding-top:10px; padding-bottom:10px !important; }
.padding-both15 { padding-top:15px; padding-bottom:15px !important; }
.padding-both20 { padding-top:20px; padding-bottom:20px !important; }




.margin { margin:15px !important; }
.margin0 { margin:0px !important; }
.margin5 { margin:5px !important; }
.margin10 { margin:10px !important; }
.margin15 { margin:15px !important; }
.margin20 { margin:20px !important; }

.margin-top { margin-top:15px !important; }
.margin-top0 { margin-top:0px !important; }
.margin-top5 { margin-top:5px !important; }
.margin-top10 { margin-top:10px !important; }
.margin-top15 { margin-top:15px !important; }
.margin-top20 { margin-top:20px !important; }

.margin-bottom { margin-bottom:15px !important; }
.margin-bottom0 { margin-bottom:0px !important; }
.margin-bottom5 { margin-bottom:5px !important; }
.margin-bottom10 { margin-bottom:10px !important; }
.margin-bottom15 { margin-bottom:15px !important; }
.margin-bottom20 { margin-bottom:20px !important; }

.margin-both { margin:15px 0 !important; }
.margin-both0 { margin-top:0; margin-bottom:0 !important; }
.margin-both5 { margin-top:5px; margin-bottom:5px !important; }
.margin-both10 { margin-top:10px; margin-bottom:10px !important; }
.margin-both15 { margin-top:15px; margin-bottom:15px !important; }
.margin-both20 { margin-top:20px; margin-bottom:20px !important; }


.opacity40 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;	
}


.circle {
  -webkit-border-radius: 50%;
	 -moz-border-radius: 50%;
		  border-radius: 50%;	
}

.radius0 {
  -webkit-border-radius: 0 !important;
	 -moz-border-radius: 0 !important;
		  border-radius: 0 !important;
}



/*!
 * Pagination
 *
 */
.pagination {
	padding:0;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  margin:0 !important;
  padding:0 !important;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pagination {
  height: 30px;
  margin: 17px 0;
  font-size: 14px;
}
.pagination ul > li > a,
.pagination ul > li > span {
  padding: 0 12px;
  line-height: 28px;
}
.pagination-large {
  height: 38px;
  margin: 20px 0;
  font-size: 16px;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 0 15px;
  line-height: 36px;
}
.pagination-small {
  height: 26px;
  margin: 15px 0;
  font-size: 12px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 0 10px;
  line-height: 22px;
}
.pagination-mini {
  height: 26px;
  margin: 0px 0;
  font-size: 11px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 8px;
  line-height: 21px;
}
.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}
.pager:before,
.pager:after {
  display: table;
  line-height: 0;
  content: "";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager a,
.pager span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}
.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.pager .next a,
.pager .next span {
  float: right;
}
.pager .previous a {
  float: left;
}
.pager .disabled a,
.pager .disabled a:hover,
.pager .disabled span {
  color: #999999;
  cursor: default;
  background-color: #fff;
}

/* ********************************************* */
/* Boxloader
/* ********************************************* */
div.boxloader, div.mainloader {
	position:absolute;
	text-align:center;
	z-index:99;
}
div.boxloader {
	background-color:rgba(255, 255, 255, 0.5);
}
div.mainloader {
	background-color:rgba(0, 0, 0, 0.2);
}
div.mainloader {
	z-index:10000;
}
.loader-1 { padding:20px; padding-bottom:30px; text-align:center; }
.loader-1 i { font-size:26px; }
.loader-2 { text-align:center; }
.loader-2 i { font-size:26px; }
/* ********************************************* */
/* default.css (Backend)
/* ********************************************* */



/* ********************************************* */
/* Buttons, Inputs und Textareas formatieren
/* ********************************************* */

textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
textarea {
  overflow: auto;
  vertical-align: top;
  padding:5px;
}
select {
	min-width:60px;	
	max-width:100%;	
	height:25px; 
}
select {
	background:#FFF;
	padding: 1px 4px;
	line-height: 1;
	border: 0;
	
  	/*-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
		  
	height: 25px;
	border:1px solid #CCC;
}
select.select-big {
	height:35px;
	padding:7px 4px;
}
select:focus {  
	border: 1px solid #5897fb;
}

button,
input,
select,
textarea, 
.selectize-input {
  font-size: 14px;
  margin: 0;
  vertical-align: middle;
}
button,
input, 
.selectize-input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner, 
.selectize-input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}


/* ********************************************* */
/* Inputs
/* ********************************************* */
.ui-spinner { border:0; }
.ui-spinner-up { display:inline-block; border-top:1px solid #CCC !important; border-right:1px solid #CCC !important; }
.ui-spinner-down { display:inline-block; border-bottom:1px solid #CCC !important; border-right:1px solid #CCC !important; }
.ui-spinner:hover, 
.ui-spinner-up:hover,
.ui-spinner-down:hover { border-color:#AAA !important; }
.ui-spinner-input { }

input[type="text"], 
input[type="password"], 
textarea, 
.selectize-input {  
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 1px solid #CCC;
  padding-left:5px; 
  padding-right:5px;
  outline:none;
  
  /*-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus, 
.selectize-input.input-active {  
	border: 1px solid #5897fb;
}
input[type="text"], input[type="password"] { height:22px; }
input[type="text"], input[type="password"], select { margin:0 !important; }
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}
.input-block-level, 
.textarea-block-level, 
.selectize-input {
  display: block;
  width: 100%;
  min-height: 25px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.input-big { 
	min-height:35px; 
	height:35px; 
	font-size:110%; 
}
.input-alert {
	border-color:#e11f5b !important;
}


/* ********************************************* */
/* Uploadform Style
/* ********************************************* */

div#uploadForm {
    position:relative;
	top:-1px;
    width: 160px;
    height: 27px;
    overflow:hidden;
}

div#uploadForm button {
	display:inline-block;
    position: absolute;
    width: auto;
    height: 100%;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:1.2em;
	text-decoration:none;
	border:1px solid #C1C1C1;
	padding:4px 15px;
	text-align:left;
	cursor:default;
	/*-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;*/
}
div#uploadForm button.btn-upload-hover {
	color:#000;
	background:#FFF;
	border:1px solid #C1C1C1;
}
div#uploadForm input {
    opacity:0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
    top:0;
    right:0;
    padding:0;
    margin: 0;
}



/* ********************************************* */
/* Buttons
/* ********************************************* */
/*.ink styles - the elements which will create the ripple effect. The size and position of these elements will be set by the JS code. Initially these elements will be scaled down to 0% and later animated to large fading circles on user click.*/
.btn-ink {
	position: absolute;
	background:rgba(0,0,0,0.1);
	border-radius: 100%;
	transform: scale(0);
}
/*animation effect*/
.btn-ink.btn-ink-animate {animation: ripple 0.55s linear;}
@keyframes ripple {
	100% {opacity: 0; transform: scale(2.5);}
}

a.btn {
	cursor:pointer;
}
.btn {
	display:inline-block;
	text-decoration:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-weight:normal;
	overflow:hidden;
}
.btn-group-left {
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
.btn-group-middle {
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	margin-left:-1px;
}
.btn-group-right {
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin-left:-1px;
}
.btn-normal, .btn {
	height:24px;
	line-height:24px;
	padding:0 10px;
}
.btn-mini {
	height:16px;
	line-height:16px;
	padding:0 6px;
	font-size:11px;
}
.btn-small {
	height:20px;
	line-height:20px;
	padding:0 9px;
	font-size:12px;
}
.btn-medium {
	font-size:15px;
	height:30px;
	line-height:30px;
	padding:0 15px;
}
.btn-large {
	font-size:18px;
	height:40px;
	line-height:40px;
	padding:0 20px;
}
.btn-block {
	display:block !important;
	text-align:center;
}
.btn-left {
	text-align:left;
}
.btn i {
	display:inline-block;
	width:15px;
	position:relative;
	left:-2px;
}

/* Icon Button */
.btn-icon i {
	left:-1px;
	right:0;
}

/* Normal Button */
.btn {
	background:#f5f5f5;
	color:#000;
	border:1px solid #CCC;
	position:relative;
	z-index:0;
}
.btn:hover {
	color:#000;
	border:1px solid #AAA;
	z-index:1;
}
.btn:active {
	
}

/* white Button */
.btn-clear {
	color:#000;
	background:none;
	border:0;
	margin:1px;
}
.btn-clear:hover {
	color:#1C63C9;
	border:0;
	background:none;
}
.btn-clear:active {
	background:none;
}


/* white Button */
.btn-white {
	color:#000;
	background:#FFF;
	border:1px solid #CCC;
}
.btn-white:hover {
	color:#000;
	border:1px solid #AAA;
	background:#FFF;
}
.btn-white:active {
	background:#FFF;
}


/* light Button */
.btn-light {
	color:#DDD;
	background:#FFF;
	border:1px solid #DDD;
}
.btn-light:hover {
	color:#DDD;
	background:#FFF;
	border:1px solid #DDD;
}
.btn-light:active {
	border:1px solid #888;
}

/* lightgrey Button */
.btn-lightgrey {
	color:#000;
	background:#EEE;
	border:1px solid #CCC;
}
.btn-lightgrey:hover {
	color:#000;
	background:#EEE;
	border:1px solid #c1c1c1;
}
.btn-lightgrey:active {
	border:1px solid #888;
}

/* lightgreen Button */
.btn-lightgreen {
	color:#FFF;
	background:#27ae60;
	border:1px solid #2E7D32;
    z-index:1;
}
.btn-lightgreen:hover {
	color:#FFF;
	background:#27ae60;
	border:1px solid #1B5E20;
}
.btn-lightgreen:active {
	border:1px solid #1f8b31;
}

/* darkblue Button */
.btn-darkblue {
	color:#FFF;
	background:#39a2e0;
	border:1px solid #39a2e0;
}
.btn-darkblue:hover {
	color:#FFF;
	background:#39a2e0;
	border:1px solid #39a2e0;
}
.btn-darkblue:active {
	border:1px solid #39a2e0;
}

/* lightblue Button */
.btn-lightblue {
	color:#FFF;
	background:#3498db;
	border:1px solid #2980b9;
}
.btn-lightblue:hover {
	color:#FFF;
	background:#3498db;
	border:1px solid #2980b9;
}
.btn-lightblue:active {
	border:1px solid #2588a6;
}

/* darkblue Button */
.btn-red {
	color:#FFF;
	background:#ed604e;
	border:1px solid #d44735;
}
.btn-red:hover {
	color:#FFF;
	background:#ed604e;
	border:1px solid #a62e1f;
}
.btn-red:active {
	border:1px solid #a62e1f;
}

/* orange Button */
.btn-orange {
	color:#FFF;
	background:#f8a412;
	border:1px solid #f8a412;
}
.btn-orange:hover {
	color:#FFF;
	background:#f8a412;
	border:1px solid #f8a412;
}
.btn-orange:active {
	border:1px solid #f8a412;
}

/* dark Button */
.btn-dark {
	color:#FFF;
	background:#333;
	border:1px solid #333;
}
.btn-dark:hover {
	color:#FFF;
	background:#333;
	border:1px solid #333;
}
.btn-dark:active {
	border:1px solid #333;
}


/* Autocomplete */ 
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-corner-all {
	/*-moz-border-radius: 4px 4px 4px 4px;*/
}
.ui-widget-content {
	border: 1px solid #4D9DFF;
	border-top:0;
	color: #222;
	background:#EEE;
}
.ui-widget {
	/* font-size: 15px; */
	margin-top:-1px;
}
.ui-menu {
	display:block;
	float:left;
	list-style:none outside none;
	margin:0;
	padding:0;
}
.ui-autocomplete {
	cursor: default;
	position: absolute;
}
.ui-autocomplete-fixed {
	position: fixed !important;
}
.ui-menu .ui-menu-item {
	clear: left;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	display: block;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	cursor: pointer;
	background-color:#FFF;
	border-bottom:1px solid #afccee;
}
.ui-menu .ui-menu-item a:hover {
	background-color:#4D9DFF;
	border-bottom:1px solid #4D9DFF;
	color: #FFF;
}
.ui-menu .ui-menu-item li:last a {
	border-bottom:0 !important;
}
.ui-widget-content a {
	color: #222;
}

/* Datepicker/Timepicker */

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.dropdown-menu a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  background-color: #0081c2;
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  color: #999999;
}
.dropdown-menu .disabled > a:hover {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}
.open {
  *z-index: 1000;
}
.open > .dropdown-menu {
  display: block;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px 6px;
          border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}

/* Timepicker */
.bootstrap-timepicker.dropdown-menu {
    border-radius: 4px 4px 4px 4px;
    display: none;
    left: 0;
    margin-top: 1px;
    padding: 4px;
    top: 0;
    min-width: 10px;
    z-index: 99999;
}
.bootstrap-timepicker.dropdown-menu.open {
    display: inline-block;
}
.bootstrap-timepicker.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    left: 6px;
    position: absolute;
    top: -7px;
}
.bootstrap-timepicker.dropdown-menu:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    left: 7px;
    position: absolute;
    top: -6px;
}
.bootstrap-timepicker.modal {
    margin-left: -100px;
    margin-top: 0;
    top: 30%;
    width: 200px;
}
.bootstrap-timepicker.modal .modal-content {
    padding: 0;
}
.bootstrap-timepicker table {
    margin: 0;
    width: 100%;
}
.bootstrap-timepicker table td {
    height: 30px;
    margin: 0;
    padding: 2px;
    text-align: center;
}
.bootstrap-timepicker table td span {
    width: 100%;
}
.bootstrap-timepicker table td a {
    border: 1px solid transparent;
    display: inline-block;
    margin: 0;
    outline: 0 none;
    padding: 8px 0;
    width: 3em;
	text-decoration:none;
}
.bootstrap-timepicker table td a:hover {
    background-color: #EEEEEE;
    border-color: #DDDDDD;
    border-radius: 4px 4px 4px 4px;
}
.bootstrap-timepicker table td a i {
    margin-top: 2px;
}
.bootstrap-timepicker table td input {
    margin: 0;
    text-align: center;
    width: 25px;
}
.bootstrap-timepicker-component .add-on {
    cursor: pointer;
}
.bootstrap-timepicker-component .add-on i {
    display: block;
    height: 16px;
    width: 16px;
}

/* Datepicker */
 /*
	Datepicker for Bootstrap
	Copyright 2012 Stefan Petre
	Licensed under the Apache License v2.0
	http://www.apache.org/licenses/LICENSE-2.0
*/
 .datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*.dow { border-top: 1px solid #ddd !important; }*/; z-index:10000; } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker td.old, .datepicker td.new { color: #999999; } .datepicker td.active, .datepicker td.active:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { background-color: #0044cc; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #003399 \9; } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td span:hover { background: #eeeeee; } .datepicker td span.active { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background-color: #0044cc; } .datepicker td span.active:active, .datepicker td span.active.active { background-color: #003399 \9; } .datepicker td span.old { color: #999999; } .datepicker th.switch { width: 145px; } .datepicker th.next, .datepicker th.prev { font-size: 19.5px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } .datepicker table { table-layout:auto;border-collapse:inherit; border-spacing: 0; }
 
 
 
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.4.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2015 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../../../../../ext/lib/plugins/jquery-chosen/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../../../../ext/lib/plugins/jquery-chosen/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('../../../../ext/lib/plugins/jquery-chosen/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../../../../ext/lib/plugins/jquery-chosen/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background:#3572B0;
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #CCC;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #f1f1f1), color-stop(10%, #ffffff));
  background-image: -webkit-linear-gradient(#f1f1f1 1%, #ffffff 10%);
  background-image: -moz-linear-gradient(#f1f1f1 1%, #ffffff 10%);
  background-image: -o-linear-gradient(#f1f1f1 1%, #ffffff 10%);
  background-image: linear-gradient(#f1f1f1 1%, #ffffff 10%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 0 0;
  padding: 0 5px;
  height: 25px;
  vertical-align: middle;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin:2px 0 2px 2px;
  padding:0 22px 0 4px;
  height: 20px;
  line-height: 18px;
  max-width: 100%;
  background-color: none;
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  color: #333;
  cursor: default;
  background:#f5f5f5;
  border:1px solid #CCC;
}
.chosen-container-multi .chosen-choices li.search-choice:hover {
	background:#EEE;
	color:#000;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 5px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../../../../ext/lib/plugins/jquery-chosen/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
  display: block;
  width: 100%;
  min-height: 25px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('../../../../ext/lib/plugins/jquery-chosen/chosen-sprite.png') no-repeat -30px -20px;
  background: url('../../../../ext/lib/plugins/jquery-chosen/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */



/*
** Cross
*/
i.cross {
	display:block;
	position: absolute;
	right: 21px;
	top: 11px;
	width: 23px;
	height: 23px;
	opacity: 0.3;
}
i.cross:hover {
	opacity: 1;
}
i.cross:before, .cross:after {
	display:block;
	position: absolute;
	left: 15px;
	content: ' ';
	height: 24px;
	width: 2px;
	background-color: #333;
}
i.cross:before {
	transform: rotate(45deg);
}
i.cross:after {
	transform: rotate(-45deg);
}


/* 
** Selectize
*/

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-top: 1px solid #d0d0d0;
  background: #f8f8f8;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -10px;
  line-height: 20px;
  font-size: 20px !important;
  text-decoration:none;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #CCC;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  /*border-left-color: #555;*/
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  /*border-left-color: #CCC;*/
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
/*.selectize-input, ** Oben definiert */
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 2px 2px 1px 2px;
}
.selectize-input.full {
  ;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.dropdown-active {
	/*
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  */
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 1px 1px 0 !important;
  padding: 1px 3px;
  color: #222;
  border: 1px solid #CCC;
  line-height:16px !important;
}
.selectize-control.multi .selectize-input > div.active {
  border: 1px solid #5897fb;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
	
}
.selectize-input {
  padding: 2px 2px 1px 2px !important;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0px 0 0 2px !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: 15px !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  height:18px !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #5897fb;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  border-top:1px solid #CCC;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}
.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}
.selectize-control.multi .selectize-input [data-value] {
  background:#EEE;
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
  white-space:nowrap;
}
.selectize-control.multi .selectize-input [data-value].active {
  /*background:#333;*/
}
.selectize-control.single .selectize-input {
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
  box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
}
.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}
.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}
.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}
.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}
/* ********************************************* */
/* stylesheet.css (Backend)
/* ********************************************* */

html, body {  }
body { 
	margin:0px; 
	padding:0px; 
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	line-height: 1.32857;
	color:#333;  
	background:#434d58;
	background:#FFF;
	font-weight:300;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	text-rendering: optimizelegibility;
}

#wrap {
}

h1 { font-size:22px; font-weight:400; color:#333; }
h2 { font-size:18px; font-weight:400; color:#666; }


/* Inhaltsformatierung */
ul { padding:0px 0px 0px 25px; }
li { padding:0px; }
hr.clear { border:0; padding:0; margin:0; clear:both; }
div p:first-child { margin-top:0; padding-top:0; }
div p:last-child { margin-bottom:0; padding-bottom:0;}

a { color:#000; }
a:hover { color:#000 }
a.link { color:#000; } 

.main-reload-outer {
	background:none;
}
.main-reload {
	background:#FFF;
}

.button {
	display:inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align:center;
	background: #FFF;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;	
}

.button-large {
	width: 100px;
	height: 100px;
	line-height: 90px;
	font-size:42px;
	background: #f1f1f1;	
	border:1px solid #CCC;
}

.submit-invisible {
	position:absolute; 
	top:-3000px; 
	left:0;
	visibility:hidden;	
}


/**************************
**** Content Table
#table-content { 
	table-layout:fixed;
	border-collapse: collapse; 
	border-spacing: 0; 
}
#table-content .table-content-middle {  }
#table-content .table-content-middle-div { padding:15px; }
#table-content .table-content-sidebar { width:280px; border-left:1px solid #CCC; }
#table-content .tcsd-left { border:0; border-right:1px solid #CCC; }
#table-content .table-content-sidebar-div { padding:15px; width:250px; }
*/

#table-content {
	
}

.label {
	display:inline-block;
	font-size:11px;
	min-width:16px;	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:1px 3px;
	height:14px;
	line-height:15px;
	text-align:center;
}
.label-block {
	display:block;	
}
.label-white {
	border:1px solid #FFF;
	background:#FFF;
	color:#444;
}
.label-grey {
	border:1px solid #EEE;
	background:#EEE;
	color:#444;
}
.label-red {
	border:1px solid #ED604E;
	background:#ED604E;
	color:#FFF;
}
.label-blue {
	border:1px solid #39a2e0;
	background:#39a2e0;
	color:#FFF;
}
a.label:hover {
	color:#FFF;	
}


/**************************
**** Content Frameset
*/
div#content { }
div#content .content-middle-frame {
	display:block;
    width: 100%;
    float: left;
    margin-right: -270px;
}
div#content .content-middle-container {
    position: static;
    margin-right: 270px;
    float: none;
    width: auto;
}
div#content .content-sidebar-frame {
    float: right;
    width: 270px;
}
div#content .content-sidebar-container {
    padding-left:20px;
}



/**************************
**** Main Frameset
*/

div#wrap {
	margin:auto; 
}

div#main { 
}
div#main .main-frame {
}
div#main div.main-sidebar-frame {
	width:200px;
}
div#main div.main-middle-frame {
	margin-left:200px;
}
div#sidebar-main .subnav-closed {
	margin-left:200px;
}
div#sidebar-main {
	width:199px;
	border-right:1px solid #CCC;
	background:#F5F5F5;
}
div#sidebar-main .subnav-closed {
	margin-left:200px;
}

div#grid-subnav {
}
div#grid-full {
	padding:15px;
	padding-bottom:0;
}
div#grid-sidebar {
	background:#f5f5f5;
	border-left:1px solid #CCC;
}
div#grid-sidebar.grid-sidebar-left {
	background:#f5f5f5;
	border-left:0;
	border-right:1px solid #CCC;
}
div#grid-middle {
	padding:15px;
}
div#grid-sidebar {
	padding:15px 15px;	
}

/*  
** Dropdown in der Sidebar
*/
div#grid-sidebar .dropdown-div {
	margin-bottom:15px;
}


/**************************
**** Main Navigation
*/
div#sidebar-main {
	padding-top:1px;
	position:fixed; 
	z-index:9990;
}
div#sidebar-main a, 
div#sidebar-main a .icon div {
	height:33px; 
	line-height:32px;	
	white-space:nowrap;
	word-break:keep-all;
	text-decoration:none;
}
div#sidebar-main a .icon, 
div#sidebar-main a .icon div { 
	width:40px;
	text-align:center;
	color:#666; 
}
div#sidebar-main a .icon div { 
	position:absolute;
	height:34px; 
	border-bottom:1px solid #F5F5F5;
}
div#sidebar-main div.subnav-box a .icon div { 
	border-bottom:1px solid #F5F5F5;
}
div#sidebar-main .subnav-open a:last-child .icon div,
div#sidebar-main .subnav-open a:last-child { 
	border-bottom:1px solid #CCC;
}
div#sidebar-main .subnav-open a .icon,
div#sidebar-main .subnav-open .icon div { 
	width:40px;
}
div#sidebar-main a .icon div i { 
	/*font-size:14px;*/
}
div#sidebar-main menu-arrow .icon { 
	
}
div#sidebar-main a .title { 
	
}
div#sidebar-main a.link, 
div#sidebar-main a.link-on { 
	display:block; 
	position:relative; 
	z-index:4;
	color:#222;
	border-bottom:1px solid #CCC;
	height:34px;
	line-height:34px;
	background:none;
}
div#sidebar-main .menu-last a.link { 
	
}
div#sidebar-main a.link-on, 
div#sidebar-main a.link:hover  { 
	z-index:100;
	width:100%;
	height:33px;
	line-height:34px;	
	top:-1px;
	left:-1px;
	margin-bottom:-1px;
	border-top:1px solid;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	background:#555;
	border-color:#555;
	padding-bottom:1px;
	color:#FFF; 
	overflow:hidden;
}
div#sidebar-main a.link-on i,
div#sidebar-main a.link:hover i {
	color:#FFF;
}
div#sidebar-main a.sublink, 
div#sidebar-main a.sublink-on { 
	display:block; 
	position:relative;
	height:34px;
	line-height:34px;
	color:#666; 
	border-bottom:1px solid #CCC;
	background:none;
}
div#sidebar-main .subnav-open .sublink {
	padding:0 10px 0 0;	
}
div#sidebar-main .subnav-closed .sublink {
	padding:0 10px 0 10px;	
}
div#sidebar-main a.sublink:last-child { 
}
div#sidebar-main a.sublink:hover, 
div#sidebar-main a.sublink-on { 
	height:34px;
	overflow:hidden;
	top:-1px;
	margin-bottom:-1px;
	border-top:1px solid;
	border-bottom:1px solid;
	border-color:#CCC;
	color:#3572b0;
	background:#FFF;
}
div#sidebar-main a.sublink-on { 
	
}
div#sidebar-main div.subnav-box {
	
}
div#sidebar-main .subnav-open {
	background:none;
	display:block;
	position:relative;
	z-index:4;
	margin-left:0;
	margin-top:0;
}
div#sidebar-main .subnav-open:hover {
	
}

div#sidebar-main .subnav-closed {
	background:#FFF;
	display:none;
	position:absolute;
	z-index:999;
	margin-left:190px;
	margin-top:-35px;
	-webkit-box-shadow: 0 0 3px 0 #AAA;
	box-shadow: 0 0 3px 0 #AAA;
}
div#sidebar-main .subnav-closed a {
	background:#FFF;
	color:#555;
	border-bottom:1px solid;
	border-color:#CCC;
}
div#sidebar-main .subnav-closed a:hover {
	background:#f1f1f1;
	color:#111;
}
div#sidebar-main .menu-last a.link, 
div#sidebar-main .menu-last .subnav-box a:last-child {
	overflow:hidden;
}


/**************************
**** List Styles
*/
.list-grid { border-bottom:1px solid #CCC; padding:10px 10px; display:block; text-decoration:none }
.list-grid a { display:inline; text-decoration:none }
.list-grid a:hover { color:#3572b0; text-decoration:underline }
.list-grid:hover {  }

.list-grid-2 { padding:10px 10px; display:block; text-decoration:none }
.list-grid-2 a { display:inline; text-decoration:none }
.list-grid-2 a:hover { color:#3572b0; text-decoration:underline }
.list-grid-2:hover {  }


/**************************
**** Navigation Custom-Style
*/
div.nav-container { white-space:nowrap;}
div.nav-container a.nav { display:inline-block; } 
div.nav-container div.nav-left-side, div.nav-container div.nav-right-side { display:inline-block; }
div.nav-container div.nav-left-side { float:left; }
div.nav-container div.nav-right-side { float:right; }


/**************************
**** Top Navigation
*/
#top { 
	height:35px;
}
#top div.top-bg { 
	position:static; 
	left:0;
	z-index:999;
	width:100%;
	height:35px; 
}
#top div.top-frame { 
	margin:auto;
	background:#FFF;
}

#top div.top-container { 
	position:fixed; 
	width:100%;
	z-index:999;
	height:35px; 
	background:#4a4a4a; 
}

div.topnav1 { 
	height:35px; 
	line-height:34px; 
	overflow:hidden; 
}
div.topnav1 div.nav-container {  }
div.topnav1 a.nav {
	padding:0 15px 0 15px; 
	text-decoration:none; 
	color:#dce2e7; 
} 
div.topnav1 a.nav-left { 
	border-right:0px solid; 
}
div.topnav1 a.nav-right { 
	border-left:0px solid; 
}
div.topnav1 a.nav-left,
div.topnav1 a.nav-right { 
	border-color:rgba(255,255,255,0.2);
}
div.topnav1 div.nav-left-side, div.topnav1 div.nav-right-side {  }
div.topnav1 a.nav:hover, div.topnav1 a.on { 
	background:rgba(0,0,0,0.5);
	color:#FFF; 
} 
div.topnav1 a.nav:hover:active { 
	background:rgba(0,0,0,0.3);
}

div#top .top-navi-frame {
	margin-left:200px;	
}
div#top div.top-logo-frame {
	float:left;
	text-decoration:none; 
	height:35px; 
	line-height:34px; 
	width:200px;
}
div#top a.top-minimizer,
div#top a.top-logo {
	text-decoration:none; 
	display:inline-block;
	background:rgba(0,0,0,0.2);
}
div#top a.top-minimizer {
	text-decoration:none; 
	width:40px;
	text-align: center;
	color:#FFF;
} 
div#top a.top-logo {
	padding:0 15px 0 15px; 
	width:130px;
	text-align:center;
	color:#FFF;
}
div#top a.top-logo:hover, 
div#top a.top-minimizer:hover {
	color:#FFF;
	background:rgba(0,0,0,0.6);
} 


/**************************
**** Footer
*/
#footer { 
	position:absolute;
	z-index:6;
	width:100%; 
	background:#474747; 
}
#footer div.footer-frame { }
#footer div.footer-container { 
	font-size:13px; 
	color:#999; 
	padding:20px; 
	padding-top:10px; 
	padding-bottom:10px; 
}
#footer div.footer-container a { 
	color:#CCC; 
	text-decoration:underline; 
}
#footer div.footer-container a:hover { 
	color:#CCC; 
}
#footer div.footer-container a.creditLogo {  
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;
}
#footer div.footer-container a.creditLogo:hover {  
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}



.list-danger, .list-danger:hover { border:5px solid #9349c7; } /* zu wenig teilnehmer */
.list-alert, .list-alert:hover { border:5px solid #f1628e; } /* termin kann zugesagt werden */
.list-active, .list-active:hover { border:5px solid #9ac88e; } /* termin aktiv/zugesagt */
.list-inactive, .list-inactive:hover { border:5px solid #949494; } /* termin inaktiv */
.list-full, .list-full:hover { border:5px solid #e1de92; } /* limit erreicht */
.list-none, .list-none:hover { border:5px solid #EEE; } /* neutral */
.list-cancel, .list-cancel:hover { border:5px solid #a2522e; } /* termin abgesagt */
.list-done, .list-done:hover { border:5px solid #498025; } /* termin abgeschlossen */
.list-expired, .list-expired:hover { border:5px solid #fa8a58; } /* termin abgelaufen */
.list-trash, .list-trash:hover { border:5px solid #f60404; } /* papierkorb */

.cal-danger, .cal-danger:hover { background:#9349c7; } /* zu wenig teilnehmer */
.cal-alert, .cal-alert:hover { background:#f1628e; } /* termin kann zugesagt werden */
.cal-active, .cal-active:hover { background:#9ac88e; } /* termin aktiv/zugesagt */
.cal-inactive, .cal-inactive:hover { background:#949494; } /* termin inaktiv */
.cal-full, .cal-full:hover { background:#e1de92; } /* limit erreicht */
.cal-none, .cal-none:hover { background:#EEE; } /* neutral */
.cal-cancel, .cal-cancel:hover { background:#a2522e; } /* termin abgesagt */
.cal-done, .cal-done:hover { background:#498025; } /* termin abgeschlossen */
.cal-expired, .cal-expired:hover { background:#fa8a58; } /* termin abgelaufen */
.cal-trash, .cal-trash:hover { background:#f60404; } /* papierkorb */

.text-danger, .text-danger:hover { color:#9349c7; } /* zu wenig teilnehmer */
.text-alert, .text-alert:hover { color:#f1628e; } /* termin kann zugesagt werden */
.text-active, .text-active:hover { color:#9ac88e; } /* termin aktiv/zugesagt */
.text-inactive, .text-inactive:hover { color:#949494; } /* termin inaktiv */
.text-full, .text-full:hover { color:#e1de92; } /* limit erreicht */
.text-none, .text-none:hover { color:#EEE; } /* neutral */
.text-cancel, .text-cancel:hover { color:#a2522e; } /* termin abgesagt */
.text-done, .text-done:hover { color:#498025; } /* termin abgeschlossen */
.text-expired, .text-expired:hover { color:#fa8a58; } /* termin abgelaufen */
.text-trash, .text-trash:hover { color:#f60404; } /* papierkorb */

 
.cal-danger, .cal-alert, .cal-active, .cal-inactive, .cal-full, 
.cal-none, .cal-cancel, .cal-done, .cal-expired, .cal-trash {
 	color:#FFF;
}



.percentgraph,
.percentgraph:hover,
.percentgraph-label,
.percentgraph-green,
.percentgraph-grey {
	display:block !important; 
	text-decoration:none !important; 
	font-size:11px;
	height:20px;
	line-height:20px;
	text-align:center;  
	position:relative;
	z-index:0;
}
.percentgraph {
	margin:auto;
	background:none;  
	border:1px solid #CCC; 
}
.percentgraph-zero { 
	border:1px solid #CCC; 
}
.percentgraph:hover {
	border:1px solid #BBB;
}
.percentgraph, .percentgraph-label {
	width:100%;
}
.percentgraph-big, .percentgraph-big-label {
	width:100%;
}
.percentgraph-label {
	position:relative; 
	z-index:2; 
	color:#000; 
}
.percentgraph-green,
.percentgraph-grey {
	position:relative;
	z-index:0; 
	top:-20px;
	height:20px;
	opacity: 0.5;
	filter:Alpha(Opacity=50);
}
.percentgraph-green {
	background: #4CD964;
}
.percentgraph-grey {
	top:-40px;
}
.percentgraph-green:hover,
.percentgraph-grey:hover {
   opacity: 1;
   filter:Alpha(Opacity=100);
}


/**************************
**** Mainbox 1 - Sorting 1
*/
.mainBox1-sorting1 {
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(243,243,243,1) 49%, rgba(245,245,245,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(49%,rgba(243,243,243,1)), color-stop(100%,rgba(245,245,245,1))); 
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(243,243,243,1) 49%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(243,243,243,1) 49%,rgba(245,245,245,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(243,243,243,1) 49%,rgba(245,245,245,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(243,243,243,1) 49%,rgba(245,245,245,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */

	border-bottom:1px solid #CCC;
	white-space:nowrap;
	-webkit-border-radius: 3px 3px 0px 0px;
     -moz-border-radius: 3px 3px 0px 0px;
        border-radius: 3px 3px 0px 0px;

	height:35px;
	line-height:36px;
	overflow:hidden;
	padding:0 10px;
}
.mainBox1-sorting1 a {
	display:inline-block;
	font-size:0.8em; 
	text-decoration:none;
	font-weight:700; 
	color:#666;
}
.mainBox1-sorting1 a:hover, .mainBox1-sorting1 a.on {
	color:#000;
}


/**************************
**** Boxsearch
*/
div.boxsearch { 
	padding:10px 20px 10px 20px;
	position:relative;
	border-bottom:1px solid #CCC;
	z-index:1;
}
div.boxsearch-button { 
	width:30px; 
	float:right; 
}
div.boxsearch-button-frame { 
	position:absolute; 
	width:30px; 
	margin:8px 0 0 -7px;
	text-align:center; 
}
div.boxsearch-button-frame a {  }
div.boxsearch-input {  }
div.boxsearch-sub { 
	padding:10px 20px 10px 20px;
	border-bottom:1px solid #CCC;
}



/**************************
**** Autoswipe
*/
.autoswipe {
	position:relative;
	overflow:hidden;	
	overflow-y:hidden;	
	overflow-x:hidden;
	white-space:nowrap;
}
.autoswipe-frame {	
	padding-bottom:30px;
	overflow:auto;
	-webkit-overflow-scrolling: touch;	
}
.autoswipe-container {	
}
.autoswipe a.tab { 
	display:block; 
	position:relative; 
}


/**************************
**** Seitenheader
*/
#page-title {
	
}
#page-title .page-title-frame {
	overflow:hidden;
	height:35px;
	line-height:35px;
	position:relative;
	z-index:1;
	white-space:nowrap;
	padding:7px 15px 0px 12px;
}
#page-title .page-title-container {
	padding:0;
}

#page-title h1 { 
    position:relative;
    top:-3px;
	font-size:22px;
	font-style: normal;
	font-weight: 400;
	color:#000;
}


#breadcrumb {
}
#breadcrumb .breadcrumb-frame {
	height:28px;
	line-height:14px;
	border-bottom:1px solid #CCC;
	font-size:12px;
	padding:0 14px 0 13px;
}
#breadcrumb,
#breadcrumb a.last,
#breadcrumb a.normal { 
	color:#777;
}
#breadcrumb a.normal { 
	text-decoration:none;
}
#breadcrumb a.normal:hover { 
	color:#3572b0;
}
#breadcrumb a.last:hover { 
	cursor:text;
}
#breadcrumb .last { 
	text-decoration:none;
	font-weight:inherit;
}


div.dropdown-div { /* Identifier */
	border:1px solid #CCC;
	white-space:nowrap; 
	word-break:keep-all;
	max-width:300px;
	/*-webkit-border-radius: 3px;
	 -moz-border-radius: 3px;*/
}
/* */
div.dropdown-div a.nav {
	display:block !important;
	height:30px;
	line-height:29px;
	width:100%;
	background:#FFF;
	color:#444;
}
div.dropdown-div a.nav:hover {
	background:#3572b0;
	color:#FFF;
}
div.dropdown-default a.nav:hover {
	background:inherit;
	color:inherit;
}
div.dropdown-div a .nav-content {
	padding:0 10px;
}
div.dropdown-div div.nav-container { 
	white-space:inherit;
}
div.dropdown-div div.nav-left-side, 
div.dropdown-div div.nav-right-side { 
	width:100%; float:none !important; display:block !important; 
}
div.dropdown-div a.on { 
	z-index:1;
}
/* */
div.dropdown-div a.dropdown-arrow {
	display:block;
	text-align:center;
	height:24px;
	width:24px;
	line-height:20px;
	background:#f1f1f1;
	color:#888;
	/*-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;*/
	position:relative;
	z-index:12;
}
div.dropdown-div a.dropdown-default {
	height:24px;
	line-height:24px;
	margin-right:20px;
	background:#FFF;
	color:#444;
	/*-webkit-border-radius:3px;
	border-radius:3px;*/
	position:relative;
	z-index:11;
}
div.dropdown-div a {
	text-decoration:none;
}
div.dropdown-div .dropdown-content {
	position:absolute;
	z-index:10;
	display:none;
	margin-left:-1px;
}
/* */
div.dropdown-div.dropdown-div-hover {
	background:#FFF !important;
	border:1px solid #AAA !important;
	/*-webkit-border-radius: 3px !important;
	border-radius: 3px !important;*/
}
div.dropdown-div .dropdown-div-hover-default {
	background:#FFF !important;
	color:#000 !important;
	/*-webkit-border-radius: 3px !important;
	border-radius: 3px !important;*/
}
div.dropdown-div .dropdown-div-hover-arrow {
	color:#000 !important;
	/*-webkit-border-radius: 0 3px 3px 0 !important;
	border-radius: 0 3px 3px 0 !important;*/
}

div.dropdown-div.dropdown-div-on {
	background:#FFF !important;
	border:1px solid #AAA !important;
	/*-webkit-border-radius: 3px 3px 0 0 !important;
	border-radius: 3px 3px 0 0 !important;*/
	-webkit-box-shadow: 0 0 3px 0 #CCC;
	box-shadow: 0 0 3px 0 #CCC;
}
div.dropdown-div .dropdown-div-on-default {
	background:#FFF !important;
	color:#3572b0 !important;
	/*-webkit-border-radius: 3px 3px 0 0 !important;
	border-radius: 3px 3px 0 0 !important;*/
}
div.dropdown-div .dropdown-div-on-arrow {
	color:#3572b0 !important;
	/*-webkit-border-radius: 0 3px 0 0 !important;
	border-radius: 0 3px 0 0 !important;*/
}

div.dropdown-div .dropdown-content {
	margin-left:-1px;
	border:1px solid #AAA;
	border-top:1px solid #CCC;
	-webkit-box-shadow: 0 0 3px 0 #CCC;
	box-shadow: 0 0 3px 0 #CCC;
}



.dropdown1-frame {
	padding:15px 15px 15px 15px
}


/**************************
**** Tabnav
*/
div.main-content-tabnav, 
div.tabnav0  {
	height:55px;
}
div.tabnav0 { 
	overflow:hidden; 
	line-height:20px;
	background: rgb(231,233,238); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTllZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2Y0ZjZmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U5ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(231,233,238,1) 0%, rgba(244,246,249,1) 32%, rgba(231,233,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(231,233,238,1)), color-stop(32%,rgba(244,246,249,1)), color-stop(100%,rgba(231,233,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(231,233,238,1) 0%,rgba(244,246,249,1) 32%,rgba(231,233,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(231,233,238,1) 0%,rgba(244,246,249,1) 32%,rgba(231,233,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(231,233,238,1) 0%,rgba(244,246,249,1) 32%,rgba(231,233,238,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(231,233,238,1) 0%,rgba(244,246,249,1) 32%,rgba(231,233,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e9ee', endColorstr='#e7e9ee',GradientType=1 ); /* IE6-8 */
}
div.tabnav0 div.nav-container { 
	margin:8px 0 0 0;
	height:46px;
	border-bottom:1px solid #c1c1c1; 
}
div.tabnav0 .nav-content { 
}
div.tabnav0 a.nav { 
	position:relative;
	margin-right:-1px;
	z-index:1;
	height:44px;
	padding:0 10px;
	text-decoration:none; 
	border:1px solid; 
	background:#f6f7f9;
	border-color:#CCC;
	color:#666; 
	border-bottom:0;
	bottom:-1px;
} 
div.tabnav0 a.nav:hover { 
	background:#FFF;
	border-color:#c1c1c1;
	color:#666; 
	z-index:2;
} 
div.tabnav0 div.nav-left-side, div.tabnav0 div.nav-right-side {  }
div.tabnav0 a.on, 
div.tabnav0 a.on:hover { 
	height:45px;
	margin-bottom:-1px;
	background:#FFF;
	border-color:#c1c1c1;
	color:#3572b0; 
	z-index:2;
} 

div.tabnav0 .nav-left-side a.last { 
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px; 
}
div.tabnav0 .nav-left-side a.nav:first-child { 
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px; 
}


span.tabnav0-title,
span.tabnav0-subtitle,
span.tabnav0-title-big { 
	display:block;
	max-width:170px;
	overflow:hidden;
}
span.tabnav0-icon {
	display:block;
	width:35px;
}
span.tabnav0-icon-frame {
	display:block;
	position:absolute; 
	width:31px; 
	text-align:center; 
	font-size:16px; 
	padding-top:11px; 
	padding-left:4px;
}
span.tabnav0-title-big {
	position:absolute; 
	text-align:center; 
	padding-top:11px;	
}
span.tabnav0-title { 
	text-align:center;
	position:relative;
	top:3px;
}
span.tabnav0-subtitle { 
	text-align:center;
	position:relative;
	top:-2px;
	font-size:12px;
	color:#666;
}
span.tab-cancel {
	display:inline-block;
	visibility:visible;
	position:relative; 
	cursor:pointer;
	width:18px; 
	height:16px; 
	line-height:16px; 
	margin-left:-20px;
	left:-6px;
	top:-13px;	
	font-size:12px;
	z-index:1111;
	text-align:center;
	
	color:#444;
	background:none;
	border:1px solid #DDD;
	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
span.tab-cancel:hover {
	color:#FFF;
	border:1px solid #e74c3c;
	background:#e74c3c;
}

.tabnav0-config {
	float:right; 
	width:50px; 
	height:55px;
}
.tabnav0-config-frame {
	position:fixed;
	z-index:9990; 
	width:50px; 
	height:54px; 
	text-align:center; 
	border-bottom:1px solid #c1c1c1; 
	line-height:60px;
	background: rgb(231,233,238);
}
.tabnav0-config-frame a {
	display:inline-block; 
	color:#333;
	width:33px; 
	height:40px; 
	line-height:40px;
}
.tabnav0-config-frame a:hover {
	color:#000;
}
.tabnav0-config-frame a.on {
	color:#3572b0;
}

.tabnav0-config-popover {
	position:fixed; 
	z-index:9991; 
	width:180px;
	margin-top:44px; 
	margin-left:-140px;
	border:1px solid #CCC; 
	border-bottom:0; 
	background:#FFF; 
	-webkit-box-shadow: 0 0 3px 0 #AAA;
	box-shadow: 0 0 3px 0 #AAA;
}
.tabnav0-config-popover a {
	display:block; 
	padding:5px 10px; 
	border-bottom:1px solid #CCC; 
	font-size:13px;
}
.tabnav0-config-popover a:hover {
	background:#f1f1f1;
	color:#3572b0;
}

/**************************
**** Subnavigation 0
*/
div.subnav0 { 
	border:1px solid #CCC;
	-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
	margin-bottom:20px;
	background:#FFF;
}
div.subnav0 div.nav-container { 
	white-space:inherit;
}
div.subnav0 a.nav { 
	display:block; 
	position:relative; 
	z-index:1;
	height:35px;
	line-height:35px;
	padding:0 10px;
	text-decoration:none; 
	background:none; 
	color:#555;
	border-bottom:1px solid #CCC; 
}
div.subnav0 a.nav:first-child { 
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
} 
div.subnav0 a.nav:last-child { 
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border-bottom:0;
} 
div.subnav0 div.nav-left-side, 
div.subnav0 div.nav-right-side { 
	width:100%; 
}
div.subnav0 a.nav:hover, div.subnav0 a.on { 
	z-index:2;
	background:#f1f1f1;
	color:#3572b0;
}
div.subnav0 a.on { 
	font-weight:700;
	color:#3572b0;
}
div.subnav0 a.on:hover { 
	color:#3572b0;
}
div.subnav0 a.nav:hover:active { 
	color:#000;
}
/*
div.subnav0 a.nav-left:last-child { 
	-webkit-border-bottom-right-radius:5px;
			border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
			border-bottom-left-radius:5px; 
}
div.subnav0 a.nav-left:first-child { 
	-webkit-border-top-right-radius:5px;
			border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
			border-top-left-radius:5px; 
}
*/


/**************************
**** Subnavigation 1
*/
div.subnav1 { 
	height:40px; 
	overflow:hidden; 
	line-height:20px;
}
div.subnav1 div.nav-container { 
	border-bottom:1px solid #CCC; 
	background:none;
	padding:8px 15px 0 15px;
}
div.subnav1 a.nav { 
	position:relative;
	margin-right:-1px;
	z-index:1;
	height:30px;
	line-height:30px;
	padding:1px 11px 0px 12px; 
	text-decoration:none; 
	background:none;
	color:#222; 
} 
div.subnav1 a.nav:hover { 
	padding:0 10px 0 11px; 
	background:#f5f5f5;
	border:1px solid; 
	border-bottom:0;
	border-color:#CCC;
	color:#222; 
	z-index:2;
	height:31px;
	margin-bottom:-1px;
} 
div.subnav1 div.nav-left-side, div.subnav1 div.nav-right-side {  }
div.subnav1 a.on, 
div.subnav1 a.on:hover { 
	padding:0 10px 0 11px; 
	background:#f5f5f5;
	border:1px solid; 
	border-bottom:0;
	border-color:#CCC;
	color:#222; 
	z-index:2;
	height:31px;
	margin-bottom:-1px;
} 

div.subnav1 .nav-left-side a.last { 
	/*-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px; */
}
div.subnav1 .nav-left-side a.nav:first-child { 
	/*-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px; */
}

/**************************
**** Subnavigation 2
*/
div.subnav2 { 
	overflow:hidden; 
	line-height:20px;
	height:40px;
}
div.subnav2 div.nav-container { 
	border-bottom:1px solid #CCC; 
	background:#FFF;
	padding:0 8px;
}
div.subnav2 a.nav { 
	position:relative;
	z-index:1;
	height:39px;
	line-height:39px;
	padding:0 13px; 
	text-decoration:none; 
	background:none;
	color:#3572b0; 
	border:0;
} 
div.subnav2 a.nav:hover { 
	color:#000; 
	z-index:2;
} 
div.subnav2 a.on, 
div.subnav2 a.on:hover { 
	color:#000; 
	z-index:2;
} 
div.subnav2 a.on::before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
    content: '\25b4';
	position:absolute;
	top:0;
	left:50%;
	width:20px;
	margin-left:-10px;
	margin-top:18px;
	font-size:20px;
}
div.subnav2 a.on::before {
	color:#FFF;
	text-shadow: 0 -2px 0 #CCC;
}
div.subnav2 .nav-left-side a.last { 
	/*-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px; */
}
div.subnav2 .nav-left-side a.nav:first-child { 
	/*-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px; */
}

/**************************
**** Subnavigation 3
*/
div.subnav3 { 
	overflow:hidden; 
	line-height:20px;
	height:35px;
}
div.subnav3 div.nav-container { 
	border-bottom:1px solid #CCC; 
	background:#f5f5f5;
	padding:0 0;
}
div.subnav3 a.nav { 
	position:relative;
	z-index:1;
	height:34px;
	line-height:34px;
	padding:0 5px 0 15px; 
	text-decoration:none; 
	background:none;
	color:#3572b0; 
	border:0;
} 
div.subnav3 a.nav:hover { 
	color:#000; 
	z-index:2;
} 
div.subnav3 a.on, 
div.subnav3 a.on:hover { 
	color:#000; 
	font-weight:700;
	z-index:2;
} 
div.subnav3 a.on::before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
    content: '\25b4';
	position:absolute;
	top:0;
	left:50%;
	width:20px;
	margin-left:-10px;
	margin-top:16px;
	font-size:20px;
}
div.subnav3 a.on::before {
	color:#FFF;
	text-shadow: 0 -2px 0 #CCC;
}
div.subnav3 .nav-left-side a.last { 
	/*-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px; */
}
div.subnav3 .nav-left-side a.nav:first-child { 
	/*-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px; */
}

/**************************
**** Subnavigation 4
*/
div.subnav4 { 
	overflow:inherit; 
	margin-bottom:40px;
}
div.subnav4 div.nav-container { 
	border-bottom:0px; 
}
div.subnav4 a.nav { 
	display:block;
	padding:5px 10px 5px 10px; 
	text-decoration:none; 
	color:#666; 
	border-top:0px solid #CCC; 
	border-bottom:0px solid #FFF;
	border-left:2px solid #CCC;
	margin-bottom:1px;
} 
div.subnav4 a.nav-left { 
	border-right:0; 
}
div.subnav4 a.nav-right { 
	border-right:0px solid #CCC; 
}
div.subnav4 div.nav-left-side, div.subnav4 div.nav-right-side {  
	display:block;
	float:none;
}
div.subnav4 a.nav:hover, div.subnav4 a.on { 
	color:#3572b0;
	border-bottom:0px solid #FFF;
	border-left:2px solid #3572b0;
} 
div.subnav4 a.on { 
	font-weight:700;
} 
div.subnav4 a.nav:hover:active { 
	color:#000;
}
div.subnav4 a.nav-left:last-child { 
	
}
div.subnav4 a.nav-right:first-child { 
	border-left:0px solid #CCC; 
}
/*
div.subnav4 a.nav-left:last-child { 
	-webkit-border-top-right-radius:5px;
			border-top-right-radius:5px;
}
div.subnav4 a.nav-right:last-child { 
	-webkit-border-top-right-radius:5px;
			border-top-right-radius:5px;
}

div.subnav4 a.nav-left:first-child { 
	-webkit-border-top-left-radius:5px;
			border-top-left-radius:5px; 
}
div.subnav4 a.nav-right:first-child { 
	-webkit-border-top-left-radius:5px;
			border-top-left-radius:5px; 
}
*/

/**************************
**** Subnavigation 5
*/
div.subnav5 { 
	border-bottom:1px solid #CCC;
	background:#FFF;
}
div.subnav5 div.nav-container { 
	white-space:inherit;
}
div.subnav5 a.nav { 
	display:block; 
	position:relative; 
	z-index:1;
	height:36px;
	line-height:36px;
	padding:0 20px;
	text-decoration:none; 
	background:none; 
	color:#555;
	border-bottom:1px solid #CCC; 
}
div.subnav5 a.nav:first-child { 
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
} 
div.subnav5 a.nav:last-child { 
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border-bottom:0;
} 
div.subnav5 div.nav-left-side, 
div.subnav5 div.nav-right-side { 
	width:100%; 
}
div.subnav5 a.nav:hover, div.subnav5 a.on { 
	z-index:2;
	background:#f1f1f1;
	color:#3572b0;
}
div.subnav5 a.on { 
	font-weight:700;
	color:#3572b0;
}
div.subnav5 a.on:hover { 
	color:#3572b0;
}
div.subnav5 a.nav:hover:active { 
	color:#000;
}
/*
div.subnav5 a.nav-left:last-child { 
	-webkit-border-bottom-right-radius:5px;
			border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
			border-bottom-left-radius:5px; 
}
div.subnav5 a.nav-left:first-child { 
	-webkit-border-top-right-radius:5px;
			border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
			border-top-left-radius:5px; 
}
*/


hr.subscriber-notavailable-symbol {
	margin:14px 0 0 2px;
	position:absolute;
	z-index:11;
	border: none;
	border-top: 2px solid #000;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
	width:37px;

	-moz-transform:rotate(45deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:rotate(45deg); /* Safari */
	-o-transform:rotate(45deg); /* Opera */
	-ms-transform:rotate(45deg); /* IE9 */
	transform:rotate(45deg); /* W3C */
}



/**************************
**** Messageboxen
*/
.error-frame {
	padding:15px 15px 0 15px;	
}
.msg {
	-webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
		  border-radius: 3px;
}
.msg { margin-bottom:5px; background:#FFF; overflow:hidden; position:relative; }
.msg i.this-icon { font-weight:inherit !important; }
.msg .btn {
	position:relative;
	display:block;
	border-width:1px !important;
	padding:1px 5px;
}
.msg-right { float:right; margin-left:10px; }
.msg-icon { float:left; width:30px; text-align:center; padding:5px 0; }
.msg-text { margin-left:30px; background:#FFF; padding:5px 10px; }

.msg-green {  border:1px solid #4CD964; }
.msg-green i.this-icon, .msg-green a.link { color:#4CD964; }
.msg-green { color:#222; }

.msg-red {  border:1px solid #ed604e; background:#ed604e; }
.msg-red i.this-icon, .msg-red a.link { color:#FFF; }
.msg-red { color:#222; }

.msg-yellow {  border:1px solid #edddc0; }
.msg-yellow i, .msg-yellow a.link { color:#edddc0; }
.msg-yellow { color:#222; }

.msg-orange {  border:1px solid #f8a412; }
.msg-orange i.this-icon, .msg-orange a.link { color:#f8a412; }
.msg-orange { color:#222; }

.msg-blue {  border:1px solid #3572b0; background:#3572b0; }
.msg-blue i.this-icon, .msg-blue a.link { color:#FFF; }
.msg-blue { color:#222; }

.msg-white { border-left:5px solid #AAA; }
.msg-white i.this-icon, .msg-white a.link { color:#777; }
.msg-white { color:#222; }

.msg-border-bottom { border-left:0; border-right:0; border-top:0; margin:0; }
.msg-margin-bottom { margin-bottom:15px; }
.msg-margin-top { margin-top:15px; }
.msg-margin-both { margin:15px 0; }
.msg-margin { margin:15px; }


.span-green {
	color:#5aa838;	
}
.span-red {
	color:#d81f1f;	
}
.span-orange {
	color:#a86f38;	
}
.span-dark {
	color:#333;	
}

/**************************
**** jqModal Plugin
*/

.jqmWindow {
    display: none;
    position:fixed;
    top: 60px;
    width: 940px;
}
.mainLoadWindow {
    display: none;
    position:fixed;
    top: 30px;
    left: 50%;
    margin-left: -40%;
    width: 80%;
}
.jqmWindow-stacked {
    display: none;
    position:fixed;
    top: 65px !important;
    width: 940px;
}
.jqmWindow-small {
    top: 40px;
    left: 50%;
    margin-left: -250px;
    width: 500px;
}
.jqmWindow-medium {
    top: 40px;
    left: 50%;
    margin-left: -350px;
    width: 700px;
}
.jqmWindow-big {
    top: 30px;
    left: 50%;
    margin-left: -40%;
    width: 80%;
}

.jqmWindow .mainBox1:first-child {
	border:0 !important;
	padding:0 !important;
	-webkit-box-shadow: 0 0 20px 0 #8C8C8C;
	box-shadow: 0 0 20px 0 #8C8C8C;
	position:relative;
}
.jqmWindow .mainBox1:first-child .mainBox1-header1, 
.jqmWindow .mainBox1:first-child .mainBox1-header1-title, 
.jqmWindow .mainBox1:first-child .mainBox1-header1-close {
	height:40px !important;
	line-height:35px !important;
}
.jqmWindow .mainBox1:first-child .mainBox1-header1-title {
	font-size:20px !important;
	font-weight:normal !important;
}
.jqmWindow .mainBox1:first-child .mainBox1-header1-close { 
	font-size:18px;
	padding-right:15px !important;
}
.jqmWindow .row1, 
.jqmWindow .row1-last { 
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:8px;
}
.jqmWindow .row1-bg3 { 
	margin:0;
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:8px;
}

/**************************
**** Overflows
*/
div.overflow { overflow:auto; -webkit-overflow-scrolling: touch; } /* Bei normalen Modals */
div.overflow_frame, div.overflow_frame_sidebar { overflow:auto; max-height:20px; width:100%; -webkit-overflow-scrolling: touch; } /* Bei normalen Modals */
div.overflow_inline { overflow:auto; max-height:150px; width:100%; -webkit-overflow-scrolling: touch; } /* Bei Inline-Modals */
div.outer_overflow { position:relative; z-index:1; } /* Bei Inline-Modals */
div.normal_overflow { overflow:auto; -webkit-overflow-scrolling: touch; } /* Bei Inline-Modals */
div.overflow_div { overflow:hidden; white-space:nowrap; -webkit-overflow-scrolling: touch; width:100%; } /* Bei normalen Divs */
.overflow_div_width { visiblity:hidden; position:absolute; top:-200px; }
div.overflow_div_hover { 
	position:absolute; 
	padding:10px; 
	white-space:normal; 
	word-break:break-strict;
	word-spacing:inherit;
	word-wrap:normal;
	margin-top:-11px; 
	margin-left:-11px; 
	background:#FFF; 
	z-index:10; 
	border:1px solid #CCC; 
	-webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px; 
	-webkit-box-shadow:  0px 0px 4px 1px #CCC;
	box-shadow:  0px 0px 4px 1px #CCC;	
}

.main-content-frameX {
	overflow:auto; -webkit-overflow-scrolling: touch;
}


/**********************************************************************************************************************************
***********************************************************************************************************************************
**** LOGIN STYLES
***********************************************************************************************************************************
***********************************************************************************************************************************/

/**************************
**** Login
*/
#index-login, #index-password { 
	position:absolute;
	top:158px;
	width:100%;
}
#index-login .index-login-frame, 
#index-password .index-password-frame { 
	margin:auto;
	position:relative;
	min-width:300px;
	max-width:450px;
}
#index-login { 
	z-index:1;
}
#index-password { 
	margin-top:10px;
	-moz-opacity: 0.0;
	opacity: 0.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
}

/**************************
**** Teilnehmer in der Liste bei Terminen
*/
.subscriber-frame {
	margin:10px;
	border:1px solid #CCC;
	-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.subscriber-content {
	padding:10px;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(99%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 99%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-bottom:1px solid #CCC;
}
.subscriber-frame .subscriber-content:last-child {
	border-bottom:0;	
	-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}



.radius-complete {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.radius-top {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.radius-none {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.radius-bottom {
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}



/* #######################################################

HOW TO CREATE AN INTERACTIVE GRAPH USING CSS3 & JQUERY [TUTORIAL]

"How to create an Interactive Graph using CSS3 & jQuery [Tutorial]" was specially made for DesignModo by our friend Valeriu Timbuc.

Links:
http://vtimbuc.net
http://designmodo.com
http://vladimirkudinov.com

######################################################## */

/* Resets */
.graph-container,
.graph-container div,
.graph-container a,
.graph-container span {
	padding: 0;
}

/* Gradinet and Rounded Corners */
.graph-container, #tooltip, .graph-info a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*  Graph Container */
.graph-container {
	position: relative;
	height: 320px;
	padding: 0 0 20px 0;
	top:-10px;
}

.graph-container > div {
	position: absolute;
	width: inherit;
	height: inherit;
	top: 10px;
	left: 25px;
}


.tickLabel {
	font-weight: bold;
	font-size: 12px;
	color: #666;
}

/* Tooltip */
#tooltip {
	position: absolute;
	display: none;
	padding: 5px 10px;
	border: 1px solid #e1e1e1;
	background:#FFF;
}

/* Lines & Bars Buttons */
#lines, #bars {
	width: 34px;
	height: 32px;
	padding: 0;
	margin-right: 0;
	margin-left: 10px;
	border-bottom: 2px solid #71c73e;
	float: right;
	cursor: pointer;
}

#lines.active, #bars.active {
	background: #82d344;
	background: -moz-linear-gradient(top,  #82d344 0%, #71c73e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82d344), color-stop(100%,#71c73e));
	background: -webkit-linear-gradient(top,  #82d344 0%,#71c73e 100%);
	background: -o-linear-gradient(top,  #82d344 0%,#71c73e 100%);
	background: -ms-linear-gradient(top,  #82d344 0%,#71c73e 100%);
	background: linear-gradient(to bottom,  #82d344 0%,#71c73e 100%);
}

#lines span, #bars span {
	display: block;
	width: 34px;
	height: 32px;
	background: url('../img/lines.png') no-repeat 9px 12px;
}

#bars span { background: url('../img/bars.png') no-repeat center 10px; }

#lines.active span { background-image: url('../img/lines_active.png'); }
#bars.active span { background-image: url('../img/bars_active.png'); }

/* Hide the First and Last Y Label */
.yAxis .tickLabel:first-child,
.yAxis .tickLabel:last-child { display: none; }

/* Clear Floats */
.graph-info:before, .graph-info:after,
.graph-container:before, .graph-container:after {
	content: '';
	display: block;
	clear: both;
}


div.tagsinput { 
	border:1px solid #CCC; 
	background: #FFF; 
	padding:5px; 
	width:300px; 
	overflow-y: auto;
}
div.tagsinput span.tag { 
	border: 1px solid #CCC; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	display: block; 
	float: left; 
	padding:1px 5px; 
	text-decoration:none; 
	background: #EEE; 
	color: #000; 
	margin-right: 5px; 
	margin-bottom:3px;
	font-size:12px;
}
div.tagsinput span.tag a { 
	font-weight: bold; 
	color: #999; 
	text-decoration:none; 
	font-size: 11px;  
} 
div.tagsinput span.tag a:hover { 
	color: #000; 
} 
div.tagsinput input { 
	width:80px; 
	margin:0px; 
	font-size: 13px; 
	border:1px solid transparent; 
	padding:5px; 
	background: transparent; 
	color: #000; 
	outline:0px;  
	margin-right:5px; 
	margin-bottom:5px; 
}
div.tagsinput div { 
	display:block; 
	float: left; 
} 
.tags_clear { 
	clear: both; 
	width: 100%; 
	height: 0px; 
}
.not_valid {
	background: #FBD8DB !important; 
	color: #90111A !important;
}


.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
}


.fc-toolbar {
	display:none;	
}
.fc-widget-header {
	height:30px;
	line-height:30px;
}
.fc-week-number span {
	width:40px !important;
}
td.fc-today {
	background:#ECEFF1 !important;	
}
td.fc-day-top {
	background:none !important;	
}
span.fc-day-number {
	padding:0 !important;
	margin:0 !important;
	width:25px !important;
	height:16px !important;
	font-size:12px !important;
	text-align:center !important;
	line-height:20px !important;
	margin-bottom:-4px !important;
	background:none !important;
	color:#000 !important;
}
td.fc-today span.fc-day-number {
	background:none !important;
	color:#000 !important;
	font-size:13px !important;
	font-weight:700 !important;
}
.fc-event {
	padding:1px !important;  
	font-size:12px !important;   
	line-height:12px !important;    
}

table tr.tr-bg-success, 
table tr.tr-bg-success:hover {
	background:#c9f0c9 !important;	
}

table.fixed { 
	table-layout:fixed;
}

/*
** Haupttabelle
*/
div.table-head {
	border-bottom:1px solid #CCC;
}
div.table-main {
	border-bottom:1px solid #CCC;		
}
div.table-foot {
	border-top:1px solid #FFF;
}

/* 
** Tabellen
*/
table.transformed { 
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
	width:100%;
}
table.transformed thead th.header {
	font-size:13px;
	font-weight:inherit;
	padding:6px 5px;
	white-space:nowrap;
	overflow:hidden;
}
table.transformed thead th.normal {
	font-size:12px;
	font-weight:inherit;	
}
table.transformed thead, 
table.transformed thead a {
	font-size:12px;
	font-weight:inherit;
	color:#888;
	text-decoration:none;
}
table.transformed thead a:hover {
	color:#111;
}
table.transformed td, 
table.transformed th { 
	padding:4px 5px; 
	text-align: left; 
}
table.transformed tfoot th {
	font-size:inherit !important;
	font-weight:inherit !important;
	color:inherit !important;
}


table.transformed thead a.orderby-link {
	font-size:12px;
	text-decoration:none;
}
table.transformed thead a.cancel-link {
	font-size:12px;
	text-decoration:none;
}
table.transformed tbody a.link {
	color:#444;
	text-decoration:none;
	border-bottom:1px dotted #CCC;
}
table.transformed tbody a.link:hover {
	color:#3572b0;
	border-bottom:1px dotted #000;
}


/* 
** Draggable Table
*/
table.transformed-draggable thead th.header {
	padding:0 6px !important;
}
table.transformed-draggable td, 
table.transformed-draggable th { 
	padding:0 8px !important;
	border:0px solid #CCC !important;
}
table.transformed-draggable td:first-child, 
table.transformed-draggable th:first-child { 
	padding:0 !important;
}
table.transformed-draggable tbody a.link:hover {
	border:0px solid #CCC !important;
}


table.no-outer { }
table.no-outer tbody tr:first-child th, 
table.no-outer tbody  tr:first-child td, 
table.no-outer thead tr:first-child th, 
table.no-outer thead  tr:first-child td {
  border-top: 0 !important;
}
table.no-outer tbody tr:last-child th, 
table.no-outer tfoot tr:last-child th, 
table.no-outer tfoot tr:last-child td {
  border-bottom: 0 !important;
}
table.no-outer tbody tr td:first-child,
table.no-outer thead tr th:first-child {
  border-left: 0 !important;
}
table.no-outer tbody tr td:last-child,
table.no-outer thead tr th:last-child {
  border-right: 0 !important;
}


table.full-border { }
table.full-border td, 
table.full-border th { 
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}

table.vertical-border {
  border-collapse: collapse;
}
table.vertical-border tbody td {
	border-right:1px solid #CCC;
	border-left:1px solid #CCC; 
	border-top:0px;
	border-bottom:0;
}
table.vertical-border thead th {
	border-right:1px solid #CCC;
	border-left:1px solid #CCC; 
	border-top:0px;
	border-bottom:0;
}
table.vertical-border tbody tr:hover, 
table.vertical-border tbody tr.selected {
	background:#f3f8fb;
}

table.horizontal-border {
  border-collapse: collapse;
}
table.horizontal-border td, 
table.horizontal-border th {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC; 
	border-left:0px;
	border-right:0;
}
table.vertical-border thead tr th:last-child, 
table.vertical-border tbody tr td:last-child {
	border-right:1px solid #CCC !important; 
}
table.vertical-border tbody tr:last-child td {
}


/* Tabelle mit Input Feldern */
.tbl2 tr td, 
.tbl2 tr th {
	border:0;
}
.tbl2 tr td:first-child {
	text-align:right;
	width:165px;
}
.tbl2 tr td:first-child {
	vertical-align:text-top;	
	padding-left:5px;
}
.tbl2 tr td:last-child {
	padding-right:15px;
	padding-left:10px;
}
.tbl2 tbody tr:first-child td {
	padding-top:15px;
}
.tbl2 tbody tr:last-child td {
	padding-bottom:15px;
}
.tbl2 tr.submit td {
	padding-top:0;
	padding-bottom:15px;
}
.tbl2 input[type="radio"], 
.tbl2 input[type="checkbox"] {
	position:relative;
	top:-2px;	
}
.tbl2 tr.header {
	background:#f5f5f5;
	font-weight:700;
	width:100%;
	display:block ;
}
.tbl2 tr.header td {
	width:100%;
	display:block;
	padding:6px 5px;
}
/*  
** Schmale Tabelle (.tbl2-min)
*/
.tbl2-min tr:first-child {
	margin-top:5px;
	display:block;
}
.tbl2-min tr.submit {
	display:block;
	margin-top:0px;
	margin-bottom:5px;
}
.tbl2-min tr.submit {
}
.tbl2-min tr.submit td:first-child {
	display:none !important;
}
.tbl2-min tr.submit td:last-child {
	padding-top:5px !important;
}
.tbl2-min tr td {
	width:auto !important;
	display:block !important;
	padding:0px 10px !important;
	text-align:left !important;
}
.tbl2-min tr td:first-child {
}
.tbl2-min tr td:last-child {
	padding-bottom:6px !important;
}



#choosing-nav { }
#choosing-nav a.menu_link { 
	margin:10px; 
	margin-bottom:5px; 
	display:block; 
	text-decoration:none; 
	
	background:#FFF;
	border:1px solid #f1f1f1;

	font-weight:700; 
	color:#888; 
}
#choosing-nav a:hover { 
	background:#CCC;
	border:1px solid #CCC;
	color:#333; 
}

#choosing-nav a.selected { 
	background:#2393D9;
	border:1px solid #2393D9;
	font-weight:700; 
	color:#FFF; 
}
#choosing-nav a:active {
	border:1px solid #777;
}
#choosing-nav div.menu_container { /*width:20%;*/ text-align:center; }
#choosing-nav div.menu_frame { padding:5px; }
#choosing-nav div.menu_image { padding:10px 0; font-size:35px; height:35px; }
#choosing-nav div.menu_text { margin-top:0px; line-height:1em; height:35px }

#wrap .wrap-container {
	margin:auto;		
}

/*
.max-width-inner {
	max-width:1200px;
}
.max-width-outer {
	max-width:1400px;
	min-width:1250px;
}
*/

.sizer {
	position:fixed;
	z-index:9999;
	top:40%;
	height:45px;
	padding-top:0px;
	width:100%;
	text-align: center;
	background:#FFF;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	opacity: 0.00;
}
.sizer-frame {
	position:relative;
	width:100%;
	height:22px;
	border-bottom:1px dashed #CCC;
}
.sizer-number {
	position:relative;
	top:-10px;
	z-index:9999;
	background:#FFF;
	padding:5px 10px;
}


/* Preise in Listen */
.date-subscribers-price-frame {
	 height:25px; 
	 width:140px;
	 margin:auto;
	 line-height:25px;
}
.date-subscribers-price-frame-main {
	width:140px; 
	background:#f1f1f1;
	position:relative;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.date-subscribers-price-frame-main,
.date-subscribers-price-frame-sub,
.date-subscribers-price-frame-main a,
.date-subscribers-price-frame-sub a {
	color:#333;	
}
.date-subscribers-price-frame-main-container {
	text-align:center;
}
.date-subscribers-price-frame-sub {
	position:relative; 
	width:140px; 
	z-index:1;
}
.date-subscribers-price-frame-sub-container {
	padding:0; 
	text-align:center;
}
.date-subscribers-price, 
.date-subscribers-tax {
	
}

.date-subscribers-price-frame-min { height:35px !important; }
.date-subscribers-price-frame-main-min { padding-bottom:0px !important; }
.date-subscribers-price-frame-main-container-min { padding-top:5px !important; }
.date-subscribers-price-frame-sub-min { padding-top:0px !important; }
.date-subscribers-price-min { font-size:14px !important; padding-top:0px !important; }
.date-subscribers-tax-min { font-size:11px !important; padding-top:0 !important; }




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


/**************************
**** Mainbox 1
*/
div.mainBox1 { 
	border:1px solid #CCC;
	border-color:#CCC;
	background:#FFF;
	margin-bottom:15px;
}
/* Header-Style1 von der MainBox1  */
div.mainBox1-header1 { 
	overflow:hidden;
	white-space:nowrap;
	border-bottom:1px solid #CCC;
	background:#F5F5F5;
	color:#000; 
}
div.mainBox1-header1-title {
	padding:0 15px;
	font-size:14px;
	font-weight:bold;
	float:left;
}
div.mainBox1-header1-left,
div.mainBox1-header1-right {
	text-align:center;
}
div.mainBox1-header1, 
div.mainBox1-header1-title, 
div.mainBox1-header1-right, 
div.mainBox1-header1-left, 
div.mainBox1-header1-icon, 
a.mainBox1-header1-link { 
	height:31px;
	line-height:22px;
	display:block;
	text-decoration:none;
	padding-top:3px;
} 
div.mainBox1-header1-right, 
div.mainBox1-header1-left { 
	line-height:32px;
}
div.mainBox1-header1-icon { 
	float:left;
	padding-left:10px;
	text-align:center;
}
a.mainBox1-header1-link { 
	padding-right:10px;
}
div.mainBox1-header1-left { 
	float:left;
	padding-left:10px;
}
div.mainBox1-header1-right { 
	float:right;
	padding-right:10px;
}

div.mainBox-sidebar {
	border:1px solid #CCC;
	margin-bottom:15px;
	background:none;
}

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


/*  
** Mainbox in der Sidebar
*/
.mainBox2 {
	margin-bottom:15px;
}
.mainBox2, 
.mainBox2-header1 {
	background:none;
}
.mainBox2-header1 {
	color:#999;
}
.mainBox2-header1-title {
	
}



/**************************
**** Error-Frame
*/
#error-frame { 
	
}


/**************************
**** Mainbox-Search
*/
div.mainBox1-search { 
	margin-bottom:15px;
}
div.mainBox1-search-button { 
	width:30px; 
	float:right; 
}
div.mainBox1-search-button-frame { 
	position:absolute; 
	width:30px; 
	margin:2px 0 0 -3px;
	text-align:center; 
}

/**************************
**** filter-Search
*/
div.filter-search { 
	padding-top:1px;
	line-height:17px;
	width:350px;
}
div.filter-search-button { 
	width:30px; 
	float:right; 
}
div.filter-search-button-frame { 
	position:relative; 
	width:30px; 
	margin:3px 0 -30px -3px;
	text-align:center; 
}


/**************************
**** Subribcer-Actions (Black,Red,Orange,Green) im Minmode
*/
.subscriber-actions-boxed { }
.subscriber-actions-box {
	padding-right:5px;
	display:inline-block;
}
.subscriber-actions-box:last-child {
	padding-right:0;
}
.subscriber-actions-boxed a {
	display:inline-block;
}
.subscriber-actions-circle-black,
.subscriber-actions-circle-red,
.subscriber-actions-circle-orange,
.subscriber-actions-circle-green {
	display:inline-block;
	border:1px solid #CCC;
	width:22px;
	height:22px;
	line-height:23px !important;
	text-align:center;
	font-size:12px;
	font-weight:700;
}
.subscriber-actions-circle-black {
	border-color:#333;
	color:#333;
}
.subscriber-actions-circle-red {
	border-color:#ED604E;
	color:#ED604E;
}
.subscriber-actions-circle-orange {
	border-color:#F90;
	color:#F90;
}
.subscriber-actions-circle-green {
	border-color:#4CD964;
	color:#4CD964;
}


/**************************
**** Bestellungen/Termine Aktionsboxen
*/
.subscriber-actions-messages {}
.subscriber-messages-frame {
	font-size:12px;
	line-height:16px;
	padding:0;
	border-bottom:1px solid rgba(255,255,255,0);
}

/**************************
**** Bestellungen/Termine Aktionsboxen Popups
*/
.subscriber-popover-window {
	position:absolute;
	z-index:10;
	background:#FFF;
	border:1px solid #CCC;
	text-align:left;
	margin-top:-1px;
	overflow:hidden;
}
.subscriber-popover-window a {
	display:block;
	padding:0 10px;
	height:22px;
	line-height:22px;
}
.subscriber-popover-window .subscriber-messages-frame {
	margin-bottom:-1px;
}
.subscriber-popover-window a:hover {
	color:#FFF !important;
}
.subscriber-popover-window-black {
	border-color:#333;
}
.subscriber-popover-window-red {
	border-color:#ED604E;
}
.subscriber-popover-window-orange {
	border-color:#F90;
}
.subscriber-popover-window-green {
	border-color:#4CD964;
}

.subscriber-popover-window-black .subscriber-messages-frame a:hover {
	background:#333;
}
.subscriber-popover-window-red .subscriber-messages-frame a:hover {
	background:#ED604E;
}
.subscriber-popover-window-orange .subscriber-messages-frame a:hover {
	background:#F90;
}
.subscriber-popover-window-green .subscriber-messages-frame a:hover {
	background:#4CD964;
}




/**************************
**** Responsive Float
*/
div.add-remove-frame {
	float:right;
}
div.add-remove-container {
	width:50px; 
	margin-left:-50px; 
	text-align:right;	
}
div.rl { 
	float:left;
	margin:0px 10px 0px 0px;
}
div.rl:first-child { 
	/* */
}

/**************************
**** Row 1
*/

div.row1 {  
	border-bottom:1px solid #CCC; 
	padding:6px 15px 6px 15px; 
}
.row1-last {  
	border-bottom:0; 
	padding:6px 15px 6px 15px; 
}
/* Box1 */
div.row1-box1  { 
	border:1px solid #CCC; 
	background:#F5F5F5;
	border-left:0; 
	border-right:0; 
}
div.row1-box1 .row1  { 
	border-bottom:1px solid #CCC;  
}

/**************************
**** Row Boxes
*/
div.row1-box2  { 
	border:1px solid #CCC; 
	background:#f1f1f1;
}
div.row1-box2 .row1  { 
	border-bottom:1px solid #CCC;  
}

/**************************
**** Row Links
*/
.row1-link,
.row1-link-last {
	padding:6px 15px 6px 15px; 
	display:block;
	border-bottom:1px solid #CCC;
	text-decoration:none;
}
.row1-link:hover,
.row1-link-last:hover {
	display:block;
	background:#fafafa;
	color:#111;
}
.row1-link-on,
.row1-link-on:hover {
	display:block;
	background:#FFF;
	color:#111;
	font-weight:700;
}
.row1-link-last,
.row1-link-last:hover {
	border-bottom:0;
}
.row1-btn-left {  
	float:left;
	margin-right:10px;
}
.row1-btn-right {  
	float:right;
	margin-left:10px;
}

/**************************
**** Row Header
*/
.row1-header {
	padding:6px 15px 6px 15px; 
	background:#F5F5F5;
	border-bottom:1px solid #CCC;
	font-weight:700;
}

/**************************
**** Row Fluid Frame
*/
div.row1-fluid-frame-normal {
	
}
div.row1-fluid-normal {
	
}
div.row1-static-frame-normal {
	
}
div.row1-static-normal {
	color:#222;
	padding:0 0 8px 0;
}
/* */
div.row1-fluid-frame {
    width: 100%;
    float: right;
    margin-left: -28em;
}
div.row1-fluid {
    position: static;
    margin-left: 14em;
    *margin-left: 14em;
    float: none;
    width: auto;
	z-index:0;
}
div.row1-static-frame {
    float: left;
    width: 14em;
    *width: 14em;
	position:relative;
	z-index:1;
	text-align:right;
}
div.row1-static {
    padding-right:20px;
	color:#222;
}
/* */
div.row1-fluid-frame-2 {
    width: 100%;
    float: right;
    margin-left: -20em;
}
div.row1-fluid-2 {
    position: static;
    margin-left: 10em;
    *margin-left: 10em;
    float: none;
    width: auto;
	z-index:0;
}
div.row1-static-frame-2 {
    float: left;
    width: 10em;
    *width: 10em;
	position:relative;
	z-index:1;
}
div.row1-static-2 {
    padding-right:20px;
	color:#222;
	text-align:left;
}
/* */
/* */
div.row1-fluid-frame-big {
    width: 100%;
    float: right;
    margin-left: -36em;
}
div.row1-fluid-big {
    position: static;
    margin-left: 18em;
    *margin-left: 18em;
    float: none;
    width: auto;
	z-index:0;
}
div.row1-static-frame-big {
    float: left;
    width: 18em;
    *width: 18em;
	position:relative;
	z-index:1;
}
div.row1-static-big {
    padding-right:20px;
	color:#222;
	text-align:left;
}
/* */

/**************************
**** Row Backgrounds
*/
.row1-bg1 { 
	background:#F5F5F5;
}
.row1-bg2 { background:#FFF; }
.row1-bg3 { 
	margin-top:10px;
	background:#F5F5F5; 
	position:relative;
	border-top:1px solid #CCC;
	
}
.row1-bg4 { background:#dff0d7; }

.tr-bg1 {
	background:#F5F5F5;
}
.tr-bg1 a {
	color:#333;
	border-bottom:1px dotted #AAA;
}
.tr-bg1 div {
	display:block;
	padding:1px 5px;
	text-align:left; 
	color:#333; 
	font-weight:400;
}

/**************************
**** Filter
*/

.filtermenu {
	
}
.filtermenu-container {
	padding:9px 10px 5px 10px;
	border-bottom:1px solid #CCC;
}
.filtermenu-container-title {
	font-weight:400;
	padding-bottom:5px;
	color:#AAA;
	font-size:12px;
}
.filtermenu-input {
	border:1px solid #f1f1f1; 
	padding:3px 6px;
	font-size:12px;
	margin-right:3px;
	margin-bottom:4px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background:#FFF;
}
.filtermenu-input-special {
	border:1px dashed #CCC; 
}
.filtermenu-input:hover {
	border:1px solid #F63;
}
.filtermenu-input:active {
	border:1px solid #000;
}
.filtermenu-input input {
	position:relative;
	top:-1px;
}
.filtermenu-label {
	margin-left:20px;
}
.filtermenu-footer {
	padding:10px 10px 10px 0;
	background:#f5f5f5;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}


/*
** Webui Popover
*/

.webui-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 276px;
  min-height: 32px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.webui-popover ul, 
.webui-popover li {
	padding:0;
	margin:0;
	display:block;
}
.webui-popover ul li i {
	cursor:all-scroll;
}
a.popover-nav,
li.popover-nav {
	display:block !important;
	height:30px;
	line-height:30px;
	padding:0 20px;
	color:#111;
	text-decoration:none;
	border-bottom:1px solid #CCC;
}
a.popover-nav:hover,
li.popover-nav:hover {
	background:#EDEDED;
}
a.popover-nav-on,
li.popover-nav-on {
	background:#EDEDED;
	font-weight:700;
}	
div.popover-bottom {
	padding:5px 10px;
}
.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
  margin-top: -10px;
}
.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
  margin-left: 10px;
}
.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
  margin-top: 10px;
}
.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
  margin-left: -10px;
}
.webui-popover.pop {
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
}
.webui-popover.fade {
  transition: opacity .15s linear;
}
.webui-popover.in {
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
}
.webui-popover-inner .close {
  font-family: Arial, Helvetica, sans-serif;
  margin: 5px 10px 0 0;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none;
}
.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.webui-popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 5px 5px 0 0;
}
.webui-popover-content {
  padding: 9px 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
}
.webui-popover-inverse {
  background-color: #333333;
  color: #eeeeee;
}
.webui-popover-inverse .webui-popover-title {
  background: #333333;
  border-bottom: 1px solid #3b3b3b;
  color: #eeeeee;
}
.webui-no-padding .webui-popover-content {
  padding: 0;
}
.webui-no-padding .list-group-item {
  border-right: none;
  border-left: none;
}
.webui-no-padding .list-group-item:first-child {
  border-top: 0;
}
.webui-no-padding .list-group-item:last-child {
  border-bottom: 0;
}
.webui-popover > .arrow,
.webui-popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.webui-popover > .arrow {
  border-width: 11px;
}
.webui-popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.webui-popover.top > .arrow,
.webui-popover.top-right > .arrow,
.webui-popover.top-left > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.webui-popover.top > .arrow:after,
.webui-popover.top-right > .arrow:after,
.webui-popover.top-left > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.webui-popover.right > .arrow,
.webui-popover.right-top > .arrow,
.webui-popover.right-bottom > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.webui-popover.right > .arrow:after,
.webui-popover.right-top > .arrow:after,
.webui-popover.right-bottom > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.webui-popover.bottom > .arrow,
.webui-popover.bottom-right > .arrow,
.webui-popover.bottom-left > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}
.webui-popover.bottom > .arrow:after,
.webui-popover.bottom-right > .arrow:after,
.webui-popover.bottom-left > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}
.webui-popover.left > .arrow,
.webui-popover.left-top > .arrow,
.webui-popover.left-bottom > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.webui-popover.left > .arrow:after,
.webui-popover.left-top > .arrow:after,
.webui-popover.left-bottom > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.webui-popover-inverse.top > .arrow,
.webui-popover-inverse.top-left > .arrow,
.webui-popover-inverse.top-right > .arrow,
.webui-popover-inverse.top > .arrow:after,
.webui-popover-inverse.top-left > .arrow:after,
.webui-popover-inverse.top-right > .arrow:after {
  border-top-color: #333333;
}
.webui-popover-inverse.right > .arrow,
.webui-popover-inverse.right-top > .arrow,
.webui-popover-inverse.right-bottom > .arrow,
.webui-popover-inverse.right > .arrow:after,
.webui-popover-inverse.right-top > .arrow:after,
.webui-popover-inverse.right-bottom > .arrow:after {
  border-right-color: #333333;
}
.webui-popover-inverse.bottom > .arrow,
.webui-popover-inverse.bottom-left > .arrow,
.webui-popover-inverse.bottom-right > .arrow,
.webui-popover-inverse.bottom > .arrow:after,
.webui-popover-inverse.bottom-left > .arrow:after,
.webui-popover-inverse.bottom-right > .arrow:after {
  border-bottom-color: #333333;
}
.webui-popover-inverse.left > .arrow,
.webui-popover-inverse.left-top > .arrow,
.webui-popover-inverse.left-bottom > .arrow,
.webui-popover-inverse.left > .arrow:after,
.webui-popover-inverse.left-top > .arrow:after,
.webui-popover-inverse.left-bottom > .arrow:after {
  border-left-color: #333333;
}

.webui-popover-red {
	border-color:#ed604e !important;
}

.webui-popover-red .arrow {
	border-bottom-color:#ed604e !important;
}.gradientPicker-preview {
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0,0,0,0.2);
	/*box-sizing: border-box;
	-moz-box-sizing: border-box;*/
}

.gradientPicker-ctrlPt {
	width: 8px;
	height: 8px;
	border: 2px solid gray;
	position: absolute;
	display: inline-block;
}

.gradientPicker-ctrlPts {
	position: relative;
	height: 10px;
	width: 100%;
}

.gradientPicker-ptConfig {
	position: absolute;
	width: 35px;
	height: 40px;
	z-index: 1;
	margin-top: 2px;

	background-color: white;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 0 3px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.gradientPicker-close {
	position: absolute;
	top: -4px;
	right: -4px;
	/*font-size: 18px;
	font-weight: bold;
	color: black;
	line-height: 20px;
	text-shadow: 0 1px 0 white;
	opacity: 0.2;
	filter: alpha(opacity=20);*/
	width: 16px;
	height: 16px;
	background-image: url("circle_remove.png");
}

.gradientPicker-ptConfig .color-chooser {
	float: left;
}

.grad_ex {
	width: 200px;
	height: 20px;
	margin-bottom: 32px;
}.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../images/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	z-index:10000;
}

.color-chooser {
	width: 30px;
	height: 30px;
	margin-top: 5px;
	background: url("../images/select.png") center;
}

.color-chooser > div {
	width: 30px;
	height: 30px;
	background: url("../images/select.png") center;
}

.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../images/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../images/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../images/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}

.colorpicker_field > input {
	width: 42px;
}

.colorpicker_hex > input {
	width: 42px;
}

.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../images/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../images/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../images/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../images/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../images/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../images/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../images/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}
.tipsy { font-size: 12px; position: absolute; padding: 5px; z-index: 10000; }
.tipsy-inner { background-color: #333; color: #FFF; max-width: 240px; padding: 6px 7px 6px 7px; text-align:center; line-height:1.2em; }

/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000;  }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #333; }
.tipsy-arrow-s { border-top-color: #333; }
.tipsy-arrow-e { border-left-color: #333; }
.tipsy-arrow-w { border-right-color: #333; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
/**
 * Nestable
 */

.dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; line-height: 20px; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; line-height: 20px; }

.dd-handle { 
	display: block; 
	min-height: 30px; 
	margin: 5px 0; 
	padding: 5px 10px; 
	color: #333; 
	text-decoration: none; 
	font-weight: bold; 
	border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; 
	-moz-box-sizing: border-box;
}
.dd-handle:hover { color: #2ea8e5; background: #fff; }

.dd-item > button { 
display: block; position: relative; cursor: pointer; float: left; 
width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; 
white-space: nowrap; overflow: hidden; border: 0; background: transparent; 
font-size: 12px; line-height: 1; text-align: center; font-weight: bold; 
display:none
}
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), 
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { 
	display: block; 
	min-height:30px; 
	margin: 5px 0; 
	padding: 5px 10px 5px 40px; 
	text-decoration: none; 
	border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { 
	height:auto; 
	min-height:30px; 
	width: 30px; 
	position: absolute; 
	margin: 0; 
	left: 0; 
	top: 0; 
	cursor: pointer; 
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 5px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 24px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }