input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}


@font-face {
    font-family: 'MyFont';
    src: url('/fonts/seguiemj.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.form-it {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 14px;
}

.form-control-IT {
    display: block;
    width: 100%;
    height: 25px;
    /*height: calc(1.5em + 0.4rem + 1px);*/
    padding: 0.375rem 0.75rem;
    /*font-size: 0.90rem;*/
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control-IT:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.form-control1-IT {
    display: block;
    width: 100%;
    height: 25px;
    /*height: calc(1.5em + 0.4rem + 1px);*/
    padding: 0rem 0rem 0.375rem 0.75rem;
    font-size: 0.90rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control1-IT:focus {
        color: #495057;
        background-color: #fff;
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.td-button {
    text-align: center;
    color: white;
    font-size: 0.875rem;
}


.Button-mini {
    width: 28px;
    height: 28px;
    background-color: #007bff;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
}

    .Button-mini:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }
    
    .Button-mini:focus, .Button-mini.focus {
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        background-color: red;
    }

    .Button-mini.disabled, .Button-mini:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .Button-mini:not(:disabled):not(.disabled):active, .Button-mini:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

    .Button-mini:not(:disabled):not(.disabled):active:focus, .Button-mini:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }


.Button1-mini {
    width: 28px;
    height: 28px;
    background-color: #3667C0;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    }

    .Button11-mini:hover {
        color: #fff;
        background-color: #0069d9;
        /* background-color:red;*/
        border-color: #0062cc;
    }

    .Button-mini1:focus, .Button-mini1.focus {
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        background-color: red;
    }

    .Button-mini.disabled, .Button-mini:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .Button-mini1:not(:disabled):not(.disabled):active, .Button-mini1:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

    .Button-mini1:not(:disabled):not(.disabled):active:focus, .Button-mini1:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }





    /* 🔲 Äußerer Container – stellt nur Größe und Layout sicher */
    .Button3-mini {
        width: 28px; /* Feste Breite */
        height: 28px; /* Feste Höhe */
        display: inline-block; /* Damit Breite und Höhe wirken */
        padding: 0px; /* Kein Innenabstand */
        margin: 0; /* Kein Außenabstand */
        box-sizing: border-box; /* Border & Padding zählen zur Gesamtgröße */
    }

    /* 🔗 Das anklickbare Element im Inneren – hier passiert die visuelle Gestaltung */
    .Button3-mini a {
        display: block; /* Füllt die gesamte Fläche des Containers */
        width: 100%;
        height: 100%;
        text-decoration: none; /* Kein Unterstrich beim Link */
        border: 1px solid #007bff; /* Standard: blauer Rahmen */
        border-radius: 5px; /* Abgerundete Ecken */
        background-color: white; /* Weißer Hintergrund */
        box-sizing: border-box;
        outline: none; /* Kein zusätzlicher Fokusrahmen vom Browser */
        transition: border-color 0.2s ease; /* Sanfter Übergang bei Farbwechsel */
        margin-top: 4px;
    }

        /* 🖱️ Hover-Effekt – dunklerer Rahmen beim Darüberfahren mit Maus */
        .Button3-mini a:hover {
            border-color: red; /* Dunkelblau beim Hover */
        }

        /* 🔍 Fokus-Effekt – roter Rahmen beim Tastaturfokus oder Klick */
        .Button3-mini a:focus {
            border-color: red !important; /* Roter Rahmen im Fokus */
            outline: none !important; /* Entfernt eventuellen Browser-Umriss */
            box-shadow: none !important; /* Keine zusätzliche Leuchteffekte */
            background-color: red;
        }

    /* 🖼 Bild im Inneren – passt sich sauber an */
    .Button3-mini img {
        width: 90%; /* Bild füllt Link horizontal aus */
        height: 90%; /* Bild füllt Link vertikal aus */
        display: block; /* Kein Leerraum unterhalb des Bildes */
        border: none; /* Kein Bildrand */
        object-fit: contain; /* Bild bleibt vollständig sichtbar, ohne Verzerrung */
        padding: 0;
        margin: 0;
    }



    .rounded-totalCount {
        border: 1px solid #3667C0;
        min-width: 100px;
        text-align: center;
        border-radius: 5px;
        box-sizing: border-box;
        margin: 0px;
        padding: 3px
    }








/*<style >*/



/* Feste Breite für das Select-Element */
select {
    width: 100px; /* Stellen Sie hier die gewünschte Breite ein */
    white-space: pre-wrap; /* Ermöglicht Zeilenumbrüche im Text */
}

/* Feste Breite für die Optionen in der Dropdown-Liste */
select option {
    white-space: pre-wrap; /* Zeilenumbrüche im Text ermöglichen */
    word-wrap: break-word; /* Lange Wörter umbrechen */
    width: 100px; /* Stellen Sie hier die gleiche Breite wie oben ein */
}


.select-selected {
    /*background-color: DodgerBlue;*/
    width: 28px;
    height: 28px;
    background-image: url(/Layout/button-list-left-mini-or-blue.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-position: 2px 2px;
    /*background-color: #007bff;*/
    /* background-color: #3667C0;*/

    background-color: #007bff;
    /*background-color: DodgerBlue;*/
    box-sizing: border-box;
    border-radius: 5px;
    overflow-y: auto;
    overflow-x: auto;
}



    /* Style the arrow inside the select element: */
    .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
        overflow-y: auto;
        overflow-x: auto;
    }

    /* Point the arrow upwards when the select box is open (active): */
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

    /* style the items (options), including the selected item: */
    .select-items div, .select-selected {
        color: #ffffff;
        /* padding: 8px 16px;*/
        border: 1px solid transparent;
        border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
        cursor: default;
    }

    /* Style items (options): */
    .select-items {
        position: absolute;
        background-color: DodgerBlue;
        /* background-color: #007bff;*/
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99;
    }

    /* Hide the items when the select box is closed: */
    .select-hide {
        display: none;
    }

    .select-items div:hover, .same-as-selected {
        background-color: rgba(0, 0, 0, 0.1);
    }




.TableForm {
}
    .TableForm tr {
        border-bottom: solid white 5px;
    }


.TableScroll {
    margin: 0px 0px 0px 20px;
    display: inline-block;
    /*width: 100%;*/
    table-layout: fixed;
    font-size: small;
}

    .TableScroll thead {
      
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #C0C0C0;
        background-color: white;
        /*display: block;*/
    }
   


    .TableScroll tbody {
        overflow-y: scroll;
        overflow-x: hidden;
        display: block;
    }

    .TableScroll th {
        font-weight: normal;
        /* border-style: solid;
            border-width: 1px;
            border-color: black;*/
        
          /*  border-right-style: solid;
            border-right-width: 1px;
            border-right-color: #C0C0C0;
            border-right-color: black;*/
    }

    .TableScroll tr {
        /* border-bottom-style: solid;
            border-bottom-width: 1px;
            border-bottom-color: #C0C0C0;*/
    }

    .TableScroll td {
         /* border-right-style: solid;
            border-right-width: 1px;
            border-right-color: #C0C0C0;*/
       
        
        overflow: hidden;
        vertical-align: middle;
        height: 35px;
        min-height: 35px;
    }

    .TableScroll tr:nth-child(even) {
        background-color: #F7F7F7;
    }

    .TableScroll tfoot {
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #C0C0C0;
      /*  border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #C0C0C0;*/
        background-color: white;
    }

.it-border-top {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #C0C0C0;
   
}

.it-border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
}

.it-border-left {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;
}

it-border-left {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C0C0C0;
}

    
.scrollbar-hidden::-webkit-scrollbar {
    display: none;
}
    /* Hide scrollbar for IE, Edge add Firefox */
    .scrollbar-hidden {
        -ms-overflow-style: none;
        scrollbar-width: none; /* Firefox */
}

.scrollbar-IT {
    width: 1080px;
    padding: 10px;
    box-sizing: border-box; /* Berücksichtigt Padding und Border in der Breite */
}

    .scrollbar-IT::-webkit-scrollbar-button {
        width: 100%;
        padding: 10px;
        box-sizing: border-box; /* Berücksichtigt Padding und Border in der Breite */
        background: #3667C0;
        border-radius: 10px;
    }

    .scrollbar-IT::-webkit-scrollbar-corner {
        scrollbar-border-thickness, 3px;
        scrollbar-border-color, rgb(255, 255, 255);
        /* border: var(--scrollbar-border-thickness, 3px) solid var(--scrollbar-border-color, rgb(255, 255, 255));
                border-radius: var(--scrollbar-border-radius, 4px);*/
    }

    .scrollbar-IT::-webkit-scrollbar-track {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.2);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .scrollbar-IT::-webkit-scrollbar {
        width: 0.5em;
        height: 0.5em;
    }

    .scrollbar-IT::-webkit-scrollbar-thumb {
        background-color: #3667C0;
        border-radius: 10px;
    }

    .scrollbar-IT:focus {
        outline: none;
    }





#toolbar_editor {
    overflow-x: auto;
    white-space: nowrap;
    width: 1080px;
    padding: 10px;
    box-sizing: border-box;
    /* Scrollbar-Styling */
}

    #toolbar_editor::-webkit-scrollbar-button {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        background: #3667C0;
        border-radius: 10px;
    }

    #toolbar_editor::-webkit-scrollbar-corner {
        scrollbar-border-thickness: 3px;
        scrollbar-border-color: rgb(255, 255, 255);
        /* Alternativ:
    border: 3px solid rgb(255, 255, 255);
    border-radius: 4px;
    */
    }

    #toolbar_editor::-webkit-scrollbar-track {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.2);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    #toolbar_editor::-webkit-scrollbar {
        width: 0.5em;
        height: 0.5em;
    }

    #toolbar_editor::-webkit-scrollbar-thumb {
        background-color: #3667C0;
        border-radius: 10px;
    }


