/********************************************************************************
*
 Theme Name:			Stylesheet Catering
 Description:			Tab-Reiter sind untereinander
 Author: 				Cem Türkseven
 
 Inhaltsverzeichnis:	1. Allgemein			(ca. Zeile 18)
						2. Responsive Design	(ca. Zeile 34)
						3. Container			(ca. Zeile 71)
						4. Buttons				(ca. Zeile 122)
						5. Navigationsleiste 	(ca. Zeile 340)
						6. Felder				(ca. Zeile 449)
*
********************************************************************************/


/*** Allgemein
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***/
* {
	font-family: Lato, Calibri !important;
	/* 	font-family: Arial !important; */
	/* font-family: Garamond !important; */
	/* font-family: Verdana !important; */
	/* font-family: Georgia !important; */
	/* font-family: Trebuchet MS !important; */
	font-size: 14px;
}

body {
	background:transparent;
	/*display:table;*/
}

/*** Responsive Design
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***/

@media screen and (max-width: 1026px) {
	
.ui-jqgrid-jquery-ui.ui-widget.ui-widget-content.ui-corner-all.ui-jqgrid {
	width: 699px !important;
	overflow: scroll;
}

.AnsprechpartnerGrid {
	margin-left:0px !important;
}

}


@media screen and (max-width: 770px) {

* {
	font-size: 12px !important;
}


/*Datepicker Pfeil rechts*/
.ui-icon.ui-icon-circle-triangle-e {
	background-position: 0px 1px !important;
}

/*Datepicker Pfeil links*/
.ui-icon.ui-icon-circle-triangle-w {
	background-position: 0px 1px !important;
}

.BpWebApp_Summary_Field_Box.customTable .customTable.ui-widget.BpWebApp_Table {
	width: 567px !important;
}

/*Tabellenbeschriftung Artikel*/
.ui-jqgrid-labels .ui-state-default.ui-th-column.ui-th-ltr:nth-child(2) {
	width:200px !important;
}

/*Tabellengröße*/
.customName {
	width:200px !important;
}

/*Tabellengröße*/
.customTable {
	width:500px !important;
}

/*Textfeld für Nachricht*/
.BpWebApp_Field.BpWebApp_Field_Text {
	width: 490px !important;
}

.BpWebApp_Container_VBox.Header {
    height: 55px !important;
}

.Header img {
    height: 27px !important;
    margin-left: 21px !important;
}

.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all.BpWebApp_Container_TabNavigator_Index {
	width: 140px !important;
}
	
.ui-tabs-anchor {
	width: 110px !important;
	font-size:12px !important;
}

.AnsprechpartnerGrid {
	margin-left:0px;
}

}

.customName {
	width:300px;
}

.ui-pg-table {
	font-size:14px;
}

.BpWebApp_Field.BpWebApp_Field_Text.customTextfeld {
	border:1px solid #e6e6e6;
}


/*** Container
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***/
.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
	display:table-cell;
	vertical-align:top;
	width:100vw;
	/*height:99vh;*/
	border:none;
	}

.BpWebApp_Summary_Container_Box {
	font-size:16px;
	margin-bottom:10px;
}

/*Logo im Header*/
.Header img {
	height:37px;
	margin-top:16px;
	margin-bottom:5px;
	margin-left:48px;
}

/*Abstand zum Fensterrand*/
.BpWebApp_Container_TabNavigator.customTabNavigator.cust2.BpWebApp_Active.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
	margin:0;
	padding:0;
	width:auto !important;
	background:rgba(186, 168, 116, 1);
}

.BpWebApp_Container_VBox.ui-tabs-panel.ui-widget-content.ui-corner-bottom.BpWebApp_Container_TabNavigator_Content .BpWebApp_Container_TabNavigator.BpWebApp_Active.ui-tabs.ui-widget.ui-widget-content.ui-corner-all .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all.BpWebApp_Container_TabNavigator_Index {
	border: 1px solid #cdcdcd;
	border-radius: 3px;
}

.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
	/*background:#f2f2f2;*/
}

.BpWebApp_Container_TabNavigator.BpWebApp_Active.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
	margin:0;
	padding:0;
}

