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


$linkColor: #5896cc;
$shallowColor: #999;

.cd-module-info-modal {
    .cd-modal-content{
        min-height:unset;
        .cd-content-middle{
            min-height:unset;
        }
    }
    .cd-module-info-modal-content {
        // overflow-y: auto;
        margin: 10px 20px;
        // .cd-switch{
        //     height: 16px;
        //     .cd-switch-bg{
        //         &::after{
        //             width: 12px;
        //             height: 12px;
        //         }
        //     }
        //     input[type="checkbox"] {
        //         &:checked ~ .cd-switch-bg {
        //           &:after {
        //             left: 19px;
        //           }
        //         }
        //     }
        // }
        .row {
            display: flex;
            // align-items: center;
            // font-family: MicrosoftYaHei;
            margin-bottom: 20px;

            &:last-child {
                margin-bottom: 0;
            }

            &-left {
                margin-top: 7px;
                flex-shrink: 0;
                width: 120px;
                color: #333;
                text-align: right;
            }

            &-right {
                font-size: 12px;
                width: 100%;

                .cd-textarea,
                .cd-input {
                    text-overflow: ellipsis;
                    font-size: 12px;
                    border-color: #E1E1E1;
                    box-sizing: border-box;
                    margin: 0;
                    padding: 0;
                    font-variant: tabular-nums;
                    list-style: none;
                    font-feature-settings: 'tnum';
                    position: relative;
                    display: inline-block;
                    width: 100%;
                    padding: 4px 11px;
                    color: rgba(0, 0, 0, 0.65);
                    font-size: 14px;
                    line-height: 1.5;
                    background-color: #fff;
                    background-image: none;
                    border: 1px solid #666;
                    border-radius: 2px;
                    transition: all 0.3s;
                }

                &.shallow-color {
                    color: $shallowColor;
                }
            }

            &.narrow-margin-bottom {
                margin-bottom: 10px;
            }
        }

        .cd-form-group {
            margin: 0;
        }

        .cd-module-logo {
            width: 300px;

            .cd-form-group {
                .cd-image-panel>a {
                    vertical-align: middle;
                }
            }
        }

        .cd-force-update {
            padding-top: 5px;
        }

        .create-account {
            color: $linkColor;
        }

        .cd-file-group {
            display: flex;

            .cd-upload-btn {
                font-size: 12px;
                position: relative;
                overflow: hidden;
                display: inline-block;
                cursor: pointer;

                input {
                    position: absolute;
                    top: 0;
                    right: 0;
                    margin: 0;
                    height: 100%;
                    opacity: 0;
                    filter: alpha(opacity=0);
                    cursor: pointer;
                }
            }

            .cd-upload-files {
                margin-left: 10px;
                display: flex;
                align-items: center;
                flex: auto;

                .cd-icon-paper-clip {
                    padding-top: 3px;
                }

                .cd-file-list {
                    max-width: 320px;
                    font-size: 14px;
                    display: inline-block;
                    padding-left: 2px;
                    line-height: 28px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    color: $linkColor;

                    &.cd-normal-color {
                        color: #333;
                    }
                }
            }
        }

        .cd-jd-space {
            width: 180px;
            text-align: left;
        }
    }
}

.not-allowed-btn {
    cursor: not-allowed !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
}