/* When prbopc(AKN - Point Count) is checked, add an orange background */
.checkbox-container input[id=prbopc]:checked ~ .checkmark {
    background: linear-gradient(#ff8400, #d26b00);
}

/* When band(AKN - Banding) is checked, add a Green background */
.checkbox-container input[id=band]:checked ~ .checkmark {
    background: linear-gradient(#1a9e01, #188801);
}

/* When area(AKN - Area Survey) is checked, add a violet background */
.checkbox-container input[id=area]:checked ~ .checkmark {
    background: linear-gradient(#713dcf, #5C33AF);
}

/* When atsea(AKN - At Sea) is checked, add a pink background */
.checkbox-container input[id=atsea]:checked ~ .checkmark {
    background: linear-gradient(#F4C9B4, #dcb3a1);
}

/* When any ebird is checked, add a blue background */
.checkbox-container input[id^=ebird]:checked ~ .checkmark {
    background: linear-gradient(#2196F3, #0b80dd);
}

/* When any bbs is checked, add a red background */
.checkbox-container input[id^=bbs]:checked ~ .checkmark {
    background: linear-gradient(#ff1934, #c0001b);
}