/* ====================================================== */
/* atavolo 2 - Online Reservierungsmanager */
/* ------------------------------------------------------ */
/* POPUP CSS - Datei */
/* ====================================================== */

@charset "UTF-8";


div.popup div.steps {
	position:absolute; 
	
	top:0;
	left:730px;
	
	transition:left 0.25s ease-in-out 0s;
	
	width:100%;
	height:100%;
}

div.popup div.steps.first {
	left:0;
}

div.popup div.steps.active {
	left:0;
}

div.popup div.header {
	position:absolute;
	top:0;
	left:0;
	
	width:100%;
	height:46px;
	
	background-color:#efefef;
	
	border-bottom:1px solid #aaaaaa;
}

div.popup div.header div.title {
	display:block;
	
	width:100%;
	
	text-align:center;
	font-size:16px;
	font-weight:600;
	line-height:2.8em;
	
	color:#004f7e;
}

div.popup div.header div.container_icon {
    position:absolute; 
    left:0;
    height:46px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-left: 5px;
    width:290px;
}

div.popup div.header div.button.cancel,
div.popup div.button.cancel-icon { 
	padding:0;
	
	position: absolute;
	
	width:16px;
	height:16px;
	
	background:url("../img/icons/icons_16.png") 50% -128px no-repeat transparent !important;
	
	right:5px;
	top: 5px;
	
	color:transparent;
	border:10px solid #efefef;
} 

div.popup div.button.switch {
	padding:0;
	
	position: absolute;
	
	width:16px;
	height:16px;
	
	background:url("../img/icons/icons_16.png") 50% -144px no-repeat transparent !important;
	
	right:15px;
	top: 15px;
	
	color:transparent;
	border:0;
}

div.popup div.content {
	position:absolute;
	top:47px;
	bottom:47px;
        left:0;
	right:0;
	
	overflow:auto;
}

div.popup div.line {
	display:block;
	
	width:345px;
	height:2px;
	
	float:left;
	
	margin:20px 10px 10px;
	
	background-color:#004f7e;
}

div.popup div.reservierung div.line,
div.popup div.kunde div.line {
	width:325px;
	
	margin-bottom:20px;
}

div.popup div.line > div {
	display:block;
	position:relative;
	
	top:-10px;
	
	width:20px;
	height:20px;
	
	padding:0 10px;
	
	background-image:url('../img/icons/info_icons_20.png');
	background-position:50% 0px;
	background-repeat:no-repeat;
	background-color:#ffffff;
	
	margin:0 auto;
}

div.popup div.line > div.customer_info {
	background-position:50% 0px;
}

div.popup div.line > div.res_info {
	background-position:50% -20px;
}

div.popup div.content div.field {
	width:688px;
	height:auto;
	
	margin-left:10px;
	margin-top:10px;
	
	padding:5px;
	
	background-color:#efefef;
	
	border:1px solid #cccccc;
	
	float:left;
	
	position:relative;
}
 
/* Mitarbeiter alle L�schen Felder ausblenden */
div.popup.ur2 div.content div.field.delete {
	display:none; 
}

/* Schichtleiter alle Benutzer L�schen Felder ausblenden */
div#user.popup.ur3 div.content div.field.delete {
	display:none; 
}

div.popup div.content div.field.big {
	height:121px;
}

div.popup div.content div.field.medium {
	min-height:149px;
}

div.popup div.content div.field.no-background {
	background-color:transparent;
	
	border:0;
	
	width:670px;
}

div.popup div.headline {
	font-size:16px;
	font-weight:600;
	
	line-height:2.1em;
}

div.popup div.content div.field.half {
	width:333px;
}

div.popup div.content div.field.half.no-background  {
	width:335px;
}

div.popup div.content div.field:after {
	content:".";
	display:block;
	float:none;
	clear:both;
	height:0;
	visibility:hidden;
	
}

div.popup div.content div.field div.label {
	display:block;
	
	float:left;
	
	width:110px;
	height:100%;
	
	font-size:14px;
	font-weight:600;
	line-height:2.5em;
	
	margin-right:10px;
}

div.popup div.content div.field div.label.doubleline {
	line-height:1.2em;
        word-wrap: break-word;
}

div.popup div.content div.field div.label.required:after,
div.popup div.content div.field.pflicht div.label:after{
    content: " *";
}

div.popup div.content div.field.pflicht div.label.after-none:after{
    content:none;
}

div.popup div.content div.field div.value > span,
div.popup div.content div.field div.value > div.container > span {
	font-size:14px;
	font-weight:600;
	line-height:2.5em;
}

div.popup div.content div.field div.value span.dokumente-entry {
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 200px;
}

div.popup div.content div.field div.value span.dokumente-entry div.button.delete-icon {
	float: left;
	position: relative;
	top: 0;
}

div.popup div.content div.field div.value {
	display:block;
	
	float:left;
}

div.popup div.content div.field div.value input,
div.popup div.content div.field div.value select,
div.popup div.content div.field div.value textarea {
	width:553px;
	padding:8px 6px;
}

div.popup div.content div.field.half div.value input,
div.popup div.content div.field.half div.value textarea {
	width:198px;
}

div.popup div.content div.field.half div.value input.small {
	width:32px;
	
	margin-left:5px;
	
	text-align:center;
}

div.popup div.content div.field.half div.value input[type="range"] {
	width:148px;
	
	background:none;
	border:0;
}

div.popup div.content div.field.half div.value select {
	height:34px;
	width:212px;
	
	padding:6px;
}

div.popup div.content div.field.half div.value input {
	text-align:left;
}

div.popup div.content div.entry input[type="checkbox"],
div.popup div.content div.field.half div.value input[type="checkbox"],
div.popup div.content div.field div.value input[type="checkbox"] {
	position: relative;
	top: 10px;
	
	float:left;

	width: auto;
}

div.popup div.content div.entry input[type="checkbox"] {
	top: 11px;
}

div.popup div.content div.field.half div.value input[type="color"]{
    width: 36px;
    height: 36px;
    padding: 1px;
}

div.popup div.content div.field.half div.value input[type="radio"] {
	position: relative;
	top: 10px;
	
	float:left;

	width: auto;
}

div.popup div.content div.entry label,
div.popup div.content div.field.half div.value label {
	float:left;
	
	position:relative;
	
	margin-left:5px;
	margin-right:15px;
	margin-bottom:10px;
	
	width:262px;
	
	top:8px;
}

