body     {
    background-color: #f0f2f5;
}

.dfBDQI {
    display: none !important;
}

.ant-btn-primary {
    background: #1890ff !important;
}

.layout-dashboard hr {
    margin: 12px 0;
    border: none;
    height: 1px;
    background-color: #f5f5f5;
    background-image: linear-gradient(90deg,transparent,rgba(0,0,0,.4),transparent);
    opacity: .25;
}

.nav-bg {
    height: 150px;
    border-radius: 12px;
    /* box-shadow: 0 20px 27px rgb(0 0 0 / 5%);
    background-size: cover;
    background-position: 50%; */
}

img.ant-image-preview-img {
    display: inline-block;
    vertical-align: middle;
}

.ant-menu {
    background: transparent;
}

.ant-card {
    border-radius: 12px;
    box-shadow: 0 20px 27px rgb(0 0 0 / 5%);
}

.ant-layout {
    background: transparent;
}

.ant-layout-content .ant-layout,
.ant-layout-content .ant-layout, .ant-card, 
.ant-layout-content .ant-layout .ant-card .ant-card-body{
    height: 100%;
}
.ant-layout-sider {
    border-radius: 12px;
    box-shadow: 0 20px 27px rgb(0 0 0 / 5%);
}

.ant-form-vertical .ant-form-item-label, .ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 4px;
}

.ant-form-item {
    margin-bottom: 12px;
}

.ant-input, .ant-input-affix-wrapper {
    border-radius: 8px;
    padding: 9px 11px;
}

.ant-input-group.ant-input-group-compact > *:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}    

.ant-input-group.ant-input-group-compact > *:last-child {
    border-right-width: 1px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.ant-input-group-compact .ant-btn {
    height: 42px;
    color: rgb(153, 153, 153, 1);
    border-left: 0px;
} 

.ant-pagination-options .ant-select .ant-select-selector {
    border-radius: 2px !important;
    height: 32px !important;
    padding: 0px 11px !important;
}

.ant-select .ant-select-selector {
    border-radius: 8px !important;
    height: 42px !important;
    padding: 4px 11px !important;
}

.ant-input-search-button {
    height: 42px;
    border-radius: 0 8px 8px 0 !important;
}

.ant-picker {
    border-radius: 8px;
    padding: 9px 11px;
}

.ant-input-prefix svg {
    color: #606060;
}

.ant-btn {
    border-radius: 6px;
}

.full-modal .ant-modal {
    max-width: 100%;
    top: 0;
    padding-bottom: 0;
    margin: 0;
}

.full-modal .ant-modal-content {
    display: flex;
    flex-direction: column;
    height: calc(100vh);
}

.full-modal .ant-modal-body {
    flex: 1;
}

.ant-divider-horizontal.ant-divider-with-text::before, .ant-divider-horizontal.ant-divider-with-text::after {
    border-top-color: #d9d9d9;
}

.layout-dashboard .sidebar-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #141414;
    opacity: .5;
    z-index: 10
}

.layout-dashboard .header {
    margin-bottom: 1.25rem;
}

.ant-upload.ant-upload-select-picture-card,
.ant-upload-list-picture-card-container {
    width: 100%;
    padding: 4rem;
    display: inline-table;
}

.ant-upload.ant-upload-select {
    width: 100%;
}

.ant-upload.ant-upload-select .ant-btn {
    height: 42px;
} 

.ant-notification-notice-with-icon .ant-notification-notice-message {
    padding-top: 3px;
    margin-bottom: 0px;
}

.anticon {
    vertical-align: 0.125em;
}

@media (min-width:992px) {
    .layout-dashboard .sidebar-overlay {
        background-color: transparent;
        opacity: 0;
        pointer-events: none
    }
}

@media (max-width:992px) {
    .layout-dashboard .ant-layout-sider.siderbar {
        width: 250px;
        position: fixed;
        left: 0;
        z-index: 99;
        height: 100vh;
        overflow: auto;
        margin: 0;
        padding: 0;
    }

}

.ant-tag {
    border-radius: 8px;
}

.ant-table-thead > tr > th, .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td {
    padding: 6px 6px;
}

/* link */
.ant-menu-item .ant-menu-title-content > a {
    display: block;
    color: rgba(0,0,0,.65);
}
.layout-dashboard .siderbar .ant-menu-inline .ant-menu-item,
.layout-dashboard .siderbar .ant-menu-inline .ant-menu-submenu {
    margin: 0;
    overflow: visible
}

.layout-dashboard .siderbar .ant-menu-item:after,
.layout-dashboard .siderbar .ant-menu-submenu:after {
    display: none
}

.layout-dashboard .siderbar .ant-menu-item,
.layout-dashboard .siderbar .ant-menu-submenu {
    padding: 0 !important;
    height: auto;
    line-height: normal
}

