div#em-loading { position:absolute; width:100%; height:100%; background:#FFFFFF url(../images/loading.gif) 50% 50% no-repeat; left:0px; top:0px; opacity:0.8; filter:alpha(opacity=80); z-index:99998; }
.em-search-ajax { position:relative; }
.em-wrapper label span.screen-reader-text, #em-wrapper label span.screen-reader-text { clip: rect(1px 1px 1px 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }


/* Search Form */
.em-search div { display:inline; }
.em-search .hidden { display:none !important; }
/* Custom Search CSS */
div.css-search { margin-bottom:20px; }
div.em-search.css-search label { display:inline; }
div.em-search.css-search div { display:block; }
div.css-search input, div.css-search select, div.css-search option, div.css-search div, div.css-search span, div.css-search button {
	width:auto; height:auto; margin:0; padding:0; float:none; display:inline-block; font-size:14px; /* reset everything */
}
div.css-search option { display:block; }
div.css-search input, div.css-search select { padding:5px; }
div.css-search { background:#fff; border:1px solid #dedede; border-radius:3px; padding:5px; min-height:40px; position:relative; -moz-border-radius:3px; -webkit-border-radius:3px; }
/* Main Search */
div.css-search.has-advanced div.em-search-main { padding-bottom:8px; border-bottom:1px solid #dedede; }
div.css-search div.em-search-main div { display:inline; }
div.css-search div.em-search-field { padding:5px 0px; }
div.css-search input.em-search-text, div.css-search input.em-search-geo { width:90%; font-size:16px; line-height:16px; padding:8px; border:none; outline:none !important; color:#666; text-overflow: ellipsis; display:inline-block; }
div.css-search div.em-search-geo { margin:0px 0px 0px 5px; padding-left:20px; background:url(../images/search-geo.png) 0px 3px no-repeat; }
div.css-search div.em-search-text { margin:0px 0px 0px 5px; padding-left:20px; background:url(../images/search-mag-ico.png) 0px 4px no-repeat; }
/* Placeholder text in main section */
div.css-search div.em-search-main div.em-search-field input::-webkit-input-placeholder { /* WebKit browsers */ font-size:16px; line-height:16px; padding:3px 0px; border:none; outline:none; color:#666; }
div.css-search div.em-search-main div.em-search-field input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size:16px; line-height:16px; padding:8px; border:none; outline:none; color:#666; }
div.css-search div.em-search-main div.em-search-field input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size:16px; line-height:16px; padding:8px; border:none; outline:none; color:#666; }
div.css-search div.em-search-main div.em-search-field input:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:16px; line-height:16px; padding:8px; border:none; outline:none; color:#666; }

div.css-search div.em-search-main .em-search-submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C4DB99), color-stop(1, #A4C48A) );
	background:-moz-linear-gradient( center top, #C4DB99 5%, #A4C48A 100% );
	background:-ms-linear-gradient(top, #C4DB99, #A4C48A);
	background:-o-linear-gradient(top, #C4DB99, #A4C48A);
	background:linear-gradient(top, #C4DB99, #A4C48A);
	background-color:#A4C48A;
}
div.css-search div.em-search-main .em-search-submit img { border:none; padding:0; margin:0; box-shadow:none; border-radius:0; background:none; }
/* IE7 Hack */ div.css-search div.em-search-main button.em-search-submit span { display:block; width:16px; height:16px; background:url('../images/search-mag.png') 0px 0px no-repeat; }



/* Booking Form */
.em-booking { margin:15px 0px 10px 0px; position:relative; }
.em-booking-form  { position:relative; clear:left; }
.em-booking-form-details  { padding:10px; width:100%; }
.em-booking-form-details input.input, .em-booking-form-details textarea {     background-color: var(--kompz-light);
	border: none;
	border-bottom: solid 1px var(--kompz-gray5);
	padding: 5px 16px;
	font-size: 16px; width:50%; }
.em-booking-form p { clear:left; display: block;}
.em-booking-form label { display:block; float:left;	color: rgba(69,73,85,0.8);	font-size: 18px; }
.em-booking-form span.input-group input {}
.em-booking-form span.input-group { display:block;}
.em-booking-form label  { display:inline-block; width:100%; }
.em-booking-form p.input-field-data_privacy_consent label { display:block; width:100%; }
.em-booking-form .input-checkboxes{}
.bildmaterial{margin-left:-100% !important;}
label[for=bildmaterial] {padding-left: 20px;}
.em-booking-form span.input-group input {}
.em-booking-section .em-booking-submit { width:auto;    border: none;
	min-width: 287px;
	min-height: 60px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	background-color: var(--kompz-red);
	font-weight:bold;
	color: var(--kompz-white);}
.em-booking-form-details .em-booking-submit:hover{ background-color: var(--kompz-darkblue);}
.em-booking-form-details .em-ticket-select { width: 50%; }
.em-booking-form-details .em-form-required {font-style:italic;color:var(--kompz-red);}
.em-booking-form-details input.input:focus, .em-booking-form-details textarea :focus{border-bottom: solid 1px var(--kompz-blue);}
.em-booking-form-details select { width: 50%;
	background-color: var(--kompz-light);
	border: none;
	border-bottom: solid 1px var(--kompz-gray5);
	padding: 5px 16px;
	font-size: 16px;; }
/* Tickets */
.em-tickets { margin-bottom:20px; }
/* Message Errors */
div.em-booking-message { margin:10px 0px; padding:10px; color:#333; border-radius:3px; }
div.em-booking-message p { margin:10px 0px !important; padding:0px; color:#333; }
div.em-booking-message-success { background-color:#f1fff0; border:1px solid #a8d144; }
div.em-booking-message-error { background-color:#FFEBE8; border:1px solid #C00; }
/* Optional Login Form */
div.em-booking-login { padding: 10px 10px 10px 20px; margin: 0px 0px 0px 390px;	border-left: 1px solid black; }
div.em-booking-login label { display:inline-block; width:90px; }
div.em-booking-login p{ margin:10px 0px !important; padding:0px !important;	}
div.em-booking-login input { margin:0px; }

/* Events Admin */
#em-wrapper #posts-filter .subsubsub .current { font-weight:bold; }
#em-wrapper .em-events-admin-list .em-button, #em-wrapper .em-events-admin-list .em-button { float:right; }


.em-tickets-row .ticket-status span.ticket_on { display:block; width:10px; height:10px; background:green; }
.em-tickets-row .ticket-status span.ticket_off { display:block; width:10px; height:10px; background:red; }
.em-tickets-row .ticket-status span.ticket_new { display:block; width:10px; height:10px; background:grey; }
#em-tickets-form th { width:auto; }
#em-tickets-form th.ticket-status { width:20px; }
/* Ticket Forms */
.em-ticket-form .ticket-options { margin-top:10px; }
.em-ticket-form > div > div, #em-tickets-form .ticket-dates > div { clear:both; padding-top:4px; }
.em-ticket-form label { display:block; float:left; min-width:105px; padding-right:5px; }
#em-tickets-form .ticket-name input, #em-tickets-form .ticket-description textarea { width:50%}
#em-tickets-form .em-ticket-form-actions { clear:both; }
#em-tickets-form .ticket-spaces input, #em-tickets-form .ticket-price input { width:80px; }
#em-tickets-form .ticket-dates input.em-date-input-loc { width:90px; }
#em-tickets-form .ticket-dates-from-normal, #em-tickets-form .ticket-dates-from-recurring,
#em-tickets-form .ticket-dates-to-normal, #em-tickets-form .ticket-dates-to-recurring { display:inline; }
#em-tickets-form .ticket-required input, #em-tickets-form .ticket-roles input { width:auto; }
#em-tickets-form .ticket-roles div { margin-left:110px; }
/* The editor */
#wp-em-editor-content-wrap table { margin-bottom:0px; }
/* Location form */
#em-location-data table.em-location-data td, #em-location-data table.em-location-data th { vertical-align:top; border:none; }
#em-location-data table.em-location-data select { width:100%; }
#em-location-data table.em-location-data { width:50%; float:left; border:none; }
#em-location-data .em-location-map-container { width: 50%; height: 300px; float:left; }
#em-location-data .em-location-map-404, #em-location-data .em-location-map-content { width:100%; height:100%; }
#em-location-data .em-location-map-404 { vertical-align:middle; text-align: center; }

/* Bookings Table */
.em_obj { position:relative; }
.em_obj .table-wrap { clear:left; padding-top:5px; }
.em-bookings-table .em-bookings-table-export, .em-bookings-table .em-bookings-table-settings { float:left; display:block; margin:2px 5px; width:25px; height:25px;  }
.em-bookings-table .em-bookings-table-export { background:url(../images/csv.png) 0px 0px no-repeat; }
.em-bookings-table .em-bookings-table-settings { background:url(../images/settings.png) 0px 0px no-repeat; }
/* Settings & Export */
#em-bookings-table-export, #em-bookings-table-settings { width:500px; height: 75%; }
#em-bookings-table-export form, #em-bookings-table-settings form { height: 100%; overflow:auto; }
/* Sorting */
.em-bookings-table-overlay ul.em-bookings-cols-sortable { list-style-type: none; margin: 0; padding: 0 0 10px; float: left; margin-right: 10px; }
.em-bookings-table-overlay ul.em-bookings-cols-sortable li { margin: 0 5px 5px 5px; padding: 3px 8px; font-size: 12px; width: 120px; font-weight:none; cursor:move; }
.em-bookings-table-overlay ul.em-bookings-cols-sortable li.ui-state-highlight {}
.em-bookings-table-overlay ul.em-bookings-cols-sortable li.ui-state-default { color:#999; }
#em-bookings-export-cols-inactive, #em-bookings-cols-inactive { width:300px; }
#em-bookings-export-cols-inactive li, #em-bookings-cols-inactive li { float:left; }

div.em-calendar-wrapper { position:relative; }



/* Time Picker */
#start-time, #end-time { width:7em;}
#start-time.error, #end-time.error { border:#cc0000 1px solid; }
div.time-picker {  position: absolute; height: 191px; width:5em; /* needed for IE */ overflow: auto; background: #fff; border: 1px solid #aaa; z-index: 99; margin: 0; }
div.time-picker-12hours { width:7em; /* needed for IE */ }
div.time-picker ul { list-style-type: none; margin: 0; padding: 0; }
div.time-picker li { cursor: pointer; height: 10px; font: 12px/1 Helvetica, Arial, sans-serif; padding: 4px 3px; }
div.time-picker li.selected { background: #0063CE; color: #fff; }