/* add debug to a top element to see the layout/sizes of the childreen */
.debug * {
    outline: 1px solid gold
}

.lotIconColor {
    filter: invert(7%) sepia(100%) saturate(7412%) hue-rotate(248deg) brightness(107%) contrast(142%);
}

.cont {
    margin: 0 1rem;
}

.autoWidth {
    width: auto !important;
}

.width100 {
    width: 100%;
}

/* flex, but without important!!! */
.flex {
    display: flex; 
}

/* overwrite bootstrap row */
/* .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
} */

.my-input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.lean {
    padding: 0 0.375rem 0 0.75rem;
}

.lean2 {
    padding-top: 0;
    padding-bottom: 0;
}
.no-padding {
    padding: 0 0 0 0;
}

.lean-color {
    padding: 0.1rem 0.375rem;
}

.menuActive {
    background-color: rgb(241, 255, 119);
}

/* * > :first-child { margin-top: 0 !important; margin-left: 0 !important; }
* > :last-child { margin-bottom: 0 !important; margin-right: 0 !important; } */

.no-margin-top-first-child > :first-child {
    margin-top: 0 !important;
  }

.no-margin-right-last-child > :last-child {
    margin-right: 0 !important;
  }

/* .margin-all-children-2 > *:not(:last-child) { */
.margin-all-children-2 > * {
    /* display: block; */
    margin-top: 0.5rem; 
    margin-left: 0.5rem;
} 

.fixed-top-msg {
    position: fixed;
    top: 4.5rem;
    right: 0;
    left: 0;
    z-index: 1030;
  }

.red-txt {
    color: red !important;
}

/* fix DataTables: "Zeilen anzeigen" has no gap to the select box */
div.dt-container select.dt-input {
    margin-right: 4px;
}

/* for the success/error message */

.btn-progress-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: var(--bs-primary);
    opacity: 0.2;
    transition: width 0.1s linear;
    pointer-events: none;
}

.position-relative {
    position: relative;
}

.overflow-hidden {
    overflow: hidden;
}