@charset "UTF-8";
/*!
 * add hoc
 * Copyright 2020-2024 The Rote Baron
 * Licensed under CC
 */

.table {
    table-layout: auto;
    /*width: 100%; /* Or a fixed width */
}

/*.navbar {
  position: fixed;
  /*top: 0; /* Adjust as needed for desired vertical position */
  /*left: 0; /* Adjust as needed for desired horizontal position 
  width: 100%; /* Ensure it spans the full width if desired 
  z-index: 1000; /* Ensure it stays above other content 
}*/
.navbar-nav > a:hover { /* Added LU */
  text-decoration: underline;
}

/*.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}*/

.mandatory-star-label {
    color: red;     /*#8B0000; /* dark red */
}

.modal-bckg {
      background-image: url('/images/eve_bckg.jpg'); /* Your JPG file {{ asset('images/eve_bckg.jpg') }}*/
      background-size: cover; /* Cover the entire area */
      background-repeat: no-repeat; /* Prevent repeating */
      background-position: center center; /* Center the image */
    }

    .modal-content1 {
      
    }
    
@media (min-width: 1200px) {
    .modal-custom-wide {
        max-width: 85%; /* Adjust percentage as needed */
    }
}

.validation-except-margin {
  margin: 0px 25px;
}

.col-50 {
  max-width: 30px;
}

.col-150 {
  width: 150px;
}

.col-200 {
  width: 200px;
}

.col-w70-auto {    /* use for description field...*/
  width: 70px;
}
.col-w120-auto {    /* use for description field...*/
  width: 120px;
}

.col-150-auto {
  max-width: 150px;
}

.col-200-auto {
  max-width: 200px;
}

.col-250-auto {
  max-width: 250px;
}

