:root {
    --body-bg: #f9f9f9 !important;
    --Table-borderColor: #f6f6f6 !important;
    --Panel-boxShadow: none !important;
    --Panel-marginBottom: 0 !important;
    --Table-fixedTop-boxShadow: none !important
}

body {
    background: white;
    margin: 0
}

#app .el-aside {
    height: 100vh;
    background-color: #111827
}

#app .main-drawer {
    background-color: #111827
}

#app .main-drawer .el-drawer__body {
    height: 100vh;
    padding: 0
}

#app .main-logo {
    display: flex;
    justify-content: left;
    align-items: center;
    color: #fff;
    background-color: #3c444d;
    height: 48px;
    padding-left: 25px;
}

#app .main-logo img {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 10px
}

#app .main-logo div {
    font-weight: 700;
    font-size: 18px
}

#app .main-menu-scrollbar {
    height: calc(100vh - 48px);
    overflow-x: hidden
}

#app .main-menu-scrollbar .is-horizontal {
    display: none
}

#app .el-menu {
    border-right: none
}

#app .mobile {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0
}

#app .el-header {
    background: var(--Layout-header-bg);
    height: 48px
}

#app .el-header .main-header {
    height: 48px
}

#app .el-main {
    padding: 0
}

#app .el-main .amis-page,
#app .main-content {
    height: calc(100vh - 48px)
}

#app .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

#app .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#app .rotate-180 {
    transform: rotate(180deg)
}

#app .el-header .amis-scope {
    overflow-x: unset !important
}

#app .bg-search {}

#app .amis-scope .cxd-Form--quickEdit {
    min-width: auto
}

#app .amis-scope .cxd-Card-body,
#app .amis-scope .cxd-Card-heading {
    padding: 12px
}

.icon-mr {
    margin-right: 5px !important
}