:root {
    --font-size: 14pt;
}

body {
    font-family: 'Roboto', sans-serif !important;
    font-size: var(--font-size) !important;
}

.dx-widget {
    font-family: 'Roboto', sans-serif !important;
}

.dx-texteditor-input {
    font-size: var(--font-size) !important;
}

.bgwater {
}

.budget div:first-child {
    font-weight: bold;
}

.shrink {
    width: 1px;
    text-align: right;
}

.dx-datagrid-group-footer .gridcell {
    padding-bottom: 20px !important;
}

.dx-row {
    font-size: var(--font-size) !important;
}

h3, .dx-datagrid-summary-item {
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    color: black !important;
}

.btn {
    color: white !important;
}

.white table {
    background-color: white !important;
}

.good {
    background-color: #107662 !important;
}

.warning {
    background-color: #daad23 !important;
    color: #7d4808 !important;
}

.bad {
    background-color: #df4712 !important;
}