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

.cd-scene-guide-content {
    width: 100%;
    text-align: center;

    .cd-main {
        position: relative;
        flex: 1 auto;
        overflow: hidden;
        .cd-scene-tips{
            border-radius: 2px;
            font-size: 12px;
            color: #666;
            line-height: 18px;
            box-sizing: border-box;
            margin: 0 0 15px 20px;
            padding: 5px 10px;
            text-align: left;
            width: 646px;
        }
        .cd-table{
            height: 425px !important;
        }
    }

    .cd-table {
        box-sizing: border-box;

        .cd-content-wrapper > table {
            tbody td {
                box-sizing: border-box;
                height: 60px;

                input {
                    margin-right: 10px;
                }
            }

        }

        &.cd-preview--unfold {
            padding-right: 20px;
            margin-right: 415px !important;
        }
        tbody tr.cd-disabled {
            cursor: no-drop;
            pointer-events: none;
            td a{
                color: #e1e1e1;
            }
        }
    }

    .cd-sile-right {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 10px;
        width: 0;
        background-color: #f2f2f2;

        .cd-preview-content {
            margin: 20px 24px 20px 16px;
            height:450px;
            overflow-y:auto;
            overflow-x: hidden;
            img{
                width:375px;
            }
        }

        &.cd--unfold {
            width: 415px;
        }
    }

    .cd-short-pagination {
        margin-top: 45px;
    }
}
