.wl_summary_status_print {
   display: none;
}

@media print {

   body * {
       visibility: hidden;
   }
   #details_header_container * {
       visibility: visible !important;
   }

   #entries_summary_container * {
       visibility: visible !important;
   }

   #entries_container * {
       visibility: visible !important;
   }

   #wl_headline * {
       visibility: visible !important;
   }

   .show_input_row_btn, .wl_trash_item_btn, .wl_edit_item_btn, .wl_summary_status, #wl_set_engineer_btn, #wl_toggle_wl_btn, .wl_cancel_edit_btn, .wl_save_edit_btn {
      display: none !important;
   }

   .wl_summary_status_print {
      display: initial !important;
   }
}

#details_header_container table tbody tr:nth-child(odd) {
   background-color: #eceff0 !important; /* Hellgrau */
   border: 1px solid #90989c;
}

#details_header_container table tbody tr:nth-child(even) {
   background-color: #ffffff !important; /* Weiß */
   border: 1px solid #90989c;
}

.wl_overview_table tbody tr:nth-child(odd) {
   background-color: #eceff0 !important; /* Hellgrau */
}

.wl_overview_table tbody tr:nth-child(even) {
   background-color: #ffffff !important; /* Weiß */
}


.wl_row_summary_table {
    width: 100%;
}

.wl_row_summary_table td {
    padding: 3px !important;
    text-align: center;
    vertical-align: middle !important;
}

.wl_row_summary_worklog_td {
    background-color: #ffb657;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.wl_row_summary_eks_td {
    background-color: #cad2d6;
    border-right: 1px solid black;
}

.wl_row_summary_worklog_td_light {
    background-color: #fdce91;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.wl_row_summary_worklog_td_superlight {
   background-color: #faebd7;
}

.wl_row_summary_eks_td_light {
    background-color: #e3e7e9;
    border-right: 1px solid black;
}

.wl_row_summary_eks_td_superlight {
   background-color: #f8f8f8;
}

.wl_row_summary_headline {
    border-bottom: 1px solid black;
    
}

.wl_row_summary_border_right {
    border-right: 1px solid black;
}

.wl_position_row, .wl_description_row, .wl_summary_row{
    border-top: 1px solid black;
}

.wl_position_row {
    /* width: 100px; */
}

.wl_description_row {
    /* width: 400px; */
}

.message_green {
    border: 1px solid #008000;
    background-color: #00800010;
 }

 .info_box {
    padding: 10px;
    margin-top: 10px;
 }

 .wl_new_entry_qty_field, .wl_edit_entry_qty_field {
   width: 60px !important;
   color: black !important;
   margin-right: 7px;
 }

 .wl_new_entry_comment, .wl_new_entry_date {
    color: black !important;
 }

 .wl_edit_entry_comment, .wl_edit_entry_date {
   color: black !important;
}

 .work_entry_td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    border-top: 1px solid #b1b8bc;
 }

 .wl_comment_td {
   width: 500px;
 }

 .work_entry_headline_td {
    text-decoration: underline;
 }

 .wl_tr_row {
    font-weight: bold;
    background-color: #eceff0;
    color: #282f31;
 }

 .wl_work_even {
    /* background-color: white; */
 }

 .wl_work_odd {
    /* background-color: #eceff0; */
 }

 .wl_hidden {
    visibility: hidden;
 }

 .wl_entry_summary_table td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
 }

 .wl_entries_summary_qty {
    width: 100px;
    text-align: center;
 }

 .wl_new_entry_unit_select, .wl_edit_entry_unit_select {
    color: black;
    margin-left: 5px;
 }

 .scroll-to {
    cursor: pointer;
 }

 .scroll-to:hover {
    color: #f18700;
 }

 #wl_details_comment_area {
   width: 100%;
   height: 100px;
   border: 1px solid #282f31;
   line-height: 20px;
   padding: 10px;
 }

 .wl_reassign_pos_select {
   border: 1px solid black !important;
 }



.wl-highlight {
   background: linear-gradient(to top, #ffb657, rgba(255, 182, 87, 0)); /* Verlauf von unten nach oben */
   animation: fadeIn 2s ease-in forwards; /* Animation für Ein- und Ausblenden */
}

/* Die Animation definieren */
@keyframes fadeIn {
   0% {
       opacity: 0;
       background-position: bottom;
   }
   100% {
       opacity: 1;
       background-position: center;
   }
}

.worklog_wrapper {
   padding-left: 20px;
   padding-right: 20px;
}

.form_feedback_msg {

   padding: 10px;
   margin-top: 20px;
   margin-bottom: 20px;

}

.message_red {
   border: 1px solid #FF0000;
   background-color: #FF000010;
}

.message_orange {
   border: 1px solid #f18700;
   background-color: #f1870010;
}

.message_green {
  border: 1px solid #008000;
  background-color: #00800010;
}

.message_blue {
 border: 1px solid #0000ff;
 background-color: #0000ff10;
}