#template_41 {
    /*
    display: inline-block;
    width: 60%;
    padding-right: 10px;
    */
    vertical-align: top;
}

#template_41 .wr-table-header-search,
#template_41 .dataTables_paginate,
#template_41 .dataTables_info {
    display: none !important;
}

#template_42 {
    /*
    display: inline-block;
    width: 40%;
    padding-left: 10px;
    */
    vertical-align: top;
}

#template_42 .wr-table-header-search,
#template_42 .dataTables_paginate,
#template_42 .dataTables_info {
    display: none !important;
}

/* Unterbesetzte Schichten */
#template_container_191 {
    /*
    display: inline-block;
    width: 40%;
    padding-left: 10px;
    */
    vertical-align: top;
}

#template_container_191 .wr-table-header-search,
#template_container_191 .dataTables_paginate,
#template_container_191 .dataTables_info {
    display: none !important;
}

/* Dienstbörse */
#template_container_198 {
    /*
    display: inline-block;
    width: 40%;
    padding-left: 10px;
    */
    vertical-align: top;
}
#template_container_198 .wr-table-header-search,
#template_container_198 .dataTables_paginate,
#template_container_198 .dataTables_info {
    display: none !important;
}


/* Zendesk login Service */
#template_container_77 .wr-table-header-search,
#template_container_77 .dataTables_paginate,
#template_container_77 .dataTables_info {
    display: none !important;
}

/* Red Border for disabled toggle in Fallakten */
.input-field-not-empty {
    border: 2px solid red !important;
    background-color: #ffd3d3 !important;
}

.toggle-overlay {
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.progress-container {
    position: relative;
}

.progress-container p {
    margin: 0;
    padding: 0;
}

.progress-bar-wrapper {
    position: relative;
    background: #ddd;
    height: 24px;
    border-radius: 12px;
    overflow: hidden;
    width: 240px;
}

.progress-bar-ist {
    height: 100%;
    transition: width 0.3s ease;
    min-width: 2px;
}

.progress-green { background-color: #4caf50; }
.progress-red   { background-color: #f44336; }
.progress-orange  { background-color: #ff9800; }

.progress-marker-soll {
    position: absolute;
    height: 100%;
    width: 2px;
    background: gold;
    top: 0;
    z-index: 5;
}


.progress-tooltip {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    background: #fff;
    border: 1px solid #ccc;
    padding: 8px 12px;
    font-size: 0.85em;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    white-space: nowrap;
}

.progress-container:hover .progress-tooltip {
    display: block;
}


.progress-fill-green {
    background-color: #4caf50;
}

.progress-fill-orange {
    background-color: #ff9800;
}

.progress-fill-red {
    background-color: #f44336;
}

.progress-striped-green {
    background-image: repeating-linear-gradient(
        45deg,
        rgba(76, 175, 80, 1),
        rgba(76, 175, 80, 1) 4px,
        rgba(76, 175, 80, 0.5) 4px,
        rgba(76, 175, 80, 0.5) 8px
    );
    float: left;
}

.progress-striped-orange {
    background-image: repeating-linear-gradient(
        45deg,
        rgba(255, 152, 0, 1),
        rgba(255, 152, 0, 1) 4px,
        rgba(255, 152, 0, 0.5) 4px,
        rgba(255, 152, 0, 0.5) 8px
    );
    float: left;
}

.progress-striped-red {
    background-image: repeating-linear-gradient(
        45deg,
        rgba(244, 67, 54, 1),
        rgba(244, 67, 54, 1) 4px,
        rgba(244, 67, 54, 0.5) 4px,
        rgba(244, 67, 54, 0.5) 8px
    );
    float: left;
}


.tooltip-box {
    display: none;
    position: absolute;
    top: -10px;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    font-size: 0.85rem;
    white-space: nowrap;
    min-width: 320px;
    z-index: 10;
}

.position-relative:hover .tooltip-box {
    display: block;
}