.layout-header {
    background-color: #4340d2 !important;
    color: #ffffff !important;
}

.layout-header-bar {
    background-color: transparent;
    font-size: 18px;
    color: white;
}

.layout.is-page .layout-side .layout-banner,
.layout.is-page .layout-side {
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: none;
}

.layout-main {
    background-color: #f5f5f5 !important;
}

.menu .nav .dropdown-menu .nav-link:not(.disabled):hover,
.menu .nav .dropdown-menu .nav-link.active,
.menu .submenu .nav-link.active,
.menu .submenu .nav-link:not(.disabled):hover,
.cascade .dropdown-item:not(.disabled):hover,
.cascade .dropdown-item.active,
.cascade .nav .nav-link:not(.disabled):hover,
.cascade .nav .nav-link.active {
    background-color: #cfcfcf;
}

.layout.is-page .layout-side .layout-banner {
    height: auto;
}

.table tbody tr.active:not(.is-edit),
.table-row.active,
tr.active:not(.is-edit):hover {
    --bs-table-bg-type: #cfcfcf !important;
}

.layout-footer {
    background: #ffffff !important;
    color: #000000 !important;
}

.table-row .table-cell:not(:last-child) {
    max-height: 150px;
    overflow: auto;
}

.dropdown-logout .dropdown-user {
    background-color: #82abe1;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #82abe1;
}

.page-link {
    color: #347fe1;
}

    .active > .page-link, .page-link.active {
        background-color: #347fe1;
    }


.btn {
    outline: none;
    border: none;
}

    .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
        box-shadow: none;
    }

    .btn.btn-success {
        background-color: #386924;
    }

    .btn.btn-primary {
        background-color: #347fe1;
    }

    .btn.btn-danger {
        background-color: #e44634;
    }

    .btn.btn-secondary {
        background-color: #596372;
    }

    .btn.btn-dark {
        background-color: #1c1f24;
    }

    .btn.btn-link {
        color: #347fe1;
    }


.valid.modified:not([type=checkbox]) {
    outline: 1px solid #386924;
}

.invalid,
.form-control.is-invalid, .was-validated .form-control:invalid {
    outline: 1px solid #e44634;
}

.page-wrapper .table-cell .slide-button.btn {
    padding: 0 !important;
    margin-left: 0 !important;
    background-color: #347fe1;
}

.page-wrapper .table-cell .slide-button button {
    padding: 1px 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 12px;
}

.page-wrapper .table-cell .slide-button .slide-list.is-horizontal {
    height: auto;
}

    .page-wrapper .table-cell .slide-button .slide-list.is-horizontal.show {
        width: auto;
    }

.active > .page-link, .page-link.active {
    color: white !important;
}

.main-wrapper .wrapper > .table-container,
.main-wrapper > .table-container {
    height: calc(100vh - 140px) !important;
}

.main-wrapper .divider + .wrapper > .table-container {
    height: calc(100vh - 190px) !important;
}

.content > .table-container {
    height: calc(100vh - 100px);
}

.content > .divider + .table-container {
    height: calc(100vh - 150px);
}


.table-cell .is-preview > img {
    width: 80px;
    max-height: 80px;
}

.table-fixed-body > .table > tbody > tr > td, .table-fixed-header > .table > thead > tr > th {
    overflow: inherit;
}

/*进度条*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: none !important;
}

::-webkit-scrollbar-thumb {
    background-color: #999999 !important;
    background-image: none !important;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #999999 !important;
    }

::selection {
    background: #d3d3d3;
    color: #555;
}

::-moz-selection {
    background: #d3d3d3;
    color: #555;
}

::-webkit-selection {
    background: #d3d3d3;
    color: #555;
}