@import "@core/scss/theme/config.scss";

.cd-custom-edit-btn {
    width: 100%;
    margin: 10px 0 0 0;
    line-height: 35px;
    background: #efefef;
    color: #333;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;

    &:hover {
        background: #e1e1e1;
    }

    .cd-edit {
        display: inline-block;
        vertical-align: middle;
        line-height: 16px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        svg {
            fill: #666;
            &:hover {
                fill: #333;
            }
        }
    }

    .cd-edit-text {
        display: inline-block;
        vertical-align: middle;
    }
}

.cd-custom-content {
    width: 99% !important;
    height: 98% !important;

    .cd-modal-content {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;

        .cd-content-middle {
            display: flex;
            flex-grow: 1;
            padding: 6px 6px 0 6px;

            .ke-container {
                display: flex;
                flex-grow: 1;
                flex-direction: column;

                .ke-edit {
                    display: flex !important;
                    flex-grow: 1;

                    .ke-edit-iframe {
                        flex-grow: 1;
                        height: auto !important;
                    }
                }
            }

            .cd-config-tip {
                position: absolute;
                left: 40px;
                bottom: -40px;
                font-size: $fontSizeSmall;
            }
        }
    }
}
