label.checkbox_text { position:relative; cursor:pointer; display:inline-block; overflow:hidden; box-sizing:border-box; vertical-align:middle; }
label.checkbox_text { padding-left:calc(16px + 5px); line-height:16px; }
label.checkbox_text:before,
label.checkbox_text:after { content:''; position:absolute; box-sizing:border-box; }
label.checkbox_text:after { transform:rotate(45deg);
                            -webkit-transform:rotate(45deg);
                            border-right:2px solid #000000;
                            border-bottom:2px solid #000000;
                            top:calc(50% - (((16px / 12 ) * 5) / 2));
                            display:block;
                            margin-top:calc(((16px / 12 ) * 5) * -1);
                            width:calc(((16px / 12 ) * 5));
                            height:16px;
                            z-index:1; }
label.checkbox_text:before { width:16px;
                             height:16px;
                             left:0px;
                             top:0;
                             border:1px solid #000000;
                             z-index:3;
                             box-sizing:border-box; }
label.checkbox_text:after { left:calc((16px / 2) - (((16px / 12 ) * 5) / 2)); }
label.checkbox_text input[type="checkbox"] { -webkit-appearance: none;
                                             position:absolute;
                                             z-index:2;
                                             margin:0px;
                                             width:16px;
                                             height:16px;
                                             box-sizing:border-box;
                                             outline:none; }
label.checkbox_text input[type="checkbox"] { left:calc(16px * -1); padding:0; }
label.checkbox_text input[type="checkbox"] { display:block; box-shadow:16px 0px #FFF; }
label.checkbox_text input[type="checkbox"]:checked { box-shadow:none; }