/* Main Classes */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
    input[type="checkbox"], input[type="radio"] {
      
    }
}
/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
   input[type="checkbox"], input[type="radio"] {
        /*visibility: hidden !important;*/
    }
}
@media not all and (min-resolution:.001dpcm) { @media
{
    input[type="checkbox"], input[type="radio"] {
        visibility: hidden !important;
    }
}}
/* Safari 9.0 (iOS Only) */
@supports (-webkit-text-size-adjust:none) and (not (-ms-ime-align:auto))
and (not (-moz-appearance:none))
{
  input[type="checkbox"], input[type="radio"] {
        visibility: hidden !important;
    }
}
input[type="checkbox"], input[type="radio"] {
    visibility: visible;
    position: relative;
}
input[type="checkbox"]::before, input[type="checkbox"]:before{
    display: none;
    box-sizing: content-box !important;
}
    input[type="checkbox"]::after, input[type="checkbox"]:after {
        position: absolute;
        position: relative;
        display: block;
        content: "";
        border: 2px solid var(--mainBorderColor);
        border-radius: 2px;
        width: 14px;
        height: 14px;
        background: #fff;
        top: 0px;
        margin: 0px;
        left: -4px;
        box-sizing: content-box !important;
        visibility: visible;
    }
    input[type="checkbox"]:checked::after, input[type="checkbox"]:checked:after {
        position: absolute;
        content: '\e5ca';
        font-family: "Material Icons";
        font-size: 18px;
        color: #fff;
        background: var(--main);
        border-color: var(--main);
        border: 0px;
        width: 18px;
        height: 18px;
        box-sizing: content-box !important;
        visibility: visible;
    }

input[type="radio"]::before, input[type="radio"]:before{
    display: none;
    box-sizing: content-box !important;
}
    input[type="radio"]::after, input[type="radio"]:after {
        position: absolute;
        display: block;
        content: '\e836';
        font-family: "Material Icons";
        font-size: 22px;
        color: rgba(0,0,0,.54);
        border: 0px;
        width: 18px;
        height: 18px;
        background: #fff;
        top: -4px;
        margin: 0px;
        left: -4px;
        border-radius: 50%;
        box-sizing: content-box !important;
        visibility: visible;
    }
    input[type="radio"]:checked::after, input[type="radio"]:checked:after {
        position: absolute;
        content: '\e837';
        font-family: "Material Icons";
        font-size: 22px;
        color: var(--main);
        border: 0px;
        width: 18px;
        height: 18px;
        box-sizing: content-box !important;
        visibility: visible;
    }