.scrollbar1-IT {
    width: 100%;
    padding: 10px;
    box-sizing: border-box; /* Berücksichtigt Padding und Border in der Breite */
}

    .scrollbar1-IT::-webkit-scrollbar-button {
        width: 100%;
        padding: 10px;
        box-sizing: border-box; /* Berücksichtigt Padding und Border in der Breite */
        background: #3667C0;
        border-radius: 10px;
    }

    .scrollbar1-IT::-webkit-scrollbar-corner {
        scrollbar-border-thickness, 3px;
        scrollbar-border-color, rgb(255, 255, 255);
        /* border: var(--scrollbar-border-thickness, 3px) solid var(--scrollbar-border-color, rgb(255, 255, 255));
                border-radius: var(--scrollbar-border-radius, 4px);*/
    }

    .scrollbar1-IT::-webkit-scrollbar-track {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.2);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

.scrollbar1-IT::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
}

.scrollbar1-IT::-webkit-scrollbar-thumb {
    background-color: #3667C0;
    border-radius: 10px;
}



.form-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 300px; /* Optional: Setzt eine maximale Breite für das Formular */
    margin: 0 auto;
}


.textareaIT-hidden::-webkit-scrollbar {
    display: none;
    resize: none;
    border: none
}

    .textareaIT-hidden {
        -ms-overflow-style: none;
        scrollbar-width: none; /* Firefox */
        display: block;
        width: 100%;
        height: 25px;
        outline: none;
        /*height: calc(1.5em + 0.4rem + 1px);*/
       /* padding: 0rem 0rem 0.375rem 0.75rem;*/
        padding: 0rem 0rem 0.375rem 0.25rem;
        font-size: 0.90rem;
        font-weight: 400;
        line-height: 1.2;
        
        color: #495057;
        background-color: transparent;
        resize: none;
        border: none
        /*background-clip: padding-box;
                border: 1px solid #ced4da;
                border-radius: 0.25rem;
                transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
    }

    .textareaIT-hidden:focus {
        color: #495057;
        /* background-color: #fff;
                border: none*/
        /*border-color: #80bdff;
                outline: 0;
                box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/ 
        /* border: 1px thin #ced4da;
                border-radius: 0.25rem;*/
        /*transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
        background-color: transparent;
        border: solid transparent;
        border-width: 1px 0;
    }


    .textareaIT-hidden::-webkit-scrollbar {
        display: none;
        resize: none;
        border: none
    }

.textareaIT1-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none; /* Firefox */
    display: block;
    width: 100%;
    height: 25px;
    outline: none;
    /*height: calc(1.5em + 0.4rem + 1px);*/
    /* padding: 0rem 0rem 0.375rem 0.75rem;*/
    padding: 0rem 0rem 0.375rem 0.25rem;
    font-size: 0.90rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    /*background-clip: padding-box;
                border: 1px solid #ced4da;
                border-radius: 0.25rem;
                transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
}

    .textareaIT1-hidden:focus {
        color: #495057;
        /* background-color: #fff;
                border: none*/
        /*border-color: #80bdff;
                outline: 0;
                box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
        /* border: 1px thin #ced4da;
                border-radius: 0.25rem;*/
        /*transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .textareaIT1-hidden::-webkit-scrollbar {
        display: none;
        resize: none;
        border: none
    }

   
.Title-IT {
    font-weight: 500;
    font-size: 12pt;
}


.DialogMessage {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #3667C0;
    background-color: white;
    text-align: left;
    font-size: 1rem;
    margin-left: 10px;
    z-index: 1050;
}

   
.black_background {
   display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    opacity: .40;   
}


.dialog_err {
    display: none;
    position: absolute;
    height: 350px;
    width: 500px;
    margin: -175px 0px 0px -250px;
    top: 50%;
    left: 50%;
    text-align: left;
    padding: 20px;
    overflow: auto;
    border: 1px solid #01699C;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    background-color: white;
    z-index: 1003;
}

.dialog_create {
    display: none;
    position: absolute;
    height: 250px;
    width: 500px;
    margin: -125px 0px 0px -250px;
    top: 50%;
    left: 50%;
    text-align: left;
    padding: 20px;
    overflow: auto;
    border: 1px solid #01699C;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    background-color: white;
    z-index: 1003;
}

.dialog_print {
    display: none;
    position: absolute;
    height: 250px;
    width: 500px;
    margin: -125px 0px 0px -250px;
    top: 50%;
    left: 50%;
    text-align: left;
    padding: 20px;
    overflow: auto;
    border: 1px solid #01699C;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    font-family: verdana, arial, helvetica, sans-serif;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    background-color: white;
    z-index: 1003;
}

.dialog_printService {
    display: none;
    position: absolute;
    height: 300px;
    width: 600px;
    margin: -150px 0px 0px -300px;
    top: 50%;
    left: 50%;
    text-align: left;
    padding: 20px;
    overflow: auto;
    border: 1px solid #01699C;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    background-color: white;
    z-index: 1003;
}

.dialog_delete {
    display: none;
    position: absolute;
    height: 250px;
    width: 500px;
    margin: -125px 0px 0px -250px;
    top: 50%;
    left: 50%;
    text-align: left;
    padding: 20px;
    overflow: auto;
    border: 1px solid #01699C;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    background-color: white;
    z-index: 1003;
}

.dialog_YesNo {
    display: none;
    position: absolute;
    height: 250px;
    width: 500px;
    margin: -125px 0px 0px -250px;
    top: 50%;
    left: 50%;
    text-align: left;
    padding: 20px;
    overflow: auto;
    border: 1px solid #01699C;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    background-color: white;
    z-index: 1003;
}

.dialog_form {
    display: none;
    position: absolute;
    height: 300px;
    width: 550px;
    margin: -150px 0px 0px -275px;
    top: 50%;
    left: 50%;
    text-align: left;
    padding: 20px;
    overflow: auto;
    border: 1px solid #01699C;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    background-color: white;
    z-index: 1010;
}

.dialog_confirm {
    display: none;
    /*position: absolute;
    height: 200px;
    width: 400px;*/
    /*margin: -100px 0px 0px -200px;
    top: 50%;
    left: 50%;*/
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    padding: 20px;
    overflow: auto;
    border: 1px solid #01699C;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    background-color: white;
    z-index: 1003;
}

