#progbar {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background:rgba(0,0,0,0.2);
}
img.loading {
  margin: auto;
  position: absolute;
  left: 45%;
  top: 50%;
}
input[type=radio] {
    display: none;
}
input[type=checkbox] {
    display: none;
}
input[type=radio] + label::before {
    content: '';
    display: inline-block;
    border: 1px solid #1F4D79;
    border-radius: 50%;
    margin: 0 0.5em -0.45em 0.5em;
}
input[type=radio]:checked + label::before {
    background-color: #1F4D79;
}
input[type=checkbox] + label::before {
    content: '';
    display: inline-block;
    border: 1px solid #1F4D79;
    border-radius: 10%;
    margin: 0 0.5em -0.45em 0.5em;
}
input[type=checkbox]:checked + label::before {
    background-color: #1F4D79;
}
input + label::before {
    width: 1.5em;
    height: 1.5em;
}