CostAccountingSys/src/global.less

* {
    font-family: 'SourceHanSansCN, SourceHanSansCN';
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
  * {
    margin: 0;
    padding: 0;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
  #password {
    &::placeholder {
      font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }
  }
}

body {
    margin: 0;
    height: 100%;
    zoom: unset !important;
}


/* 禁用所有输入框的自动填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #000 !important;
}




.cost-ant-space-item {
    &>a {
        color: #3377FF !important;
    }
}



textarea {
    border-radius: 4px !important;
    border: 1px solid #CFD7E6 !important;
}

.cost-ant-btn-primary {
    background: #3377FF;
}
.cost-ant-btn-primary[disabled]{
    background:#f5f5f5 ;
}

.cost-ant-checkbox {
    &.cost-ant-checkbox-checked {
          .cost-ant-checkbox-inner {
            background-color:#3377FF;
            background: #3377FF;
          }
    }
    // &.cost-ant-checkbox-indeterminate {
    //     &.cost-ant-checkbox-inner {
    //         &::after {
    //             background-color:#3377FF !important;
    //         }
    //     }
    // }
}

.cost-ant-checkbox-indeterminate .cost-ant-checkbox-inner::after {
    background-color:#3377FF;
}

.cost-ant-input-affix-wrapper {
    border-radius: 4px !important;
}

.cost-ant-input {
    border-radius: 4px;
    // border: 1px solid #CFD7E6 !important;
    &::placeholder {
        color: #99A6BF !important;
    }
}

.cost-ant-table-cell {
    a {
        color: #3376FE !important;
    }
}

.cost-ant-input-number {
    border-radius: 4px !important;
}






//Modal

.cost-ant-modal {
    .cost-ant-modal-content {
        padding: 16px !important;
        border-radius: 4px !important;
        .cost-ant-modal-header {
             padding: 0 ;
             margin-bottom: 16px;
             border-bottom: none;
        }
        .cost-ant-modal-body {
            max-height: 570px;
            overflow-y: scroll;
            overflow-x: hidden;
            padding: 0;
            padding-left: 4px;

            .cost-ant-modal-confirm-body-wrapper {
                .cost-ant-modal-confirm-body {
                    .cost-ant-modal-confirm-title {
                        font-size: 16px;
                        height:18px;
                      
                    }
                    .cost-ant-modal-confirm-content {
                        max-width: 100% !important;
                        max-height: 498px;
                        overflow-y: scroll;
                        overflow-x: hidden;
                        margin-block-start:16px;

                        .TableTransfer {
                            .cost-ant-transfer-operation {
                                //   align-self: self-end;
                                //   margin-bottom: 30px;

                                button {
                                    //color: #17181A;
                                    width: 24px;
                                    height: 40px !important;
                                    // background: #FAFCFF;
                                    border-radius: 4px;
                                    border: 1px solid #DAE2F2;
                                }
                            }

                            .cost-ant-transfer-list {
                                overflow: hidden;
                                border: 1px solid #DAE2F2;

                                .cost-ant-transfer-list-header {
                                    height: 32px;
                                    font-size: 12px;
                                    border-bottom: 1px solid #DAE2F2;

                                    .anticon {
                                        color: #99A6BF;
                                    }

                                    .cost-ant-transfer-list-header-selected {
                                        color: #515866;
                                    }
                                }

                                .cost-ant-transfer-list-body {
                                    .cost-ant-transfer-list-body-search-wrapper {
                                        padding: 8px;

                                        .cost-ant-input-prefix {
                                            .anticon-search {
                                                color: #99A6BF;
                                            }
                                        }
                                    }

                                    .cost-ant-transfer-list-body-customize-wrapper {
                                        .costTable {
                                            border: none !important;
                                            border-radius: 0 !important;
                                        }
                                    }
                                }
                            }



                            .cost-ant-table {
                                .cost-ant-table-container {
                                    .cost-ant-table-content {
                                        .cost-ant-table-thead {

                                            &>tr>th {
                                                font-size: 14px;
                                                font-family: SourceHanSansCN-Medium, SourceHanSansCN;
                                                font-weight: 500;
                                                color: #17181A;
                                                background: #EEF3FA;
                                                border-radius: 0 !important;
                                                padding: 4px 8px !important;
                                                border-bottom: none;
                                            }

                                        }

                                        .cost-ant-table-tbody {
                                            &>tr>td {
                                                padding-left: 8px !important;
                                                padding-right: 8px !important;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                .cost-ant-modal-confirm-btns {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: flex-end;
                    margin-top: 16px;

                    &>button {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        padding: 0 14px;
                        height: 24px;
                        border-radius: 4px;

                        &.cost-ant-btn-default {
                            border: 1px solid #DAE2F2;
                            background-color: #FAFCFF;
                        }

                        &.cost-ant-btn-primary {
                            background-color: #3376FE;
                        }
                    }
                }
            }
        }
        .cost-ant-modal-footer {
            border-top: none;
            padding: 0;
            margin-top: 16px;
            .cost-ant-btn {
                 border-radius: 4px !important;
                 height: 24px !important;
                 padding: 0 14px !important;
            }
        }
    }

    .cost-ant-modal-footer {
        margin-top: 0;

        .cost-ant-space-item {
            &>button {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0 14px;
                height: 24px;
                ;
                border-radius: 4px;

                &>span {}

                &.cost-ant-btn-default {
                    border: 1px solid #DAE2F2;
                    background-color: #FAFCFF;
                }

                &.cost-ant-btn-primary {
                    background-color: #3376FE;
                }
            }
        }
    }
}



//message

.cost-ant-message {
    .ant-message-notice-success {
        .cost-ant-message-notice-content {
            .anticon-check-circle {
                &>svg {
                    color: #52c41a;
                }
            }
        }
    }
}

//Form

.cost-ant-form {
    &.cost-ant-form-vertical {
        .cost-ant-form-item {
            margin-bottom: 16px;

            .cost-ant-form-item-label {
                padding: 0 !important;
                height: 15px;
                margin-bottom: 8px;
                line-height: 15px;
            }

            .cost-ant-form-item-control-input {
                min-height: 24px;
            }
        }
    }
}




// .cost-ant-form-item-label {
//     padding: 0;
//     //height: 15px;
//     line-height: 15px;
//     margin-bottom: 5px;

//     .cost-ant-form-item-required {
//       &::before {
//         margin-right: 0 !important;
//       }
//     }
// }

.cost-ant-input-affix-wrapper {
    padding: 0px 8px !important;
    border-radius: 4px;
    border: 1px solid #CFD7E6 !important;

    &>input {
        &::placeholder {
            font-size: 14px;
            font-family: SourceHanSansCN-Normal, SourceHanSansCN;
            font-weight: 400;
            color: #99A6BF;
        }
    }
}

.cost-ant-input-disabled {
    &::placeholder {
        color: #7A8599 !important;
    }
}

.cost-ant-input-affix-wrapper-disabled {
    background: #F0F2F5 !important;
}


// //proContsiner 标题样式覆盖
// .cost-ant-page-header .cost-ant-page-header-heading-title {
//      height: 17px !important;
//      font-size: 16px !important;
//      line-height: 17px !important;
// }

.cost-ant-page-header {
    .cost-ant-page-header-heading-title {
         font-size: 16px !important;
    }
}

.cost-ant-page-header .cost-ant-page-header-heading-left {
    margin-block: 0 !important;
}


.cost-ant-pro .cost-ant-pro-layout .cost-ant-pro-sider-fixed {
    position: absolute !important;
    // min-width:230px !important;
    // width: 230px !important;
}

//避免logo区域的层级过高，影响父容器
.cost-ant-pro .cost-ant-pro-layout .cost-ant-pro-sider-fixed {
    height: calc(100vh - 48px) !important;
    z-index: 0 !important;
}

.cost-ant-pro .cost-ant-pro-layout .cost-ant-pro-sider-menu {
    height: calc(100vh - 200px) !important;
    overflow-y: scroll !important;
    overflow-x: hidden;
}



.cost-ant-menu .cost-ant-menu-root .cost-ant-menu-inline .cost-ant-menu-light .cost-ant-pro-sider-menu  .cost-ant-pro-base-menu{
     height: calc(100vh - 90px) !important;
}

.cost-ant-pro-base-menu .cost-ant-pro-base-menu-submenu-has-icon >.cost-ant-menu-sub {
    padding-inline-start:0 !important;
}


.cost-ant-menu-submenu {
    &.cost-ant-menu-submenu-selected {
        color: #3376FE !important; 
    }
}
.cost-ant-menu-item-selected {
    color: #3376FE !important; 
    background-color:#F2F6FF !important;
    // margin:8px !important;
    &:hover {
         color: #3376FE !important; 
    }
}
.cost-ant-menu-light:not(.cost-ant-menu-horizontal) .cost-ant-menu-item:not(.cost-ant-menu-item-selected):hover {
    background-color: #f0f2f5 !important;
    // margin:8px !important;
}

.cost-ant-menu-light:not(.cost-ant-menu-horizontal) .cost-ant-menu-submenu-title:hover {
    background-color: #f0f2f5 !important;
}

.cost-ant-tree.cost-ant-tree-directory .cost-ant-tree-treenode:hover::before {
    background: #f0f2f5 !important;
    border-radius: 4px;
}

.cost-EditableProTable {
    .cost-ant-pro-card-body {
        padding-inline: 0 !important;
        padding-block: 0 !important;

        .cost-ant-table {
            border: 1px solid #CFD7E6 !important;
            overflow: hidden;

            .cost-ant-table-content {
                .cost-ant-table-thead {
                    &>tr>th {

                        height: 15px;
                        line-height: 15px;
                        font-size: 14px;
                        padding: 12px 16px !important;
                        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
                        // font-weight: 500;

                        color: #17181A;
                        border-bottom: 1px solid #CFD7E6 !important;
                        background: rgb(238 243 250 / 100%) !important;

                        &::before {
                            display: none !important;
                        }
                    }
                }

                .cost-ant-table-tbody {
                    .cost-ant-table-row {
                        .cost-ant-table-cell {

                            height: 15px;
                            line-height: 15px;
                            font-size: 14px;
                            padding: 8px 8px !important;
                            font-family: SourceHanSansCN-Medium, SourceHanSansCN;
                            color: #17181A;

                            &>div {
                                justify-content: flex-start !important;
                            }
                        }

                        &:last-child {
                            &>td {
                                border-bottom-color: none !important;
                            }
                        }
                    }
                }
            }
        }
    }
}

.cost-ant-table-wrapper {
    .cost-ant-table:not(.cost-ant-table-bordered) .cost-ant-table-tbody>tr.cost-ant-table-row.cost-ant-table-row-selected>td:first-child {
        border-radius: 0 !important;
    }

    .cost-ant-table-content {
        .cost-ant-table-thead {
            tr {
                &:last-child {
                    .cost-ant-table-cell {
                        // border-top: 1px solid #dae2f2;
                    }
                }
            }
        }
    }
}

.cost-ant-table-wrapper .cost-ant-table:not(.cost-ant-table-bordered) .cost-ant-table-tbody>tr.cost-ant-table-row:hover>td:first-child {
    border-start-start-radius: 0 !important;
    border-end-start-radius: 0 !important;
}

.cost-ant-table-wrapper .cost-ant-table:not(.cost-ant-table-bordered) .cost-ant-table-tbody>tr.cost-ant-table-row:last-child:hover>td {
    border-bottom-color: #dae2f2 !important;
}

.cost-ant-table-wrapper .cost-ant-table:not(.cost-ant-table-bordered) .cost-ant-table-tbody>tr.cost-ant-table-row:last-child>td {
    border-bottom-color: #dae2f2 !important;
}


.cost-ant-table-wrapper .cost-ant-table:not(.cost-ant-table-bordered) .cost-ant-table-tbody>tr.cost-ant-table-row:hover>td:last-child {
    border-end-end-radius: 0 !important;
    border-start-end-radius: 0 !important;
}


.cost-ant-pro .cost-ant-pro-layout .cost-ant-pro-layout-bg-list {
    background: #F7F9FC !important;
}

// .cost-ant-message-notice .cost-ant-message-success .anticon {
//     color: #52c41a !important;
// }
.ant-message-success {
    .anticon .anticon-check-circle {
        color: #52c41a !important;
    }
}


/**
    Select
**/
.cost-ant-select {
    .cost-ant-select-selector {
        height: 24px !important;
        padding: 0 8px !important;
        border-radius: 4px !important;
        border: 1px solid #CFD7E6 !important;

        .cost-ant-select-selection-item {
            line-height: 24px !important;
        }

        .cost-ant-select-selection-search-input {
            height: 24px !important;
        }

        .cost-ant-select-selection-placeholder {
            line-height: 22px !important;
            font-size: 14px;
            font-family: SourceHanSansCN-Normal, SourceHanSansCN;
            font-weight: 400;
            color: #99A6BF;
        }

        .cost-ant-select-selection-overflow {
            .cost-ant-select-selection-overflow-item {
                .cost-ant-select-selection-item {
                    height: 22px !important;
                    line-height: 22px !important;
                    margin-top: 0 !important;
                    margin-bottom: 7px !important;
                }
            }
        }
    }

    .cost-ant-select-arrow {
        color: #CFD7E6;
    }

    &.cost-ant-select-disabled {
        .cost-ant-select-selector {
            border: 1px solid #DADEE6 !important;

            .cost-ant-select-selection-placeholder {
                color: #7A8599;
            }
        }

        .cost-ant-select-arrow {
            color: #7A8599;
        }
    }
}





