﻿.weekly-schedule-container {
    max-height: 85vh;  
    display: grid;
    grid-template-rows: auto;
    overflow-y: auto;
    overflow-x: auto;
}

.weekly-schedule-header-container {
    display: grid;
    /*grid-template-rows: auto;*/
    grid-auto-columns: auto;
    grid-auto-flow: column;
}

.weekly-schedule-header-title {
    display: grid;
    grid-template-rows: 10vh auto;
    grid-template-columns: auto;
}

.weekly-farm-name {
    /*border: 1px solid #d3d3d3;*/
    border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    text-align: center;     
    font-size: .75vw;
}

.farm-and-house-title {
    display: grid;
    position: sticky;
    top: 0;
    z-index: 4;
}

.house-age-row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1.1vw;
    /*border: 1px solid #d3d3d3;*/
    border-bottom: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    /*border-right: 1px solid #d3d3d3;*/
}

.house-label-cell {
    border-left: 1px dotted #d3d3d3;
    /*border: 1px solid #d3d3d3;*/
    /*border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;*/
}

.house-label-text {
    font-size: 0.6vw;
    transform-origin: right bottom;
    transform: rotate(-90deg);
    text-align: right;
    position: relative;
    bottom: 20%;
}

.house-pullet-row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1.4vw;    
}

.crew-events-row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 4.7vw;
}

.daily-events-row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 3vw;
}

.scheduler-body-container {
    display: grid;
    grid-template-rows: auto;
}

.house-rows-container {
    display: grid;
    grid-template-rows : auto;
    grid-auto-flow: column;
}

.scheduler-row {
    display: grid;    
    grid-template-rows: auto;
}

.date-cell {
    background-color: white;
    border-bottom: 1px solid #d3d3d3;
    /*border-top: 1px solid #d3d3d3;*/
    font-size: 0.55vw;
    text-align: center;
    cursor: pointer;
}

.date-header-container {
    /*border: 1px solid #d3d3d3;*/
    display: grid;
    grid-template-rows: 10vh auto;
    grid-template-columns: auto;    
}

.scheduler-title-container {
    position: sticky;
    top: 0;
    z-index: 4;
    background-color: white;
    display: grid;
    grid-template-rows: auto;
}

.farm-age-container {
    display: grid;
    grid-template-columns: auto;
}

.age-cell {
    /*border: 1px solid #d3d3d3;*/
    /*border-bottom: 1px solid #d3d3d3;*/
    border-left: 1px dotted #d3d3d3;
    /*border-right: 1px solid #d3d3d3;*/
    text-align: center;    
    font-size: 0.6vw
}

.farm-events-container {
    display: grid;
}

.farm-event-list {
    border-left: 1px dotted #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    display: grid;
    grid-template-rows: auto;
    grid-auto-flow: column;
    cursor: cell;
}

.daily-farm-event-list {
    border-left: 1px dotted #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: row;
    cursor: cell;
}

.weekly-crew-event-text {
    text-align: center;
    font-size: 0.45vw;
    /*display: inline-flex;*/
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 5px;
    /*grid-template-columns: 70% 30%;*/
}

.pullet-release-text {
    text-align: center;
    font-size: 0.55vw;
    cursor: pointer;
}

.weekly-crew-event-empty {
    cursor: cell;
}

.daily-events-container {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.daily-crew-event-text {
    text-align: center;
    font-size: 0.45vw;
    cursor: default;
}

.quick-edit-button {
    display: block;
    font-size: 0.6vw;
    opacity: 0;
}

.farm-event-list:hover .quick-edit-button {
    display: block;
    opacity: 1;
    cursor: pointer;
    font-size: 0.6vw;
}

.bird-release-list {
    border-left: 1px dotted #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.weekly-schedule-date-label-container {
    display: grid;

}