view-controller#reports-view-controller .right-area {
    padding: 0;
    text-align: left;
}

view-controller#reports-view-controller .report-view {
    height: 100%;
    position: relative;
}

view-controller#reports-view-controller .report-view > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}

view-controller#reports-view-controller .report-layout-table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

view-controller#reports-view-controller .report-layout-table > tbody > tr {
    vertical-align: top;
    padding: 0;
}

view-controller#reports-view-controller .report-layout-table > tbody > tr > td {
    padding: 0;
}

view-controller#reports-view-controller .report-layout-table .report-settings {
    background-color: var(--background-color);
    height: min-content;
}

view-controller#reports-view-controller .report-layout-table .report-settings .overview-box {
    padding: 0.6em;
    position: relative;
}

view-controller#reports-view-controller .report-layout-table .report-settings .settings-box {
    padding: 0;
    display: block;
    overflow: hidden;
    transition: height 0.2s;
}

view-controller#reports-view-controller .report-layout-table .report-settings .settings-box:not(.visible) {
    height: 0!important;
}

view-controller#reports-view-controller .report-layout-table .report-settings .settings-box .settings-wrapper {
    padding: 0.6em;
}

view-controller#reports-view-controller .report-layout-table .report-settings .settings-box .settings-column {
    display: inline-block;
    vertical-align: top;
}

view-controller#reports-view-controller .report-layout-table .report-settings .settings-box .settings-column:not(:first-child) {
    margin-left: 3em;
}

view-controller#reports-view-controller .report-layout-table .report-settings .settings-box .filter:not(:last-child) {
    margin-bottom: 0.3em;
}

view-controller#reports-view-controller .report-layout-table .report-settings .settings-box .filter .custom-date-box,
view-controller#report-parameters-view-controller .filter .custom-date-box {
    display: inline-block;
}

view-controller#reports-view-controller .report-layout-table form {
    position: relative;
}

view-controller#reports-view-controller .left-settings {
    position: absolute;
    left: 0;
    top: 0;
}

view-controller#reports-view-controller .right-settings {
    text-align: right;
}

view-controller#reports-view-controller .button-box {
    position: absolute;
    left: 0;
    bottom: 0;
}

view-controller#reports-view-controller table-view table-view-cell {
    position: relative;
}

view-controller#reports-view-controller table-view table-view-cell.selected button.options {
    color: white;
}

view-controller#reports-view-controller table-view button.options {
    position: absolute;
    right: 0.5em;
    top: 50%;
    margin-top: -1em;
    height: 2em;
}

view-controller#reports-view-controller table-view table-view-cell[view-class="ReportTableViewCell"] .title {
    display: inline-block;
    vertical-align: middle;
}

view-controller#reports-view-controller table-view table-view-cell[view-class="ReportTableViewCell"] .visibility-icon {
    height: 0.8em;
	margin-right: 0.5em;
	margin-top: -0.2em;
	vertical-align: middle;
}

view-controller#reports-view-controller table-view table-view-cell[view-class="ReportTableViewCell"].selected .visibility-icon {
    filter: brightness(1);
}