body{
	margin-left: 15px;
	margin-right: 15px;
	font-family: Arial, sans-serif !important;
}

/* Style The Dropdown Button */
.dropbtn {
/*	background-color: transparent;
	color: #b10000;*/
	color: #337ab7;
	text-decoration: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: max-content;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 100;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: #337ab7;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	border-bottom: 1px #337ab7 solid;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
/*	background-color: #3e8e41;*/
}

input:read-only, textarea:read-only {
	background-color: gainsboro;
}

.dropdown_input {
	display: inline-block;
	position: relative;
	width: 176px;
/*	top:200px;
/	left:50px; */
}

.dropdown_input select {
	width: 100%;
	padding: 3px;
}

.dropdown_input > * {
	box-sizing: border-box;
	height: 1.7em;
}

.dropdown_input input {
	position: absolute;
	width: calc(100% - 20px);
}

.protheader {
	padding: 15px;
	background-color: lightyellow;
	border: 1px solid blue;
	margin-bottom: 25px;
	font-size: 18px;
}

h1.site-header {
	font-size: 24px;
}

/* Buttons über der Tabelle verschieben */
div.dt-buttons {
/*    margin-left: 15px; */
}
div#ks-buttons, div#ks-buttons_vk, div#ks-seek-buttons {
	display: inline-block;
}
div.dt-button-collection.two-column {
	width: 600px !important;
}
.dt-button-collection.dropdown {
/*    width: 300px; */
	width: auto;
}

/* Tabelle´anpassen */
.tab_col_anzahl,
.tab_col_face_value,
.tab_col_preis_einkauf,
.tab_col_komission_pro_ticket,
.tab_col_preis_gesamt,
.tab_col_steuersatz,
.tab_col_summe1,
.tab_col_summe2,
.tab_col_summe3,
.tab_col_differenz_rg,
.tab_col_lieferung_1_anzahl,
.tab_col_lieferung_2_anzahl,
.tab_col_lieferung_gesamt,
.tab_col_differenz,
.tab_col_event_tickets,
.tab_col_event_marge {
	text-align: right;
}

td button {
	margin-right: 10px;
}
th{
	background-color: lightgrey !important;
}
th.sorting_desc, th.sorting_asc {
	background-color: palegoldenrod !important;
}
/*thead.tab_head_einkauf, thead.tab_head_verkauf, thead.tab_head_zusammen {
	background-color: lightgrey !important;
} */

/*th.tab_col_zusammen_button,th#th_ek_id,th#th_ek_buttons, th#th_vk_id, th#th_vk_buttons {
	background-color: lightgrey !important;
} */


table.dataTable tbody tr>.dtfc-fixed-left, table.dataTable tbody tr>.dtfc-fixed-right {
	background-color: inherit;
}

/*tr.einkauf, table.dataTable tbody tr.einkauf>.dtfc-fixed-left, table.dataTable tbody tr.einkauf>.dtfc-fixed-right,
#tableEinkauf, td.tab_col_ek_id, td.tab_col_buttons {*/
#tableEinkauf td, #tableZusammen tr.einkauf{
	background-color: lightblue;
}

#tableStamm td, #tableEvents td{
	background-color: white;
}


/*tr.verkauf, table.dataTable tbody tr.verkauf>.dtfc-fixed-left, table.dataTable tbody tr.verkauf>.dtfc-fixed-right,
#tableVerkauf, td.tab_col_vk_id, td.tab_col_vk_buttons {*/
#tableVerkauf td, #tableZusammen tr.verkauf{
	background-color: lightgreen ;
}
     
.show_yellow{
	background-color: yellow !important;
}

.show_lightyellow{
	background-color: lightyellow !important;
}

.show_red {
	background-color: red !important;
	color: white !important;
}

.show_lightred {
	background-color: #ff5e5e !important;
	color: white !important;
}

.show_orange{
	background-color: orange !important;
}

.show_lightorange{
	background-color: #ffa420 !important;
}


