/*自定义css*/
body {
    color: #b3b3b3;
}

.text-break {
    /* 自动换行设置 */
    word-wrap: break-word;      /* 允许在单词内换行 */
    overflow-wrap: break-word;   /* 更现代的换行方式 */

    /* 中文换行处理 */
    word-break: break-all;       /* 允许在任意字符间断行 */

    /* 保持空白处理 */
    white-space: normal;         /* 允许文本自动换行 */
}

.modal-open {
    overflow: hidden !important;
}
.newscrol_box{ height:33px; position:fixed; z-index:9999; bottom:0px; margin-left:468px;}
.newscrol{ height:33px; position:fixed; z-index:10000; bottom:0px; margin-left:468px; overflow-x:auto; overflow-y:hidden;}
.newtext{ height:20px;}

.dataTables_wrapper .dataTable tbody tr.active,
.dataTables_wrapper .dataTable tbody tr.selected {
    background-color: #1b1b1c !important;
}
.dataTables_wrapper .dataTable tbody tr.active th, .dataTables_wrapper .dataTable tbody tr.active td,
.dataTables_wrapper .dataTable tbody tr.selected th,
.dataTables_wrapper .dataTable tbody tr.selected td {
    background-color: #1b1b1c !important;
}

.disabled-element {
    cursor: not-allowed !important;     /* 显示禁止光标 */
    opacity: 0.6;
    text-decoration: line-through;
}

/* 改主题颜色 */
body {
    background-color: #121212 !important;
}

.header {
    background-color: #121212 !important;
}

.header-fixed.subheader-fixed .subheader {
    background-color: #121212 !important;
    border-top: 1px solid #242425 !important;
}

.bg-white {
    background-color: #121212 !important;
}

.text-dark {
    color: #ffffff !important;
}

.symbol.symbol-light-success .symbol-label {
    background-color: #1BC5BD !important;
    color: #fff !important;
}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-clean:focus:not(.btn-text), .btn.btn-clean.focus:not(.btn-text) {
    color: #3699FF;
    background-color: #242425;
    border-color: transparent;
}

.breadcrumb .breadcrumb-item.active i, .breadcrumb .breadcrumb-item.active a, .breadcrumb .breadcrumb-item:hover i, .breadcrumb .breadcrumb-item:hover a {
    color: #00c1cd !important;
}

.offcanvas {
    background: #181819;
}

