@charset "utf-8";

.radioContainer {
	display: flex;
	justify-content: center;
	align-items: center;
/* 	height:200px; */
/* 	background:rgba(255,0,0,0.5); */
/* 	padding-top : 3px; */
	width : calc(90% + 2px);
}

.radio_list {
	flex: 0 0 100%;
	padding-left:0px;
	list-style:none;
	margin:0;
	position:relative;
/*     padding-bottom:2px; */
/*     padding-top:1px */
}

.radio_list_item {
/*     position: relative; */
    margin-right:3px;
/*     margin-left:1.5px; */
    margin-top:1px;
    margin-bottom:2px;
    float:left;
}

.radio_list_item:hover > .radio_label {
	color: #094487;
}

.radio_list_item:hover > .radio_label::before {
	border: 2px solid #094487;
	margin-right: 4px;
}

.radio-btn {
    position: absolute;
    opacity: 0;
    
}

.radio-btn:checked + .radio_label {
    color: #094487;
    font-weight: bold;
}

.radio-btn ~ .radio_label::before {
	margin-right: 4px;
}

.radio-btn:checked ~ .radio_label::before {
    margin-right: 4px;
    border: 2px solid #094487;
/*     background: #6a51ea; */
    
}

.radio_label {
	display: flex;
	align-items: center;
	color: black;
	font-size: 14px;
	cursor: pointer;
	transition: color 0.5s linear;
	position:relative;
	
	line-height: 24px !important;
	
/* 	height: 13px; */
/* 	position: relative; */
/* 	vertical-align: middle; */
/* 	line-height: 13px; */
/* 	margin-left:1px; */
}

/* .radio_label{ */
/* 	position:absolute; */
/* 	top:0; */
/* 	left:0; */
/* 	width:10px; */
/* 	height:10px; */
/* } */

.radio_label::before {
	display: inline-block;
	content: "";
	height: 10px;
	width: 10px;
	margin: 0 1.5px;
	border: 2px solid rgba(0,0,0,0.478431);
	border-radius: 50%;
	transition: opacity 0.25s linear;
/* 	position: absolute; */
}

.radio_label::after {
	display: inline-block;
	content: "";
	height: 6px;
	width: 6px;
	background: #6a51ea;
	border-radius: 50%;
	transition: opacity 0.5s linear;
	position:absolute;
	top:calc(50% - 3px);
	left:5.5px;
	opacity:0;
	position: absolute;
}


.radio-btn:disabled ~ .radio_label,.radio-btn:disabled ~ .radio_label::after, .radio-btn:disabled ~ .radio_label::before{
    opacity:0.4 !important;
}


.radio-btn:checked ~ .radio_label::after {
    opacity:1 !important;
}

.radio_list_item:hover > .radio_label::after {
	opacity:0.5;
}


 .radioContainer li{
 float : left;
 margin-right:3px;
 }
 
 
.radio-btn{
	margin:0;
	right:0;
	top:0;
}