.table-container {
      width: 100%;
      height: 100%; /* Ensure the container has a specified height */
      overflow-x: auto;
      overflow-y: auto; /* Enable vertical scrolling if necessary */
    }
      
    .table-container a {
        color: inherit; /* Use the default color */
        text-decoration: none; /* Remove underline */
    }

    .schedule {
      border-collapse: collapse;
      text-align: center;
      width: 100%;
      border: 1px solid #000000;
      overflow: auto;
    }

    .schedule th,
    .schedule td {
      padding: 8px;
      border: 1px solid #000000;
      vertical-align: middle;
    }

    .schedule th:last-child,
    .schedule td:last-child {
      border-right: none;
    }

    .schedule-first-row th {
      text-align: center;
      border-bottom: 2px solid #000000;
      background-color: #ffe8d6; /* Background color matching */
      top: 0;
      z-index: 2;
      font-size:1em;
    }

    .schedule td.schedule-first-column {
      width: auto;
      font-weight: bold;
      color: black;
      position: sticky;
      left: 0;
      z-index: 1;
      white-space: nowrap;
      background-color: #ffe8d6; /* Background color matching */
    }

    .schedule th:first-child,
    .schedule td:first-child + .schedule-first-column {
      background-color: #ffe8d6; /* Background color matching */
      position: sticky;
      left: 0;
      z-index: 2;
    }

    /* Background colors for different session types */
    .plenary {
      background-color: #c7e0eb; /* Light blue */
    }

    .invited {
      background-color: #cde9d6; /* Light green */
    }

    .parallel {
      background-color: #f6e6b3 !important; /* Light yellow */
    }
	
	.parallel1 {
      background-color: #f6e6b3; /* Light yellow */
	  border-bottom-style: dotted !important;
	  padding-top:0px !important;
	  padding-bottom:0px !important;
    }
	
	.parallel2 {
      background-color: #eedc9f; /* Light yellow */
	  border-bottom-style: dotted !important;
	  border-top-style: dotted !important;
	  padding-top:0px !important;
	  padding-bottom:0px !important;
    }
	
	.parallel3 {
      background-color: #e6d28b; /* Light yellow */
	  border-top-style: dotted !important;
	  padding-top:0px !important;
	  padding-bottom:0px !important;
    }
	
	.paralleldaily1 {
	  background-color: #f6e6b3	
	}
	
	.paralleldaily2 {
	  background-color: #eedc9f	
	}
	
	.paralleldaily3 {
	  background-color: #e6d28b	
	}
	
    .parallelroom{
      background-color:#e0c674;
    }

    .coffee-break {
      background-color: #f2f2f2; /* Light gray */
    }

    .poster {
      background-color: #e2d1f2; /* Light purple */
    }

    .social {
      background-color: #fcd6b4; /* Light orange */
    }

    .empty {
      background-color: #ffe8d6;
    }
      
    .table-container-daily {
      width: 100%;
      height: 100%; /* Ensure the container has a specified height */
      overflow-x: auto;
      overflow-y: auto; /* Enable vertical scrolling if necessary */
    }
      
    .toggle-button {
    background-color:none;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 4px;
    margin: 4px 8px;
    width: auto; /* Set width to auto */
    min-width: 150px;
  }
      
  .toggle-button.active {
            background-color: #7f888f;
            color: white;
  }
      
  .toggle-button:hover {
    background-color: #7f888f;
  }

  /* Hide all table containers by default */
  .table-container-daily {
    display: none;
  }
      
  .table-container-daily a {
    color: inherit; /* Use the default color */
    text-decoration: none; /* Remove underline */
  }      
      
  .button-container {
    margin-bottom: 20px;
  }
      
  .table-container-daily.active {
    display: block;
  } 
  
  .poster-names p {
    margin: 0;
    padding: 4px;
  }

  .poster-names {
    column-count: 4;
    column-gap: 20px; /* Adjust the gap between columns as needed */
   }