div.popup div.content div.field div.value label {
	float:left;
	
	position:relative;
	
	margin-left:5px;
	margin-right:15px;
	margin-bottom:10px;
	
	top:8px;
}

div.popup div.content div.field.half div.value div.button {
	background-color:#004f7e;
	background:linear-gradient(#006399, #002b44) repeat center center;
	/*background-color:#9399a0;
	background:linear-gradient(to bottom, #9399a0 0%,#28343b 100%);*/
}

div.popup div.content div.field.half div.value div.button:active {
	background-color:#f2830b;
	background:linear-gradient(#ffb25a, #ef6100) repeat center center;
}

div.popup div.footer {
	position:absolute;
	bottom:0;
	left:0;
	
	width:100%;
	height:46px;
	
	background-color:#dedede;
	
	border-top:1px solid #aaaaaa;
}

div.popup div.content div.header .button.cancel,
div.popup div.content div.header .button {
	float:left;
	margin-left:5px;
	margin-top:5px;
	
	background-color:#004f7e;
	background:linear-gradient(#006399, #002b44) repeat center center;
	/*background-color:#9399a0;
	background:linear-gradient(to bottom, #9399a0 0%,#28343b 100%);*/
}

div.popup div.content div.header .button.active,
div.popup div.content div.header .button:active {
	background-color:#f2830b;
	background:linear-gradient(#ffb25a, #ef6100) repeat center center;
}

div.popup div.footer .button.cancel,
div.popup div.footer .button {
	float:left;
	margin-left:5px;
	margin-top:5px;
	
	background-color:#004f7e;
	background:linear-gradient(#006399, #002b44) repeat center center;
	/*background-color:#9399a0;
	background:linear-gradient(to bottom, #9399a0 0%,#28343b 100%);*/
}

div.popup div.footer .button.active,
div.popup div.footer .button:active {
	background-color:#f2830b;
	background:linear-gradient(#ffb25a, #ef6100) repeat center center;
}

div.popup div.button.delete {
	float:right;
}

div.popup div.footer .button.next,
div.popup div.footer .button.save {
	float:right;
	margin-right:5px;
	margin-top:5px;
}

div.popup div.footer .button.save {
	height:35px;
	line-height:1em;
}

/* F�r Schichtleiter Speichern,L�schen Button f�r Benutzer ausblenden */
div#user.popup.ur3 div.footer .button.save,
div#user.popup.ur3 div.footer .button.delete {
	display:none;
}

div.popup table.printtable {
	width:100%;
	min-height:100%;
	height:auto;
	
	position:relative;
	/*top:40px;*/
}

div.popup table.printtable tfoot td {
	border-bottom:0 !important;
	border-top:1px solid;
}

div.popup div.content div.entry div.sub {
	position:relative;
	left:20px;
}

/* ====================================================== */
/* Neue Reservierung - Popup */
/* ====================================================== */
div#newReservierung.popup div.content div.field.date_auslastung,
div#newReservierung.popup div.content div.field.time_auslastung {
	height:298px;
	
	display:none;
}

div#newReservierung.popup div.content div.reservierung,
div#newReservierung.popup div.content div.kunde {
	width:355px;
	height:100%;
	min-height:600px;
	
	overflow-y:auto;
	
	float:left;
	
	display:block;
}

div#newReservierung.popup div.content div.reservierung div.field,
div#newReservierung.popup div.content div.kunde div.field {
	margin-top:1px;
	
	width:313px !important;
}

div#newReservierung.popup div.content div.kunde input#reservierung_new_kunden_suche {
	cursor:pointer;
}

div#newReservierung.popup div.content div.field div.value select {
	height:34px;
	padding:6px;
}

div#newReservierung.popup div.content div.reservierung div.field div.value input,
div#newReservierung.popup div.content div.reservierung div.field div.value textarea,
div#newReservierung.popup div.content div.kunde div.field div.value input,
div#newReservierung.popup div.content div.kunde div.field div.value textarea {
	width:178px !important;
}

div#newReservierung.popup div.content div.reservierung div.field div.value input.mini {
	width: 15px !important;
	
	text-align:center;
	
	float:left;
}

div#newReservierung.popup div.content div.reservierung div.field div.value input.small {
	width: 32px !important;
	
	float:left;
	
	text-align:center;
}

div#newReservierung.popup div.content div.reservierung div.field div.value select,
div#newReservierung.popup div.content div.kunde div.field div.value select {
	width:192px !important;
}

div#newReservierung.popup div.content div.reservierung:after,
div#newReservierung.popup div.content div.kunde:after {
	content:".";
	display:block;
	float:none;
	clear:both; 
	height:0;
	visibility:hidden;
}

div#newReservierung.popup div.content div.field.time_auslastung {
	overflow-y:auto;
}

div#newReservierung.popup div.content div.field.date_auslastung div.navigation {
	display:block;
	
	float:left;
	
	width:42px;
	height:100%;
}

div#newReservierung.popup div.content div.field.date_auslastung div.navigation div.month {
	background-color: #999999;
	
	border: 1px solid #666666;
	
	color: #ffffff;
	
	display: block;
	float: left;
	
	height: 34px;
	width: 32px;
	
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 4px;
	
	text-align:center;
	
	cursor:pointer;
	
	transition:opacity 0.15s ease-in-out 0s;
}

div#newReservierung.popup div.content div.field.date_auslastung div.navigation div.month.active {
	border: 5px solid #333333;
	
	padding:0;
	
	width:32px;
	height:34px;
	
	background-color:#759700;
}

div#newReservierung.popup div.content div.field.date_auslastung div.navigation div.month div.short {
	font-size:14px;
	
	font-weight:600;
}

div#newReservierung.popup div.content div.field.date_auslastung div.navigation div.month div.year {
	font-size:10px;
}

div#newReservierung.popup div.content div.field.date_auslastung div.days {
	display:block;
	
	float:left;
	
	width:280px;
	height:100%;
	
	margin-left:5px;
	padding-left:5px;
}

div#newReservierung.popup div.content div.field.date_auslastung div.days div.day {
	background-color: #759700;
	
	border: 1px solid #666666;
	
	color: #ffffff;
	
	display: block;
	float: left;
	
	height: 34px;
	width: 24px;
	
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 4px;
	
	text-align:center;
	
	cursor:pointer;
	
	transition:opacity 0.15s ease-in-out 0s;
}

