:root {
    --first-background-color: #138ec7;
    --second-background-color: #189edd;
    --third-background-color: #dff3f9;

    --table-header-background-color: #e4e4e4;
    --table-header-border-color: #cdcdcd;

    --table-header-th-border-color: #dcdee2;
}

.layout-header,
.ivu-layout-header {
    background-color: var(--first-background-color) !important;
}

.side-area {
    background-color: var(--second-background-color) !important;
}

.ivu-menu-light {
    background-color: var(--third-background-color) !important;
}

.ivu-btn-primary {
    background-color: var(--first-background-color);
    border-color: var(--second-background-color);
}

.ivu-btn-primary:hover {
    background-color: var(--second-background-color);
    border-color: var(--third-background-color);
}

.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
    color: var(--first-background-color);
    background: #fff;
}

.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):after {
    width: 5px;
    background-color: var(--first-background-color)
}

.ivu-table th {
    background-color: var(--table-header-background-color);
    border-right: 1px solid var(--table-header-border-color);
}

.ivu-table th {
    border-bottom-color: var(--table-header-th-border-color)
}