body {
    background: #f8f8f8 !important;
}

/*layer*/
.layui-layer-btn .layui-layer-btn0 {
    border-color: transparent !important;
    background-color: #25476a !important;
    border-radius: 3px !important;
    color: #b1b4b9;
}

.layui-layer-title {
    background-color: #25476a !important;
    color: #b1b4b9 !important;
}

/*link*/
a:link, a:visited {
    color: rgb(96, 98, 102);
}

a:hover, a:active {
    color: #348fe2;
}

/*menu*/
.el-menu-item, .el-submenu {
    background: #25476a !important;
    color: #b1b4b9 !important;
}

.el-submenu__title {
    background: transparent !important;
    color: #b1b4b9 !important;
}

.el-menu, .el-menu-item {
    color: #b1b4b9 !important;
}

.el-menu-item i {
    color: #b1b4b9;
}

/*topmenu*/
.topmenu {
    background-color: #25476a;
    border-bottom: 1px solid #2e323a;
}

.topmenu .el-menu-item {
    color: #b1b4b9 !important;
}

.topmenu .el-menu :hover {
    background-color: #409EFF !important;
}

.topmenu-profile-popup {
    border: 1px solid #3c4f65;
}

.topmenu-profile-popup-header {
    background-color: #25476a;
}

.topmenu-logo {
    display: none;
}

/*sidebar*/
.el-sidebar {
    background: #25476a !important;
    border-right: 1px solid #2e323a;
}

.el-sidebar .el-menu {
    border-right: none;
}

.el-sidebar .el-menu-item {
    color: #b1b4b9 !important;
}

.el-sidebar .el-menu-item.is-active {
    color: white !important;
    background-color: #409EFF !important;
}

.el-sidebar .el-menu :hover {
    background-color: #409EFF !important;
}

/*dialog*/
.el-dialog {
    border: 1px solid #2e323a;
    color: #b1b4b9;
}

.el-dialog__title {
    color: #b1b4b9;
}

.el-dialog .el-dialog__header {
    background-color: #25476a;
}

.el-dialog__headerbtn .el-dialog__close {
    color: #b1b4b9;
}

.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
    color: #b1b4b9;
}

/*table*/
.el-table__header-wrapper {
    background-color: #25476a;
    border-top: 1px solid #3c4f65;
}

.el-table thead {
    color: #b1b4b9;
}

/*messagebox*/
.el-message-box {
    background-color: #25476a;
    border: 1px solid #2e323a;
}

.el-message-box__title {
    color: #b1b4b9;
}

.el-message-box__headerbtn .el-message-box__close {
    color: #b1b4b9;
}

.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
    color: #25476a;
}

.el-message-box__content {
    color: #b1b4b9;
}

/*disk panel*/
.disk-left-panel {
    background: #25476a;
    border-right: 1px solid #2e323a;
}

.disk-left-panel .sep-line {
    border-top: 1px solid #2e323a;
}

.disk-info {
    background: #25476a;
    color: #b1b4b9;
    border-top: 1px solid #2e323a;
}

.el-progress__text {
    color: #b1b4b9;
}

.disk-panel1-item li {
    color: #b1b4b9;
}

.disk-panel1-item :hover {
    background-color: #409EFF;
}

.disk-panel1-item-active {
    background-color: #409EFF;
    color: white !important;
}

.disk-panel1-add-btn {
    color: #409EFF;
}

/*board map header*/
.board-map-popup-header {
    background-color: #25476a;
}

/*task comment*/
.bpm-order-show-comment {
    background-color: #25476a;
}

.bpm-task-comment .el-card {
    border: 1px solid #2e323a;
}

.bpm-task-comment .el-card__header {
    background-color: #25476a;
    color: #b1b4b9;
}

.bpm-task-comment .el-card__body {
    background-color: #f8f8f8;
}

/*todo panel*/
.todo-panel1-container, .todo-panel1 {
    background-color: #25476a;
}

.todo-panel1-title {
    color: #b1b4b9;
}

.todo-panel1-item {

}

.todo-panel1-item li {
    color: #b1b4b9;
}

.todo-panel1-item :hover {
    background-color: #409EFF;
    color: white;
}

.todo-panel1-item-active {
    background-color: #409EFF;
    color: white !important;
}

.todo-panel1-title strong {
    color: #b1b4b9 !important;
}

.todo-sep-line {
    border-top: 1px solid #3c4f65;
}

/*button*/
.el-button-primary {
    color: #b1b4b9 !important;
}

/*form builder*/
.cfb-focused {
    border: 2px solid #25476a;
    border-top: 6px solid #25476a;
}

/*version info*/
.adf-version-info {
    background: #409EFF;
}

/*hamburger*/
.hamburger-wrapper :hover {
    background: #2e323a;
}
