﻿input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"] + label span {
        display: inline-block;
        width: 19px;
        height: 19px;
        margin: -2px 4px 0 0;
        vertical-align: middle;
        background: none;
        cursor: pointer;
        border: 2px solid #428bca;
        border-radius: 4px;
        transition: 0.1s linear;
    }

    input[type="checkbox"]:checked + label span {
        background:  url('/images/HolterIcons/checkboxSelected.svg') no-repeat;
        }

    
input[type="radio"] {
    display: none;
}

    input[type="radio"] + label span {
        display: inline-block;
        width: 19px;
        height: 19px;
        margin: -2px 4px 0 0;
        vertical-align: middle;
        background: none;
        cursor: pointer;
        border: 2px solid #428bca;
        border-radius: 9px;
        transition: 0.1s linear;
    }

    input[type="radio"]:checked + label span {
         background:  url('/images/HolterIcons/radiobuttonSelected.svg') no-repeat;
    }