.cost-ant-tabs {
    .cost-ant-tabs-tab {
        padding: 5px 0 !important;
        padding-top: 12px !important;
    }
    .cost-ant-tabs-nav {
        &::before {
            border-bottom: none !important;
        }
    }
   
}



.cost-ant-table-wrapper {
    overflow: hidden;
}



.cost-ant-pro-layout .cost-ant-pro-layout-container {
    flex: 1;
    overflow-y: scroll;
    background: #F7F9FC !important;
}

//页面全局底色
.cost-ant-pro .cost-ant-pro-layout .cost-ant-pro-layout-bg-list {
    background: rgb(247 249 252 / 100%);
}

.cost-ant-pro-page-container-children-content {
    padding-inline: 0 !important;
}

.cost-ant-pro-sider-actions {
    display: none !important;
}


.cost-ant-pro-sider-collapsed-button {
    top: 95% !important;
    right: 17px !important;
}


.cost-ant-menu .cost-ant-menu-submenu-title .anticon {
    transition: none !important;
}

.cost-ant-menu .cost-ant-menu-item .anticon+span {
    transition: none !important;
}

.cost-ant-menu .cost-ant-menu-item .anticon {
    transition: none !important;
}

.cost-ant-menu .cost-ant-menu-item {
    transition: none !important;
}

