.inputCheckbox { margin-bottom: .5rem; padding-left: 0; font-size: 13px; > div { height: 26px; padding-left: 15px; line-height: 26px; > i { position: absolute; top: 8px; right: 10px; color: #787E8F; cursor: pointer; } } } .label { margin-left: 9px; cursor: pointer; > input { display: none; margin-right: 9px; } &:before { content: ''; position: absolute; left:15px; top: 6px; width: 14px; height: 14px; border: 1px solid rgba(16,22,34,0.15); background-color: #FDFDFD; border-radius: 3px; } } .checked { &:after { content: '\f00c'; position: absolute; top: 0; left: 17px; font-size: 10px; font-family: 'FontAwesome'; font-weight: 100; color: #1C5DE7; transition: all .2s; } } .highlighted { border-radius: 3px; background-color: #E9EAEB; font-weight: 600; }