Custom Checkbox Issue in only Edge

I am facing a strange problem with a checkbox that i have customized for my personal blog. I was checking for browser compatibility when i occured with this scenario.

The custom checkbox is working on all major browsers i.e Chrome, firefox, Ie 10. But when i checked for Edge, it is not working and the styles are not getting applied. I have pasted the code in fiddle.

JSFiddle

input[type='checkbox'] {display: none;box-sizing: border-box;padding: 0;outline: none;border: none;background: transparent;width: auto;}
input[type='checkbox']:checked+.tick_mark {color: #16a0de;}
input[type='checkbox']+span {cursor: pointer;font-weight: normal;font-size: 11px;}
.tick_mark {border: 1px solid #666;padding: 0px 1px;color: white;margin: 6px 4px 6px 0;font-weight: normal;}