div#newReservierung.popup div.content div.field.date_auslastung div.days div.day.prev_month {
	opacity:0.33;
}

div#newReservierung.popup div.content div.field.date_auslastung div.days div.day.active {
	border: 5px solid #333333;
	
	padding:0;
	
	height: 34px;
	width: 24px;
	
	opacity: 1;
}

div#newReservierung.popup div.content div.field.date_auslastung div.days div.day.half {
	background-color:#d4be00;
}

div#newReservierung.popup div.content div.field.date_auslastung div.days div.day.nearfull {
	background-color:#ea8f00;
}

div#newReservierung.popup div.content div.field.date_auslastung div.days div.day.full {
	background-color:#cc0000;
	
	cursor:not-allowed;
}

div#newReservierung.popup div.content div.field.date_auslastung div.days div.day div.short {
	font-size:10px;
}

div#newReservierung.popup div.content div.field.date_auslastung div.days div.day div.number {
	font-size:14px;
	
	font-weight:600;
}

div#newReservierung.popup div.content div.field.date_auslastung div.days div.day:after {
	content:".";
	display:block;
	float:none;
	clear:both;
	height:0;
	visibility:hidden;
}

.no-touch div#newReservierung.popup div.content div.field.date_auslastung div.days div.day:hover,
.no-touch div#newReservierung.popup div.content div.field.time_auslastung div.uhrzeit:hover,
.no-touch div#newReservierung.popup div.content div.field.date_auslastung div.navigation div.month:hover {
	opacity:0.8;
}

div#newReservierung.popup div.content div.field.time_auslastung div.uhrzeit {
	background-color: #759700;
	
	border: 1px solid #666666;
	
	color: #ffffff;
	
	display: block;
	float: left;
	
	height: 50px;
	width: 62px;
	
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 4px;
	
	text-align:center;
	
	cursor:pointer;
	
	transition:opacity 0.15s ease-in-out 0s;
}

div#newReservierung.popup div.content div.field.time_auslastung div.uhrzeit.active {
	border: 5px solid #333333;
	
	height: 50px;
	width: 62px;
	
	padding:0;
	
	opacity:1;
}

div#newReservierung.popup div.content div.field.time_auslastung div.uhrzeit.half {
	background-color:#d4be00;
}

div#newReservierung.popup div.content div.field.time_auslastung div.uhrzeit.nearfull {
	background-color:#ea8f00;
}

div#newReservierung.popup div.content div.field.time_auslastung div.uhrzeit.full {
	background-color:#cc0000;
	
	cursor:not-allowed;
}

div#newReservierung.popup div.content div.field.time_auslastung  div.uhrzeit div.time {
	font-size:14px;
	
	font-weight:600;
	
	line-height:3em;
}

div#newReservierung.popup div.content div.field.time_auslastung  div.uhrzeit div.auslastung {
	font-size:10px;
}

div#newReservierung.popup div.content div.field.time_auslastung div.uhrzeit:after {
	content:".";
	display:block;
	float:none;
	clear:both;
	height:0;
	visibility:hidden;
}

div#newReservierung.popup div.content div.field.half.personen div.value input,
div#newReservierung.popup div.content div.field.half.dauer div.value input {
	float:left;
	
	margin-left:5px;
	margin-right:5px;
	
	width:105px;
	
	text-align:center;
}

div#newReservierung.popup div.content div.field.locations div.value select,
div#newReservierung.popup div.content div.field.veranstaltung div.value select {
	width:566px; 
	height:34px;
	padding:6px;
}

div#newReservierung.popup div.content div#walkin_next {
	background-color:#004f7e !important;
	background:linear-gradient(#006399, #002b44) repeat center center !important;
}

/* ====================================================== */
/* Objekte ausw�hlen - Popup */
/* ====================================================== */
div#new_offers_reservierung_objects.popup .navigation,
div#newReservierung_objects.popup .navigation,
div#openReservierung_objects.popup .navigation,
div#newVeranstaltung_objects.popup .navigation,
div#openVeranstaltung_objects.popup .navigation,
div#einstellungen-plan.popup .navigation,
div#event_overview.popup .navigation{
	position:absolute;
	
	top:46px;
	left:0px;
	
	padding:5px;
}

.touch div#einstellungen-plan.popup .navigation div.button.objects,
.touch div#einstellungen-plan.popup .navigation div.button.toggle_grid {
	display:none;
}

div#einstellungen-plan.popup .subnavigation {
	display:none;
	
	position:absolute;
	top:92px;
	left:0;
	right:0;
	
	padding:5px;
	
	border-top:1px solid #bcbcbc;
}

div#new_offers_reservierung_objects.popup .navigation div.button,
div#newReservierung_objects.popup .navigation div.button,
div#openReservierung_objects.popup .navigation div.button,
div#newVeranstaltung_objects.popup .navigation div.button,
div#openVeranstaltung_objects.popup .navigation div.button,
div#einstellungen-plan.popup .navigation div.button,
div#einstellungen-plan.popup .subnavigation div.button,
div#event_overview.popup .navigation div.button,
div#event_overview.popup .subnavigation div.button{
	background-color:#004f7e;
	background:linear-gradient(#006399, #002b44) repeat center center;
	/*background-color:#9399a0;
	background:linear-gradient(to bottom, #9399a0 0%,#28343b 100%);*/
	
	margin-right: 10px;
}

div#einstellungen-plan.popup .navigation div.plan_alternate_select {
	margin-left:40px;
	margin-right:10px;
	float:left;
}

div#einstellungen-plan.popup .navigation div.plan_alternate_select span {
	position:relative;
	top:2px;
}

div#einstellungen-plan.popup .navigation select {
	margin-left:5px;
	
	height:35px;
}

div#new_offers_reservierung_objects.popup .navigation div.button.active,
div#newReservierung_objects.popup .navigation div.button.active,
div#openReservierung_objects.popup .navigation div.button.active,
div#einstellungen-plan.popup .navigation div.button.active,
div#einstellungen-plan.popup .subnavigation div.button.active,
div#event_overview.popup .navigation div.button.active, 
div#newVeranstaltung_objects.popup .navigation div.button.active,
div#openVeranstaltung_objects.popup .navigation div.button.active,
div#newReservierung_objects.popup .navigation div.button:active,
div#einstellungen-plan.popup .navigation div.button:active,
div#einstellungen-plan.popup .subnavigation div.button:active,
div#openReservierung_objects.popup .navigation div.button:active,
div#newVeranstaltung_objects.popup .navigation div.button:active,
div#openVeranstaltung_objects.popup .navigation div.button:active,
div#event_overview.popup .navigation div.button:active{ 
	background-color:#f2830b;
	background:linear-gradient(#ffb25a, #ef6100) repeat center center;
}

