.checkbox_container input {
		position: relative ;
		opacity: 0;
		cursor: pointer;
		height: 25px;
		width: 25px;
	}
	.checkbox_container {display: inline-block ; width: 25px;height:25px;}

	.checkmark {
		position: relative;
		box-shadow: rgb(44 121 156) 0px 0px 0px 2px;
		background-color: rgba(16, 16, 16, 0.5);
		height: 20px;
		width: 20px;
		top:-22px;
		transition: all 0.2s ease 0s;
		cursor: pointer;
		transform-origin: 0px 10px;
		border-radius: 4px;
		padding: 0px;
		margin: 0px;
		box-sizing: border-box;
	}

	.checkbox_container input:checked ~ .checkmark {
		box-shadow: rgb(255, 84, 0) 0px 0px 0px 2px;
		background-color: rgba(245, 24, 24, 0.5);
		height: 20px;
		width: 20px;
		margin-right: 10px;
		flex-shrink: 0;
		margin-top: -1px;
		transition: all 0.2s ease 0s;
		cursor: pointer;
		transform-origin: 0px 10px;
		border-radius: 4px;
		margin: 0px;
		padding: 0px;
		box-sizing: border-box;
	}

	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.checkbox_container input:checked ~ .checkmark:after {display: block;}
	.checkbox_container .checkmark:after {
		left: 5px;
		top: 2px;
		width: 10px;
		height: 10px;
		border: solid white;
		border-width: 0 0.15em 0.15em 0;
		transform: rotate(45deg);
		transition: all 500ms ease-in-out;
	}