@import "../const.less";

.ant-modal-title {
    padding-right: 10px;
    font-weight: 600;
}

.ant-modal-header {
    padding: 11px 24px;
    background-color: @black_navBg;
    border-bottom: 0;
}

.ant-modal-body {
    padding: 16px 24px;
    box-sizing: border-box;
    .ant-form {
        .ant-form-item {
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    .ant-table-container table > thead > tr:first-child th:first-child {
        padding-left: 16px;
    }
}

.ant-modal-footer {
    padding: 12px 24px;
    border-top: 0 solid @white;
}

.ant-modal-close-x {
    color: @black_pageMsg;
    line-height: 48px;
    height: 44px;
    width: 48px;
    .anticon {
        font-size: 18px;
    }
    &:hover {
        color: @black_Desc;
    }
}

.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
    margin-left: 12px;
}

.ant-modal-content {
    box-shadow: 0 5px 22px 0 rgba(61, 68, 110, 0.2);
}

.ant-modal-confirm {
    width: 400px !important;
    .ant-modal-content {
        .ant-modal-body {
            padding: 24px 24px 0;
            .ant-modal-confirm-body {
                .ant-modal-confirm-title {
                    color: @black_title;
                    line-height: 20px;
                    font-size: 14px;
                }
                > .anticon {
                    margin: 0 8px 0 2px;
                    font-size: 20px;
                    svg {
                        vertical-align: inherit;
                    }
                }
                .ant-modal-confirm-content {
                    margin: 8px 0 16px 30px;
                    color: @black_pageMsg;
                    line-height: 20px;
                }
            }
            .ant-modal-confirm-btns {
                margin: 12px 0;
                .ant-btn + .ant-btn {
                    margin-left: 12px;
                }
                // #153 不应该这样加，会导致 type 为 default 的按钮也变成了 primary 的样式，目前已经不好改了，已经合到子产品的稳定版本了
                // 解决方法：参考 showFooterDanger 的写法
                .ant-btn-dangerous {
                    background-color: @red;
                    border-color: @red;
                    color: @white;
                    &:hover, &:focus {
                        background-color: #ED5340;
                        border-color: #ED5340;
                    }
                    &:active {
                        background-color: #E03A26;
                        border-color: #E03A26;
                    }
                }
            }
        }
    }
}

.ant-modal-confirm-confirm {
    .ant-modal-confirm-body > .dt-modal-delete-icon {
        color: @red;
    }
}