.cost-ant-menu .cost-ant-menu-submenu-title .anticon+span {
    transition: none !important;
}

.cost-ant-tabs .cost-ant-tabs-tab+.cost-ant-tabs-tab {
    margin: 0 0 0 24px !important;
}


.menuCollapseIcon {
    &>svg {
        width: 24px;
        height: 24px;
    }
}

.cost-ant-layout-sider {
    max-width: 100% !important;
    min-width: unset !important;
    width: 100% !important; 
}

.cost-ant-pro .cost-ant-pro-layout .cost-ant-pro-sider .cost-ant-layout-sider-children {
    padding-inline: 0 !important;
    &>div {
       &>ul {
          padding-inline: 8px !important;
       }
    }
}


.cost-ant-pro-form>div:not(.cost-ant-pro-form-light-filter) .pro-field-lg {
    width: 100% !important;
}

.cost-ant-select {
    .cost-ant-select-selector {
        border: 1px solid #CFD7E6 !important;
        // color: #99A6BF !important;

        .cost-ant-select-selection-placeholder {
            color: #99A6BF !important;
        }
    }

    .cost-ant-select-arrow {
        color: #99A6BF !important;
    }
}


.cost-ant-input-number-input {
    border-radius: 4px;
    &::placeholder {
        color: #99A6BF !important;
    }
}

