/* This file is part of the EEjit.Web package from the RND EEjit Framework.
 * Do not modify it directly, as your changes may be overwritten by future updates.
 */

div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div label,
div.DTE_Field_Type_radio div.DTE_Field_Input > div > div label {
    margin-left: .55em;
}

.datatable-panel table.dataTable tr td .dt-checkbox,
.datatable-panel table.dataTable tr th .dt-checkbox {
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    mask-image: url(/assets/images/icons/checkbox_empty.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    -webkit-mask-image: url(/assets/images/icons/checkbox_empty.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    background-color: var(--rnd-secondary-colour);
}

.datatable-panel table.dataTable tr th .dt-checkbox {
    margin-bottom: 6px;
}

.datatable-panel table.dataTable tr.selected td .dt-checkbox,
.datatable-panel table.dataTable tr th.selected .dt-checkbox {
    mask-image: url(/assets/images/icons/checkbox_checked.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    -webkit-mask-image: url(/assets/images/icons/checkbox_checked.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
}

.datatable-panel table.dataTable tr th.active .dt-checkbox {
    mask-image: url(/assets/images/icons/checkbox_selected.svg);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: cover;
    -webkit-mask-image: url(/assets/images/icons/checkbox_selected.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
}