.draggable1 {
                margin: 1%;
                padding: 5px 10px;
                background: white;
                border: 1px solid #dee2e6;
                cursor: grab;
                float: left;
                width: 47%;
                box-sizing: border-box;
                max-width: 220px;
            }
            .ui-draggable-dragging {
                background: #efefef;
            }

            .droppable.active {
                background-color: green;
            }
            .table {
                width: 100%;
            }
            .mitarbeiter {
                position: fixed;
                left: 0;
                top: 0;
                width: 25%;
                overflow-y: auto;
                max-height: 100%;
                max-width: 25%;
                display: none;
            }


            .table td, .table th {
                width: 12.5%;
                 padding: .35rem;
                 vertical-align: middle!important;
            }

            .table .theader th {
                background: black;
                color: white;

            }
            .table .theader th.today {
                background: gray;
                color: white;

            }
            .table .theader th.kw {
                background: white;
                color: gray;

            }
            .table-dark {
                vertical-align: middle!important;
                font-weight: bold;
                text-transform: uppercase;
            }

            .tableFixHead          { overflow-y: auto; height: 100px; }
            .tableFixHead thead th { position: sticky; top: 0;z-index: 5; }

            /* Just common table stuff. Really. */
            table  { border-collapse: collapse; width: 100%; }
            th, td { padding: 8px 16px;text-align: center;  }
            th.left, td.left { padding: 8px 16px;text-align: left;  }
            th     { background:#eee; }
            .ui-state-highlight {
                background: green;
                color: white;
            }

            .ui-state-highlight p {

            margin: 0;
            }
            .nopadding {
            height: 100%;
            padding: 0!important;
            vertical-align: middle;
            min-height: 100%;
            }
            .bootstrap-select, .select2 {
                width: 100%!important;
                height: 100%;
                max-width: 250px;
                border: none;
                border-radius: 0!important;
            }

            .select2-selection {
                border: none!important;
                height: 100%;
            }
            .select2-selection__rendered {
                padding: 0!important;
                display: block!important;
            }
            .select2-selection__rendered .select2-selection__choice {
                margin: 0!important;
                width: 100%;
                background: green!important;
                color: white;
                padding: 11px 16px!important;
                border-radius: 0!important;
                border: none!important;
                border-top: 1px solid white!important;
            }
            .filter-option-inner-inner {
                white-space: pre-wrap;
            }

            .select2-selection__rendered .select2-selection__choice span{
                color: white!important;
            }
            .select2-search {
                display: none;
            }
            .droppable {
                position: relative;
            }
.draggable123 {
    height: 100%;
    z-index: 50000;
}

        .dragg_icon {
            position: absolute;
            color: white;
            right: 20px;top: 10px;
            z-index: 50000;
            display: inline-block;
            width: 20px;
            height: 20px;

        }

            .bootstrap-select>.dropdown-toggle {
                height: 100%;
                border-radius: 0!important;
            }


            div.dropdown-menu::before {
               display: block;
            }
.ui-menu {
    width: 220px;
    background: white;
    font-weight: 300;
    font-size: 15px;
}
/* Allow to use <kbd> elements inside the title to define shortcut hints. */
.ui-menu kbd {
    padding-left: 1em;
    float: right;background: white;
}
.ui-menu kbd:hover {
    background: red;
}

/* Define a custom icon */
.ui-icon.custom-icon-firefox {
    background-position: 0 0;
}

.ansichttable{
    width: 100%;
}
tr.border td {
border-top: 2px solid gray;
}
tr.border td.nopadding {
padding: 2px;
}
.feiertag {
    background-color: #721c24!important;

}


@media screen and (max-width: 1000px) {
    .ansichttable{
        width: 1500px;
    }



}

@media screen and (max-width: 800px) {


}