/*
 * 
 */
/* 
    Created on : 19.11.2024, 16:04:49
    Author     : pascal
*/

.app-brand-logo.demo {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
}

.app-brand-logo.demo svg {
    width: 1.7rem;
    height: 1.7rem;
}

.app-brand-text.demo {
    font-size: 1.75rem;
    letter-spacing: -0.45px;
}

body, .font {
    font-family: 'IBM Plex Sans';
}

.disabled_look {
    background-color: #36445d !important;
}

.swal2-popup, .swal2-content, .swal2-title, .modal-title, .card-header, .dropdown-header, .text, .accordion-header {
    font-family: 'IBM Plex Sans';
}

.swal2-actions {
    flex-direction: row-reverse;
}

.dropdown-menu > .dropdown-divider {
    margin: 0;
}

.dropdown-menu > .optgroup-1, .dropdown-menu > .optgroup-3, .dropdown-menu > .optgroup-5, .dropdown-menu > .optgroup-7, .dropdown-menu > .optgroup-9 {
    background-color: #f8f9fa;
}

.dropdown-menu > .dropdown-header > .text {
    color: var(--bs-instagram);
}

.width_600 {
    width:600px !important;
}

.inp_small {
    width: 100px !important;
}

tr.durchgestrichen {
    position: relative;
}

tr.durchgestrichen::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 10px;
    width: calc(100% - var(--last-td-width, 100px) - 20px);
    height: 1px;
    background: lightgray;
    pointer-events: none;
    pointer: none;
    transform: rotate(-1deg);
}

/* tr.durchgestrichen::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    width: calc(100% - var(--last-td-width, 100px) - 20px);
    height: 100%;
    pointer-events: none;

    background: no-repeat center/100% 100%
        url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'>\
<path d='M2,28 Q50,5 98,2' stroke='lightgray' stroke-width='1' fill='none'/>\
</svg>");
} */

tr.durchgestrichen td:not(:last-child) {
    opacity: 0.4;
}

@media (max-width: 1400px) {
  .table-responsive table td {
    padding-left: 0.5rem !important;  /* Wert nach Wunsch anpassen */
    padding-right: 0.5rem !important; /* Wert nach Wunsch anpassen */
  }
}