#tableEinkauf td.show_orange, #tableVerkauf td.show_orange, #tableZusammen td.show_orange {
	background-color: #FECB3E;
}

#tableEinkauf td.show_grey, #tableVerkauf td.show_grey, #tableZusammen td.show_grey{
	background-color: lightgrey ;
}

td.tab_col_zusammen_id,
td.tab_col_zusammen_anzahl,
td.tab_col_zusammen_einzelpreis,
td.tab_col_zusammen_gesamtpreis,
td.tab_col_zusammen_zahlungsdifferenz,
td.tab_col_zusammen_lieferdifferenz
 {
	text-align: right;
}

td.seek_stamm_buttons {
	background-color: white !important;
}

.ks-clear-search button {
	width: 34px;
	line-height: 25px;
	font-size: 20px;
	font-weight: bold;
}

div#ks-clear-search-einkauf,
div#ks-clear-search-verkauf {
	float: right;
}

/*div#ks-message-ek {
	float: left;
	padding: 7px 15px;
	margin-left: 15px;
	border: 1px solid grey;
	height: 33px;
	font-weight: bold;
}
*/

span.summe-ekpreis {
	display: inline-block;
	padding: 7px 15px;
	margin-left: -5px;
	border: 1px solid grey;
	height: 34px;
	font-weight: bold;
}

span.summe-tickets {
	display: inline-block;
	padding: 7px 15px;
	margin-left: 15px;
	border: 1px solid grey;
	height: 34px;
	font-weight: bold;
}

/* Modal Anpassungen */
.modal-dialog.modal-md {
	width: 750px;
}

.modal-dialog.modal-lg {
	width: 1200px;
}

[class*="Block"] {
	border-bottom: 1px solid gray;
	padding: 10px 5px 5px;
	margin-bottom: 10px;
}

.Block1 {
	background-color: lightblue;
}

.Block2 {
	background-color: lightgreen;
}

.Block3 {
	background-color: lightgrey;
}

.Block4 {
	background-color: lightyellow;
}

.Block5 {
	background-color: sandybrown;
}

span.col-label-long {
	display: inline-block;
	float: inline-start;
}

span.col-label {
	display: inline-block;
	width: 145px;
	float: inline-start;
}

.col-label-long label ,
.col-label label {
	font-weight: normal;
}

.col-label .label-bold {
	font-weight: bold;
}

select {
	padding: 3px 5px 3px 0px;
	width: 178px;
}

.sub_block_telefon, .sub_block_bemerkung {
	margin-top: 15px;
}

span.blockheader {
	font-weight: bold;
	text-decoration: underline;
}

span.buttonzone {
	float: inline-end;
	margin-right: 35px;
}

div#footer_modal_ek,
div#footer_modal_vk,
div#footer_modal_zus {
	float: left;
	font-weight: bold;
}

span#modal_footer_ek_info_created, span#modal_footer_ek_info_edited,
span#modal_footer_vk_info_created, span#modal_footer_vk_info_edited,
span#modal_footer_zus_info_created, span#modal_footer_zus_info_edited {
	display: block;
	text-align: left;
}

/* Farben definieren */
.green{
	background-color: green;
	color: white;
}

.red{
	background-color: red;
	color: white;
}

.yellow{
	background-color: yellow;
	color: #333;
}

textarea#timeline {
	resize: none;
	width: 175px;
}

textarea#bemerkung, textarea#vk_bemerkung,textarea#show_bemerkung,textarea#show_vk_bemerkung{
	width: 954px;
	height: 70px;
	resize: none;
}

textarea#event_bemerkung, textarea#event_termin_history,
textarea#move_bemerkung, textarea#move_termin_history,
textarea#time_bemerkung, textarea#time_termin_history,
textarea#event_alias, textarea#stamm_bemerkung{
	resize: none;
	width: 100%;
	display: block;
	margin: 0 0 30px;
	height: 135px;
}

textarea#stamm_bemerkung{
	resize: none;
	width: 84%;
	display: block;
	margin: 0 0 5px;
	height: 100px;
}


