/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html,
body,
#root,
#app,
app {
    height: 100%;
}

.colorWeak {
    filter: invert(80%);
}

.ant-layout {
    min-height: 100vh;
}

canvas {
    display: block;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
    list-style: none;
}

.action {
    cursor: pointer;
}

@media (max-width: 480px) {
    .ant-table {
        width: 100%;
        overflow-x: auto;
    }

    .ant-table-thead > tr > th,
    .ant-table-tbody > tr > th,
    .ant-table-thead > tr > td,
    .ant-table-tbody > tr > td {
        white-space: pre;
    }

        .ant-table-thead > tr > th > span,
        .ant-table-tbody > tr > th > span,
        .ant-table-thead > tr > td > span,
        .ant-table-tbody > tr > td > span {
            display: block;
        }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body .ant-design-pro > .ant-layout {
        min-height: 100vh;
    }
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track-piece {
    background-color: #CCCCCC;
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: #999999;
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: #CCCCCC;
    -webkit-border-radius: 6px;
}

.site-input-group-wrapper .site-input-split {
    background-color: #fff;
}

.site-input-group-wrapper .site-input-right {
    border-left-width: 0;
}

    .site-input-group-wrapper .site-input-right:hover,
    .site-input-group-wrapper .site-input-right:focus {
        border-left-width: 1px;
    }

.site-input-group-wrapper .ant-input-rtl.site-input-right {
    border-right-width: 0;
}

    .site-input-group-wrapper .ant-input-rtl.site-input-right:hover,
    .site-input-group-wrapper .ant-input-rtl.site-input-right:focus {
        border-right-width: 1px;
    }

/* 如果是BasicLayout */
.main .ant-pro-sider-menu {
    height: calc(100vh - 64px - 48px); /* 设置为视口高度 */
    overflow-y: auto; /* 启用垂直滚动 */
    overflow-x: hidden;
}

/* 在你的 CSS 文件中 */
.main .ant-pro-basicLayout-children-content-wrap {
    height: calc(100vh - 48px);
    overflow-y: auto;
}

/*分页控件*/
.table_pagination {
    justify-content: flex-end;
}

pre {
    background-color: #F8F9FA;
    border: none;
    padding: 15px;
    border-radius: 3px;
    font-size: inherit;
    color: #2f6f9f;
}

.pre-wrap {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.explorer .ant-menu, .discover .ant-menu {
    text-align: right;
}

.explorer .ant-menu-item, .explorer .ant-menu-submenu {
    padding: 0px 10px !important;
}

.explorer .ant-layout-header .ant-menu {
    line-height: 46px !important;
}

.explorer-search .ant-list-item {
    padding: 8px 12px !important;
}

    .explorer-search .ant-list-item .ant-typography {
        margin-bottom: 0px !important;
    }

.explorer-search {
    border: none !important;
}

.explorer-search-input div:nth-child(1) {
    max-height: none !important;
}

.ellipsis-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.grid-border {
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

    .grid-border .ant-col {
        padding: 8px 10px;
        border-top: 1px solid #f0f0f0;
    }

        .grid-border .ant-col:nth-child(odd) {
            background-color: #fafafa;
            border-right: 1px solid #f0f0f0;
            border-left: 1px solid #f0f0f0;
        }

.grid-border-third {
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

    .grid-border-third .ant-col {
        padding: 8px 10px;
        border-top: 1px solid #f0f0f0;
    }

        .grid-border-third .ant-col:nth-child(3n+1) {
            background-color: #fafafa;
            border-right: 1px solid #f0f0f0;
            border-left: 1px solid #f0f0f0;
        }

        .grid-border-third .ant-col:nth-child(3n+2),
        .grid-border-third .ant-col:nth-child(3n+3) {
            padding: 8px 10px 0px 10px;
        }

.send-txid {
    color: #f96868 !important;
}

.receive-txid {
    color: #48b0f7 !important;
}

.real-coin {
    color: #15c377 !important;
}

.self-address a {
    color: #faa64b !important;
}

.pair-address a {
    color: rgba(0, 0, 0, 0.85) !important;
}

.blue-address a {
    color: #08979c !important;
}

.green-address a {
    color: #389e0d !important;
}

.tx-success {
    color: rgba(0, 0, 0, 0.85) !important;
}

.tx-fail {
    color: inherit !important;
}

.grid-padding .ant-col {
    padding: 8px 10px;
}

.explorer-card .ant-card-head {
    padding-left: 20px !important;
}

.explorer-card .ant-card-head-title {
    padding: 15px 0px 10px 0px !important;
}

.explorer-card .ant-card-body {
    padding: 15px 20px 15px 20px !important;
}

#event_log .ant-row:not(:first-child) {
    margin-top: 10px !important;
}

.btc-grid .ant-col {
    padding: 3px 0px;
}

.explorer-address .ant-typography {
    margin-bottom: 0px !important;
}

.discover .discover-main-width {
    width: 86vw;
}

.discover .ant-menu-item, .discover .ant-menu-submenu {
    padding: 0px 10px !important;
}

.discover .ant-layout-header .ant-menu {
    line-height: 36px !important;
}

.discover .ant-menu {
    border-bottom: none;
}

.discover_index .discover_index_child:not(:first-child) {
    margin-top: 15px !important;
}

.discover_index_child a {
    color: #48b0f7;
    border-color: #48b0f7;
    font-weight: bold;
}

    .discover_index_child a:hover {
        color: #fff;
        background-color: #48b0f7;
    }

.discover_body {
    background-color: #fff;
    padding: 20px;
    border-radius: 2px;
    box-sizing: border-box;
    box-shadow: 0 0 6px #e9e9e9
}

.discover_pair_body {
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 6px #e9e9e9
}

.discover_label {
    color: rgba(0, 0, 0, 0.85);
    background: #fafafa;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    line-height: 20px;
    height: auto;
    padding: 4px 12px;
    font-size: 14px;
    vertical-align: middle;
}


.my-input-group span {
    border: 1px solid #d9d9d9;
    color: rgba(0, 0, 0, 0.85);
    background: #fafafa;
    line-height: 20px;
    height: auto;
    font-size: 14px;
    text-align: center;
    padding: 4px 12px;
    vertical-align: middle !important;
}

.my-input-group .title {
    border-left-width: 1px;
    padding: 4px 8px;
}

.my-input-group .middle {
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    background-color: #fff !important;
    padding: 4px;
}

.my-input-group .left {
    border-right-width: 0px !important;
}

.my-input-group .right {
    border-left-width: 0px !important;
}


.my-table .ant-table-column-title {
    font-size: 12px;
}

.table-outter {
    overflow-x: scroll;
}

    .table-outter table {
        width: auto;
    }

        .table-outter table th, .table-outter table td {
            min-width: 200px;
        }

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

.tab_pair .ellipsis {
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tab_pair .ant-tabs-tab {
    padding: 8px 8px !important;
}

.tab_pair .ant-tabs-tab-remove {
    margin-left: 2px !important;
}

.tab_pair .ant-tabs-nav {
    margin-bottom: 10px !important;
}

.tab_pair .ant-tabs-content-holder {
    background-color: #fff;
    padding: 15px 15px 15px 15px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 6px #e9e9e9
}

.btn-text-color {
    color: #fff;
    font-weight: bold;
    padding: 4px 10px;
    border: 0px;
}

    .btn-text-color:hover {
        color: #fff;
    }

.btn-text-color-green {
    background-color: #15c377;
}

    .btn-text-color-green:hover {
        background-color: #16d17f;
    }

.btn-text-color-red {
    background-color: #f44236;
}

    .btn-text-color-red:hover {
        background-color: #fa8181;
    }

.btn-text-color-orange {
    background-color: #faa64b;
}

    .btn-text-color-orange:hover {
        background-color: #fbb264;
    }

.btn-text-color-blue {
    background-color: #48b0f7;
}

    .btn-text-color-blue:hover {
        background-color: #65bdf8;
    }

.btn-text-color-purple {
    background-color: #531dab;
}

    .btn-text-color-purple:hover {
        background-color: #d3adf7;
    }

.btn-text-color-primary {
    background-color: #33cabb;
    border-color: #33cabb;
    font-size: 16px;
    height: 38px;
}

    .btn-text-color-primary:hover {
        background-color: #52d3c7;
        border-color: #52d3c7;
    }

    .btn-text-color-primary:focus {
        background-color: #52d3c7 !important;
        border-color: #52d3c7 !important;
    }

    .btn-text-color-primary:disabled {
        background-color: #33cabb;
        border-color: #33cabb;
        opacity: 0.5
    }

    .btn-text-color-primary:not([disabled]):not(.disabled):active {
        background-color: #2ba99d !important;
        border-color: #2ba99d !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-text-color-primary:not(:disabled):not(.disabled):active:focus {
        box-shadow: none;
    }

.login-right .self-defined-classname {
    width: 300px;
    height: 250px;
    margin-bottom: 0px;
    background: #ffffff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-right .login-tip {
    color: #888;
    font-size: 15px;
    background: #e6f0fa;
    border-radius: 6px;
    padding: 6px 18px;
    box-shadow: 0 1px 4px rgba(22,119,255,0.05);
    text-align: center;
    width: 200px;
    margin-left: 50px;
}

.explorer-gutter-box {
    padding: 20px;
    background: #ffffff;
}