.BpWebApp_Container_VBox.ui-tabs-panel.ui-widget-content.ui-corner-bottom.BpWebApp_Container_TabNavigator_Content {
	/*background:#fffff3;*/
	/*height:100vh;*/
	border-left: 1px solid rgba(186, 168, 116, 1);
}

/*** Buttons
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***/

/*Datepicker Pfeil rechts*/
.ui-icon-circle-triangle-e {
	background-position: 0px 3px !important;
}

/*Datepicker Pfeil links*/
.ui-icon-circle-triangle-w {
	background-position: 0px 3px !important;
}

/*Eingabefelder*/
.BpWebApp input {
    border: 1px solid rgba(186, 168, 116, 1) !important;
	margin-bottom: 3px;
	border-radius:3px;
}

/*Eingabefelder mit Focus*/
.BpWebApp input:focus{
	border-color: #00ccff !important;
}

.BpWebApp_Button {
	border-radius:3px;
	background: rgba(186, 168, 116, 1) !important;
	height: 43px;
	border:none;
	overflow: hidden !important;
    text-overflow: clip !important;
	white-space: nowrap !important; 
	padding: 10px;
	font-size: 16px;
	}
	
.BpWebApp_Button img {
	padding-right: 5px;
}

/*Eingabefeld für Nachricht*/
.BpWebApp_Field.BpWebApp_Field_Text {
	border-radius:3px;
	border: 1px solid rgba(186, 168, 116, 1) !important;
	width: 420px;
	font-size:16px !important;
	box-sizing: border-box;
}
.BpWebApp_Summary_Container_Box.BpWebApp_Field{
	width:auto;
}

/*Eingabefeld für Nachricht mit Focus*/
.BpWebApp_Field.BpWebApp_Field_Text:focus {
	border-color: #00ccff !important;
}

/*Button Änderungen per Mausklick*/
.BpWebApp_Button:active {
    background:rgba(186, 168, 116, 1) !important;
}

.BpWebApp_Container_HBox_Content .BpWebApp_Button.customButton{
	margin-right:5px;
}

.BpWebApp_Container_HBox.Navigationsleiste.decreaseSidebar .BpWebApp_Button {
	margin-right:0px !important;
}

.BpWebApp_Container_HBox.Navigationsleiste.decreaseSidebar button img {
	padding-right: 0px;
}

.BpWebApp_Container_HBox > .BpWebApp_Container_HBox_Content > .BpWebApp_Button {
	margin-right:5px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: none;
	background-color: #a2cae8;
}

/*Header*/
.ui-widget-header {
	background:none;
	border:none;
}

/*Tabs*/
.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
	border-left:1px solid rgba(186, 168, 116, 1);
	border-right:none;
	background:rgba(238,233,220,1) !important;
	margin:0;
}

/*Tabs inaktiv*/
.ui-state-default.ui-corner-top {
	border-right:none;
	background:none;
	border-bottom: none !important;
	border-left: none !important;
}
	
.ui-tabs-anchor {
	font-size: 18px;
	padding-right: 15px !important;
	padding-left: 15px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	width:200px;
}

/*Tabs hover*/
.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all > .ui-state-default.ui-corner-top:hover {
	color:#bfbfbf !important;
	background:none;
}

/*Tab Hintergrund bei active*/
.ui-state-default.ui-corner-top:active {
	color:#bfbfbf !important;
}

/*Tab Text bei hover*/
.ui-tabs-anchor:active {
	color:#bfbfbf !important;
}

/*Tab active*/
.ui-tabs-active.ui-state-active {
	font-weight:bold;
}

/*Datumsfeld*/
.BpWebApp_Field.BpWebApp_Field_Date.customInputType.BpWebApp_Active.hasDatepicker {
	text-align:center;
	height:31px;
	width: 143px;
	display:inline;
	width:135px !important;
	font-size: 16px;
	border: 1px solid #00ccff !important;	
}

/*Infocenter Legende*/
.BpWebApp_IC_Legend_Entry {
	margin: 10px 5px 5px 5px;
}