/* Datumseingabefelder formatieren */
.datefield {
	width: 100px !important;
}

/**CJ**/


.textHeightFix {
	/* display: flex; */
}


input:focus, textarea:focus, select:focus {
	background-color: yellow;
}

input, textarea {
	border: 1px solid #ccc;
}


.Block1, .Block2, .Block3, .Block4, .Block5  {
	padding: 15px;
	border-radius: 4px;
}

.errorborder{
	border-color: red;
	background-color: #ffb8b8;
}

.modal-dialog.modal-md {
	width: 900px;
}

div#modalEditStamm {
	padding-right: 0px !important;
}

h4.modal-title.modal-columns {
	text-align: center;
}

.col-button {
	width: 100%;
	padding-top: 10px !important;
}

button.dt-button.buttons-columnVisibility:not(.active) {
	color: red;
	text-decoration: line-through;
}

.tab-pane {
	padding-top: 15px;
}

#show_va_name{
	width: 565px;
}

/* Filtermodal */
.filterheaderevents,
.filterHeaderSteuerArt,
.headerkostenstellenfilter,
.headerrechdatumfilter,
.headerzahlterminfilter,
.headereventterminfilter {
	text-align: center;
	padding: 0px 5px;
	height: 24px;
	display: block;
	font-weight: bold;
}

.filterheaderevents {
	background-color: lightblue;
	padding-top: 5px;
}

.filterHeaderSteuerArt,
.headerzahlterminfilter {
	background-color: lightyellow;
	padding-top: 5px;
}

.headereventterminfilter,
.headerkostenstellenfilter,
.headerrechdatumfilter {
	background-color: lightgreen;
	padding-top: 5px;
}

.filter-Steuerart,
.filter-Kostenstelle,
.row.filter-Events {
	margin-top: 25px;
}

.eventdatefilterbody,
.rechdatefilterbody {
	padding: 10px;
	background-color: lightgreen;
}

.paydatefilterbody {
	padding: 10px;
	background-color: lightyellow;
}

.kostenstellenfilterbody {
	padding: 10px;
	background-color: lightgreen;
}

.steuerartfilterbody {
	padding: 10px;
	background-color: lightyellow;
}

.eventfilterbody{
	padding: 10px;
	background-color: lightblue;
}


.textfilterheader {
	text-align: center;
/*	background-color: #eee; */
	padding: 0px 5px;
	height: 24px;
	display: block;
	margin-top: 30px;
	font-weight: bold;
}

label.vorsteuerfilter, label.kostenstellenfilter {
	margin-left: 15px;
	height: 15px;
	vertical-align: text-bottom;
	font-weight: normal;
}

input.vorsteuerfilter, input.kostenstellenfilter {
	width: 15px;
	height: 15px;
}

input#eventdatefiltervon, input#zahldatefiltervon {
	margin-right: 15px;
}

.comboselect_eventfilter {
	width: 100%;
}

.comboselect_eventfilter option.optionitem {
	height: 2em;
	padding-top: 0.5em;
}

div#filterViewEinkauf,
div#filterViewVerkauf,
div#filterViewZusammen,
div#filterViewEvents {
	background: lightgreen;
	display: inline-block;
	padding: 5px 10px;
	margin-bottom: 5px;
}

div#sortViewEinkauf,
div#sortViewVerkauf,
div#sortViewZusammen,
div#sortViewEvents {
	background: palegoldenrod;
	display: table;
	padding: 5px 10px;
	margin-bottom: 5px;
}


option.optionitem.even {
	background-color: lightgrey;
}

input#textfilter {
	width: 1028px;
	margin-bottom: 10px;
}

.HideBlock{
	display: none;
}

.textarea#stamm_bemerkung {
	width: 84%;
}

#restoreBackup{
	width: 300px;
}

div#buttonArea {
	margin-top: 10px;
}

div#buttonArea button {
	margin-right: 10px;
}

#dateien {
	field-sizing: content;
	padding-right: 5px;	
}

input::file-selector-button {
	margin-right:10px;
}