a.btn-danger.btn-trogel16 {
            color: #6c757d;
            padding: 20px;
        }

        a.btn-primary.btn-trogel6 {
            color: #198754;
            padding: 20px;
        }
    

        .modal {
            z-index: 1055 !important;
            /* Bootstrap default is 1050 */
        }
.modwel5757{
        --bs-modal-width: 66%;

}
        .modal-backdrop.show {
            opacity: 0 !important;
        }

        .modal-backdrop {
            z-index: 99999 !important;
            /* Keep it below modal */
            opacity: 0;
        }

        .modal-backdrop {
            --bs-backdrop-zindex: 1050;
            --bs-backdrop-bg: #000;
            --bs-backdrop-opacity: 0.5;
            position: fixed;
            top: 0;
            left: 0;
            z-index: var(--bs-backdrop-zindex);
            width: 100vw;
            height: auto !important;
            background-color: var(--bs-backdrop-bg);
        }

        .modal {
            z-index: 1055 !important;
            margin: 111px 0px 0px 62px !important;
        }
p.textcoursemode {
    background: #a9a9a9b3 !important;
    color: #000000 !important;
    text-align: center !important;
    padding: 5px !important;
    /* width: 114px; */
    /* margin: 0 auto 10px auto; */
}


        .modal {
            --bs-modal-margin: 57px !important;
            --bs-modal-box-shadow: var(--bs-box-shadow);
        }
 .text-action-box
 {
    display: flex !important;
    gap: 10px !important;
}
.dropbtnbox {
    background: #15283c !important;
    font-size: 13px !important;
    padding: 3px 6px !important;
}
span.label.bg-secondary.text-white.p-1.btn-texgdgf {
    width: 100% !important;
    display: block !important;
    /* padding: 2px !important; */
    font-size: 13px !important;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: normal !important;
}