/*Infocenter Buttons*/
.fc-button{
	border-radius:0px !important;	
	background:none;
	background-color:#f2f2f2;
	box-shadow:none;
	text-shadow:none;
	width: 72px;
}

.fc-button:hover{
	border:1px solid #bfbfbf;
}
.fc-state-down, .fc-state-active {
	background-color: #bfbfbf !important;
    border: 1px solid #bfbfbf !important;
	color: white !important;
}

.fc-next-button.fc-button.fc-state-default.fc-corner-right {
	width:auto;
}

.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-left {
	width:50px;
}

/*IC Buttons Border*/
.fc-state-default {
    border: 1px solid #e6e6e6;
}

/*Dropdown button*/
.ui-button.ui-widget.ui-state-default.ui-button-icon-only.ui-corner-right.ui-combobox-toggle {
	border:none;
	height:41px;
}

/*Dropdown box*/
.BpWebApp_Container_VBox_Content > .ui-combobox {
	display:table;
}

/*Dropdown Felder*/
.BpWebApp .ui-combobox .ui-combobox-input {
	background: #FFFFFF;
	font-weight: normal;
	color: #000000;
	padding: 1px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-radius:3px;
}
/*Dropdown Felder Buttons*/
.BpWebApp .ui-combobox-toggle {
	vertical-align: top;
	height: 20px;
	background: none;
}

/*Radio Buttons*/
.BpWebApp .BpWebApp_Field_Radio_Button_Content {
	display: block;
	/*margin-bottom: 10px;	*/
}

.BpWebApp_Field_Radio_Button {
	vertical-align: middle;
}

#tabs .BpWebApp_Container_VBox.ui-tabs-panel.ui-widget-content.ui-corner-bottom.BpWebApp_Container_TabNavigator_Content .BpWebApp_Button {
	border: 1px solid #e6e6e6;
	background-color: #f2f2f2;
	}

.BpWebApp_Button.BpWebApp_Button_With_Separator.BpWebApp_Active.BpWebApp_Button_With_Separator_Container {
	background: rgba(0, 0, 0, 0) url("/bpWebApp/images/tree/expandWhite_16.png") no-repeat scroll 100% 50% !important;
}

.BpWebApp_Button.BpWebApp_Button_With_Separator.BpWebApp_Active.BpWebApp_Button_With_Separator_Container:active {
	background-color: #00ccff !important;
}


/*** Navigationsleiste
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***/

.BpWebApp .Navigationsleiste button {
    background-color: transparent!important;
	padding-left:10px;
	padding-right:15px;
	height: 50px;
	color:white;
	font-weight: bold;
	font-size:15px;
	width: 100%;
	text-align:left;
}

.BpWebApp .Navigationsleiste button:hover {
	color:#bfbfbf;
}

.BpWebApp .Navigationsleiste button:active{
	background-color: #00ccff !important;
	color: black !important;
}

/* ZUSAMMENFASSUNG */
.BpWebApp_Summary_Field_Box .BpWebApp_Field_Label {
	width: 210px;
	font-weight: bold;
}

.BpWebApp_Summary_Container_Box .BpWebApp_Container_Label {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	padding-top: 10px;
	padding-bottom: 5px;
}

.BpWebApp_Summary_Container_Box .BpWebApp_Table th {
	font-size: 16px;
	border: solid 1px;
}

