body{
    background-color: #E4E8E4 !important;
    overflow-x: hidden;
    font-family: 'Inter';
}
.pagination{
    margin: -5px !important;
}
.center-panel {
    min-width: 980px;
}

.panel {
    background-color:#FFFFFF;
    max-height: max-content;
    border: 1px solid #8AA48A6E;
    border-radius: 20px;
}

.pagination{
    margin: -5px !important;
}

.table-body-header,
.table-body-header-rain {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.arrow,
.arrow-rain {
    transition: transform 0.3s ease;
}
.arrow.collapsed {
    transform: rotate(0deg);
}
.arrow.expanded, 
.arrow-rain.expanded {
    transform: rotate(-90deg);
}
.table-body-content,
.table-body-content-rain {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.table-body-content.expanded,
.table-body-content-rain.expanded {
    max-height: 500px;
    overflow-y: auto;
}

.chart-header {
    font: normal normal 600 24px/29px;
    letter-spacing: -0.24px;
    color: #2C3E50;
    opacity: 0.75;
}

.chart-active {
    background: #EBEBEB 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
}
.timeselect {
    padding: 6px;
}

.numerical-container {
    min-width: 330px;
    background-color:#FFFFFF;
    border: 1px solid #8AA48A6E;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
}

.rotated {
    transform: rotate(-90deg);
    transition: transform 0.3s ease;
    padding-top:4px;
}
.arrow img {
    transition: transform 0.3s ease-in-out;
}

.parcel-list {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out, opacity 0.3s ease-in-out;
}

.parcel-list.activate-parcel-list {
    max-height: 500px;
    opacity: 1;
}
.parcel-sowing-description {
    font: normal normal normal 18px/25px 'Inter';
}