html{ height:100% }
body{ height:100%; padding-top: 50px; overflow-y: scroll; min-width: 640px; }

input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected,
input:-webkit-autofill {
    background-color: white !important;
}

.centering {
	float:none;
	margin:0 auto;
}

.container-centering {
	height:100%;
	display:table;
	width: 100%;
	padding: 0;
}

.row-centering {height: 100%; display:table-cell; vertical-align: middle;}

.row.padded {
	padding: 20px;
}

.panel-body {
	position: relative;
}

.panel-heading h3 {
	font-size: 20px;
	margin: 0.2em 0 0.3em 0;
}

.modal-backdrop {
	min-height: 100%;
	padding-bottom: 40px;
	box-sizing: content-box;
}

.btn {
	min-width: 64px;
	padding: 8px 20px;
}

.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
	background-color: rgba(0, 0, 0, 0.17);
}

.navbar  {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
}

.nav-tabs {
	background-color: #bbb;
}

.nav-tabs > li.active {
	background-color: rgba(0, 0, 0, 0.2);
}

.nav-tabs > li[disabled] {
	/*background-color: rgba(255, 255, 255, 0.2);*/
	pointer-events: none;
	cursor: default;
}

.nav-tabs > li[disabled] a {
	color: rgba(255, 255, 255, 0.50) !important;
	pointer-events: none;
}

.move-up {
	margin-top: -40px;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
	background-color: #faf5e5;
	cursor: pointer;
}

table.table td strong {
	font-weight: normal;
	text-decoration: underline;
}

li.disabled>a.mode {
	pointer-events: none;
}

hr {
	border-color: #ccc;
	margin-bottom: 15px;
	margin-top: 15px;
	border-style: dashed;
}

hr.dotted {
	border-style: dashed;
}

span.help-block {
	color: #aaa;
	margin-bottom: 5px;
	margin-top: -10px;
}

.form-control-wrapper .floating-label {
	top: 4px;
}

.form-group input.form-control:not(.empty) ~ .floating-label, .form-group-default input.form-control:not(.empty) ~ .floating-label {
	display: none;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	opacity: 0.5;
}

@media (min-width: 1200px) {
	body{ padding-top: 60px; }

	.move-up {
		margin-top: -50px;
	}
}

/*@media (max-width: 540px) {
	a.btn.pull-right {
		float: none !important;
	}

	.btn-toolbar {
		text-align: center;
	}

	.btn-toolbar .btn {
		width: 140px;
	}
}*/

/* date picker */

.datetimepicker {
	border-radius: 0;
	margin-top: 4px;
}

.datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active.active:hover, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled.active:hover,
.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active.active:hover, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled.active:hover {
	background-color: #03A9F4;
}

.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover {
	background-image: none;
}

.datetimepicker table tr td span,
.datetimepicker td, .datetimepicker th {
	border-radius: 0;
}

/* jquery ui */

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

.sortable.narrow {
	display: none;
}

.sortable li {
	position: relative;
	display: block;
	margin: 0 0 5px 0;
	width: 100%;
	cursor: move;
	padding: 8px 15px;
	height: 70px;
	font-size: 15px;
	background-color: #eee;
	border: 1px solid #ccc;
	overflow: hidden;
}