/* TABELLE */
.BpWebApp .BpWebApp_Table {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* RAUMPLAN */
.BpWebApp_RoomSchedule_Event {
	border: 1px solid;
	width: auto;
}

.customRoomSchedule .pq-grid-row  {
	height: 100%;
}

.customRoomSchedule .pq-grid-cell {
	height: 100%;
}

td div.pq-td-div {
	height:100%;
	padding: 0;
}

table.pq-grid-td-border-bottom td.pq-grid-cell {
	padding: 2px;
}

.BpWebApp_RoomSchedule_EventCell .BpWebApp_RoomSchedule_Event {
	height: auto;
}

/*Formularfelder*/
.BpWebApp_Field_Label.BpWebApp_Label_Mandatory .BpWebApp_Field.BpWebApp_Field_String.BpWebApp_Field_Required {
	width:300px !important;
}

/* Breite der Beschriftung */
.BpWebApp_Field_Label {
	width: auto;
	margin-right: 0px;
	padding-right: 0px;
}

.BpWebApp_Container_Label{
	font-weight: bold;
	padding-bottom: 5px;
}

/* Pflichtfelder */
.BpWebApp_Field_Required {
	border-color: red;
}

/* Custom Felder */
.customTextfeld {
	width: 300px;
}

.customPaddingTop20 {
	padding-top: 20px;
}

.BpWebApp_Button_Label {
	vertical-align: middle;
}
.BpWebApp_Container_HBox.Navigationsleiste .ButtonLabel {
	display:none;
}


/*** Felder
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ***/
.BpWebApp_Field {
	border-radius: 0px;
	width:300px;
	margin-bottom:3px;
	display:block;
}

input:not([type='checkbox']) {
	height: 43px;
}
input[type='radio'] {
	height: 39px;
}

/* .BpWebApp_Container_VBox_Content .BpWebApp_Field.BpWebApp_Field_Picture {
	width:auto !important;
} */

.BpWebApp_Field .BpWebApp_Field_Boolean {
	width:25px;
}
.BpWebApp_Field.BpWebApp_Field_Date.BpWebApp_Active.hasDatepicker {
	width: 200px;
	text-align: left;
}

.BpWebApp_Field.BpWebApp_Field_String.customInputType.customNoBackground.ui-state-default.ui-combobox-input.ui-autocomplete-input.ui-widget.ui-widget-content.ui-corner-left.BpWebApp_Field_Dropdownbox.BpWebApp_Active {
	text-align: left;	
	width:80px;
	font-size: 16px;
}



.BpWebApp_Container_HBox_Content.BpWebApp_Field {
	display:inline;
}

.BpWebApp_Field_Label.BpWebApp_Label_Mandatory {
	text-decoration: none;
}
.BpWebApp_Field_Label.BpWebApp_Label_Mandatory::after {
	content:"*";
}

.ui-combobox.BpWebApp_Field.BpWebApp_Field_String.customNoBackground.ui-state-default.ui-combobox-input.ui-autocomplete-input.ui-widget.ui-widget-content.ui-corner-left.BpWebApp_Field_Combobox.BpWebApp_Active.BpWebApp_Field_Required{
	display:block;
}

.BpWebApp_Field.BpWebApp_Field_Boolean {
	display: initial;
}

.BpWebApp_Field.BpWebApp_Field_Html {
	display:inline;
	white-space:pre-line !important;
	width: auto;
}
.ServiceAuswahlButton .BpWebApp_Field.BpWebApp_Field_Html {
	white-space:pre-line !important;
}
.ui-button {
	height: 28px;
	border-radius: 0px 0px 0px 0px;
}

.BpWebApp_Container_HBox_Content.BpWebApp_Field_Label {
	margin-left:10px !important;
}

.ui-state-default.ui-state-active {
	background: rgba(186, 168, 116, 1);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid rgba(186, 168, 116, 1) ;
}

.BpWebApp_Container_VBox.Container_Field_Text {
	margin-top: 25px;
}

.BpWebApp_Text {
	line-height: 1.5 !important;
}

.BpWebApp_Field.BpWebApp_Field_String.customNoBackground2  {
	margin-left:0px;
	width:200px !important;
}

/*Container für Ansprechpartner*/
.AnsprechpartnerGrid {
	margin-left:10px;
}

/*Feld von Ansprechpartner*/
.AnsprechpartnerGrid .BpWebApp_Field.BpWebApp_Field_String {
	margin-left: 46px;
}

/*Feld für Ansprechpartner*/
.AnsprechpartnerGrid .BpWebApp_Field.BpWebApp_Field_eMail {
	margin-left: 46px;
}

/*Datepicker Border-radius*/
.ui-datepicker {
	border-radius: 3px !important;
	border: 1px solid rgba(186, 168, 116, 1);
	background: rgba(238,233,220,1);
	
}

/*Datepicker Border-radius*/
.ui-datepicker-calendar a {
	border-radius:3px !important;
}

/*Datepicker Border-radius*/
.ui-datepicker-calendar span  {
	border-radius:3px !important;
}

/*Erster Reiter Border*/
.BpWebApp_Container_TabNavigator_Index_Entry.ui-state-default.ui-corner-top:first-child {
	border-top:none;
}

/*Letzter Reiter Border*/
.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all.BpWebApp_Container_TabNavigator_Index .BpWebApp_Container_TabNavigator_Index_Entry.ui-state-default.ui-corner-top:last-child {
	border-bottom:1px solid rgba(186, 168, 116, 1) !important;
}

/*Reiter (inaktiv) Textfarbe*/
.BpWebApp_Container_TabNavigator_Index_Entry.ui-state-default.ui-corner-top .ui-tabs-anchor {
	color: #8c8c8c !important;	
}

/*Reiter (aktiv) Textfarbe*/
.BpWebApp_Container_TabNavigator_Index_Entry.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active .ui-tabs-anchor {
	color: black !important;	
}

/*Border Reiter*/
.BpWebApp_Container_TabNavigator_Index_Entry.ui-state-default.ui-corner-top {
	border-top:1px solid rgba(186, 168, 116, 1);
	border-right:none;
	/*background: #fff7e6 url("/WebBuchung/Templates/WebBuchungCatering/cal_arrow_M_right_24_gray.png") right no-repeat !important;*/
}

/*Reiter Margin*/
.ui-tabs .ui-tabs-nav li{
	margin:0 !important;
}

/*Dropdownfeld für Bestuhlung*/
.BpWebApp_Container_VBox.ui-tabs-panel.ui-widget-content.ui-corner-bottom.BpWebApp_Container_TabNavigator_Content .BpWebApp_Field.BpWebApp_Field_String.customNoBackground.ui-state-default.ui-combobox-input.ui-autocomplete-input.ui-widget.ui-widget-content.ui-corner-left.BpWebApp_Field_Dropdownbox.BpWebApp_Active {
	width:300px;
}

/*Dropdownfeld*/
.BpWebApp_Container_Grid_Cell.BpWebApp_Container_Grid_Cell_Field .BpWebApp_Field.BpWebApp_Field_String.ui-state-default.ui-combobox-input.ui-autocomplete-input.ui-widget.ui-widget-content.ui-corner-left.BpWebApp_Field_Dropdownbox.BpWebApp_Active {
	width:300px;
}

/*Dropdownfeld für Anrede*/
.BpWebApp_Field.BpWebApp_Field_String.ui-state-default.ui-combobox-input.ui-autocomplete-input.ui-widget.ui-widget-content.ui-corner-left.BpWebApp_Field_Dropdownbox.BpWebApp_Active {
	width:175px;
}

/*Veranstaltungsdetails Label und Felder*/
.BpWebApp_Container_Grid_Cell.BpWebApp_Container_Grid_Cell_Label .BpWebApp_Field_Label {
	display:inline !important;
}


.BpWebApp_Field_Label.customTotal{
	padding-right: 5px;
}

/*Datumsfelder in Personalapp*/
.BpWebApp_Container_Frame .BpWebApp_Field.BpWebApp_Field_Date.customInputType.BpWebApp_Active.hasDatepicker {
	border: 1px solid #e6e6e6 !important
}

/*Datumsfelder in Personalapp bei Focus*/
.BpWebApp_Container_Frame .BpWebApp_Field.BpWebApp_Field_Date.customInputType.BpWebApp_Active.hasDatepicker:focus {
	border: 1px solid #00ccff !important
}

.BpWebApp_Container_Frame {
	width:400px;
}

/*Zeitfeld*/
.BpWebApp_Field.BpWebApp_Field_Time {
	width: 200px !important;
	text-align:left;
}

/*Feld mit Nummer*/
.BpWebApp_Field.BpWebApp_Field_Longint {
	width: 200px !important;
	text-align:left;
}

.BpWebApp_Field.BpWebApp_Field_Boolean {
	vertical-align:initial !important;
}

/*Legende in Adresssuche*/
.BpWebApp.ui-tabs-panel.ui-widget-content.ui-corner-bottom .BpWebApp_Container_Label {
	font-weight:bold;
	margin-bottom:5px;
}


.BpWebApp_Field.BpWebApp_Field_Picture {
	display: inline !important;
	margin-bottom:0px !important;
}


/*Veranstaltungsdetails Label für Intranet*/
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .BpWebApp_Field_Label{
	font-weight:bold;
	margin-top:7px;
}

/*Veranstaltungsdetails Label für die Beschriftung der Absprache in der Personalapp*/
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .BpWebApp_Container_Label.beschriftungBold {
	font-weight:bold;
	margin-top:7px;
}

/*Border für Tabelle mit Speisen und Getränke*/
.customTable.ui-widget.BpWebApp_Table {
	/* border:1px solid #ffcf66; */
	border:none;
	margin-top:0px;
	width: 690px !important;
}

.customTable.ui-widget.BpWebApp_Table th { 
	/* border:1px solid #ffcf66; */
	border:none;
	text-align: left;
}

.customTable.ui-widget.BpWebApp_Table tr{
	background:#fffff3;
}

.customTable.ui-widget.BpWebApp_Table tr:hover {
	background:#fff7e6;
}

.customTable.ui-widget.BpWebApp_Table .BpWebApp_Table_Cell.customName {
	text-align:left;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable .BpWebApp_Field.BpWebApp_Field_Text {
	display:inline;
}

/*Schriftgröße in den Tabellen*/
.ui-jqgrid-bdiv.ui-corner-bottom {
	font-size:14px !important;
}

/* Eingabefelder Breite*/
.BpWebApp_Field.BpWebApp_Field_String,
.BpWebApp_Field.BpWebApp_Field_eMail,
.BpWebApp_Field_Password  {
	width:300px !important;
	padding: 10px;
	font-size: 1em;
}

/*Header*/
.BpWebApp_Container_VBox.Header {
	border-bottom:1px solid #ffdf99;
	height:67px;
	width:100%;
	background: rgb(255, 247, 230) none repeat scroll 0% 0%;
}

/*Überschrift der Vorgänge*/
.BpWebApp_Field.BpWebApp_Field_Text.TabsUeberschrift {
	border:none !important;
	background:none;
	height:100% !important;
	width:100% !important;
	font-size: 22px !important;
	margin-top: 6px;
	margin-left: 5px;
	font-weight:bold;
}

.BpWebApp_Field.BpWebApp_Field_Html.TabsUeberschrift {
	border:none !important;
	background:none;
	height:100% !important;
	width:100% !important;
	font-size: 22px !important;
	margin-top: 6px;
	margin-left: 5px;
	font-weight:bold;
}

.BpWebApp_Field_Labels {
	border:none !important;
	background:none;
	height:100% !important;
	width:100% !important;
	font-size: 22px !important;
	margin-top: 6px;
	margin-left: 5px;
}

.BpWebApp_Container_Grid_Cell.BpWebApp_Container_Grid_Cell_Merged .BpWebApp_Field.BpWebApp_Field_Html {
	font-size: 21px !important;
}

/*Anzahlfeld in Tabelle*/
.BpWebApp_Table_Cell.customAnzahl.BpWebApp_Table_Edit_Cell.ui-state-highlight.edit-cell input {
	height:39px;

}

/* Hintergrund Tabellenfelder */
.BpWebApp_Table_Cell.BpWebApp_Table_ReadOnly_Cell {
	background-color:#fff7e6;
}

/* Hintergrund Tabellenfelder */
.BpWebApp_Table_Cell.customName.BpWebApp_Table_ReadOnly_Cell {
	background:#fff7e6;
}

/* Hintergrund Tabellenfelder */
.BpWebApp_Table_Cell.customPic1 {
	background:#fff7e6;
}

.ui-widget-content tr.jqgrow {
	height:50px !important;
}

/*Border von Tabellenbeschriftung*/
.ui-state-default.ui-th-column.ui-th-ltr {
	border-bottom:none;
	border-right:1px solid #ffdf99;
}

/*Tabellenborder*/
.ui-jqgrid-jquery-ui.ui-widget.ui-widget-content.ui-corner-all.ui-jqgrid {
	border:1px solid #ffdf99;
	border-right:none;
	border-bottom:none;
	}

/*Tabellenborder*/
 .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {
	border-right:1px solid #ffdf99 !important;
	border-bottom:1px solid #ffdf99 !important;
} 

/*Border-Top von erste Tab*/
.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all.BpWebApp_Container_TabNavigator_Index .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active:first-child {
	border-top:none;
}

/*Tabs-Sidebar*/
.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all.BpWebApp_Container_TabNavigator_Index {
	float:left;
	width:230px;
	/* height:100vh; */
	padding:0px;
	background:#fff7e6;
}

/*Tabs Breite*/
.BpWebApp_Container_VBox.ui-tabs-panel.ui-widget-content.ui-corner-bottom.BpWebApp_Container_TabNavigator_Content {
	width:100vw;
	display:table-cell;
}

.Custom_Trenner{
	border-bottom: solid 1px #ffdf99;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.Custom_Column{
	vertical-align: top;
}
.Custom_Column1{
	/*padding-right: 15px;
	margin-right: 15px;
	border-right: solid 1px #ffdf99;*/
}
.Custom_Column2{
	padding-left: 15px;
	margin-left: 15px;
	border-left: solid 1px #ffdf99;
}
.bold{
	font-weight: bold;
}
.Custom_Hinweis_Rot{
	border: solid 2px red;
	border-radius: 5px;
	padding: 10px;
	display: inline-block;
}
.Custom_Hinweis_Gelb{
	border: solid 2px yellow;
	border-radius: 5px;
	padding: 10px;
	display: inline-block;
}
.ServiceAuswahlButton{
	 max-width: 800px;
    border: solid rgba(186, 168, 116, 1) 1px;
    border-radius: 3px;
    margin-bottom: 10px;
	padding: 10px;
	cursor: pointer;
}
.ServiceAuswahlButton:hover{
	/*background: #ffcf66;*/
}
.ServiceAuswahlButton .BpWebApp_Text{
	white-space: pre-wrap;
}
#WebShop{
	margin: 0 auto;
	max-width: 800px;
}
.right{
	float: right;
}
.ui-priority-secondary,
.ui-datepicker-unselectable{
	visibility: hidden;
}
.Grunddaten .BpWebApp_Container_HBox_Content input:not(.BpWebApp_Field_Boolean){
	margin-right: 20px !important;
	width: 200px !important;
}

.ServiceAuswahlButton.Shop_SnackExpress{
	background: rgba(186, 168, 116, 1);
}

.ServiceAuswahlButton.Shop_StandardLieferservice{
	background: rgba(186, 168, 116, 0.75);
}

.ServiceAuswahlButton.Shop_Geschirrverleih{
	background: rgba(186, 168, 116, 0.5);
}

.ServiceAuswahlButton.Shop_Bestellhistorie{
	background: rgba(238,233,220,1);
}
#logo{
	padding: 15px;
}
#logoDiv{
	margin: 0 auto;
	max-width: 800px;
	text-align: right;
}
/*SnackExpress*/
.Shop_SnackExpress .Custom_Trenner{
	border-bottom: solid 1px rgba(186, 168, 116, 1);
}
.Shop_SnackExpress input,
.Shop_SnackExpress .BpWebApp_Field.BpWebApp_Field_Text,