.dialog30_50 {
    display: none;
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    padding: 20px;
    overflow: auto;
    border: 1px solid #01699C;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    background-color: white;
    z-index: 1003;
}


.dialog10_50 {
    display: none;
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    padding: 20px;
    overflow: auto;
    border: 1px solid #01699C;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: Black;
    background-color: white;
    z-index: 1003;
}


/*style="display: none;   position:fixed; top: 30%; left: 50%; transform: translateX(-50%); background: white; border: 1px solid #ccc; padding: 20px; z-index: 10000; box-shadow: 0 0 15px rgba(0,0,0,0.3); border-radius: 8px;"
*/
.DisplayProgressMessage {
    display: none;
    position: absolute;
    height: 150px;
    width: 400px;
    margin: -75px 0px 0px -200px;
    top: 50%;
    left: 50%;
    text-align: left;
    padding: 5px;
    overflow: auto;
    border: 1px solid #01699C;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    color: Black;
    background-color: white;
    z-index: 1200;
}


.dropdown-item-IT {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    /* color: #212529;*/
    color: white;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


.divCheckbox {
    height: 33px;
   /* padding-top: 8px;
    padding-bottom: 8px;*/
}


/*a.disabled,
.disabled a,
.Button-mini.disabled,
.Button-mini.disabled a {
    pointer-events: none;*/ /* Klicks blockieren */
    /*opacity: 0.5;*/ /* Visuell "ausgegraut" */
    /*cursor: not-allowed;*/ /* Cursor zeigt "verboten"-Symbol */
    /*text-decoration: none;*/ /* Kein Unterstrich */
/*}

button:disabled,
input:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}*/


/* Farbvariablen */
:root {
    --scrollbar-thumb: #3667C0;
    --scrollbar-thumb-hover: #2d56a3;
    --scrollbar-track: #eef2fb;
}

.grid-wrapper {
    /* width: 900px;
    height: 400px;*/
    overflow: auto;
}
/* Tabelle */
table.grid {
    tand /* zwischen Spalten */
    /* background: transparent;*/
    border-collapse: separate; /* wichtig für sichtbare borders */
    border-spacing: 6px 0; /* Abstand zwischen Spalten */
    table-layout: fixed; /* sehr wichtig: fixiert Spaltenbreiten */
    width: auto; /* Tabelle passt sich Inhalt an */
    font-size: small
}
    /* Zellen */
    table.grid th,
    table.grid td {
        white-space: normal; /* Zeilenumbruch erlaubt */
        word-wrap: break-word;
        overflow-wrap: break-word;
        overflow: hidden;
        padding: 6px 8px;
        text-align: left;
        background: transparent;
        font-weight: normal;
        font-size: small
    }

    /* =========================
   STICKY HEADER (MEHRZEILIG)
   ========================= */
    table.grid thead tr {
        position: sticky;
        background: #f0f0f0;
        z-index: 5;
        /* border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #C0C0C0;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #C0C0C0;*/
        border-style: solid;
        border-color: #C0C0C0;
        border-width: 1px;
    }

        table.grid thead tr:nth-child(1) {
            top: -2px;
        }

        table.grid thead tr:nth-child(2) {
            /* top: 32px; Höhe der ersten Header-Zeile */
            top: 31px; /* Höhe der ersten Header-Zeile */
        }

    /* =========================
   ZEBRA + HOVER (STABIL)
   ========================= */

    table.grid tbody tr:nth-child(even) td {
        background-color: #F7F7F7;
    }

    /* Hover MUSS auf td, nicht tr */
    table.grid tbody tr:hover td {
        background-color: #eef6ff;
    }

    /* Zebra-Streifen für Tabellenzeilen */
    table.grid tbody tr:nth-child(even) {
        background-color: #F7F7F7;
    }

    /* Hover-Effekt für Zeilen */
    table.grid tbody tr:hover {
        background: #eef6ff;
    }

/* Scrollbars */
.grid-wrapper::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

.grid-wrapper::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}

.grid-wrapper::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: 10px;
    border: 3px solid var(--scrollbar-track);
}

    .grid-wrapper::-webkit-scrollbar-thumb:hover {
        background-color: var(--scrollbar-thumb-hover);
    }

/* Firefox Scrollbar */
.grid-wrapper {
    scrollbar-width: auto; /* 'thin' ist schmal, 'auto' ist normal/breiter */
    /*scrollbar-width: thin;*/
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}