div#new_offers_reservierung_objects.popup div.content,
div#newReservierung_objects.popup div.content,
div#openReservierung_objects.popup div.content,
div#newVeranstaltung_objects.popup div.content,
div#openVeranstaltung_objects.popup div.content,
div#einstellungen-plan.popup div.content,
div#event_overview.popup div.content{
	border-top:1px solid #bcbcbc;
	
	top:92px;
	
	overflow-y:auto;
	overflow-x:auto;
}

div#einstellungen-plan.popup div.content {
	padding:0;
	
	background-color: transparent;
	background-image: -webkit-linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent);
    background-image: -o-linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent);
    background-image: -moz-linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent);
    background-image: linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent);
	-webkit-background-size:40px 40px;
	-moz-background-size:40px 40px;
	-o-background-size:40px 40px;
	background-size:40px 40px;
	background-repeat:repeat;
	
	background-attachment:local;
}

div#einstellungen-plan.popup div.content div.plan div.grid {
	padding:0;
	
	position:absolute;
	
	width:100%;
	height:100%;
	
	background-color: transparent;
	background-image: -webkit-linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent);
    background-image: -o-linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent);
    background-image: -moz-linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent);
    background-image: linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, .15) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 76%, transparent 77%, transparent);
	-webkit-background-size:40px 40px;
	-moz-background-size:40px 40px;
	-o-background-size:40px 40px;
	background-size:40px 40px;
	background-repeat:repeat;
	
	z-index:1;
}

div#einstellungen-plan.popup div.content.hidegrid,
div#einstellungen-plan.popup div.content div.plan div.grid.hidegrid {
	background-image: none;
}

/* ====================================================== */
/* Kunde suchen - Popup */
/* ====================================================== */
div#searchCustomer.popup div.content div.entrys {
	position:absolute;
	
	top:65px;
	left:10px;
	bottom:0px;
	right:25px;
	
	overflow-y:auto;
}

div#searchCustomer.popup div.content div.entrys div.entry {
	display:block;
	
	padding:10px;
	
	margin-bottom:1px;
	
	background-color:#efefef;
	
	border:1px solid #cccccc;
	
	cursor:pointer;
	
	transition:background-color 0.15s ease-in-out 0s;
}

.no-touch div#searchCustomer.popup div.content div.entrys div.entry:hover {
	background-color:#cdcdcd;
}

div#searchCustomer.popup div.content div.entrys div.entry div.head {
	font-weight:600;
	display:block;
}

div#searchCustomer.popup div.content div.entrys div.entry div.head div.kunde_attr {
	background-color: #ffffff;
	color: #004f7e;
	font-size: 9px;
	font-weight: 600;
	text-align: center;
	line-height: 3.5em;
	
	border-radius: 4px;
	border:1px solid #85abc2;
	
	display: block;
	float: right;
	
	height: 30px;
	width: 30px;
	
	margin-left: 5px;
}

div#searchCustomer.popup div.content div.entrys div.entry div.info {
	font-weight:400;
	display:block;
	
	font-size:12px;
	
	margin-bottom:5px;
}

div#searchCustomer.popup div.content div.entrys div.entry div.row {
	display:block;
	
	font-size:12px;
}

div#searchCustomer.popup input.search {
	float:left;
	
	width:150px;
	
	margin-right:10px;
}

div#searchCustomer.popup div.button.add {
	padding:0;
	
	width:34px;
	height:34px;
	
	background-color:#759700;
	background-image:url('../img/icons/add.png');
	background-repeat:no-repeat;
	background-position:center center;
}

/* ====================================================== */
/* bestehende Reservierung - Popup */
/* ====================================================== */
div#reservierung.popup div.content div.field.half.personen div.value input,
div#reservierung.popup div.content div.field.half.dauer div.value input,
div#veranstaltung_reservierung.popup div.content div.field.half.personen div.value input,
div#veranstaltung_reservierung.popup div.content div.field.half.dauer div.value input,
div#open_veranstaltung_reservierung.popup div.content div.field.half.dauer div.value input,
div#open_veranstaltung_reservierung.popup div.content div.field.half.personen div.value input{
	float:left;
	
	margin-left:3px;
	margin-right:3px;
	
	width:105px;
        height: 18px;
	
	text-align:center;
}

div#open_veranstaltung_reservierung.popup div.content div.field.half.dauer div.value input,
div#veranstaltung_reservierung.popup div.content div.field.half.dauer div.value input {
	text-align:center;
}

div#reservierung.popup div.content div.field div.value div#send_bestaetigung {
	position:absolute;
	
	right:5px;
}

div#reservierung.popup div.content div.field div.value input.mini {
	width: 15px !important;
	
	text-align:center;
	
	float:left;
}

div#reservierung.popup div.content div.field div.value div.kunde_attr {
	background-color: #ffffff;
	color: #004f7e;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	line-height: 3.5em;
	
	border-radius: 4px;
	border:1px solid #85abc2;
	
	display: block;
	float: right;
	
	height: 34px;
	width: 34px;
	
	margin-right: 10px;
}

/* ====================================================== */
/* bestehender Kunde - Popup */
/* ====================================================== */
div#kunde.popup div.content div.field.half div.value select {
	width:212px;
}

div#kunde.popup div.content div.field.half div.value div#kunde-reservierung-no-show {
	display:block;
	float:left;
	
	width:20px;
	height:20px;
	
	margin:7px 5px 0 0;
	
	background-image:url("../img/icons/res_status_blue.png");
	background-repeat:no-repeat;
	background-position:50% -40px;
}

div#kunde.popup div.content div.field div.value div.kunde_attr {
	background-color: #ffffff;
	color: #004f7e;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	line-height: 3.5em;
	
	border-radius: 4px;
	border:1px solid #85abc2;
	
	display: block;
	float: right;
	
	height: 34px;
	width: 34px;
	
	margin-right: 10px;
}

/* ====================================================== */
/* Neuer Kunde - Popup */
/* ====================================================== */
div#kunde_new.popup div.content div.field.half div.value select {
	width:212px;
}