.sortable li div.content {
	position: relative;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.sortable li div.content p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sortable li div a.delete {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	right: 22px;
}

.sortable li div a.edit {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	right: 52px;
}

.sortable li div a.config {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	right: -8px;
}

.sortable li div a.disabled {
	opacity: 0;
	pointer-events: none;
}

.sortable li a {
	color: #aaa;
}

.sortable li a:hover {
	color: #03a9f4;
	text-decoration: none;
}

.sortable li i {
	margin: 0 0 0 0;
	font-size: 26px;
	font-weight: normal;
}

.sortable li.ui-state-highlight {
	background-color: #e9f7fd !important;
	border: 1px dashed #8bdafe;
}

.sortable.ui-state-off li.ui-state-off, li.ui-state-off {
	background-color: #fff;
	height: auto;
	min-height: 0;
	font-size: 16px;
	padding: 0;
	margin-bottom: 10px;
	text-align: center;
	font-weight: 700;
	cursor: default;
	border: 0;
}

.sortable.ui-state-off li {
	margin-bottom: 0px;
	font-weight: normal;
}

.sortable.ui-state-off li a {
	color: #03a9f4;
	font-size: 30px;
	text-decoration: none;
}

.ui-resizable-s {
	z-index: 1;
	background-color: #e6e6e6;
	bottom: -1px !important;
	height: 6px;
}

/* */

.add-record {
	position: absolute;
	top: 18px;
	right: 15px;
}

.add-record a {
	color: #03a9f4;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	cursor: pointer;
}

.add-record a:hover span {
	text-decoration: underline;
}

.add-record a:before {
	position:  absolute;
	top: 2px;
	color: #03a9f4;
	font-size: 20px;
	line-height: 16px;
	text-decoration: none;
}

.add-record span {
	display: inline-block;
	font-family: Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
	margin-left: 23px;
}

/* tinymce */

.mce-panel {
	background-color: #f8f8f8 !important;
	background-image: none !important;
}

.mce-flow-layout-item {
	margin: 0 !important;
}

.mce-toolbar-grp {
	padding-bottom: 0 !important;
}

/*@media (max-width: 540px) {
	#liste .col-xs-6 {
		float: none;
		width: 100%;
	}
	
	#liste .col-xs-6+.col-xs-6 {
		margin-top: 30px;
	}
	
	#add-slides {
		display: none;
	}
	
	.sortable.narrow {
		display: block;
	}
}*/

/* iframe */

iframe {
	border: 0;
}

.iframe-holder iframe {
	display: block;
	z-index: 2;
}

.iframe-holder+.iframe-holder {
	margin-top: 1em;
}

.iframe-holder .iframe-scroll {
	position: relative;
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
}

.iframe-holder .link-wrap {
	position: relative;
	display: inline-block;
}

.iframe-holder .link-wrap .blocker {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
}

.form-control-wrapper textarea {
	height: 101px;
	resize: vertical;
}

/* misc */

input {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.row.padded {
	padding-bottom: 0;
}

/* form fix */

label {
	font-weight: 400;
	color: #555;
}

select.form-control, select.form-control:focus {
	height: 28px;
	border: 1px solid #ccc !important;
}

.form-control, .form-control:focus {
	border: 1px solid #ccc;
	padding: 0 4px;
	font-weight: 400;
	color: #333;
}

.form-control:focus {
	border-color: #03a9f4 !important;
}

input.error, textarea.error, select.error {
	border-color: rgba(200, 0, 0, 0.8) !important;
}

input.error, textarea.error {
	background-color: rgba(200, 0, 0, 0.05) !important;
}

/* tiny mce */

.mce-branding {
	display: none !important;
}

.mce-tinymce {
	box-shadow: none !important;
}

.mce-edit-area {
	min-height: 100px;
}

.mce-widget.mce-primary, .mce-primary {
	background-color: #03A9F4;
	border-color: #03A9F4;
}

/* toggle button */

.togglebutton {
    margin-left: 6px;
}

.togglebutton label .toggle, .togglebutton label input[type=checkbox][disabled]:first-child+.toggle {
	height: 16px;
}

/* dropzone */

.dropzone {
	display: table;
	width: 480px;
	height: 160px;
	border: 2px dashed rgba(0, 0, 0, 0.3);
	background: white;
	padding: 10px 20px;
	margin: 7px 0 0 0;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
  }
  
  .dropzone:hover, .dropzone.dragover {
	border-color: rgba(0, 0, 0, 0.8);
  }
  
  .dropzone.error {
	border-color: rgba(200, 0, 0, 0.7);
	background-color: rgba(200, 0, 0, 0.02);
  }
  
  .dropzone.error:hover, .dropzone.error.dragover {
	border-color: rgba(255, 0, 0, 1);
  }
  
  .dropzone-message {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
  }
  
  .dropzone h3 {
	  font-size: 24px;
	  text-align: center;
	  margin: 1em 0;
  }
  
  .dropzone p {
	font-weight: 300;
	color: #888;
  }
  
  .dropzone p:last-child {
	  margin: 0;
  }
  
  /* slide images */
  
  .bild-holder {
	position: relative;
	display: inline-block;
	border: 1px solid #ddd;
	height: 270px;
  }
  
  .bild-holder a.delete {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	  text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s;
  }
  
  .bild-holder a.delete:hover {
	background-color: rgba(0, 0, 0, 0.6);
  }
  
  .bild-holder a.delete i {
	display: none;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	width: 70px;
	margin-left: -35px;
	margin-top: -35px;
	font-size: 70px;
	line-height: 70px;
	color: #999;
	pointer-events: none;
	text-decoration: none;
  }
  
  .bild-holder a.delete:hover i {
	display: block;
  }
  
  .bild-holder a.delete:active i {
	color: #bbb;
  }
  
  #bild_d_label, #bild_f_label, #bild_e_label {
	display: block;
  }