.label-top label{
    display: block;
    font-size: 14px;
    padding-left: 3px;
}
div.year-month {
    display: flex;
    flex-direction: row;
}

input, select {
    border-radius: 5px;
    margin:5px;
    padding:8px;
}

div.month-range {
    display: flex;
    flex-direction: row;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    padding:8px;
    padding-top: 30px;
    margin:8px;
    width: 250px;
}
.export label.section-label{
    position: relative;
    top: -24px;
    left: 0px;
    font-weight: bold;
}

.export div.type-container label.section-label,
.export div.result-container label.section-label
{
    top: -9px;
}

div.sort-and-type-containers{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

div.type-container, 
div.sort-container,
div.export-container  {
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    padding: 8px;
    padding-top: 15px;
    margin: 8px;
    width: 250px;
}
div.sort-container,
div.export-container  {
    padding-top: 30px;
}



div.date-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

div.result-container {
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    padding: 8px;
    padding-top: 15px;
    margin: 8px;
}

.result .day-result {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 5px;
    margin: 5px;
    display: flex;
    justify-content: space-between;
}

div.export-container  {
    width: auto;
}
div.export-items {
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.download-container {
    display: flex;
    flex-grow: 1;
}
button.download {
    margin-top: 10px;   
}