.fancyCheckbox {
    display: inline-flex;
    cursor: pointer;
    position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.fancyCheckbox .isRequired {
    width: 0px;
    padding: 0px;
    margin: 0px;
}

.fancyCheckbox.wrapped{
	margin-top: 20px;
}

.fancyCheckbox > input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
  }

.fancyCheckbox > input + p {
	text-align: center;
	display: block;

	font-size: 19px;
	padding: 8px 23px 14px 25px;
	margin: 0px;
	min-width: 50px;
    /*border: 1px solid #34495E;*/
	box-shadow: 0 0 0 1px #34495E inset;
    border-radius: 25px;
    transition-duration: 0.3s;
    background-color: transparent;
    cursor: pointer;

    color: var(--general-black);
	user-select: none;
}

.fancyCheckbox > input:checked + p{
	background-color: var(--general-black);
    color: var(--nav-background);
}
.fancyCheckbox > input.notFilled + p{
	border: 2px solid red;
}


.fancyCheckbox > input:checked + p > .inlineArrow .cls-1{
	transition-duration: 0.3s;
	fill: var(--nav-background);
}