:root {
    /* nav and text */
    --color-mainnav: #202326;
    --color-menu: #1b6ec2;
    --color-menu-border: #1861ac;
    --color-alink: #234669;
    --color-text: #303336;
    --color-error: #ff0000;
    /* colors */
    --color-green: #40cc40;
    --color-green-fat: #40bb40;
    --color-gray30: #303336;
    --color-gray50: #505356;
    --color-gray70: #707376;
    --color-gray80: #808386;
    --color-gray90: #909396;
    --color-grayc: #c0c3c6;
    --color-plan-red: #ed0000;
    --color-plan-blue: #009ae4;
    --color-today: #005580;
    /* Datagrid */
    --dgx-padding: calc(100% - 8px);
    --dgx-admin-padding: calc(90vh);
    --dgx-adminplus-padding: calc(88vh);
    --dgx-adminkalk-padding: calc(87vh);
    --dgx-modal-padding: calc(87vh);
}