.layout-dashboard .siderbar .ant-menu-item.ant-menu-item-selected,
.layout-dashboard .siderbar .ant-menu-item.ant-menu-item:active,
.layout-dashboard .siderbar .ant-menu-item .ant-menu-submenu-selected,
.layout-dashboard .siderbar .ant-menu-item.ant-menu-submenu-title:active,
.layout-dashboard .siderbar .ant-menu-item .ant-menu-submenu:active,
.layout-dashboard .siderbar .ant-menu-submenu.ant-menu-item-selected,
.layout-dashboard .siderbar .ant-menu-submenu.ant-menu-item:active,
.layout-dashboard .siderbar .ant-menu-submenu .ant-menu-submenu-selected,
.layout-dashboard .siderbar .ant-menu-submenu.ant-menu-submenu-title:active,
.layout-dashboard .siderbar .ant-menu-submenu .ant-menu-submenu:active {
    background-color: transparent
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-item a,
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu a {
    padding: 12px 16px;
    color: #141414;
    border-radius: 8px
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-item .icon,
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .icon {
    display: inline-flex;
    width: 32px;
    height: 32px;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .12);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    margin-right: 11px;
    vertical-align: middle
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-item svg path,
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu svg path {
    fill: #bfbfbf
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-item .label,
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .label {
    vertical-align: middle
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-root > .ant-menu-item.ant-menu-item-selected,
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-root > .ant-menu-submenu.ant-menu-item-selected,
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-root > .ant-menu-submenu.ant-menu-submenu-open .ant-menu-submenu-title{
    background-color: #fff;
    box-shadow: 0 20px 27px rgba(0, 0, 0, .07)
}


.layout-dashboard .ant-layout-sider.siderbar .ant-menu-item.ant-menu-item-selected .icon,
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu.ant-menu-item-selected .icon.ant-btn,
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-root > .ant-menu-submenu.ant-menu-submenu-open .ant-menu-submenu-title .icon{
    background-color: #397ff5
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-item.ant-menu-item-selected svg path,
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu.ant-menu-item-selected svg path,
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-root > .ant-menu-submenu.ant-menu-submenu-open .ant-menu-submenu-title svg path {
    fill: #fff
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-item.ant-menu-item-selected .label,
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu.ant-menu-item-selected .label {
    font-weight: 600
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-item a:hover, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu a:hover {
    color: #141414
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-item a:hover .icon, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu a:hover .icon,
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-title-content:hover .icon {
    transition: box-shadow .1s ease-in;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-item.menu-item-header, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu.menu-item-header {
    padding: 10px 16px !important;
    color: #8c8c8c;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-submenu-title, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list a {
    position: relative;
    margin-left: 4px
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-submenu-title:before, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list a:before {
    content: "";
    position: absolute;
    left: -14px;
    top: 53%;
    transform: translateY(-50%);
    height: 5px;
    width: 5px;
    border-radius: 1.5rem;
    background: rgba(58, 65, 111, .5)
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-title {
    display: none
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list {
    padding-left: 15px;
    margin-left: 24px
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-submenu-title {
    background-color: transparent;
    box-shadow: none;
    transition: all .3s ease-in-out;
    transition: none
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-submenu-title .icon, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-submenu-title .label, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-submenu-title svg path {
    transition: all .3s ease-in-out
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-submenu-title.router-link-active, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-submenu-title.router-link-exact-active, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list a.router-link-active, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list a.router-link-exact-active {
    background-color: transparent;
    box-shadow: none
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-submenu-title.router-link-active .label, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-submenu-title.router-link-exact-active .label, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list a.router-link-active .label, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list a.router-link-exact-active .label {
    font-weight: 400
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-submenu-title.router-link-exact-active .label, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list a.router-link-exact-active .label {
    font-weight: 600
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-submenu-title.router-link-exact-active:before, 
.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list a.router-link-exact-active:before {
    height: 8px;
    width: 8px;
    background: #3a416f;
    left: -15.5px
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-item-group-list {
    padding-left: 0;
    margin-left: 0
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-item-group-list .ant-menu-item-group-list a:before {
    display: none
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-item .icon {
    background-color: #fafafa
}

.layout-dashboard .ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content, 
.layout-dashboard .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
    overflow: visible;
}

.layout-dashboard .ant-layout-sider.siderbar .ant-menu-submenu .ant-menu-submenu-title {
    padding: 0!important;
    height: auto;
    line-height: normal;
    padding: 10px 16px!important;
    color: #141414;
    border-radius: 8px;
    background-color: transparent;
    box-shadow: none;
    transition: all .3s ease-in-out;
}

.ant-menu-sub.ant-menu-inline {
    background: #ffffff;
}