/* ====================================================== */
/* Reservierung Liste - Popup */
/* ====================================================== */
div#reservierung-liste.popup div.content div.entrys,
div#reservierung-liste-neue.popup div.content div.entrys{
	position:absolute;
	
	top:10px;
	left:10px;
	/*bottom:0px;*/
	/*right:25px;*/
	right:10px;
	
	padding-bottom:10px;
	
	/*overflow-y:auto;*/
}

div#reservierung-liste.popup div.content div.entrys div.entry ,
div#tageszeiten-liste.popup div.content div.entry ,
div#plan-liste.popup div.content div.entrys div.entry,
div#reservierung-liste-neue.popup div.content div.entrys div.entry{
	display:block;
	position:relative;
	
	min-height:35px;
	
	padding:10px;
	
	margin-bottom:1px;
	
	background-color:#efefef;
	
	border:1px solid #cccccc;
	
	cursor:pointer;
	
	transition:background-color 0.15s ease-in-out 0s;
}

.no-touch div#reservierung-liste.popup div.content div.entrys div.entry:hover,
div#tageszeiten-liste.popup div.content div.entry:hover ,
div#plan-liste.popup div.content div.entrys div.entry:hover,
div#reservierung-liste-neue.popup div.content div.entrys div.entry:hover{
	background-color:#cdcdcd;
}

div#reservierung-liste.popup div.content div.entrys div.entry div.head,
div#reservierung-liste-neue.popup div.content div.entrys div.entry div.head {
	font-weight:600;
	display:block;
}

div#reservierung-liste.popup div.content div.entrys div.entry div.row,
div#reservierung-liste-neue.popup div.content div.entrys div.entry div.row {
	display:block;
	
	font-size:12px;
}

div#reservierung-liste.popup div.content div.entrys div.entry div.best_status,
div#reservierung-liste-neue.popup div.content div.entrys div.entry div.best_status {
	position:absolute;
	display:block;
	
	right:0px;
	top:0px;
	
	height:22px;
	width:22px;
	
	padding:28px 14px;
}

div#reservierung-liste.popup div.content div.entrys div.entry div.best_status > div,
div#reservierung-liste-neue.popup div.content div.entrys div.entry div.best_status > div{
	width:22px;
	height:22px;
}

div#reservierung-liste.popup div.content div.entrys div.entry div.best_status.is_bestaetigt > div,
div#reservierung-liste-neue.popup div.content div.entrys div.entry div.best_status.is_bestaetigt > div{
	background-image:url("../img/icons/icons_30.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size:22px 22px;
}

/* ====================================================== */
/* Veranstaltung Liste - Popup */
/* ====================================================== */
div#veranstaltung-liste.popup div.content div.entrys {
	position:absolute;
	
	top:10px;
	left:10px;
	/*bottom:0px;*/
	/*right:25px;*/
	right:10px;
	
	padding-bottom:10px;
	
	/*overflow-y:auto;*/
}

div#veranstaltung-liste.popup div.content div.entrys div.entry {
	display:block;
	position:relative;
	
	height:35px;
	
	padding:10px;
	
	margin-bottom:1px;
	
	background-color:#efefef;
	
	border:1px solid #cccccc;
	
	cursor:pointer;
	
	transition:background-color 0.15s ease-in-out 0s;
}

.no-touch div#veranstaltung-liste.popup div.content div.entrys div.entry:hover {
	background-color:#cdcdcd;
}

div#veranstaltung-liste.popup div.content div.entrys div.entry div.head {
	font-weight:600;
	display:block;
}

div#veranstaltung-liste.popup div.content div.entrys div.entry div.row {
	display:block;
	
	font-size:12px;
}

div#veranstaltung-liste.popup div.content div.entrys div.entry div.best_status {
	position:absolute;
	display:block;
	
	right:0px;
	top:0px;
	
	height:22px;
	width:22px;
	
	padding:17px 10px;
}

div#veranstaltung-liste.popup div.content div.entrys div.entry div.best_status > div {
	width:22px;
	height:22px;
}

div#veranstaltung-liste.popup div.content div.entrys div.entry div.best_status.is_bestaetigt > div {
	background-image:url("../img/icons/icons_30.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size:22px 22px;
}

/* ====================================================== */
/* Kunden Liste - Popup */
/* ====================================================== */
div#kunden-liste.popup div.content div.entrys {
	position:absolute;
	
	top:10px;
	left:10px;
	/*bottom:0px;*/
	/*right:25px;*/
	right:10px;
	
	padding-bottom:10px;
	
	/*overflow-y:auto;*/
}

div#kunden-liste.popup div.content div.entrys div.entry {
	display:block;
	
	padding:10px;
	
	margin-bottom:1px;
	
	background-color:#efefef;
	
	border:1px solid #cccccc;
	
	cursor:pointer;
	
	transition:background-color 0.15s ease-in-out 0s;
}

.no-touch div#kunden-liste.popup div.content div.entrys div.entry:hover {
	background-color:#cdcdcd;
}

div#kunden-liste.popup div.content div.entrys div.entry div.head {
	font-weight:600;
	display:block;
}

div#kunden-liste.popup div.content div.entrys div.entry div.row {
	display:block;
	
	font-size:12px;
}

/* ====================================================== */
/* Druckansicht - Allgemein */
/* ====================================================== */
div#printView span.error {
	position:relative;
}

div#printView div.content div.header {
	position:relative;
}

/* ====================================================== */
/* Reservierungliste - Druck - Tagesansicht */
/* ====================================================== */
div#printView.reservierungsliste div.container {
	padding:10px;
}

div#printView.reservierungsliste div.summe {
	padding:10px;
}

div#printView.reservierungsliste table {
	width:100%;
}

div#printView.reservierungsliste table th {
	text-align:center;
	font-weight:600;
	
	border-bottom:2px solid;
}

div#printView.reservierungsliste table td {
	text-align:center;
	
	border-bottom:1px solid;
	
	padding:5px 0; 
}

/* ====================================================== */
/* Reservierungskarten - Druck - Tagesansicht */
/* ====================================================== */
div#printView.reservierungskarten div.card {
	display:block;
	
	border:1px dashed;
	
	text-align:center;
	
	padding-top:25px;
	padding-bottom:35px;
	
	width:100%;
	height:160px;
	
	font-size:20px;
	font-weight:600;
}

div#printView.reservierungskarten div.card.big {
	
	height:400px;
	
}

div#printView.reservierungskarten div.card div.headline {
	font-size:40px;
}