.Shop_SnackExpress .ui-datepicker,
.Shop_SnackExpress .BpWebApp_Container_TabNavigator_Index_Entry.ui-state-default.ui-corner-top{
	border: 1px solid rgba(186, 168, 116, 1) !important;
}
.Shop_SnackExpress .BpWebApp_Button,
.Shop_SnackExpress .ui-state-default.ui-state-active,
.Shop_SnackExpress .ui-datepicker,
.Shop_SnackExpress .BpWebApp_Table_Cell.BpWebApp_Table_ReadOnly_Cell,
.Shop_SnackExpress .BpWebApp_Table_Cell.customName.BpWebApp_Table_ReadOnly_Cell,
.Shop_SnackExpress .BpWebApp_Table_Cell.customPic1{
	background: rgba(186, 168, 116, 1) !important;
}

/*StandardLieferservice*/
.Shop_StandardLieferservice .Custom_Trenner{
	border-bottom: solid 1px rgba(186, 168, 116, 0.75);
}
.Shop_StandardLieferservice input,
.Shop_StandardLieferservice .BpWebApp_Field.BpWebApp_Field_Text,

.Shop_StandardLieferservice .ui-datepicker,
.Shop_StandardLieferservice .BpWebApp_Container_TabNavigator_Index_Entry.ui-state-default.ui-corner-top{
	border: 1px solid rgba(186, 168, 116, 0.75) !important;
}
.Shop_StandardLieferservice .BpWebApp_Button,
.Shop_StandardLieferservice .ui-state-default.ui-state-active,
.Shop_StandardLieferservice .ui-datepicker,
.Shop_StandardLieferservice .BpWebApp_Table_Cell.BpWebApp_Table_ReadOnly_Cell,
.Shop_StandardLieferservice .BpWebApp_Table_Cell.customName.BpWebApp_Table_ReadOnly_Cell,
.Shop_StandardLieferservice .BpWebApp_Table_Cell.customPic1{
	background: rgba(186, 168, 116, 0.75) !important;
}

