::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: red;
}
#load {
  z-index: 2000;
  color:#373a3c;
  background-color: #fff;
  top: 0px;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
#load > div{
  margin: auto;
  font-size: 20vw;
  text-align: center
}

@media (min-width: 992px) {
	.pic-upload > span > div > div{
	    max-width: 100%;
	}
}

@media (min-width: 576px) {
	.pic-upload > span > div > div {
	    margin: 0px auto;
	}
}

.checklistbuttons input[type="radio"]:checked+label {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.checklistbuttons_approved {
  color: #fff;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border: 2px solid #419641;
  border-radius: 0.3rem;
  background-color: #449d44;
}

.checklistbuttons_notapproved {
  color: #fff;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border: 2px solid #d9534f;
  border-radius: 0.3rem;
  background-color: #d9534f;
}

.checklistbuttons_disabled {
  color: #fff;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border: 2px solid #6c757d;
  border-radius: 0.3rem;
  background-color: #6c757d;
}

.checklistbuttons input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
}