/* ====================================================== */
/* Belegungsplan - Tagesansicht - Druck */
/* ====================================================== */
div#printView.belegung div.day div.section {
	display:block;
	
	position:relative;
	
	page-break-inside:avoid;
}

div#printView.belegung div.day div.header {
	display:block;
	
	position:relative;
	
	height:28px;
}

div#printView.belegung div.day div.row {
	display:block;
	
	position:relative;
	
	height:56px;
}

div#printView.belegung div.day div.header {
	background-color:#dcdcdc;
	
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
	
	border-bottom:1px solid #888888;
}

div#printView.belegung div.day div.row {
	border-bottom:1px solid #bcbcbc;
	
	page-break-inside:avoid;
}

div#printView.belegung div.day div.header div.name {
	display:block;
	
	float:left;
	
	width:140px;
	height:18px;
	
	padding:5px;
	
	font-weight:600;
}

div#printView.belegung div.day div.row div.name {
	display:block;
	
	float:left;
	
	width:140px;
	height:46px;
	
	padding:5px;
	
	font-weight:600;
	line-height:3em;
}

div#printView.belegung div.day div.row div.name {
	background-color:#ababab;
	color:#ffffff;
}

div#printView.belegung div.day div.header div.time {
	display:block;
	
	float:left;
	
	width:39px;
	height:18px;
	
	padding:5px;
	
	text-align:center;
	
	border-left:1px solid #bcbcbc;
	
	font-size:12px;
	line-height:1.6em;
}

div#printView.belegung div.day div.row div.entrys {
	display:block;
	
	float:left;
	
	height:56px;
	
	background-color:#ffffff;
}

div#printView.belegung div.day div.row div.entrys.background {
	background-color:#dcdcdc;
}

div#printView.belegung div.day div.row div.entrys div.entry {
	position:absolute;
	
	height:41px;
	
	padding-top:15px;
	
	background-color:#759700;
	
	font-size:10px;
	color:#ffffff;
	line-height:1.2em;
	
	cursor:pointer;
	
	overflow:hidden;
	
	text-align:center; 
	
	border-left:1px solid #ffffff;
}

div#printView.belegung div.day div.row div.entrys div.entry span {
	
}

/* ====================================================== */
/* Belegungsplan - Wochenansicht - Druck */
/* ====================================================== */
div#printView.belegung div.week div.section {
	display:block;
	
	position:relative;
	
	page-break-inside:avoid;
}

div#printView.belegung div.week div.header {
	display:block !important;
	
	position:relative;
	
	height:46px;
}

div#printView.belegung div.week div.row {
	display:block;
	
	position:relative;
	
	height:28px;
}

div#printView.belegung div.week div.header {
	background-color:#dcdcdc;
	
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
	
	border-bottom:1px solid #888888;
}

div#printView.belegung div.week div.row {
	border-bottom:1px solid #bcbcbc;
	
	page-break-inside:avoid;
}

div#printView.belegung div.week div.row.background {
	background-color:#dcdcdc;
}

div#printView.belegung div.week div.header div.days,
div#printView.belegung div.week div.row div.days {
	display:block;
	
	float:left;
	
	width:140px;
	height:18px;
	
	padding:5px;
	
	text-align:center;
	
	border-left:1px solid #bcbcbc;
	
	font-size:12px;
	line-height:1.6em;
}

div#printView.belegung div.week div.row div.days {
	width:64.5px;
}

div#printView.belegung div.week div.header div.first,
div#printView.belegung div.week div.row div.first {
	display:block;
	
	float:left;
	
	width:70px;
	height:18px;
	
	padding:5px;
	
	font-weight:600;
	
	text-align:center;
}

div#printView.belegung div.week div.header div.days,
div#printView.belegung div.week div.header div.first {
	font-weight:600;
	
	height:36px;
}

div#printView.belegung div.week div.header div.days div.sub {
	display:block;
	float:left;
	
	font-size:9px;
	text-align:center;
	
	width:70px;
}

/* ====================================================== */
/* Historie - Popup */
/* ====================================================== */
div#historie.popup div.content div.entrys {
	position:absolute;
	
	top:10px;
	left:10px;
	bottom:0px;
	right:10px;
	
	overflow-y:auto;
}

div#historie.popup div.content div.entrys div.entry {
	display:block;
	
	padding:10px;
	
	margin-bottom:1px;
	
	background-color:#efefef;
	
	border:1px solid #cccccc;
	
	transition:background-color 0.15s ease-in-out 0s;
}

div#historie.popup div.content div.entrys div.entry div.head {
	font-weight:600;
	display:block;
}

div#historie.popup div.content div.entrys div.entry div.row {
	display:block;
	
	font-size:12px;
}

/* ====================================================== */
/* Neues Angebot - Popup */
/* ====================================================== */
div#angebot.popup div.content span.preview_span {
	display:block;
	
	margin-top:44px;
	
	width:212px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

/* ====================================================== */
/* Plan einstellen - Popup */
/* ====================================================== */
div#editPlan.popup div.content span.preview_span {
	display:block;
	
	margin-top:44px;
	
	width:212px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

div#editPlan.popup div.content div.field div.value div.entry {
	margin-bottom:5px;
}

/* ====================================================== */
/* Pl�ne ausw�hlen - Popup */
/* ====================================================== */
div#plans-select.popup div.content {
	padding:10px 20px;
}

/* ====================================================== */
/* Dropdown zusatzfelder - Popup */
/* ====================================================== */

div.popup div.content div.entrys input.popup_zusatzfelder{
	
	width: 345px;
	margin-left: 10px;
	margin-top: 10px;
	
}

div.popup div.content.dropdowns{
	
	overflow-x: hidden;
	
}

div.popup#zusatzfelder_dropdown_values div.content div.button{
	
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
/* ====================================================== */
/* Feedback Liste - Popup */
/* ====================================================== */
div#feedbacks-liste.popup div.content div.entrys {
	position:absolute;
	
	top:10px;
	left:10px;
	/*bottom:0px;*/
	/*right:25px;*/
	right:10px;
	
	padding-bottom:10px;
	
	/*overflow-y:auto;*/
}

div#feedbacks-liste.popup div.content div.entrys div.entry {
	display:block;
	position:relative;
	
	height:35px;
	
	padding:10px;
	
	margin-bottom:1px;
	
	background-color:#efefef;
	
	border:1px solid #cccccc;
	
	cursor:pointer;
	
	transition:background-color 0.15s ease-in-out 0s;
}

