.odt-parent-container{
	display:block;
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	float:left;
	margin-bottom:30px;
}
.odt-title-row .dashicons{
	font-size:1.3em;
	margin:0.1em 0 0 0.5em;
	display:block;
	float:right;
	position:relative;
	z-index:0;
	cursor:pointer;
	color:#AAA;
	opacity:0.7;
	-webkit-transition:opacity 0.75s ease-out, transform 0.75s ease-out;
	-moz-transition:opacity 0.75s ease-out, transform 0.75s ease-out;
	-ms-transition:opacity 0.75s ease-out, transform 0.75s ease-out;
	-o-transition:opacity 0.75s ease-out, transform 0.75s ease-out;
	transition:opacity 0.75s ease-out, transform 0.75s ease-out;
}
.odt-title-row .dashicons:hover{
	opacity:1;
	transform:rotateX(-180deg);
}
.odt-output-container{
	display:block;
	width:100%;
	background:#FFF;
}
.odt-output-container h3{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	position:relative;
	width:100%;
	padding:1rem;
	margin:0;
	font-size:1rem;
	font-weight:normal;
}
.odt-output-container h3 span.dashicons{
	font-size:2rem;
	margin:-0.2em 1em 0 0;
	position:relative;
	z-index:0;
	color:#AAA;
	opacity:0.2;
	-webkit-transition:z-index 0.75s ease-out, color 0.75s ease-out, opacity 0.75s ease-out;
	-moz-transition:z-index 0.75s ease-out, color 0.75s ease-out, opacity 0.75s ease-out;
	-ms-transition:z-index 0.75s ease-out, color 0.75s ease-out, opacity 0.75s ease-out;
	-o-transition:z-index 0.75s ease-out, color 0.75s ease-out, opacity 0.75s ease-out;
	transition:z-index 0.75s ease-out, color 0.75s ease-out, opacity 0.75s ease-out;
}
.odt-output-container h3 span.odt-question{
	width:80%;
	max-width:80%;
}
.odt-goback{
	width:100%;
	position:relative;
	z-index:10;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	margin-bottom:-1rem;
}
.odt-goback span.dashicons{
	display:flex;
	align-items:center;
	width:auto;;
	font-size:2rem;
	cursor:pointer;
	margin:0.25em 1rem 0 0;
	float:right;
}
.odt-goback.disabled{
	display:none;
}
.odt-goback span.dashicons span.goback-text{
	font-size:0.9rem;
	font-weight:lighter;
	margin-top:-0.15em;
}
.odt-output-container h3 .odt-overlay{
	display:block;
	position:absolute;
	z-index:-5;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.15);
	margin:0;
	padding:0;
	opacity:0;
	-webkit-transition:z-index 0.75s ease-out, opacity 0.75s ease-out;
	-moz-transition:z-index 0.75s ease-out, opacity 0.75s ease-out;
	-ms-transition:z-index 0.75s ease-out, opacity 0.75s ease-out;
	-o-transition:z-index 0.75s ease-out, opacity 0.75s ease-out;
	transition:z-index 0.75s ease-out, opacity 0.75s ease-out;
}
.odt-output-container h3.inactive .odt-overlay{
	z-index:5;
	opacity:1;
}
.odt-output-container h3.inactive span.dashicons{
	z-index:10;
	color:#00A82A;
	opacity:1;
}
.odt-collapsing-container{
	display:block;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	height:auto;
	max-height:5000;
	-webkit-transition:height 1.25s ease-out, max-height 1.25s ease-out, padding 1.25s ease-out;
	-moz-transition:height 1.25s ease-out, max-height 1.25s ease-out, padding 1.25s ease-out;
	-ms-transition:height 1.25s ease-out, max-height 1.25s ease-out, padding 1.25s ease-out;
	-o-transition:height 1.25s ease-out, max-height 1.25s ease-out, padding 1.25s ease-out;
	transition:height 1.25s ease-out, max-height 1.25s ease-out, padding 1.25s ease-out;
}
.odt-collapsing-container.collapsed{
	height:0;
	max-height:0;
	padding:0;
}
.odt-content-row{
	display:block;
	width:100%;
	padding:1rem;
	margin:0;
	height:auto;
	max-height:5000;
	-webkit-transition:height 1.25s ease-out, max-height 1.25s ease-out;
	-moz-transition:height 1.25s ease-out, max-height 1.25s ease-out;
	-ms-transition:height 1.25s ease-out, max-height 1.25s ease-out;
	-o-transition:height 1.25s ease-out, max-height 1.25s ease-out;
	transition:height 1.25s ease-out, max-height 1.25s ease-out;
}
.odt-options-row{
	display:block;
	width:100%;
	padding:1rem;
	margin:0;
	height:auto;
	max-height:5000;
	-webkit-transition:height 1.25s ease-out, max-height 1.25s ease-out;
	-moz-transition:height 1.25s ease-out, max-height 1.25s ease-out;
	-ms-transition:height 1.25s ease-out, max-height 1.25s ease-out;
	-o-transition:height 1.25s ease-out, max-height 1.25s ease-out;
	transition:height 1.25s ease-out, max-height 1.25s ease-out;
}
.odt-collapsing-container.collapsed .odt-content-row,
.odt-collapsing-container.collapsed .odt-options-row{
	height:0;
	max-height:0;
}
.odt-options-column{
	display:block;
	width:50%;
	box-sizing:border-box;
	float:left;
	padding:1rem;
	margin:0;
	text-align:center;
}
.odt-button{
	display:inline-block;
	padding:0.5rem 1rem;
	font-size:1.1rem;
	font-weight:bold;
	color:#FFF;
	background:#777;
	border:0 solid transparent;
	outline:none;
}
.odt-progress-bar{
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	margin:0;
	padding:0;
	height:0.25em;
	min-height:0.25em;
	background:rgba(0,0,0,0.1);
}
.odt-progress{
	display:block;
	margin:0;
	padding:0;
	height:0.25em;
	min-height:0.25em;
	width:0;
	background:#00A82A;
}
@media (max-width:736px){
	.odt-goback{
		margin-bottom:0;
	}
}
@media (max-width:414px){
	.odt-options-column{
		width:100%;
		float:none;
	}	
}