.followers-pg {
    .cvWrapper {
        margin-bottom: 30px;
        padding-bottom: 20px;
        background-color: $white;
        border-radius: 8px;

        .titleSec {
            display: inline-block;
            width: calc(100% - 120px);
            padding: 10px 60px;
        }

        .cv-formWrapper {
            display: inline-block;
            width: calc(100% - 120px);
            padding: 10px 60px;

            .input-group {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                margin-bottom: 10px;

                &:first-child {
                    &>* {
                        flex: 1;
                    }

                    &>span {
                        flex: 0;
                    }
                }

                input,
                select {
                    margin-bottom: 0;

                    &[type=checkbox] {
                        width: 18px;
                        height: 18px;
                        border-radius: 0px;
                        margin-right: 8px;
                        margin-top: 0;
                    }
                }

                label {
                    white-space: nowrap;

                    &[for="fromyr"],
                    &[for="toyr"] {
                        &+select {
                            min-width: 150px;
                        }
                    }
                }

                &>span:not(.select2),
                &>label {
                    margin: 0px 15px;

                    &.slider {
                        margin: 0;
                    }
                }

                &>.input-full {
                    display: flex;
                    align-items: center;
                    margin-bottom: 10px;

                    &:first-child {
                        margin-right: 0px;
                    }

                    &>div {
                        // flex-basis: 50%;

                        &.input-right {
                            margin-right: 10px;
                            display: flex;
                            align-items: center;

                            .switchWrap {

                                &>span,
                                &>label {
                                    margin: 0px 5px;
                                }
                            }
                        }
                    }
                }

                &.d-flex-jc-sp {

                    &>.input-full {
                        flex-basis: 48%;

                        &:last-child {
                            margin-left: 50px;
                        }

                        &:first-child {
                            margin-left: 0px !important;
                        }

                        .input-left {
                            flex: 1;
                        }
                    }
                }
            }
        }

        .button-group {
            display: flex;
            justify-content: center;
            gap: 15px;
        }
    }
}

#searchResult {
    &.show {
        display: flex !important;
    }
}

.input-full {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    flex: 1;

    input[type=checkbox] {
        width: 18px;
        height: 18px;
        border-radius: 0px;
        margin-right: 8px;

        &+label {
            pointer-events: none;
            // opacity: 0.7;
            display: flex;
            flex: 1;
            align-items: center;

            .switch {
                position: relative;
                display: inline-block;
                width: calc(45px + 16px);
                height: 22px;
                margin-left: 8px;
                margin-right: 8px;
            }

            .switch input {
                width: 0;
                height: 0;
            }

            &>input {
                margin-bottom: 0 !important;
                margin-right: 0px;
            }

            &>label+span {
                margin-right: 10px;
            }
        }

        &:checked {
            &+label {
                pointer-events: all;
                opacity: 1;
            }
        }
    }

    &.selfReport-wrap {
        display: none;

        &.open {
            display: flex;
        }
    }
}

.input-half {
    display: flex;
    flex: 1;
    align-items: center;
    margin-bottom: 20px;
    flex: 0 0 49%;

    &>label {
        display: flex;

    }

    input[type=checkbox] {
        width: 18px;
        height: 18px;
        border-radius: 0px;
        margin-right: 8px;

        &+label {
            pointer-events: none;
            // opacity: 0.7;
            display: flex;
            flex: 1;
            align-items: center;

            .switch {
                position: relative;
                display: inline-block;
                width: calc(45px + 16px);
                height: 22px;
                margin-left: 8px;
                margin-right: 8px;
            }

            .switch input {
                width: 0;
                height: 0;
            }

            &>input {
                margin-bottom: 0 !important;
                margin-right: 0px;
            }

            &>label+span {
                margin-right: 10px;
            }
        }

        &:checked {
            &+label {
                pointer-events: all;
                opacity: 1;
            }
        }
    }
}

input[type=checkbox] {
    width: 18px;
    height: 18px;
    border-radius: 0px;
    margin-right: 8px;
    margin-bottom: 0 !important;

    &+input {
        pointer-events: none;
        // opacity: 0.7;
    }

    &:checked {
        &+input {
            pointer-events: all;
            opacity: 1;
        }
    }
}