.no-touch div#feedbacks-liste.popup div.content div.entrys div.entry:hover {
	background-color:#cdcdcd;
}

div#feedbacks-liste.popup div.content div.entrys div.entry div.head {
	font-weight:600;
	display:block;
}

div#feedbacks-liste.popup div.content div.entrys div.entry div.row {
	display:block;
	
	font-size:12px;
}

div#feedbacks-liste.popup div.content div.entrys div.entry div.best_status {
	position:absolute;
	display:block;
	
	right:0px;
	top:0px;
	
	height:22px;
	width:132px;
	
	padding:10px 10px;
}

div#feedbacks-liste.popup div.content div.entrys div.entry div.best_status > div {
	width:22px;
	height:22px;
}

div#feedbacks-liste.popup div.content div.entrys div.entry div.best_status.is_bestaetigt > div {
	background-image:url("../img/icons/icons_30.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size:22px 22px;
}

/* ====================================================== */
/* Kunden Feedback - Popup */
/* ====================================================== */
div#kunden-feedbacks-liste.popup div.content div.entrys {
	position:absolute;
	
	top:10px;
	left:10px;
	/*bottom:0px;*/
	/*right:25px;*/
	right:10px;
	
	padding-bottom:10px;
	
	/*overflow-y:auto;*/
}

div#kunden-feedbacks-liste.popup div.content div.entrys div.entry {
	display:block;
	position:relative;
	
	
	padding:10px;
	
	margin-bottom:1px;
	
	background-color:#efefef;
	
	border:1px solid #cccccc;
	
	cursor:pointer;
	
	transition:background-color 0.15s ease-in-out 0s;
}

/*.no-touch div#kunden-feedbacks-liste.popup div.content div.entrys div.entry:hover {
    
	background-color:#cdcdcd;
}*/

div#kunden-feedbacks-liste.popup div.content div.entrys div.entry div.head {
	font-weight:600;
	display:block;
}

div#kunden-feedbacks-liste.popup div.content div.entrys div.entry div.row {
	display:block;
	
	font-size:12px;
}

div#kunden-feedbacks-liste.popup div.content div.entrys div.entry div.best_status {
	position:absolute;
	display:block;
	
	right:0px;
	top:0px;
	
	height:22px;
	width:22px;
	
	padding:17px 10px;
}

div#kunden-feedbacks-liste.popup div.content div.entrys div.entry div.best_status > div {
	width:22px;
	height:22px;
}

div#kunden-feedbacks-liste.popup div.content div.entrys div.entry div.best_status.is_bestaetigt > div {
	background-image:url("../img/icons/icons_30.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size:22px 22px;
}

div#content[current="marketing"] div.content div.field div.value div.button.delete-icon.cancel-icon{
    	padding:0;
	
	position: absolute;
	
	width:16px;
	height:16px;
	
	background:url("../img/icons/icons_16.png") 50% -128px no-repeat transparent !important;
	
	left:-45px;
	/*top: 5px;*/	
	color:transparent;
	border:10px solid #efefef;

} 

div#reservierung-liste.popup div.content div.entrys div.entry.storniert,
div#tageszeiten-liste.popup div.content div.entry.storniert,
div#plan-liste.popup div.content div.entrys div.entry.storniert,
div#reservierung-liste-neue.popup div.content div.entrys div.entry.storniert{
    background-color: #c24141;
}

div#reservierung-liste.popup div.content div.entrys div.entry.storniert:hover,
div#tageszeiten-liste.popup div.content div.entry.storniert:hover,
div#plan-liste.popup div.content div.entrys div.entry.storniert:hover,
div#reservierung-liste-neue.popup div.content div.entrys div.entry.storniert:hover{
    background-color: #c24141;   
}

div#reservierung-liste.popup div.content div.entrys div.entry div.gesehen {
        width:16px;
	height:16px;       
	float: left;      	
}

div.popup div.content div.field div.value div.del_tisch_gruppe {	
    padding: 0;
    position: relative;
    width: 16px;
    height: 16px;
    background: url("../img/icons/icons_16.png") 50% -128px no-repeat transparent !important;
    color: transparent;
    border: 3px solid #efefef;
    margin-left: -25px;
    top: 6px;
    float: inherit;
}
div#editPlan.popup div.content div.field div.value div.entry.alternative_liste{
    border: 1px solid #ccc;
    padding: 7px;
        
}

div#editPlan.popup div.content div.field div.value div.entry.alternative_liste:hover  {
    background-color: #ddd;
    
    
    
}

div#openVeranstaltung_objects.popup .navigation div.plan_alternate_select,
div#newVeranstaltung_objects.popup .navigation div.plan_alternate_select {
    margin-left:40px;
    margin-right:10px;
    float:left;
    margin-top: 5px;
}

div#openVeranstaltung_objects.popup .navigation div.plan_alternate_select #plan_alternative, 
div#newVeranstaltung_objects.popup .navigation div.plan_alternate_select #plan_alternative {
    margin-left: 5px;
}
div#reservierung.popup div.content div.field div.value div#send_reservieung_ablehnen {
	position:absolute;
	
	right:5px;
}

.ui-autocomplete{ position: absolute; cursor: default; z-index: 99999999 !important;}


/* ====================================================== */
/* Veranstaltung Liste - Popup */
/* ====================================================== */
div#tisch-belegung-liste.popup div.content div.entrys {
	position:absolute;
	
	top:10px;
	left:10px;
	/*bottom:0px;*/
	/*right:25px;*/
	right:10px;
	
	padding-bottom:10px;
	
	/*overflow-y:auto;*/
}

div#tisch-belegung-liste.popup div.content div.entrys div.entry {
	display:block;
	position:relative;
	
	height:35px;
	
	padding:10px;
	
	margin-bottom:1px;
	
	background-color:#efefef;
	
	border:1px solid #cccccc;
	
	cursor:pointer;
	
	transition:background-color 0.15s ease-in-out 0s;
}

.no-touch div#tisch-belegung-liste.popup div.content div.entrys div.entry:hover {
	background-color:#cdcdcd;
}

div#tisch-belegung-liste.popup div.content div.entrys div.entry div.head {
	font-weight:600;
	display:block;
}

div#tisch-belegung-liste.popup div.content div.entrys div.entry div.row {
	display:block;
	
	font-size:12px;
}

