:root {
    --first-background-color: #2db7f5;
    --second-background-color: #40c3ff;
    --third-background-color: #cceeff;

    --table-border-color: #eee;
    --table-header-background-color: #f9f9f9;
    --table-header-border-color: #eee;

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

.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-top: 1px solid var(--table-header-border-color);
}

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

.data-table{
    border:1px solid var(--table-border-color);
}
.data-table .buttons{
    background-color: var(--table-header-background-color);
}