.menubox__options {
	list-style-type: none;
	padding: 0 10px;
}
.survey_title{
	text-align:left;
	font-size: 18px;
	font-weight: 900;
	color:#000;
	padding: 0.625rem 5rem 0.625rem 0.75rem;
}
.menubox__option {
	position: relative;
	border-radius: 4px;
	border: 1px solid rgb(29, 161, 242);
	margin-top: 7px;
}

.menubox__option-toggle {
	display: block;
	font-weight: 400;
	font-size: 0.875rem;
	padding: 0.5rem 4rem 0.5rem 1rem;
	cursor: pointer;
	-webkit-animation: entrance .4s ease-out;
	animation: entrance .4s ease-out;
	text-align: center;
}

.menubox__option-toggle::before {
	content: '';
	position: absolute;
	width: calc(100% - 0.25rem - 1px);
	height: calc(100% - 2px);
	left: 0;
	top: 0;
	border-radius: 0 50px 50px 0;
	border: 1px solid #f9f9f9;
	border-left: 0;
	opacity: 0;
	background: #f9f9f9;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	transition: opacity .25s ease-out, -webkit-transform .25s ease-out;
	transition: opacity .25s ease-out, transform .25s ease-out;
	transition: opacity .25s ease-out, transform .25s ease-out, -webkit-transform .25s ease-out;
}

.menubox__option-toggle:hover::before {
	border-color: #e8e8e8;
}

.menubox__option-toggle:hover::before,
.menubox__option-toggle:focus-within::before {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.menubox__option-toggle input[type=checkbox],
.menubox__option-toggle input[type=radio] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	clip: rect(1px 1px 1px 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	overflow: hidden;
}

.menubox__option-label {
	position: relative;
    color: #333;
    transition: all .35s ease-out;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
}

.menubox__option-toggle input[type=checkbox]~.menubox__option-toggle-check,
.menubox__option-toggle input[type=radio]~.menubox__option-toggle-check {
	position: absolute;
	top: 0;
	left: 0.375rem;
	width: 2rem;
	height: 100%;
}

.menubox__option-toggle input[type=checkbox]:checked~.menubox__option-toggle-check,
.menubox__option-toggle input[type=checkbox]~.menubox__option-toggle-check.unchecking,
.menubox__option-toggle input[type=radio]:checked~.menubox__option-toggle-check,
.menubox__option-toggle input[type=radio]~.menubox__option-toggle-check.unchecking {
	background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM2MWJmOWUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center/45% no-repeat;
}



.css-flex-item {
    -ms-flex-align: stretch;
    -ms-flex-direction: column;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: auto;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-basis: auto;
    -webkit-flex-direction: column;
    -webkit-flex-shrink: 0;
    align-items: stretch;
    border: 0 solid black;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-basis: auto;
    flex-direction: column;
    flex-shrink: 0;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    min-height: 0px;
    min-width: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    position: relative;
    z-index: 0;
}
.menubox__restuls{
	margin-top: 7px;
}

.menubox__restuls-box{
    height: 30px;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
	flex-direction: row;
	padding: 0 10px;
	outline: 1px solid rgb(204, 214, 221);
}

.menubox__restuls-strip{
    background-color: #eee;
    /* border-bottom-right-radius: 50px; */
    /* border-top-right-radius: 50px; */
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
}

.menubox__restuls-title{
	padding: 0 10px
}
.menubox__restuls-progress{
	padding-left: 10px;
}