﻿/* Globale font einstellung */
html, .Reset
{
	color: rgb(51,51,51);
	font-family: 'Segoe UI', Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
}

/* Button & Tile & Selection Farben */
button, a.CButton, a.CHelpButton, .CHelp a, .CTile, .CTileImage, .CTileBasic, ::selection
{
	color: white;
	background-color: #0072c6;
}

	button:disabled
	{
		color: #6fb9ef;
	}

ul.CLanguageList a:hover,
ul.CLanguageList li:focus-within > a
{
	border-color: #0072c6;
}

/* Header (Pfad) für Panes */
.CPaneHeader
{
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 1em;
	color: gray;
}

/* Header (Pfad) für Forms */
.CFormHeader
{
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 1em;
	color: gray;
}

/* DevExpress DatePicker Buttons reparieren */
.dxeCalendarButton_Office365LightEnvel
{
	color: black;
	height: auto;
}

/* Input focus-borders */
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=file]:focus, textarea:focus
{
	outline: none;
	border-color: #0072c6;
}

/* Input padding wie DevExpress controls */
input[type=text], input[type=password], input[type=number], input[type=file], textarea
{
	box-sizing: border-box;
	padding: 2px 3px 2px 3px;
}

div.CBreadcrumbs
{
	background-color: #eaeaea;
	color: #0072C6;
}

/* DatePicker Styles */
.DateDisabled:not(.dxeCalendarSelected_Office365LightEnvel)
{
	color: lightgray;
}

.DateHoliday, .dxeCalendarWeekend_Office365LightEnvel
{
	color: #FF0000 !important;
	background-color: white !important;
}

	.DateHoliday:is(.dxeCalendarSelected_Office365LightEnvel), .dxeCalendarWeekend_Office365LightEnvel:is(.dxeCalendarSelected_Office365LightEnvel)
	{
		color: white !important;
		background-color: #FF0000 !important;
	}

	.DateHoliday:hover:not(.dxeCalendarSelected_Office365LightEnvel), .dxeCalendarWeekend_Office365LightEnvel:hover:not(.dxeCalendarSelected_Office365LightEnvel)
	{
		color: white !important;
		background-color: #ff7777 !important;
	}

.dxeCalendarOtherMonth_Office365LightEnvel
{
	opacity: 0.5 !important;
}

.dxeCalendarSelected_Office365LightEnvel
{
	opacity: 1 !important;
}

/* Ab hier DevExpress */
/* Workaround -> DevExpress Style anpassen wg. Tabellenüberschriften */
.dxgvHeader_Office365LightEnvel
{
	background-color: #e9e9eb !important;
}
/* End Workaround */

.dxgvFooter_Office365LightEnvel
{
	background-color: #339947;
	color: white;
	font-weight: 700;
}

	.dxgvFooter_Office365LightEnvel .dxgvHEC
	{
		background-color: #339947 !important;
	}

/* Devexpress font settings in ButtonPopup und ButtonBar überschreiben */
.CButtonPopup > button, .CButtonBar > button
{
	font-family: 'Segoe UI', Verdana, Helvetica, Sans-Serif;
}

.dxgvStatusBar_Office365LightEnvel .dxbButton_Office365LightEnvel
{
	color: #0072c6;
	border: 1px solid #0072c6;
	background-color: white;
	margin-left: 0.5em;
}

.dxgvStatusBar_Office365LightEnvel .dxgvBEPCBC
{
	border-radius: 0;
	display: inline-block;
	height: auto;
	line-height: inherit;
	margin-right: 0px;
	padding-right: 0px;
}

.dxgvStatusBar_Office365LightEnvel .dxgvBEPCBCI
{
	background-color: inherit;
	border-radius: 0;
	font-weight: normal;
	color: white;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0;
}

/* Workaround -> Hover-Style für Batch Grid Buttons */
.dxgvStatusBar_Office365LightEnvel .dxbButtonHover_Office365LightEnvel
{
	background-color: #0072c6;
	color: white;
}
/* End Workaround */

/* Workaround -> Fix wg Größenänderung der Batch Grid Buttons wenn 'Preview' de-/aktiviert wird */
.dxgvStatusBar_Office365LightEnvel .dxRippleContainer
{
	display: none;
}

.dxgvStatusBar_Office365LightEnvel .dxgvCommandColumn_Office365LightEnvel span
{
	transition: none !important;
	height: auto !important;
}
/* End Workaround */

/* Workaround -> Focused Row überschreibt alle Row Styles */
.dxgvFocusedRow_Office365LightEnvel, .dxgvFocusedRow_Office365LightEnvel td.dxgv
{
	background-color: #0072c6 !important;
	color: white !important;
}

.dxgvTable_Office365LightEnvel .dxgvHEC
{
	background-color: white !important;
}
/* End Workaround */

/* Workaround -> CheckBox linkes padding entfernen */
.CDevExpressCheckBox > span.dxichCellSys.dxeTAR
{
	padding-left: 0;
}

.CDevExpressCheckBox
{
	margin-left: -1px;
}
/* End Workaround */

/* Workaround -> DropDowns: Farboverride wegen Platzhaltertext deaktivieren */
.dxeNullText_Office365LightEnvel .dxeEditArea_Office365LightEnvel
{
	color: inherit !important;
}
/* End Workaround */





/*DevExpress Grid-Zeilen, Edit-Felde und DropDowns*/
/*Grid-Zeilen*/
.dxgvEditFormDisplayRow_Office365LightEnvel td.dxgv, .dxgvDetailCell_Office365LightEnvel td.dxgv, .dxgvAdaptiveDetailCell_Office365LightEnvel td.dxgv, .dxgvDataRow_Office365LightEnvel td.dxgv, .dxgvAdaptiveDetailRow_Office365LightEnvel td.dxgvAIC
{
	padding: 5px 10px 5px !important;
}

/*DropDowns*/
td.dxic
{
	padding: 2px 3px 2px 3px !important;
}

/*Spin-Controls*/
.dxeSpinIncButton_Office365LightEnvel, .dxeSpinDecButton_Office365LightEnvel
{
	padding: 0px 2px !important;
}

/*Tabelle-Überschriften*/
.dxgvHeader_Office365LightEnvel
{
	padding: 5px 10px 5px !important;
}

/*Tabellen-Filterzeile*/
.dxgvFilterRow_Office365LightEnvel td.dxgv
{
	padding: 3px 3px 2px !important;
}

/* Überflüssiger Rahmen um Spilter wird entfernt */ 
.dxsplControl_Office365LightEnvel
{
	border: 0px !important;
}

/* Searchpanel */
.dxgvSearchPanel_Office365LightEnvel
{
	padding: 7px 7px 10px !important;
}