/*Geschirrverleih*/
.Shop_Geschirrverleih .Custom_Trenner{
	border-bottom: solid 1px rgba(186, 168, 116, 0.5);
}
.Shop_Geschirrverleih input,
.Shop_Geschirrverleih .BpWebApp_Field.BpWebApp_Field_Text,

.Shop_Geschirrverleih .ui-datepicker,
.Shop_Geschirrverleih .BpWebApp_Container_TabNavigator_Index_Entry.ui-state-default.ui-corner-top{
	border: 1px solid rgba(186, 168, 116, 0.5) !important;
}
.Shop_Geschirrverleih .BpWebApp_Button,
.Shop_Geschirrverleih .ui-state-default.ui-state-active,
.Shop_Geschirrverleih .ui-datepicker,
.Shop_Geschirrverleih .BpWebApp_Table_Cell.BpWebApp_Table_ReadOnly_Cell,
.Shop_Geschirrverleih .BpWebApp_Table_Cell.customName.BpWebApp_Table_ReadOnly_Cell,
.Shop_Geschirrverleih .BpWebApp_Table_Cell.customPic1{
	background: rgba(186, 168, 116, 0.5) !important;
}

/*Bestellhistorie*/
.Shop_Bestellhistorie .Custom_Trenner{
	border-bottom: solid 1px rgba(186, 168, 116, 0.25);
}
.Shop_Bestellhistorie input,
.Shop_Bestellhistorie .BpWebApp_Field.BpWebApp_Field_Text,