.cost-ant-select-disabled {
    .cost-ant-select-selector {
        border: 1px solid #DADEE6 !important;
        background: #F0F2F5 !important;

        .cost-ant-select-selection-placeholder {
            color: #7A8599 !important;
        }
    }

    .cost-ant-select-arrow {
        color: #7A8599 !important;
    }
}



.cost-ant-input-number {
    border: 1px solid #CFD7E6 !important;
    // color: #99A6BF !important;
    border-radius: 4px;
    box-shadow: none !important;
    .cost-ant-input-number-input {
        height: 22px !important;
        line-height: 22px !important;
    }
}

.cost-ant-input-number-disabled {
    border: 1px solid #DADEE6 !important;
    background: #F0F2F5 !important;

    .cost-ant-input-number-input {
        color: #7A8599 !important;
    }
}

.cost-ant-input-affix-wrapper-disabled {
    border: 1px solid #DADEE6 !important;
}

.cost-ant-picker {
    border-radius: 4px !important;
    border: 1px solid #CFD7E6 !important;
    height: 24px;
    .cost-ant-picker-input {
        &>input {
             &::placeholder {
                color:#99A6BF !important;
             }
        }
        .cost-ant-picker-suffix {
            color:#99A6BF !important;
        }
    }
}

.cost-ant-picker-panel-container {
    .cost-ant-picker-panel {
        .cost-ant-picker-month-panel {
            .cost-ant-picker-body {
                .cost-ant-picker-content {
                    tr {
                        td {
                            &.cost-ant-picker-cell-selected {
                                .cost-ant-picker-cell-inner {
                                    background:#3377FF;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.cost-ant-picker-input>input[disabled] {
    color: #7A8599 !important;
}

.cost-ant-picker-disabled {
    background: #F0F2F5 !important;
    border: 1px solid #DADEE6 !important;

    .anticon-swap-right,
    .anticon-calendar {
        color: #7A8599 !important;
    }
}