html {
	/* Vertikalen Scrollbar immer anzeigen */
	overflow-y: scroll;
}

body {
    padding-left: var(--bodyPaddingLeft);
    padding-right: var(--bodyPaddingRight);
    /* max-width: 100%; */
    margin-left: var(--sideMenuBarWidth);
    /* margin:auto; */
    font-size: 10pt;
    /* Wird benötigt, da sonst DxPopup ein Padding erzeugt */
    /* padding-right: 0px !important; */
}

@media screen and (max-width: 576px)
{ 
    /* is important to make mobile menu working when being in a fixed mode first */
    body {
        padding-left: var(--bodyPaddingLeft) !important;
        padding-top: 2em !important;
    }
}
    


    

td.label {
	text-align: right;
	padding-right:0.5em;
}

td.labelTop {
    vertical-align: text-top;
    padding-top:0.4em;
}

td.dropdown {
    padding: 0.2em;
}

select {
    height:1.5em;
}

select.fillParent {
  	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    width: 100%;
}

input {
   	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

div.registrierkassenVerarbeitenHeader{
    display:inline-block;
    padding-left:1em;
    padding-bottom:0.1em;
    min-height:2em;
}


div.registrierkassenVerarbeitenHeaderBezeichnung{
    width:25em;
    padding-top:0.3em;
}

div.registrierkassenVerarbeitenHeaderDatensaetze{
    width:4em;
    padding-top:0.1em;
    text-align:right;
}

th.registrierkassenVerarbeitenDatensatzeHeader{
    text-align:left;
}

.registrierkassenVerarbeitenDatensatzeBelegdatum{
    padding-right:1em;
    width:7em;
}

.registrierkassenVerarbeitenDatensatzeBelegnummer{
    padding-right:1em; 
    width:9.0em;
    text-align:right
}

.registrierkassenVerarbeitenDatensatzeZahlungsart{
    padding-right:1em; 
    width:6.0em;
    text-align:left
}

.registrierkassenVerarbeitenDatensatzeKonto{
    padding-right:1em;  
    width:5.5em;
     text-align:right
}

.registrierkassenVerarbeitenDatensatzeSteuercode{
    padding-right:1em;  
    width:2.0em;
    text-align:right
}

.registrierkassenVerarbeitenDatensatzeEingang{
     padding-right:1em; 
     width:6.6em;
     text-align:right
}

.registrierkassenVerarbeitenDatensatzeAusgang{
    padding-right:0em;  
    width:6.6em;
    text-align:right;
}

.registrierkassenVerarbeitenDatensatzeInfo{
    padding-right:1em;
}

.registrierkassenVerarbeitenDatensatzeText{
    padding-right:1em; 
}

table.TableLarge
{
	width: 100%;
	table-layout: fixed;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

table.TableMedium {
	width: 66%;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

.abbreviateText {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-overflow: ellipsis; /* <---- */
    overflow: hidden;        /* <---- */
    white-space: nowrap;     /* This one is inherited, but for consistency's 
                                sake, you may want to move it */
}

.wordbreakText {
	word-wrap: break-word;
}

.invisibleCell {
    display: none;
    width: 0em;
}

.colIcon {
	width: 2.4em;
}

td.TableRow, td.TableRowAlt, td.TableHeader, td.TableRowFooter {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

/* BVE */
tr.bveSelectedRow {
    color: #e00;
    background-color: lightgray;
    border-color: lightgray; 
}

#lblBVEModusText {
    font-weight:lighter;
    color:#bbb;
}

.BVEVorschlag {
    font-weight:lighter;
    color:#bbb;
}

.divError {
    width:100%;
    text-align:center;
}

.floatLeft {
    float: left;
    width: auto;
}

.floatRight {
    float: right;
    width: auto;
}

.w-85 {
    width: 85% !important;
}

.max-width-75 {
    max-width: 75%;
}

.max-width-50 {
    max-width: 50%;
}

.nav {
    --bs-nav-link-padding-x: 0.8rem;
}

/*Style für SelectDialog (KontoAuswahl, Kostenstellenauswahl, Kostenträgerauswahl)*/
.ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog-content table {
    width: 100%;
}

.ui-dialog-content tr {
    border-color: transparent;
}

.ui-dialog-content .ui-selected {
    background-color: #d8d8d8;
}

div.dxbl-fl-ctrl {
    margin: auto !important;
}

/*DxGrid: Horizontale Scrollbar soll nicht das letzte Element verdecken*/
.dxbl-scroll-viewer-content {
    padding-bottom: 5px;
}

/*
    Wird benötigt, da beim Wechsel auf einen fallweisen die Spaltenbreite nicht neu berechnet wird.
    Somit würde dann der String 'Beschäftigungstage stornieren' abgeschnitten werden.
*/
.with-cancel-aviso {
    min-width: 12rem;
}


.dxbl-tabs-item {
	border-color: #d8d8d8 !important;
}

.z-index-overwrite {
    z-index: 2400 !important;
}

.vertretungen-grid-height {
    max-height: max(65vh, 250px);
}