.modern-checkbox-container {
	display: flex;
	gap: 6px;
}

.modern-checkbox-label {
	font-size: 13px;
	color: black;
}

input[type="checkbox"].modern-checkbox {
	-webkit-appearance: none;  /* Safari */
    -moz-appearance: none;     /* Firefox */
    appearance: none;  
	width: 17px;
	aspect-ratio: 1;
	border-radius: 2px;
	border: 1px solid #6F6F6F;
	background-color: white;
	transition: all 0.1s;
	position: relative;
	cursor: pointer;
}

input[type="checkbox"].modern-checkbox:focus, input[type="checkbox"].modern-checkbox:focus-visible {
	-webkit-appearance: none;  /* Safari */
    -moz-appearance: none;     /* Firefox */
    appearance: none; 
	outline: none;
}

input[type="checkbox"].modern-checkbox:hover {
	background-color: #E6E6E6; 
}

input[type="checkbox"].modern-checkbox:checked {
	background-color: #0B6F85; 
	border: 1px solid #0B6F85;
}

input[type="checkbox"].modern-checkbox:checked::after {
    content:url("/Dashboard/icons/check-white.svg");
	position: absolute;  
	aspect-ratio: 1;
}