div#tisch-belegung-liste.popup div.content div.entrys div.entry div.best_status {
	position:absolute;
	display:block;
	
	right:0px;
	top:0px;
	
	height:22px;
	width:22px;
	
	padding:17px 10px;
}

div#tisch-belegung-liste.popup div.content div.entrys div.entry div.best_status > div {
	width:22px;
	height:22px;
}

div#tisch-belegung-liste.popup div.content div.entrys div.entry div.best_status.is_bestaetigt > div {
	background-image:url("../img/icons/icons_30.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size:22px 22px;
}

div.popup div.content div.field.half div.value div.dokumentenlink
{
	
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

div.popup div.content div.field div.value span.dokumentenlink-entry {
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 565px;
}

div.popup div.content div.field div.value span.dokumentenlink-entry div.button.delete-icon {
    float: left;
    position: relative;
    top: 0;
}
div.popup div.content div.field div.value div.createNewDokumentenLink div.button  {
    margin-top: 5px;	
}
div.popup div.content div.field div.value div.createNewDokumentenLink input[name=dokumenten_link_name]{
     margin-top: 5px;
}

div.popup div.content div.field div.value div.createNewDokumentenLink input[name=dokumenten_link]{
     margin-top: 5px;
}

div.popup div.content div.field div.value div.dokumentenlink {
    
}


div.popup div.content div.field div.value div.dokumentenlink input[name=dokumenten_link_name]{
    width: 150px;
}

div.popup div.content div.field div.value div.dokumentenlink input[name=dokumenten_link]{
    width: 385px;
}

div.popup form#Bestellung_status div.content div.field div.label.bestell {
	display:block;
	
	float:left;
	
	width:110px;
	height:100%;
	
	font-size:14px;
	font-weight:600;
	line-height:2em;
	
	margin-right:10px;
}

div.popup form#Bestellung_status div.content div.field.adresse {
    clear: both;
    width: 510px;
    margin-bottom: 15px;
}

div.popup form#Bestellung_status div.content div.field.status {
    width: 160px;
    margin-bottom: 0;
}

div.popup form#Bestellung_status div.content div.field.status select {  
    width: 150px;
    margin-bottom: 15px;
    max-height: 35px;
    height: 35px;
}

div.popup form#Bestellung_status div.content div.field div.value div.bestellnummer {
    margin-top: 7px; 
}

div.popup form#Bestellung_status div.content div.field div.value div.bestell_name {
    margin-top: 10px; 
}

div.popup form#Bestellung_status div.content div.field div.value div.bestell_adresse {
    margin-top: 10px;    
}

div.popup form#Bestellung_status div.content div.field div.value div.bestell_plz {
    margin-top: 10px;    
}

div.popup form#Bestellung_status div.content div.field div.value div.bestell_telefon {
    margin-top: 10px;    
}

div.popup form#Bestellung_status div.content div.field div.value div.bestell_email {
    margin-top: 10px;    
}

div.popup form#Bestellung_status div.content div.field div.value div.bestell_firma_display {
    margin-top: 10px;    
}

div.popup form#Bestellung_status div.content div.table_bestellung_oeffnen {
   width: 97%;
   height: 540px;
    
}

div.popup form#Bestellung_status div.content div.table_bestellung_oeffnen_print {
    display: none
}

div.popup form#Bestellung_status div.content div.table_bestellung_oeffnen img#einstellungen_produktImage_preview {
    width: 50px;
    height: 50px;
}

div.popup form#Bestellung_status div.content div.field.buchungsnotiz {
    min-height: 177px;    
    width: 520px
}

div.popup form#Bestellung_status div.content div.field.buchungsnotiz div.value {
    margin-top: 10px;    
}

div.popup form#Bestellung_status div.content div.field.status div.label div div.bestellung_lieferungsdatum {
    font-size: 14px;
    width: 161px;
}

div.kunde_attr_icon {
	background-color: #ffffff;
	color: #004f7e;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	line-height: 2.0em;
	
	border-radius: 5px;
	border:1px solid #85abc2;
	
	display: block;
	float: right;
	
	height: 20px;
	width: 30px;        
       	
	margin-right: 5px;
        margin-top: -5px;
}

div.popup form#Bestellung_status div.content div.field.adresse div.firma-display-none{
    display: none;
}

/* ====================================================== */
/* spezielle Festlegungen für Reservierungsfenster */
/* ====================================================== */
div.popup #reservierung div.footer {
        display: flex;
        justify-content: space-between;
        align-items: center; 
}

 div.popup #reservierung div.content div.field.half {
    display: flex;
    justify-content: space-between;  
 }

/* ====================================================== */
/* Festlegungen für unterschiedliche Fenstergrößen */
/* ====================================================== */
@media (min-width: 750px) {
    
    #reservierung div.kunde_attr_icon {
        width:50px !important;
        box-sizing: border-box;
    }
    
    div.popup #reservierung div.line {
            width:700px ;
    }
}

@media (max-width: 750px) {
    div.popup #reservierung div.content  div.field {
        width:333px !important;
    }
    
    div.popup #reservierung div.content div.field div.value input,
    div.popup #reservierung div.content div.field div.value textarea {
        width:198px;
    }
}

@media (max-width:749px) {
    #reservierung div.kunde_attr_icon {
        width:30px !important;
        box-sizing: border-box;
    }
    
    div.popup div.header div.container_icon {
        width:150px;
    }
}

div.popup table.monitoreservierungslistetable {
/*	width:100%;
	min-height:100%;
	height:auto;
	
	position:relative;*/
	/*top:40px;*/
/*        font-size: 20px;
        font-weight: 500;*/
}

div.popup table.monitoreservierungslistetable tfoot td {
	border-bottom:0 !important;
	border-top:1px solid;
        text-align: center;
}

div.popup table.monitoreservierungslistetable tbody td {
    text-align: center;
    margin: 5px;
    background-color: lightgrey;
} 

.entrys_container {
    position: absolute !important;
    top: 0xp !important;
    left: 8px !important;
    display: inline-block;
    width: 46%;
    margin: 5px;
}

.offers_container {
    position: absolute !important;
    top: 0xp !important;
    left: 366px !important;
    display: inline-block;
    width: 45%;
    margin: 5px;
}

.offers_container.entrys {
    margin-bottom: 40px !important;
}

.offers_container.entrys div.entry {
    height: 100% !important;
}

.entrys_container h1,
.offers_container h1{
    margin: 0;
}