#af224b32f3934b06906870fbe162fa30 { margin: 0; padding: 0; border: 2px dotted transparent; margin: 0 .25em .25em 0; display: inline-block; } #af224b32f3934b06906870fbe162fa30.focus { border-color: #E86D1A; } #af224b32f3934b06906870fbe162fa30 div.checked { background-image: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjaGVjayIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWNoZWNrIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iZ3JlZW4iIGQ9Ik0xNzMuODk4IDQzOS40MDRsLTE2Ni40LTE2Ni40Yy05Ljk5Ny05Ljk5Ny05Ljk5Ny0yNi4yMDYgMC0zNi4yMDRsMzYuMjAzLTM2LjIwNGM5Ljk5Ny05Ljk5OCAyNi4yMDctOS45OTggMzYuMjA0IDBMMTkyIDMxMi42OSA0MzIuMDk1IDcyLjU5NmM5Ljk5Ny05Ljk5NyAyNi4yMDctOS45OTcgMzYuMjA0IDBsMzYuMjAzIDM2LjIwNGM5Ljk5NyA5Ljk5NyA5Ljk5NyAyNi4yMDYgMCAzNi4yMDRsLTI5NC40IDI5NC40MDFjLTkuOTk4IDkuOTk3LTI2LjIwNyA5Ljk5Ny0zNi4yMDQtLjAwMXoiPjwvcGF0aD48L3N2Zz4='); background-repeat: no-repeat; background-size: contain; border: none; background-color:transparent; background-position: center;} #af224b32f3934b06906870fbe162fa30 div { height: 1em; width: 1em; border: 1px solid black; display: inline-block; } #af224b32f3934b06906870fbe162fa30 + label { position: relative; top: -0.1em; } #af224b32f3934b06906870fbe162fa30 + label::before { color: #c41a1f; content: "*"; margin-right: .25em; }