.col-ellipsis-auto {  /* in List Names  **** btn */
  /*border: 1px solid rgb(255, 17, 0);*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.col-150-ellipsis-auto {    /* use for occupation field...*/
  /*border: 1px solid blue;*/
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.col-200-ellipsis-auto {    /* use for description field...*/
  /*border: 1px solid blue;*/
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.col-250-ellipsis-auto {    /* use for description field...*/
  /*border: 1px solid blue;*/
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.col-300-ellipsis-auto {    /* use for description field...*/
  /*border: 1px solid blue;*/
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mw-logout {
  /*min-width: 150%;*/
  min-width: 70px;
}

.mb-3-third {
  width: 30%;
  margin-bottom: 1rem !important;
}

.mb-3-half {
  width: 50%;
  margin-bottom: 1rem !important;
}

.mb-3-date {
  max-width: 30%;
  margin-bottom: 1rem !important;
}

.mb-3-date-full {
  max-width: 100%;
  margin-bottom: 1rem !important;
}


.mb-3-30prc {
  width: 30%;
  margin-bottom: 1rem !important;
}

.mb-3-40prc {
  width: 40%;
  margin-bottom: 1rem !important;
}

.mb-3-60prc {
  width: 60%;
  margin-bottom: 1rem !important;
}

.container-show {
  display: flex;
  /* Optional: Add spacing or alignment */
  justify-content: space-around; /* Distributes space evenly around items */
  align-items: stretch; /* Vertically aligns items in the center */
  display: flex;
  justify-content: flex-start; /* Aligns items to the end of the main axis (right in a left-to-right context) */
  gap: 40px; /* Adds 20 pixels of space between all direct children */
}

.container-date {
  display: flex;
  /* Optional: Add spacing or alignment */
  justify-content: space-around; /* Distributes space evenly around items */
  align-items: stretch; /* Vertically aligns items in the center */
  display: flex;
  justify-content: flex-start; /* Aligns items to the end of the main axis (right in a left-to-right context) */
  gap: 17px; /* Adds 20 pixels of space between all direct children */
}

.item-container {
  /* Add styling for individual div elements. Not in use at the moment */
  padding: 20px;
  border: 1px solid black;
  margin: 5px;
}

.category-container-button {
    display: flex;             /* 1. Enable Flexbox layout */
    justify-content: space-between; /* 2. Push items to opposite ends */
    align-items: center;       /* 3. Vertically align items in the middle */
    width: 100%;               /* Optional: Ensure container spans full width */
    /* Add padding/margin as needed for spacing */
    padding: 7px 0; 
}

/*simple frame (border) to Event*/
.input-frame {
  border: 1px solid #007bff;
  /*padding: 5px;*/ /* Adjust padding as needed */
}

/*tables zebra striping*/
tr:nth-child(odd) {
  background-color: #f2f2f2; /* Light grey for odd rows */
}

tr:nth-child(even) {
  background-color: #ffffff; /* White for even rows */
}

tr.status-2,
.subject-line_B {
    background-color: #fff3cd !important; /* light yellow */
    color: #FF8C00; /* dark orange */
}

tr.status-3,
.subject-line_A {
    background-color: #ffcccc !important; /* light red */
    color: #8B0000; /* dark red text */
}

tr.status-4, 
.subject-line_C {
    background-color: #cce5ff !important; /* light blue */
    color: #03274e;
}

.subject-line_C {
  color: #0561c4; /* A shade of blue */
  background-color: #FFFFE0; /* Light yellow */
}

.status-store {
    color: green; /* if record _bck exist in valetudinarian */
    /*text-decoration: line-through;*/
    font-weight: bold;
    opacity: 0.7;
}

.status-exist {
    color: #8B0000; /* if record _bck exist in valetudinarian */
    /*text-decoration: line-through;*/
    opacity: 0.7;
}

.status-exist2 {
    color: #FF4500; /* if record _bck exist in valetudinarian */
    /*text-decoration: line-through;*/
    opacity: 0.7;
}

td.has-event {
  /*border: 4px solid #0561c4;*/ /* Width: 4px, Style: solid, Color: black */
  border-top: 2px solid #0561c4 !important; 
  border-bottom: 2px solid #0561c4 !important;
  border-left: 2px solid #0561c4 !important;
  border-right: 2px solid #0561c4 !important;
}

.textarea_growing {
  field-sizing: content;
  max-height: 240px;  /* Optional: sets a size around 800 caracters */
  min-height: 40px; /* Optional: sets a starting size */
}

.vevtextarea {
    /* Scrolling behavior */
  overflow-y: auto;        /* Add scrollbar if content exceeds max-height */
  box-sizing: border-box;  /* Ensures padding/border is included in width/height calculation */
  white-space: pre-wrap; /* Preserves line breaks and wraps text like a textarea */
  resize: vertical; /* Optional: allows manual resizing like a real textarea */

  word-break: break-word;   /* Break long words to new lines */
  overflow-wrap: break-word;/* Modern equivalent to word-break */

  width: 100%; /* Makes the textarea responsive to its container width */
  height: 150px; /* Sets a fixed height */
  /* cols="40"; rows="3"; */
  field-sizing: content; /* Enables auto-growth */
  min-height: 50px;      /* Starting height */
  max-height: 150px;     /* Cap the growth */
  border: 1px solid #ced4da;  /* Styles the border */
  padding: 0.375rem 0.75rem;  /*padding: 12px; /* Adds space between text and border */
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  /*font-family: monospace; /* Essential for "ch" units to align precisely */
  background: #e9ecef;
  background-color: #e9ecef;  /*#f8f8f8; * Light gray background */  
  /*border-radius: 4px; /* Rounds the corners */
  /*font-size: 16px; /* Sets the font size */ 
}

.fake-textarea {
  /*width: 22ch;
  height: 3em;   or*/ 
  /*min-height: 10px; 
  height: auto;*/
  
  /* Scrolling behavior */
  overflow-y: auto;        /* Add scrollbar if content exceeds max-height */
  box-sizing: border-box;  /* Include padding/border in the width calculation */
  white-space: pre-wrap; /* Preserves line breaks and wraps text like a textarea */
  resize: vertical; /* Optional: allows manual resizing like a real textarea */

  word-break: break-word;   /* Break long words to new lines */
  overflow-wrap: break-word;/* Modern equivalent to word-break */
  
  /* Standard textarea styling */
  max-height: 150px;
  height: auto;
  width: 100%;             /* Occupy full width of the td */
  border: 1px solid #ced4da;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  /*font-family: monospace; /* Essential for "ch" units to align precisely */
  background: #e9ecef;
}

.fake-textarea_temp {
  max-height: 150px;
  height: auto;
  width: 100%;             /* Occupy full width of the td */
  word-break: break-word;   /* Break long words to new lines */
  overflow-wrap: break-word;/* Modern equivalent to word-break */
  overflow-y: auto;        /* Add scrollbar if content exceeds max-height */
  box-sizing: border-box;  /* Include padding/border in the width calculation */
}

/*
tr:nth-child(3) { 
  background-color: #ffcccc; /* Light red 
}
tr:nth-child(7) {
  background-color: #ccffcc; /* Light green 
}
tr:nth-child(21) {
  background-color: #FFFFE0; /* Light yellow 
}
tr:nth-child(25) {
  background-color: #FFD580; /* Light Orange 
}
*/

.paginate_div
{
  text-align: center;
}