input[type="checkbox"],
input[type="radio"] {
	opacity:0;
}

/*custom checkboxes */
fieldset {
	border: none;
}


.custom-radio-container fieldset legend {
	font-size: 16px;
	font-weight: 400;
}

.custom-checkbox:checked + label::before{
	border: 2px solid #076191;
}

.custom-checkbox + label::before {
	border-radius: 25%;
	border: 2px solid #767676;
	border-image: none;
	left: 0px;
	top: 5px;
	width: 15px;
	height: 15px;
	margin-right: 14px;
	display: block;
	position: absolute;
	content: "";
}

.custom-checkbox:focus-visible + label::before {
	outline: 2px solid #5394BE;
	outline-offset: -1px;
}


.custom-checkbox + label {
	padding-left: 26px;
	margin-left: 0px !important;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 16px;
}


.custom-checkbox:checked + label::after {
	background: #076191;
	border-radius: 0%;
	left: 1.5px;
	top: 7px;
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
	content: "\2714";
	color: #fff;
	line-height: 10px;
	font-size: 12px;
	text-align: center
}


/*accessible styling for custom radios on Replace Lost or Stolen Card*/

fieldset {
	border: none;
}


	.custom-radio-container fieldset legend {
		font-size: 16px;
		font-weight: 400;
	}

.custom-radio-container .row:hover input[type='radio'] + label::before {
	background: rgb(255, 255, 255);
	transition: 0.5s;
}

.custom-radio-container input[type='radio']:checked + label::after {
	background: rgb(255, 255, 255);
	transition: 0.5s;
}


.custom-radio-container input[type='radio'] + label::before {
	border-radius: 50%;
	border: 2px solid #767676;
	border-image: none;
	left: 0px;
	top: 5px;
	width: 15px;
	height: 15px;
	margin-right: 14px;
	display: block;
	position: absolute;
	content: "";
}


.custom-radio-container input[type='radio'] + label {
	padding-left: 26px;
	margin-left: 0px !important;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 16px;
}

.custom-radio-container input[type='radio']:focus-visible + label::before {
	outline: 2px solid #5394BE;
	outline-offset: -1px;
}

.custom-radio-container input[type='radio']:checked + label::after {
	background: #076191;
	border-radius: 50%;
	left: 3px;
	top: 8px;
	width: 9px;
	height: 9px;
	display: block;
	position: absolute;
	content: "";
}
	/* New styles for custom radios on Replace Lost or Stolen Card */
	.custom-radio-group div div div label {
	font-size: 1rem;
	display: inline-block;
	display: grid;
	grid-template-areas: "bubble txt" " . txt";
	grid-template-columns: auto auto 1fr;
}
.custom-radio-group label + span {
	display: inline-block;
	margin: 5px 0 15px 5px;
	line-height: 1.5;
}
.custom-radio-group span {
	grid-area: bubble;
}
.custom-radio-group span.bubble-text {
	grid-area: txt;
}
/* .custom-radio-group label ~ span:nth-of-type(2) {
	margin-left: 35px;
} */
.custom-radio-group label ~ p {
	margin-top: 1rem;
	margin-left: 2.2rem;
	max-width: 48rem;
	font-size: .875rem;
}
/* .custom-radio-group > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > label:nth-child(1) {
	display: grid;
	grid-template-areas: "bubble txt" " . txt";
	grid-template-columns: auto auto 1fr;
   }
   .custom-radio-group > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > label:nth-child(1) > span:nth-child(2) {
	grid-area: bubble;
   }
   .custom-radio-group > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > label:nth-child(1) > span:nth-child(3) {
	grid-area: txt;
   } */
form .custom-radio-group .lostCardRow div {
	/* float: left;  */
/*	margin-top: .5rem;
	margin-bottom: 1.5rem;*/
}
form .custom-radio-group label span:nth-of-type(3) {
	padding-left: 10px;
}
.lostCardRow .form-field-label,
.dates-lost .form-field-label {
	font-size: .875rem;
}
form .custom-radio-group .lostCardRow div:nth-of-type(n+2) {
	/*margin-left: 1.5rem;*/
}
form .custom-radio-group .lostCardRow {
	margin-left: 2.2rem;
}
form .custom-radio-group .lostCardRow input,
form .custom-radio-group .lostCardRow select {
	max-width: 12rem;
	display: block;
}
p.module-stolen {
		padding-top: 2rem;
}
.module-section .noBtn {
		color: #076191;
		background: transparent;
		text-decoration: underline;
		padding: 0;
		margin: 0;
		padding-left: 1.5rem;
		border-left: 1px solid lightgray;
}
.module-section p.dates-lost {
	display: grid;
	grid-column-gap: 3.5rem;
	grid-template-columns: auto auto 1fr;
	grid-template-areas: 
	"span1 btn . "
	"span2 btn . "
	"span3 btn . ";
	margin: 2rem 0;
}
.module-section p.dates-lost span {
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.module-section p.dates-lost span:nth-of-type(1) {
		grid-area: span1;
}
.module-section p.dates-lost span:nth-of-type(2) {
	grid-area: span2;
}
.module-section p.dates-lost span:nth-of-type(3) {
	grid-area: span3;
}
.module-section p.dates-lost button {
	grid-area: btn;
}
[class^="custom-radio"] + span {
	cursor: pointer;
	float: left;
	background-color: #FFF;
	border: 1px solid #C1CACA;
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	margin-right: 15px;
	margin-top: 1px;
}
[class^="custom-radio"]:checked + span {
	border: 1px solid #92A1AC;
}
[class^="custom-radio"]:checked + span:before {
	content: ' ';
	border-radius: 100px;
	position: absolute;
	background: #00A651;
	opacity: .8;
	display: none;
	top: 3px;
	left: 3px;
	width: 12px;
	height: 12px
}
[class^="custom-radio"]:checked + span:before {
	content: ' ';
	display: block
}
.fw-400 {
	font-weight: 400;
}

/* New styles for custom radios on Replace Lost or Stolen Card */