/* 蓝色到红色渐变文本 */
.gradient-text {
    background: linear-gradient(90deg, #007CF0, #FF4D4D) !important;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 500;
    font-size: 1rem;
    text-transform: initial;
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 0;
}

/* 添加动画效果 */
.animated-gradient {
    background: linear-gradient(90deg, #007CF0, #00DFD8, #FF0080, #FF4D4D);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: gradientMove 4s ease infinite;
}

/* 定义动画 */
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.grey {
    color: #4e4e4e !important;
}

.card,.card-footer {
    background-color: #1b1b1c;
}

.card.card-custom > .card-header .card-title, .card.card-custom > .card-header .card-title .card-label {
    color: #fff;
}

.dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td {
    color: #fff;
}

.table th, .table td {
    border-top: 1px solid #242425;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #242425;
}

.dataTables_wrapper .dataTable tbody tr.active th, .dataTables_wrapper .dataTable tbody tr.active td, .dataTables_wrapper .dataTable tbody tr.selected th, .dataTables_wrapper .dataTable tbody tr.selected td {
    color: #fff !important;
}

.text-muted {
    color: #b3b3b3 !important;
}

.text-dark-50 {
    color: #b3b3b3 !important;
}

.form-group label {
    color: #b3b3b3;
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text {
    color: #b3b3b3;
}

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-arrow, .aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
    color: #b3b3b3;
}

.brand .btn .svg-icon svg g [fill] {
    fill: #b3b3b3;
}

input, select, textarea {
    background-color: #1b1b1c !important;
    border: 1px solid #323232 !important;
    color: #b3b3b3 !important;
}

.alert.alert-custom.alert-white {
    background-color: #1b1b1c !important;
    border: 1px solid #323232 !important;
    color: #b3b3b3 !important;
}

.select2-container--default .select2-selection--single {
    background-color: #1b1b1c !important;
    border: 1px solid #323232 !important;
    color: #b3b3b3 !important;
    border-radius: 4px;
}

.btn.btn-dark {
    color: #ffffff;
    background-color: #202021;
    border-color: #202021;
}

table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) {
    border-bottom: 2px solid #242425;
}

.dataTables_wrapper .dataTable th.sorting_desc, .dataTables_wrapper .dataTable td.sorting_desc {
    color: #b3b3b3 !important;
}

.dataTables_wrapper .dataTable th.sorting_desc:after, .dataTables_wrapper .dataTable td.sorting_desc:after {
    color: #1bc5bd !important;
}

.dataTables_wrapper .dataTable tfoot th, .dataTables_wrapper .dataTable thead th {
    color: #b3b3b3;
}

a,.fa-paperclip {
    color: #13726e;
}

a:hover,.fa-paperclip:hover {
    color: #1bc5bd;
}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-clean:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-clean.focus:not(.btn-text) .svg-icon svg g [fill] {
    fill: #1bc5bd;
}

.bootstrap-select > .dropdown-toggle.btn-light, .bootstrap-select > .dropdown-toggle.btn-secondary {
    background: #1b1b1c !important;
    color: #fff;
    border-color: #323232  !important;
}

.bootstrap-select.show > .dropdown-toggle.btn-light, .bootstrap-select.show > .dropdown-toggle.btn-secondary {
    border-color: #323232 !important;
}

.dropdown-menu, .dropdown-item {
    background-color: #242425;
}

.bootstrap-select .dropdown-menu.inner > li > a .text {
    color: #fff !important;
}

.gradient-span {
    background: linear-gradient(to right, #0a7d7e, #1c2b31, #9a0533) !important;
}

.dataTables_wrapper .dataTable th.sorting_asc, .dataTables_wrapper .dataTable td.sorting_asc {
    color: #b3b3b3 !important;
}


.dataTables_wrapper .dataTable th.sorting_asc:before, .dataTables_wrapper .dataTable td.sorting_asc:before {
    color: #1bc5bd !important;
}

.bootstrap-select > .dropdown-toggle.btn-light .filter-option, .bootstrap-select > .dropdown-toggle.btn-secondary .filter-option {
    color: #b3b3b3;
}

.bootstrap-select .dropdown-menu.inner > li.selected > a, .bootstrap-select .dropdown-menu.inner > li:hover > a {
    background: #1bc5bd;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder, .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #b3b3b3;
}

.select2-dropdown{
    background-color: #242425;
    border: 1px solid #323232 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #b3b3b3;
}

.select2-container--default .select2-results__option.select2-results__option--highlighted {
    background: #1bc5bd;
    color: #fff;
}

.select2-results__option {
    color: #fff;
}

/* 针对Firefox的滚动条样式 */
.select2-container--default .select2-results__options {
    scrollbar-width: thin;
    scrollbar-color: #131213 #242425;
}

.card.card-custom > .card-header {
    border-color: #242425 !important;
}

.separator.separator-dashed {
    border-bottom: 1px dashed #242425;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #1bc5bd;
    background-color: #242425;
    border-color: #242425 #242425 #242425;
}

.nav .show > .nav-link .nav-text, .nav .nav-link:hover:not(.disabled) .nav-text, .nav .nav-link.active .nav-text {
    color: #1bc5bd;
}

.nav-tabs {
    border-bottom: 1px solid #242425;
}

.upload-img-box .upload-pre-file {
    border-bottom: 1px dashed #242425 !important;
    background-color: #1b1b1c !important;
}

.card-footer {
    border-top: 1px solid #242425;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #1bc5bd;
    color: #fff;
}

.modal-content {
    background-color: #1b1b1c;
}

.modal-header {
    border-bottom: 1px solid #242425;
}

.modal-footer {
    border-top: 1px solid #242425;
}

.modal .modal-header .close i, .modal .modal-header .close .ki {
    color: #ffffff !important;
}

.modal .modal-header .modal-title {
    color: #ffffff;
}

.navi .navi-item .navi-link .navi-text {
    color: #fff !important;
}

.navi .navi-item .navi-link .navi-icon i {
    color: #fff !important;
}

.navi .navi-item .navi-link:hover {
    background-color: #1bc5bd !important;
}

.navi.navi-hover .navi-item .navi-link:hover {
    background-color: #1bc5bd !important;
}

/* 改主题颜色 */