// 全局样式(在入口模块被加载时生效)
@import 'variables.less';
@import '~ant-design-vue/dist/antd.css';
// @import './fonts/iconfont.css';

// globals
html {
    font-family: @font-family;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    // better Font Rendering
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    overflow: hidden;
    background-color: @body-bg;
}

// change font path, required

// 布局组件样式初始化
.ant-layout {
    background: rgb(255 255 255);
    aside {
        background: rgb(255 255 255);
        .ant-layout-sider-children {
            section {
            }
        }
    }
    > section {
        header {
            background: rgb(255 255 255);
            padding: 0;
        }
        main {
            background: rgb(255 255 255);
            header {
            }
            main {
            }
        }
    }
}

.ant-card .ant-card-head {
    border: none;
    .ant-card-head-wrapper {
        border-bottom: 1px solid rgb(240, 240, 240);
        .ant-card-head-title {
            text-align: left;
            font-size: 16px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #444444;
        }
    }
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
    color: rgb(26, 187, 207);
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
    border-color: rgb(26, 187, 207);
}
.ant-modal-title {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #1abbcf;
}
.submit {
    background: #1abbcf;
    border-radius: 3px;
    color: #fff;
}
.ant-btn-primary {
    background-color: #1abbcf;
}

// .ant-checkbox-checked .ant-checkbox-inner,
// .ant-btn-primary:hover,
// .ant-btn-primary:focus {
//     color: #fff !important;
//     background-color: #2ac1d8 !important;
// }

.ant-btn:hover,
.ant-btn:focus,
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover,
.ant-menu-submenu-selected,
.ant-menu-item-selected,
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
    color: #1abbcf;
}

.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
    border-right: 3px solid #1abbcf;
}

.ant-checkbox-checked::after,
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner,
.ant-input-affix-wrapper:hover,
.ant-input-affix-wrapper:focus,
.ant-select:not(.ant-select-disabled):hover .ant-select-selector,
.ant-btn-primary,
.ant-btn:hover,
.ant-input:focus,
.ant-input:hover,
.ant-btn:focus,
.ant-btn-primary,
.ant-btn:hover,
.ant-input:focus,
.ant-input:hover,
.ant-btn:focus {
    border-color: #1abbcf;
}

.ant-input-affix-wrapper:focus,
.ant-btn:focus {
    box-shadow: rgb(26 187 207 / 20%) 0px 0px 0px 2px;
}

::selection {
    color: rgb(255, 255, 255);
    background: rgb(54 187 207);
}

.ant-modal-wrap {
    overflow-y: scroll;
}

.theme {
    color: @theme;
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.ant-spin-nested-loading > div > .ant-spin {
    // height: 90%;
    max-height: 100%;
}
.ant-spin-nested-loading {
    width: 100%;
    height: 100%;
    .ant-spin-container {
        width: 100%;
        height: 100%;
        display: flex;
    }
}
.ant-switch-checked {
    background-color: @theme;
}

.icon {
    cursor: pointer;
}

.ant-empty {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mt15 {
    margin-top: 15px;
}

.mt25 {
    margin-top: 25px;
}

.ellipsis {
    font-size: 12px;
    display: block/inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 120px;
    display: inline-block;
}

.ant-menu-dark,
.ant-menu-dark {
    background-color: #1d2327;
    .ant-menu-submenu-title {
        font-size: 16px;
        text-align: left;
    }
    .ant-menu-sub {
        background-color: #14181b;
        .ant-menu-item {
            font-size: 14px;
            font-family: @menu-item-family;
            color: @menu-item-color;
            text-align: left;
        }
        .ant-menu-item-selected {
            color: @m-white;
        }
    }
}

.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-submenu-selected,
.ant-menu-horizontal > .ant-menu-submenu:hover {
    color: @theme;
}

.mine_layout .ant-menu .ant-menu-item-selected,
.mine_layout .ant-menu .ant-menu-item:hover {
    color: @theme;
    border-bottom: 2px solid @theme;
}

.pointer {
    cursor: pointer;
}

.ant-table-wrapper {
    .ant-table-thead {
        tr th {
            background: #212629;
            color: #556772;
            font-size: 14px;
            font-family: Adobe Heiti Std;
        }


        > tr:first-child {
            > th:last-child, > th:first-child {
                border-radius: 0px;

            }
        }
    }

    .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
        background: #172b56;
    }
    .ant-table-body tr td {
        background-color: #0E0E0F;
        color: white;
        cursor: pointer;
    }
    .ant-table-bordered .ant-table-thead > tr > th, .ant-table-bordered .ant-table-tbody > tr > td {
        padding: 0;
        height: 34px;
        line-height: 34px;
        border-color: #161a1c;
        font-family: Adobe Heiti Std;
        font-size: 16px;
    }
    .ant-table-fixed {
        width: max-content !important;
        color: #e5e5e5;
        background: #0e0e0f;
        border-top-color: #0e0e0f !important;
        border-left-color: #161a1c !important;
    }
}

.table-height {
    height: calc(100% - 40px);
}

.table-detail-container {
    position: relative;
    overflow: hidden;
}

.iframe-container {
    height: calc(100% - 40px);
    > iframe {
        border: 0;
        width: 100%;
        height: 100%;
    }
}