body {
    overflow: hidden;
}

.logo {
    margin: 5px;
    height: 100px;
    width: 100px;
}

/*
#header {
    position: sticky;
    top: 0; 
    /*z-index: 1000; 
    background: white; 
}
    */

#date_selector {
    display: flex;
    align-items: center;
}

#task_entry {
    border: 1px;
    border-color: black;
    border-style: solid;
    width: 400px;
}

.icon {
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    svg {
        height: 100%;
        width: 100%;
    }
}

.task_action {
    padding: 6px;
}

.date_selector_heading {
    padding: 10px;
    margin: 5px;
}

.date_selector_button {
    padding: 5px;
    margin: 5px;
}

.task_display {
    border: 1px;
    border-color: black;
    border-style: solid;
    overflow-y: scroll; /* Enable vertical scrolling */
    scroll-margin-top: 200px; /* Offset for sticky header height */
    height: 500px; /* Fixed height to simulate scroll behavior */
    width: 400px;  /* Fixed width */
}

.task_time_slot {
    display: flex;
    border: 1px;
    border-color: black;
    border-style: dotted;
    height: 5%;
    width: 50%;
}

.task_time_label {
    border: 1px;
    border-color: black;
    border-style: dotted;
    height:fit-content;
    width:fit-content;
}

.task_details {
    display: flex;
    margin-left: 5px;
    height: 30%;
    width: 40%;
}

.task_name {
    border: 1px;
    border-color: black;
    border-style: solid;
    border-radius: 5px;
    padding: 4px;
    margin-left: 5px;
}

.hidden {
    display: none;
    visibility: hidden;
}

.selected_task {
    background-color: lightblue;
}

.deselected_task {
    background-color: greenyellow;
}

.highlighted_time {
    background-Color: #FDFD66;
}