.checkBoxCtrl {
            width: 100%;
        }

            .checkBoxCtrl input[type=checkbox] {
                display: none;
            }

            .checkBoxCtrl label {
                color: #000;
                cursor: pointer;
                text-indent: 20px;
                white-space: nowrap;
            }

            .checkBoxCtrl input[type=checkbox] + label {
                display: block;
                border: 0.0625em solid rgb(192,192,192);
                border-radius: 0.25em;
                background: rgb(211,168,255);
                background-image: -moz-linear-gradient(rgb(240,240,240),rgb(211,168,255));
                background-image: -ms-linear-gradient(rgb(240,240,240),rgb(211,168,255));
                background-image: -o-linear-gradient(rgb(240,240,240),rgb(211,168,255));
                background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(211,168,255));
                background-image: linear-gradient(rgb(240,240,240),rgb(211,168,255));
                vertical-align: middle;
                margin: 2px;
                padding: 2px;
            }

            .checkBoxCtrl input[type=checkbox]:checked + label::before {
                content: "\2714";
                color: #fff;
                font-weight: 900;
                margin-right: 8px;
                margin-left: -20px;
            }

            .checkBoxCtrl input[type=radio] + label {
                display: block;
                width: 1em;
                height: 1em;
                border: 0.0625em solid rgb(192,192,192);
                border-radius: 1em;
                background: rgb(211,168,255);
                background-image: -moz-linear-gradient(rgb(240,240,240),rgb(211,168,255));
                background-image: -ms-linear-gradient(rgb(240,240,240),rgb(211,168,255));
                background-image: -o-linear-gradient(rgb(240,240,240),rgb(211,168,255));
                background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(211,168,255));
                background-image: linear-gradient(rgb(240,240,240),rgb(211,168,255));
                vertical-align: middle;
                line-height: 1em;
                font-size: 14px;
            }

            .checkBoxCtrl input[type=radio]:checked + label::before {
                content: "\2716";
                color: #fff;
                display: inline;
                width: 1em;
                height: 1em;
                margin-right: 6px;
                margin-left: -20px;
            }