.survey-render
{
   background: #fff; padding-right: 1em
}

.survey-render-element
{
   border: 1px solid #f7f7f7; margin-bottom: 1em; page-break-inside: avoid
}

.survey-render-element-label-container
{
	overflow: hidden; background: #f7f7f7
}

.survey-render-element-label
{
	float: left; font-weight: bold; color: #888; margin-right: 3em
}

.survey-render-element-type
{
	float: right; font-style: italic; color: #888; font-size: 80%
}

.survey-render-element-content
{
   padding: 1em
}

.survey-render-element:hover
{
   background: #f7f7f7
}

.survey-render-element ul
{
   padding-left: 1em
}

a.survey-translate:hover
{
   text-decoration: underline;
   cursor: pointer
}

.survey-translate-text
{
   border: 1px solid #aaa; padding: 0.2em; margin: 0 0 1em 0;
   min-height: 6rem; max-height: 10rem; white-space:pre-wrap; overflow: auto;
}

.survey-render-noprevious
{
	text-align: center; font-weight: bold; font-style: italic
}

.survey-render-randomstart
{
	text-align: center; font-weight: bold; font-style: italic
}

.survey-render-randomnext
{
	text-align: center; font-weight: bold; font-style: italic
}

.survey-render-randomend
{
	text-align: center; font-weight: bold; font-style: italic
}

.survey-render-question-routing
{
	float: right; color: #888; font-style: italic; display: inline
}

.survey-render-question-label
{
	float: left; font-style: italic
}

.survey-render-question-condition
{
	color: #888; font-style: italic
}
.survey-render-element-condition
{
	color: #888; font-style: italic
}

.survey-render-element-join
{
	color: #888;
}

.survey-render-element-pagebreak
{
	color: #888;
}

.survey-render-question-info
{
	color: #888;
}

.survey-render-question-conditionjump
{
	color: #888;
}

.survey-translate-original
{
   border: 1px solid #aaa; color: #777; background: #eee; padding: 0.2em; min-height: 6rem; margin: 0 0 1em 0; font-style: italic
}

.survey-translate-trans
{
   width: 100%; box-sizing: border-box; margin: 0 0 1em 0;
   min-height: 8rem; max-height: 10rem; overflow: auto;
}

.survey-trans-buttons
{
   text-align: center; margin-left: 25%; margin-right: 25%
}

.survey-trans-buttons button
{
   margin: 0 0.2em
}

a.survey-translate-new
{
   color: #2222aa!important;
}

a.survey-translate-modified
{
   color: #aa2222!important;
}

a.survey-translate-done
{
   color: #22aa22!important;
}

.survey-render-statements-single-statements
{
	display: inline-block; width: 45%; vertical-align: top
}

.survey-render-statements-single-options
{
	display: inline-block; width: 45%; vertical-align: top
}