/***********************************************
PROJECT CSS - quiz
************************************************/

.progress-minimal {
	overflow: hidden;
	margin-bottom: 23px;
}
.progress-minimal-txt {
	margin-right: 10px;
}
.progress-minimal-bar {
	margin-top: 6px;
	overflow: hidden;
	height: 10px;
	background-color: #f5f5f5;
	border-radius: 4px;
 	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-minimal-bar .progress-bar {
	font-weight:700;
	text-align: right;
	background-color: #d5d9dd;
	height: 100%;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.row-striped {
	border: 1px solid #ccc !important;
	border-radius: 15px;
}
.row-striped:nth-child(odd) {
	background: #f9f9f9;
}
.row-striped:nth-child(even) {
	background: #fff;
}

.options-flex label span.text {
	height: 1px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

@media (max-width: 767px) {

	div.radio  {
		width: 100%;
	}
	.options-flex label span.text {
		height: fit-content;
		margin: 0;
		overflow: auto;
		position: relative;
		width: fit-content;
	}
}

.caption {
	padding: 10px 0 0 0;
}
@media (min-width: 768px) {
	.options-flex .option input[type="radio"] + label {
		height: 36px;
		margin: 0px 5px;
		overflow: hidden;
		position: relative;
		width: 36px;
		padding: 0 0 0 36px !important;
	}
	.options-flex .option {
		/* float: left; */
		margin: 0 5px !important;
	}
	.options-flex.options {
		display:flex;
		justify-content: center;
	}
}

div.radio {
	display: inline-block;
}