.mx-Checkbox{
    width: 100%;
    padding: 0px 0px 8px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;

    i{
        padding: 1px;
        border: 1px solid #666;
        color: #666;
        border-radius: 50%;
        margin-right: 12px;

        &:before{
            visibility: hidden;
        }
    }


    i.checked{
        border: 1px solid #108ee9;
        color: #108ee9;

        &:before{
            visibility: visible;
        }
    }

    input{
        position: absolute;
        opacity: 0;
    }

    .mx-Checkbox__content{
        width: 100%;
    }

    .mx-Checkbox__content:after{
        visibility: hidden;
    }
}