/* +----------------------------------------------------------------------
/* | Static Plugin for ThinkAdmin
/* +----------------------------------------------------------------------
/* | 官方网站: https://thinkadmin.top
/* +----------------------------------------------------------------------
/* | 版权所有 2014~2024 ThinkAdmin [ thinkadmin.top ]
/* +----------------------------------------------------------------------
/* | 开源协议 ( https://mit-license.org )
/* | 免责声明 ( https://thinkadmin.top/disclaimer )
/* +----------------------------------------------------------------------
/* | gitee 代码仓库：https://gitee.com/zoujingli/think-plugs-static
/* | github 代码仓库：https://github.com/zoujingli/think-plugs-static
/* +----------------------------------------------------------------------
/* | 自定义后台扩展样式，需要在加载 console.css 后载入
/* | 使用 composer require zoujingli/think-plugs-static 时不会更新此文件
/* +---------------------------------------------------------------------- */


::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 10px;
    display: none;
}

::-webkit-scrollbar-track {
    display: none;
}

::-webkit-scrollbar-thumb {
    background-color: #FFFFFF1F !important;
    border-radius: 10px;
}

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

::-webkit-scrollbar-corner {
    display: none;
}


.layui-layout-body {
    background-color: #16151C;
    background-image: url('../theme/img/bg-ring.png');
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}


.layui-layout-theme-black-1 > .layui-layout-admin > .layui-side .layui-side-scroll {
    background-color: unset !important;
}

.layui-nav-tree .layui-nav-child {
    background-color: unset !important;
}

.layui-card-table fieldset {
    height: 116px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 24px;
    background-color: #6366F10A !important;
    border: 1px solid #A2A1A833;
    box-sizing: border-box;
}

.layui-card-table fieldset legend {
    display: none;
}

fieldset .search-title {
    font-size: 16px !important;
    color: #fff;
    margin-bottom: 16px;
}

.layui-input, .layui-textarea {
    background-color: #6366F10A !important;
    color: #fff;
    auto-fill-color: #A2A1A8CC !important;
    border: 1px solid #A2A1A833 !important;
}

.form-search .layui-form-item {
    border-color: #A2A1A833;
    border: unset !important;
}



.layui-form-label {
    background-color: #6366F10A !important;
    color: #fff;
    border-right-color: #A2A1A833 !important;: ;
}

.layui-layer-shade {
    background-color: #A2A1A833 !important;
    backdrop-filter: blur(20px);
    opacity: 1 !important;
}

.layui-layer {
    background-color: #151727;
    color: #fff;
    border-radius: 20px;
}

.layui-layer .layui-card {
    background-color: #16151C;
    color: #fff;
}

.layui-layer-title{
    border-bottom-color: #A2A1A81A;
}
.hr-line-dashed {
    border-color: #A2A1A81A !important;
    background-color: #A2A1A81A !important;
}

.layui-layer-title,.layui-layer-setwin span {
    color: #fff;
}

.layui-form-onswitch {
    border-color: #7152F3 !important;
    background-color: #7152F3!important;
}

.think-radio input[type=radio]:checked, .think-checkbox input[type=radio]:checked, .think-radio input[type=checkbox]:checked, .think-checkbox input[type=checkbox]:checked {
    border-color: #7152F3 !important;
    background: unset;
    border-color: #A2A1A880 !important;
}

.think-radio input[type=radio], .think-checkbox input[type=radio] {
    background: unset !important;
}

.think-radio input[type=radio]:checked:after, .think-checkbox input[type=radio]:checked:after {
    background: #7152F3 !important;
}

.layui-input:focus, .layui-textarea:focus, .layui-input:hover, .layui-textarea:hover {
    border-color: #7152F3 !important;
}

.ck-reset_all :not(.ck-reset_all-excluded *), .ck.ck-reset, .ck.ck-reset_all, .ck.ck-editor__main>.ck-editor__editable {
    background-color: #16151C !important;
    border-color: #A2A1A81A !important;
    color: #fff !important;
}

.ck.ck-icon.ck-icon_inherit-color, .ck.ck-icon.ck-icon_inherit-color * {
    fill: #fff !important;
}

.layui-form-select dl dd.layui-this {
    color: #7152F3 !important;
}