.Shop_Bestellhistorie .ui-datepicker,
.Shop_Bestellhistorie .BpWebApp_Container_TabNavigator_Index_Entry.ui-state-default.ui-corner-top{
	border: 1px solid rgba(186, 168, 116, 0.25) !important;
}
.Shop_Bestellhistorie .BpWebApp_Button,
.Shop_Bestellhistorie .ui-state-default.ui-state-active,
.Shop_Bestellhistorie .ui-datepicker,
.Shop_Bestellhistorie .BpWebApp_Table_Cell.BpWebApp_Table_ReadOnly_Cell,
.Shop_Bestellhistorie .BpWebApp_Table_Cell.customName.BpWebApp_Table_ReadOnly_Cell,
.Shop_Bestellhistorie .BpWebApp_Table_Cell.customPic1{
	background: rgba(186, 168, 116, 0.25) !important;
}


/*Gesamtsumme an ausgewählten Speisen oder Getraenke*/
.customTotal,
.BpWebApp_Summary_Field_Box.customTotal, 
.BpWebApp_Field.BpWebApp_Field_Text.customTotal {
	font-weight:bold;
	border: none !important;
	display: inline-block;
}
@font-face {
font-family: "Lato";
src: url("Lato/fonts/Lato-Regular.eot");
src: url("Lato/fonts/Lato-Regular.woff") format("woff");
src: url("Lato/fonts/Lato-Regular.woff2") format("woff2");
}