.wc-checkbox
{
position: relative;
padding: 0.6em;
padding-right: 2.5em;
width: calc(100% - 3em);
border-radius: 3px;
border: solid 1px var(--input-border);
background-color: var(--input-background);
cursor: pointer;
display: table;
user-select: none;
}
.wc-checkbox:hover
{
background-color: var(--input-background-hover);
}
.wc-checkbox-left
{
padding-right: 0.5em;
padding-left: 3em;
width: calc(100% - 3.5em);
}
.wc-checkbox-checker-left
{
left: 5px;
}
.wc-checkbox-transparent
{
background-color: var(--transparent);
border: 1px solid var(--transparent);
}
.wc-checkbox-transparent:hover
{
background-color: var(--transparent);
border: 1px solid var(--transparent-low);
}
.wc-checkbox-off
{
position: absolute;
margin: 0px;
height: 1em;
width: 1em;
top: 4px;
right: 5px;
padding: 3px;
border: 1px solid var(--input-text);
border-radius: 3px;
display: table-cell;
cursor: pointer;
}
.wc-checkbox-on
{
background-image: url("images/done-24px.svg");
background-repeat:no-repeat;
background-size: 100% 100%;
background-position: center center;
}