wiki.techinc.nl/resources/lib/codex/modules/CdxCheckbox-rtl.css

.cdx-checkbox{position:relative;min-width:20px;min-height:20px}.cdx-checkbox:not(.cdx-checkbox--inline){display:flex;margin-bottom:12px}.cdx-checkbox:not(.cdx-checkbox--inline):last-child{margin-bottom:0}.cdx-checkbox--inline{display:inline-flex;margin-left:16px;white-space:nowrap}.cdx-checkbox--inline:last-child{margin-left:0}.cdx-checkbox__label,.cdx-checkbox__label.cdx-label{display:inline-flex;position:relative;z-index:0;padding-right:calc(1.25rem + 8px);line-height:1.4285714}.cdx-checkbox__label.cdx-label{padding-bottom:0}.cdx-checkbox__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-checkbox--inline .cdx-checkbox__label{display:inline}.cdx-checkbox__icon{background-color:var(--background-color-base-fixed, #fff);position:absolute;right:0;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-width:1px;border-style:solid;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-checkbox__input{opacity:0;position:absolute;right:0;z-index:1;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;margin:0;font-size:inherit;cursor:inherit}.cdx-checkbox:hover>.cdx-checkbox__input:enabled,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-label .cdx-label__label,.cdx-checkbox:hover>.cdx-checkbox__input:enabled~.cdx-checkbox__label:not(.cdx-label){cursor:pointer}.cdx-checkbox__icon{background-size:0 0;border-radius:2px}.cdx-checkbox__input:indeterminate+.cdx-checkbox__icon:before{content:" ";background-color:var(--background-color-base-fixed, #fff);position:absolute;top:calc(50% - .5px);left:3px;right:3px;height:2px}.cdx-checkbox__input:checked:not(:indeterminate)+.cdx-checkbox__icon:before{content:" ";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23fff" d="M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/></svg>');background-position:center;background-repeat:no-repeat;background-size:1rem 1rem;position:absolute;width:100%;height:100%}.cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-interactive, #72777d)}.cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-checkbox__input:enabled:focus:not(:active)+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-progressive--hover, #447ff5);border-color:var(--border-color-progressive--hover, #447ff5)}.cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-progressive--active, #2a4b8d);border-color:var(--border-color-progressive--active, #2a4b8d)}.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover)+.cdx-checkbox__icon{background-color:var(--background-color-input-binary--checked, #36c);border-color:var(--border-color-progressive, #36c)}.cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c),inset 0 0 0 2px var(--box-shadow-color-inverted, #fff)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled+.cdx-checkbox__icon{border-color:var(--border-color-error, #b32424)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover+.cdx-checkbox__icon{border-color:var(--border-color-error--hover, #ff4242)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus+.cdx-checkbox__icon{border-color:var(--border-color-progressive--focus, #36c)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover+.cdx-checkbox__icon{background-color:var(--background-color-error--hover, #ff4242);border-color:var(--border-color-error--hover, #ff4242)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active+.cdx-checkbox__icon{background-color:var(--background-color-error--active, #b32424);border-color:var(--border-color-transparent, transparent)}.cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active)+.cdx-checkbox__icon,.cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active)+.cdx-checkbox__icon{background-color:var(--background-color-error, #d73333);border-color:var(--border-color-progressive--focus, #36c)}.cdx-checkbox__input:disabled+.cdx-checkbox__icon{background-color:var(--background-color-disabled, #c8ccd1);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-checkbox__input:disabled~.cdx-checkbox__label,.cdx-checkbox__input:disabled~.cdx-checkbox__label.cdx-label{color:var(--color-disabled, #72777d)}