/*
    单选框组
*/

@import "../../less/config/main";
.cui-radioContainer {
    position: relative;
    //width: 15px;
    input[type=radio] {
        visibility: hidden;
        &:checked + label {
            i {
                &::after {
                    visibility: visible;
                }
                span {
                    visibility: visible;
                }
                css3-container {
                    display: inherit !important;
                }
            }
            &.readOnly > i {
                background-color: @c-light-b;
                &::after {
                    background-color: @c-normal-b;
                    border-color: @c-normal-b;
                }
                span {
                    background-color: @c-normal-b;
                    border-color: @c-normal-b;
                }
            }
        }
        &+label.readOnly {
            cursor: no-drop;
            > i {
                background-color: @c-light-b;
            }
        }
    }
    label {
        cursor: pointer;
    }
    label > i {
        position: absolute;
        left: 0;
        top: 0;
        width: 15px;
        height: 15px;
        background-color: @c-common-white;
        border: 1px solid @c-normal-b;
        border-radius: 50%;
        cursor: inherit;
        &::after {
            visibility: hidden;
            content: '';
            position: absolute;
            top: 3px;
            left: 3px;
            width: 7px;
            height: 7px;
            background-color: @c-important-a;
            border: 1px solid @c-important-a;
            border-radius: 50%;
        }
        span {
            visibility: hidden;
            position: absolute;
            top: 3px;
            left: 3px;
            width: 7px;
            height: 7px;
            background-color: @c-important-a;
            border: 1px solid @c-important-a;
            border-radius: 50%;
        }
        css3-container {
            display: none;
        }
    }
    label > span {
        position: absolute;
        left: 18px;
        top: -2px;
        font-weight: normal;
        color: @c-common-black;
    }
    &.inline {
        display: inline-block;
        width: 120px;
    }
}