html, body {
    height: 100%;
    width: 100%;
    height: 100vh;
    width: 100vw;
    margin:0;
    padding:0;
    overflow: hidden;
}

/*Checkboxes styles*/
input[type="checkbox"], input[type="radio"] { 
    display: none; 
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type="checkbox"] + label, input[type="radio"] + label  {
    display: block;
    position: relative;
    color: text-secondary;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type="checkbox"] + label:before {
  content: '';
  display: block;
  position: absolute;
  background-image : url('/img/icon/system/checkbox_inactive.png');
  background-repeat: no-repeat;
  background-size: contain;
}
input[type="checkbox"]:checked + label:before {
    background-image : url('/img/icon/system/checkbox_active.png');
    fill:white
}

input[type="checkbox"].skip + label:before {
  content: '';
  display: block;
  position: absolute;
  background-image : url('/img/icon/system/skip_inactive.png');
  background-repeat: no-repeat;
  background-size: contain;
}
input[type="checkbox"]:checked.skip + label:before {
    background-image : url('/img/icon/system/skip_active.png');
    fill:white
}

/*Radio styles*/
input[type="radio"] + label:before {
    content: '';
    display: block;
    position: absolute;
    background-image : url('/img/icon/system/radio_inactive.svg');
}
input[type="radio"]:checked + label:before {
    background-image : url('/img/icon/system/radio_active.svg');
}