label {
	font-family: Arial, sans-serif;
	font-size: 17px;
	text-transform: capitalize;
}

label[for="normal-population-ck"] {
	/*color: powderblue; not AAA*/
	color: #1F5E6B;
}


#graph-form {
    position: absolute;
	top: 435px;
    left: 72px;
    font-size: 14px;
}

#graph-form > * {
    display: inline-block;
    vertical-align: middle;
}

#graph-form button {
    /*background: linear-gradient(0deg, rgb(252,175,195),rgb(242,205,214));*/
    background: linear-gradient(to top, rgb(242, 204, 214) 0%, rgb(253, 173, 194) 100%);
    width: 120px;
    height: 30px;
    border-radius: 4px;
    border:2px solid rgb(203, 128, 149);
    padding:4px;
    margin-left: 20px;
    font-size: 17px;
}

#graph-form input[type="checkbox"] {
	width: 17px;
	height: 17px;
}

#history-ck {
    margin-left: 34px;
}

/* CSS for custom checkbox control, due to Safari & Chrome 83 having non-white non-changeable background */

#graph-form input[type="checkbox"] {
    display: none;
}

#graph-form div[role="checkbox"] {
    border: 1px solid black;
    /*border-radius: 3px;*/
    width: 20px;
    height: 20px;
    font-size:21px;
    cursor: pointer;
    padding: 0px;
    box-sizing: border-box;
    color: black;
    position: relative;
}



#graph-form [role="checkbox"] span {
    position: absolute;
    top: -6px;
    left: 0px;
}

#graph-form div[role="checkbox"][data-for="normal-population-ck"] {
    background: linear-gradient(to top, rgb(211, 228, 249) 0%, rgb(186, 216, 254) 100%);
}

#graph-form div[role="checkbox"][data-for="history-ck"] {
    background: rgb(224, 242, 224);
    margin-left: 30px;
}