.layui-layer .layui-form-item .layui-btn, .layui-form .layui-form-item #save-btn{
    background-color: #7152F3 !important;
    height: 50px;
    line-height: 50px;
    width: 166px;
    border-radius: 10px;
}
.layui-layer .layui-btn:first-child{
    margin-right: 10px;
}

.layui-layer .layui-form-item .cancel-btn, .layui-form .layui-form-item #cancel-btn {
    background-color: transparent !important;
    border-color: #A2A1A833 !important;
    height: 50px;
    line-height: 50px;
    width: 166px;
    border-radius: 10px;
}

.layui-layer .layui-form-item .delay {
    width: 66px;
    height: 24px;
    border-radius: 4px;
    line-height: 24px;
    font-size: 12px;
    color: #3FC28A;
    margin-right: 12px;
    background: #3FC28A1A !important;
    border: unset;
}
.layui-layer .layui-form-item .delay:last-child {
    margin-right: 0;
}

.layui-form-select dl {
    background-color: #4B4767;
    color: #fff;
    border: unset;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.layui-form-select dl dd.layui-this, .layui-form-select dl dd:hover {
    background-color: #0000001F;
}

.layui-layer .layui-form-item a {
    color: #7152F3;
}

.table-container {
    padding: 20px 16px;
    border: 1px solid #A2A1A833;
    border-radius: 10px;
    background: linear-gradient(#6366F129, #6366F194, #6366F129);
}

.act-container {
    margin-bottom: 12px;
}

.act-container .btn-add {
    background-color: #7152F3;
    color: #fff;
}
.act-container .btn-add:hover {
    border-color: #7152F3;
}

.multi-del {
    width: 112px;
    height: 32px;
    border: 1px solid #A2A1A833;
    border-radius: 2px;
    color: #fff !important;
    background-color: #A2A1A81A;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px !important;
}

.multi-del:hover {
    border-color: #A2A1A833 !important;
}

.img-del {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.layui-table {
    background-color: unset !important;
    color: #fff !important;
}

.layui-table[lay-even] tbody tr:nth-child(even) {
    background-color: transparent;
}

.layui-table-click, .layui-table-hover {
    background-color: #A2A1A833 !important;
    color: #fff !important;
}

.layui-table-fixed-r, .layui-table-fixed-l {
    background-color: #232344;
    box-shadow: -1px 0 8px #0D091F80;
    opacity: 1 !important;
}

.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-mend, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {
    border-style: unset;
}

.layui-table-view:hover {
    ::-webkit-scrollbar {
        display: inline-block;
    }
    overflow-x: hidden !important;
}

.layui-table-view:after {
    background-color: unset;
}

.layui-table-view .layui-table td {
    border-bottom: 1px solid #A2A1A81A !important;
}

.table-act-btn {
    margin-right: 8px !important;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.table-act-btn {
    margin-right: 0;
}

.layui-form-checkbox[lay-skin=primary]>i {
    background-color: unset;
    border-color: #A2A1A8 !important;
}

.layui-table-checked {
    background-color: unset;
}

.layui-table-sort[lay-sort=desc] .layui-table-sort-desc {
    border-top-color: #7152F3;
}
.layui-table-sort[lay-sort=asc] .layui-table-sort-asc {
    border-bottom-color: #7152F3;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: unset;
    border: 1px solid #7152F3;
}

.layui-laypage .layui-laypage-curr em {
    color: #7152F3;
}

.layui-laypage a[data-page] {
    color: #fff;
}

.layui-laypage a, .layui-laypage span {
    color: #fff;
}

.layui-laydate, .layui-laydate-hint {
    background-color: #4B4767 !important;
    color: #fff !important;
}

.layui-laydate-header i {
    color: #fff;
}

layui-laydate-content, .layui-laydate-content th, .layui-laydate-header i, .layui-laydate-content td{
    color: #fff;
}

.layui-laydate .layui-this, .layui-laydate .layui-this>div {
    background-color: #7152F3 !important;
}

laydate-footer-btns {
    color: #4B4767 !important;
    color: #000;
}

.layui-laydate-footer span:hover {
    color: #7152F3 !important;
}

.layui-table-page .layui-laypage input {
    color: #000;
}

.layui-table-view .layui-table-page .layui-laypage .layui-laypage-next {
    margin-left: 6px ;
}

.layui-table-view .layui-table-page .layui-laypage .layui-laypage-prev {
    margin-right: 6px;
    background-color: unset !important;
    color: #fff !important;
}

.layui-table-view .layui-table-page .layui-laypage .layui-laypage-next {
    background-color: unset !important;
    color: #fff !important;
}

.laydate-footer-btns span {
    color: #000;
}

.layui-laydate-footer span:first-child.layui-laydate-preview {
    padding-left: 6px;
}

#search {
    background-color: #7152F3;
    color: #fff;
    width: 84px;
    border: unset;
    margin: 0 16px;
}

#reset {
    background-color: #A2A1A833;
    color: #fff;
    width: 84px;
    border: unset;
}

.layui-table-view select[lay-ignore] {
    background-color: unset;
    color: #fff;
    border-color: #A2A1A833;
}

.layui-laypage input:focus, .layui-laypage select:focus, xm-select:focus {
    border-color: #7152F3 !important;
}

.layui-table-page .layui-laypage button, .layui-table-page .layui-laypage input {
    background-color: unset;
    color: #fff;
    border-color: #A2A1A833;
}

select option{
    background-color: #4B4767;
    color: #fff;
}

#timeZoneSelect option {
    color: #fff !important;
}

xm-select {
    background-color: #6366F10A !important;
    border-color: #A2A1A833 !important;
}

xm-select > .xm-body {
    background-color: #4B4767 !important;
    border-color: #A2A1A833 !important;
}

xm-select > .xm-body .xm-toolbar .toolbar-tag {
    color: #fff !important;
}
xm-select > .xm-body .xm-option:hover {
    background-color: #0000001F !important;
}
xm-select > .xm-body .xm-option-content {
    color: #fff !important;
}

xm-select .xm-body .xm-option .xm-option-icon {
    border-color: #7152F3 !important;
}

xm-select > .xm-body .xm-option {
    background-color: transparent !important;
}

xm-select .xm-label .xm-label-block {
    background-color: #7152F3 !important;
}

.layui-laydate .layui-laydate-list {
    background-color: #4B4767 !important;
}

.layui-laydate-content td>div:hover, .layui-laydate-list li:hover, .layui-laydate-shortcut>li:hover {
    color: #fff !important;
    background-color: #0000001F !important;
}
.layui-bg-gray{
    background: unset;
    background-color: unset !important;
}

.layui-badge, .layui-badge-dot, .layui-badge-rim {
    background: #7152F3;
}

.layui-card {
    color: #fff;
    border: 1px solid #A2A1A833;
    margin-bottom: 15px;
    border-radius: 2px;
    background-color: #6366F10A;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}
.layui-tab .layui-tab-title {
    background-color: transparent !important;
    border: none !important;
    margin-bottom: 10px;
}

.layui-tab .layui-tab-title > li {
    border: unset !important;
    background-color: transparent !important;
    color: #fff;
    font-size: 16px;
}

.layui-tab-card>.layui-tab-title .layui-this:after {
    border: none !important;
}

.layui-tab-card>.layui-tab-title .layui-this {
    color: #7152F3 !important;
    border-bottom: 3px solid #7152F3 !important;
}

.input-right-icon {
    color: #7152F3 !important;
}

.layui-card-body .color-text, .layui-form-item .color-green, .layui-form-item .color-desc {
    color: #fff !important;
}

.layui-card-body .layui-code {
    border-color: #A2A1A833;
}

.layui-progress-bar {
    background-color: #7152F3 !important;
}

.layui-table-view .layui-btn {
    border: unset !important;
}

.layui-btn-primary:hover {
    border-color: #7152F3 !important;
}

ul.ztree > li > a > span, .ztree li a {
    color: #fff !important;
}

.disabled-btn {
    cursor: not-allowed;
    opacity: 0.2;
}

.layui-layer .layui-tab-card {
    border-color: #A2A1A81A;
}

.layui-card-header {
    border-bottom-color: #A2A1A81A;
}

.layui-bg-gray {
    color: #fff !important;
}

.layui-tab-card .layui-tab-title li a{
    color: #fff !important;
}

.layui-tab-card .layui-tab-title li.layui-this a {
    color: #7152F3 !important;
}