body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,
h4, h5, h6, pre, code, form, fieldset, legend,
input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/* line 8, ../themes/stylesheets/sencha-touch/default/core/_reset.scss */
.viewport table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}

.viewport tr, td {
	border: none;
}
/* line 13, ../themes/stylesheets/sencha-touch/default/core/_reset.scss */
.viewport fieldset, img, button {
  border: 0;
}

/* It is incorrect
 line 18, ../themes/stylesheets/sencha-touch/default/core/_reset.scss 
address, caption, cite, code,
dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}
*/

/* line 23, ../themes/stylesheets/sencha-touch/default/core/_reset.scss */
.viewport .toolbar li, .viewport .progressBarWrapper, .viewport li.slideLi, .viewport .slideLi .questionMain, .viewport .gridTableHeaderWrapper, .viewport .gridTableContentWrapper, .viewport .sliderContent, .viewport .Section, .viewport .Loop, .viewport .LoopIteration, .viewport .warnings_wrapper, .viewport .sectionChildNodesWrapperLi {
  list-style: none;
}

/* line 27, ../themes/stylesheets/sencha-touch/default/core/_reset.scss */
.viewport caption, th {
  text-align: left;
}


/* line 31, ../themes/stylesheets/sencha-touch/default/core/_reset.scss */
.viewport h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}



/* line 37, ../themes/stylesheets/sencha-touch/default/core/_reset.scss */
q:before,
q:after {
  content: "";
}

/* line 41, ../themes/stylesheets/sencha-touch/default/core/_reset.scss */
abbr, acronym {
  border: 0;
  font-variant: normal;
}

/* line 46, ../themes/stylesheets/sencha-touch/default/core/_reset.scss */
sup {
  vertical-align: text-top;
}

/* line 50, ../themes/stylesheets/sencha-touch/default/core/_reset.scss */
sub {
  vertical-align: text-bottom;
}

/* line 54, ../themes/stylesheets/sencha-touch/default/core/_reset.scss */
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/* line 60, ../themes/stylesheets/sencha-touch/default/core/_reset.scss */
*:focus {
  outline: none;
}

@font-face {
	font-family: Roboto-BoldCondensed;
	src: url('../../Fonts/RobotoCondensed/Roboto-BoldCondensed-webfont.ttf');
}

@font-face {
	font-family: RobotoCondensed;
	src: url('../../Fonts/RobotoCondensed/Roboto-Condensed-webfont.ttf');
}


.clear {
	display: block;
	clear: both;
	height: 1px;
}


/* line 16, ../themes/stylesheets/sencha-touch/default/core/_core.scss */

/*
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*/

.viewport *, .viewport *::after, .viewport *::before {
    -webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	
	text-size-adjust: none;
	callout: none;
	tap-highlight-color: rgba(0, 0, 0, 0);
}

.viewport, #OSMBuilder_SurveyDesignView {
	cursor: default;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

#OSMBuilder_SurveyDesignView *, #OSMBuilder_SurveyDesignView *::after, #OSMBuilder_SurveyDesignView *::before {
    -webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	
	text-size-adjust: none;
	callout: none;
	tap-highlight-color: rgba(0, 0, 0, 0);
}

/* *:after, *:before {
	content: none;
	width: 0;
	height: 0;
	display: none;
	border: none;
	border-collapse: collapse;
} */

html, body {
/*  *font-family: "Helvetica Neue", HelveticaNeue, "Helvetica-Neue", Helvetica, "BBAlpha Sans", sans-serif;
  font-family: Arial Black Gadget, sans-serif;*/
  font-family: Roboto, Droid Sans, sans-serif;
  font-weight: normal;
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0; 
  padding:0;
  margin:0;
  border:none;
  color:#353535;
}

@media print {
    html, body {
        position: relative;
    }
}

 

input, textarea {
	-webkit-user-select: text;
	user-select: text;
}

.viewport {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: silver;
	background: #9099A2;
}

.OSMSurveyViewport {
	position: relative;
}

.toolbar {
	width: 100%;
	height: 3em;
	position: relative;
	overflow: hidden;
	-ms-touch-action: none;
}

.top {
	z-index: 1;
	top: 0;
	/*padding: 0 0.5em 0 0.3em;*/
	padding-right: .5em;
	box-sizing:border-box;
	width: 100%;
	-webkit-user-select: none;
	user-select: none;
	
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04080d), color-stop(12%,#232b34), color-stop(100%,#232b34));
	background: -webkit-linear-gradient(top, #04080d 0%,#232b34 12% , #232b34 100% );
	background: linear-gradient(top, #04080d 0%,#232b34 12% , #232b34 100%);
	
	background: #04080d; /* Old browsers */
	background: -moz-linear-gradient(top,  #04080d 0%, #232b34 12%, #232b34 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04080d), color-stop(12%,#232b34), color-stop(100%,#232b34)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #04080d 0%,#232b34 12%,#232b34 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #04080d 0%,#232b34 12%,#232b34 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #04080d 0%,#232b34 12%,#232b34 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #04080d 0%,#232b34 12%,#232b34 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04080d', endColorstr='#232b34',GradientType=0 ); /* IE6-9 */

	display: table;
}

.toobar_top_row_wrapper {
	display: table-row;
}

.bottom {
	z-index: 1;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
}

.practice {
	background: orange;
}

.contentPractice {
	background-color: yellow !important;
}

.practiceText {
	font-size: 1.5em;
	font-weight: bold;
	color: red;
	position: absolute;
	width: 100%;
	left: 0em;
}

.inboxTouchWrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 4em;
	height: 3em;
	z-index: 5000;
}

.languageMenuWrapper {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.languageMenuWrapper:not(:empty) {
	padding-right: .5em;
	padding-left: .5em;
}

.languageMenuSelect::-ms-expand {
    display: none;
}

.languageMenuSelect {
	color: #fff;
	padding-right: 1.25em;
	border: none;
	/*background-color: rgba(0, 0, 0, 0);*/
	background-color: #232b34;
	background-image: url('arrow-dropdown.png');
	background-position: right center;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.summaryButton {	
	display: table-cell;
	min-width: 2.5em;
	background: url(summary64.png) center right no-repeat;
	background-size: 2em 2em;
}

.jump {	
	/*position: absolute;*/
	display: table-cell;
	min-width: 2.5em;
	background: url(jump64.png) center right no-repeat;
	background-size: 2em 2em;
}

.jump.pressed {
	background: url(jump64.png);
	background-repeat: no-repeat;
	background-position: right 0.125em center;
	background-size: 1.75em 1.75em;
}

.jumptext, .inboxtext {
	font-weight: bold;
	font-size: 80%;
}

.inbox {
	/*position: absolute;*/
	display: table-cell;
	width: 2rem;
	min-width: 2rem;
}

.inbox:not(.inbox_app_icon)::after {
    content: "";
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
    border-bottom: 0.125rem solid white;
    border-left: 0.125rem solid white;
    transform: rotate(45deg);
}

.inbox_app_icon {
	min-width: 3.3em;
	background: url(icon_up.png) center right no-repeat;
	background-size: 2.8em 2.1em;
}

.inbox.inbox_iwr {
    min-width: 2.7em;
    background: url(save_iwr.png) center right no-repeat;
    background-size: 2em 2em;
}

.inbox.pressed {
    color: #067ad3;
}	
.progressBar {
	width: 100%;
	background: black; 
	/*border-radius: .3em;*/
	position: relative;
	padding: 2px;
	box-sizing: border-box;
	top: 0.5em; 
	height: 2em;
}

.progressBarWrapper {
	padding-left: .5em;
	width: 100%;
	height: 100%;
	text-align: center;
	display: table-cell;
}

.progressBarWrapperNoJump {
	padding-right: 0em;
}

.rules_warning {
	-webkit-transition: opacity 400ms;
	-moz-transition: opacity 400ms;
	transition: opacity 400ms;
	-webkit-user-select: none;
	user-select: none;
	border-radius: .3em;
	width: 100%;
	padding: .5em;
	margin-bottom: .5em;
	word-wrap:break-word;
	color: #FFFFFF;
	font-weight: bold;
	-webkit-text-shadow: #661f00 0 0.08em 0.08em;
	text-shadow: #661f00 0 0.08em 0.08em;
	
	border: 1px solid #F55C4A;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FD7E67), color-stop(100%,#F55C4A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FD7E67 0%,#F55C4A 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, #FD7E67 0%,#F55C4A 100%);
	
	overflow: hidden;
	padding-right: 2.3em;
	position: relative;
}

.rules_warning.spell {
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFD33C), color-stop(100%,#FDCE2F));
	border: 1px solid #FDCE2F;*/
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5BA58), color-stop(100%,#F5A643));
	border: 1px solid #F5AD4A;
}

.misspelled{	
	border-bottom: 0.1em dashed #ff0000;
}

.rules_warning.new{
	opacity:0;
}

.rules_warning.hide{
	opacity: 0;
	height: 0px;
	margin: 0px;
	padding: 0px;
}


.progressBarMarker {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fa8f6+0,067ad3+100 */
	background: #1fa8f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #1fa8f6 0%, #067ad3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1fa8f6 0%,#067ad3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1fa8f6 0%,#067ad3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa8f6', endColorstr='#067ad3',GradientType=0 ); /* IE6-9 */
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	height: 100%;
	width: 0%;
}

.progressBarMarkerPractice {
	background: yellow;
}

.progressBarIndicator {
	color: #FFF;
	line-height: 3em;
	display: block;
	position: absolute;
	height: 3em;
	width: 3.5em;
	top: 0px;
	left: 0%;
	-webkit-transition: left 400ms ease-in-out;
	-moz-transition: left 400ms ease-in-out;
	transition: left 400ms ease-in-out;
}

.errorIcon {
	right: .55em;
	top: .55em;
	width: 1.2em;
	height: 1.2em;
	display: inline-block;
	position: absolute;
	background: url(warning-white32.png) center no-repeat;
	background-size: 100% 100%;
}

.warningIcon {
	right: .55em;
	top: .55em;
	width: 1.2em;
	height: 1.2em;
	display: inline-block;
	position: absolute;
	background: url(pencil32.png) center no-repeat;
	background-size: 100% 100%;
}

.declineIcon {
	right: .55em;
	top: .525em;
	width: 1.05em;
	height: 1.05em;
	display: inline-block;
	position: absolute;
	background: url(x64.png) center no-repeat;
	background-size: 100% 100%;
}

.barcodeIcon {
	right: .55em;
	top: .55em;
	width: 1.05em;
	height: 1.05em;
	display: inline-block;
	position: absolute;
	background: url(barcode32.png) center no-repeat;
	background-size: 100% 100%;
}

.stopwatchIcon {
	right: .55em;
	top: .55em;
	width: 1.05em;
	height: 1.05em;
	display: inline-block;
	position: absolute;
	background: url(stopwatch32.png) center no-repeat;
	background-size: 100% 100%;
}

.attachIcon {
	right: .55em;
	top: .55em;
	width: 1.05em;
	height: 1.05em;
	display: inline-block;
	position: absolute;
	background: url(attach-file.png) center no-repeat;
	background-size: 100% 100%;
}

.callNowIcon {
    right: .55em;
    top: .55em;
    width: 1.05em;
    height: 1.05em;
    display: inline-block;
    position: absolute;
    background: url(call-now.png) center no-repeat;
    background-size: 100% 100%;
}

.rtl .callNowIcon {
    left: .55em;
    right: initial;
}

.dateIcon {
	right: .55em;
	top: .55em;
	width: 1.05em;
	height: 1.05em;
	display: inline-block;
	position: absolute;
	background: url(date32.png) center no-repeat;
	background-size: 100% 100%;
}

th.picker__weekday {
	text-align: center;
}

.navigationNext {
	right: .5em;
	top: .5em;
	width: 1em;
	height: 1em;
	display: inline-block;
	position: absolute;
	background: url(next32.png) center no-repeat;
	background-size: 100% 100%;
}

.navigationPrevious {
	left: .5em;
	top: .5em;
	width: 1em;
	height: 1em;
	display: inline-block;
	position: absolute;
	background: url(prev32.png) center no-repeat;
	background-size: 100% 100%;
}

.navigationDone {
	right: .5em;
	top: .5em;
	width: 1em;
	height: 1em;
	display: inline-block;
	position: absolute;
	background: url(done32.png) center no-repeat;
	background-size: 100% 100%;
}

.navigationScroll {
	right: .5em;
	top: .5em;
	width: 1em;
	height: 1em;
	display: inline-block;
	position: absolute;
	background: url(down32.png) center no-repeat;
	background-size: 100% 100%;
}
.navigation {
	-webkit-transition: opacity 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out;
	-webkit-user-select: none;
	user-select: none;
	line-height: 1.9em;
	text-align: center;
	border-radius: .3em;
	border: 1px solid #0980d8;
	color: white;
	font-weight: bold;
	-webkit-text-shadow: rgba(0, 0, 0, 0.5) 0 0.08em 0;
	text-shadow: rgba(0, 0, 0, 0.5) 0 0.08em 0;
	width: 40%;
	height: 2em;
	top: 0.5em;
	background: #1fa8f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #1fa8f6 0%, #067ad3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1fa8f6), color-stop(100%,#067ad3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1fa8f6 0%,#067ad3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1fa8f6 0%,#067ad3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1fa8f6 0%,#067ad3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1fa8f6 0%,#067ad3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa8f6', endColorstr='#067ad3',GradientType=0 ); /* IE6-9 */

	position: absolute;
	display: block;
}

.navigation.pressed {
	color: rgba(255,255,255,0.78);
	background: #067ad3; /* Old browsers */
	background: -moz-linear-gradient(top,  #067ad3 0%, #1fa8f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#067ad3), color-stop(100%,#1fa8f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #067ad3 0%,#1fa8f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #067ad3 0%,#1fa8f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #067ad3 0%,#1fa8f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #067ad3 0%,#1fa8f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#067ad3', endColorstr='#1fa8f6',GradientType=0 ); /* IE6-9 */


}




.left {
	left: .5em;
}

.right {
	right: .5em;
}

.gridTable {
	width: 100%;
	table-layout: fixed;
	background-color: #E1E1E1;
}

.gridTable td {
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: top;
}

.gridTitleCell {
/*	padding-top: .5em;
	padding-bottom: .5em;*/
/*	position: relative;*/
	min-height: 3em;
	background: #738089;
	
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#738089), color-stop(100%,#576570));
	background: -webkit-linear-gradient(top, #738089 0%,#576570 100%);
	background: -ms-linear-gradient(top, #738089 0%,#576570 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738089', endColorstr='#576570',GradientType=0 );
	background: linear-gradient(top, #738089 0%,#576570 100%);
	*/
	
	background: #738089; /* Old browsers */
	background: -moz-linear-gradient(top,  #738089 0%, #576570 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#738089), color-stop(100%,#576570)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #738089 0%,#576570 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #738089 0%,#576570 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #738089 0%,#576570 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #738089 0%,#576570 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738089', endColorstr='#576570',GradientType=0 ); /* IE6-9 */

	
	padding: 0.5em;
	box-sizing: border-box;
	ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
	word-wrap: break-word;
	
	text-align: center;
}

.gridTitleCellHidden {
	/*display: none;*/
	visibility: hidden;
}


.grid_header_title {

}

.grid_header {
	min-height: 3em;
}

.grid_header_title_cell {

}

.grid_header_cell {

}

.visibilityHidden {
	visibility: hidden;
}
/*
.visibilityVisible {
	visibility: visible;
}*/
.displayNone {
	display: none;
}
.displayBlock {
	display: table-row;
}

.grid_row {
	vertical-align: top;
	overflow: hidden;
}
.grid_row .rules_warning {
	margin-bottom: 0em;
	border-radius: 0em;
}
.grid_row .qa_type1, .grid_row .qa_type2 {
	padding-top: .9em;
}

.surveycomment.surveycomment_in_loop {
	position: relative !important;
	top:0;
	bottom: 0;
}

.grid_row .surveycomment, .grid_rowA .surveycomment {
	/*border: 1px solid blue !important;*/
	/*position: static !important;*/
	outline: none !important;
	border: none !important;
	margin: 0em !important;
	/*padding: 0em !important;*/
	*min-height: 8em !important;
	width: 100% !important;
	/*height: auto !important;*/
	border-radius: 0px 0px !important;
	border-collapse: collapse;
    overflow: hidden !important;
/*	box-sizing: content-box; */
 /*   padding-right: 5.1em !important; */
}
.grid_row_cell_title {
	
}
.grid_row_cell {
    overflow: hidden;
}

.fillNATD {
	background-color: #ccc;
}

.grid_rowA .rules_warning {
	margin-bottom: 0em;
	border-radius: 0em;
}

.grid_rowA  .qa_type1, .grid_rowA .qa_type2 {
	margin: 0em !important;
	padding: 0em !important;
	/*width: auto !important;*/
	/*height: auto !important;*/
	/*position: static !important;*/
}

.grid_rowA .check_img, .grid_rowA .radio_img {
	min-width: 2.4em;
	min-height: 3em;
	width: 100%;
	float: none;
	position: static;
}

.questionMain {
	-webkit-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	user-select: none;
	display: inline-block;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	background-size: 100% 100%;
}

#slideLi_survey { 
	width: 100%;
}

.questionScroller {
	padding: .5em;
}

.questionMain#slideUl_summary{
	display: block;
	height: auto;
	position: static;
}

.answers_table {
	display:table;
	width: 100%;
	table-layout: fixed;
}

.answers_table_row {
	display:table-row;
} 

.answers_table_cell {
	display:table-cell;
	vertical-align: top;
}

.read2 {
	-webkit-transform: translate3d(-100%, 0, 0px);
	transform: translate3d(-100%, 0, 0px);
	/*position: absolute !important;*/
}
.unread2 {
	-webkit-transform: translate3d(100%, 0, 0px);
	transform: translate3d(100%, 0, 0px);
	/*position: absolute !important;*/
}
.normal2 {
/* 	-webkit-transform: translate3d(0, 0, 1px);
	transform: translate3d(0, 0, 1px); */
	-webkit-transform: translate3d(0, 0, 0px);
	transform: translate3d(0, 0, 0px);
}

@-webkit-keyframes blingBling {
	0% {
		-webkit-transform: translate3d(0%,0,0);
	}
	12.5% {
		-webkit-transform: translate3d(10%,0,0);
	}
	25% {
		-webkit-transform: translate3d(-10%,0,0);
	}
	37.5% {
		-webkit-transform: translate3d(5%,0,0);
	}
	50% {
		-webkit-transform: translate3d(-5%,0,0);
	}
	62.5% {
		-webkit-transform: translate3d(2.5%,0,0);
	}
	75% {
		-webkit-transform: translate3d(-2.5%,0,0);
	}
	87.5% {
		-webkit-transform: translate3d(1.25%,0,0);
	}
	
	100% {
		-webkit-transform: translate3d(-1.25%,0,0);
	}
}

@keyframes blingBling {
	0% {
		-moz-transform: translate3d(0%,0,0);
		transform: translate3d(0%,0,0);
	}
	12.5% {
		-moz-transform: translate3d(10%,0,0);
		transform: translate3d(10%,0,0);
	}
	25% {
		-moz-transform: translate3d(-10%,0,0);
		transform: translate3d(-10%,0,0);
	}
	37.5% {
		-moz-transform: translate3d(5%,0,0);
		transform: translate3d(5%,0,0);
	}
	50% {
		-moz-transform: translate3d(-5%,0,0);
		transform: translate3d(-5%,0,0);
	}
	62.5% {
		-moz-transform: translate3d(2.5%,0,0);
		transform: translate3d(2.5%,0,0);
	}
	75% {
		-moz-transform: translate3d(-2.5%,0,0);
		transform: translate3d(-2.5%,0,0);
	}
	87.5% {
		-moz-transform: translate3d(1.25%,0,0);
		transform: translate3d(1.25%,0,0);
	}
	
	100% {
		-moz-transform: translate3d(-1.25%,0,0);
		transform: translate3d(-1.25%,0,0);
	}
}

.animateRulesWarning {
	-webkit-animation-name: blingBling;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;	
	
	-moz-animation-name: blingBling;
	-moz-animation-duration: 1000ms;
	-moz-animation-fill-mode: backwards;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-out;
	
	animation-name: blingBling;
	animation-duration: 1000ms;
	animation-fill-mode: backwards;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
}

@-webkit-keyframes fromCurrentToBack { 0% { -webkit-transform: translate3d(0%,0,0); } 		100% { -webkit-transform: translate3d(-100%,0,0); }}
@-webkit-keyframes fromBackToCurrent { 0% { -webkit-transform: translate3d(-100%,0,0); } 	100% { -webkit-transform: translate3d(0%,0,0); }}
@-webkit-keyframes fromCurrentToNext { 0% { -webkit-transform: translate3d(0%,0,0); } 		100% { -webkit-transform: translate3d(100%,0,0); }}
@-webkit-keyframes fromNextToCurrent { 0% { -webkit-transform: translate3d(100%,0,0); }		100% { -webkit-transform: translate3d(0%,0,0); }}

@keyframes fromCurrentToBack { 0% { -moz-transform: translate3d(0%,0,0);transform: translate3d(0%,0,0); } 		100% { -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }}
@keyframes fromBackToCurrent { 0% { -moz-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0); } 	100% { -moz-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0); }}
@keyframes fromCurrentToNext { 0% { -moz-transform: translate3d(0%,0,0);transform: translate3d(0%,0,0); } 		100% { -moz-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0); }}
@keyframes fromNextToCurrent { 0% { -moz-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0); }		100% { -moz-transform: translate3d(0%,0,0);transform: translate3d(0%,0,0); }}

.animateSlideFromCurrentToBack {
	-webkit-animation-name: fromCurrentToBack;
	-moz-animation-name: fromCurrentToBack;
	animation-name: fromCurrentToBack;
	z-index: 10;
}
.animateSlideFromBackToCurrent {
	-webkit-animation-name: fromBackToCurrent;
	-moz-animation-name: fromBackToCurrent;
	animation-name: fromBackToCurrent;
	z-index: 1000;
}
.animateSlideFromCurrentToNext {
	-webkit-animation-name: fromCurrentToNext;
	-moz-animation-name: fromCurrentToNext;
	animation-name: fromCurrentToNext;
	z-index: 10;
}
.animateSlideFromNextToCurrent {
	-webkit-animation-name: fromNextToCurrent;
	-moz-animation-name: fromNextToCurrent;
	animation-name: fromNextToCurrent;
	z-index: 1000;
	
}

.inAnimation {	
	-webkit-animation-duration: 400ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	*-webkit-backface-visibility: hidden;
	-webkit-animation-timing-function: ease;
    -webkit-perspective: 1000;	
	
	-moz-animation-duration: 400ms;
	-moz-animation-iteration-count: 1;
	-moz-animation-fill-mode: forwards;
	*-moz-backface-visibility: hidden;
	-moz-animation-timing-function: ease;
    -moz-perspective: 1000;	
	
	animation-duration: 400ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	*backface-visibility: hidden;
	animation-timing-function: ease;
    perspective: 1000;
}
.inTransition {
	position: absolute !important;
	-webkit-transition-duration: 400ms;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transition-timing-function: ease;
	
	-moz-transition-duration: 400ms;
	-moz-backface-visibility: hidden;
	-moz-perspective: 1000;
	-moz-transition-timing-function: ease;

	transition-duration: 400ms;
	perspective: 1000;
	transition-timing-function: ease;
}


.viewport .content {
	z-index:1;
	overflow: hidden;
	height: auto;
	z-index:1;
	width: 100%;
	/*top: 3em;*/
	position: relative;
	background-color: #D4D7DC;
	-ms-touch-action: pan-x pan-y;
	-webkit-transform: translate3d(0%, 0, 0px);
	-moz-transform: translate3d(0%, 0, 0px);
	transform: translate3d(0%, 0, 0px);
}

.survey_content_scroller {
	min-height: 100%;
}

.practiceWarning {
	height: 3em;
	padding: .5em;
	color: white;
	position: relative;
	/*top: 3em;*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9826C), color-stop(100%,#EC5C4B)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F9826C 0%,#EC5C4B 100%); /* Chrome10+,Safari5.1+ */
	box-shadow: 0 0.1em 0.1em 0.1em #34373D;
	font-weight: bold;
	width: 100%;
	line-height: 2em;
}

.practiceModeExit {
	float: right;
	background-position: right center;
	background-image: url('tour_exit.png');
	background-size: 2em 2em;
	background-repeat: no-repeat;
	height: 2em;
	padding-right: 2.5em;
	width: auto;
	font-weight: bold;
	line-height: 2em;
}

.check_img {
	background: url(emptyCheck80.png) center no-repeat;
	background-size: 2.4em 2.4em;
	background-position: center center;
	height: 100%;
	width: 3.6em;
	float:left;	
	display: block;
	position: absolute;
	left:0px;
	top:0px;
	
	
	
}

.radio_img {
	background: url(emptyRadio80.png) center no-repeat;
	background-size: 2.4em 2.4em;
	background-position: center center;
	height: 100%;
	width: 3.6em;
	margin: auto;
	float:left;
	display: block;
	position: absolute;
	left:0px;
	top:0px;
}

.qa_type1_selected  div.check_img {
	background: url(check.png) center no-repeat;
	background-size: 2.4em 2.4em;
}

.qa_type2_selected  div.radio_img {
	background: url(radio.png) center no-repeat;
	background-size:2.4em 2.4em;
}

.qa_type1, .qa_type2 {
    font-size: inherit;
	margin: 0;
	/*line-height: 1.1em;*/
	min-height: 3em;
	
	
	background: #e6e6e6; /* Old browsers */
	background: -moz-linear-gradient(top,  #e6e6e6 41%, #ebebeb 28%, #fafafa 88%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#e6e6e6), color-stop(28%,#ebebeb), color-stop(88%,#fafafa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e6e6e6 41%,#ebebeb 28%,#fafafa 88%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e6e6e6 41%,#ebebeb 28%,#fafafa 88%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e6e6e6 41%,#ebebeb 28%,#fafafa 88%); /* IE10+ */
	background: linear-gradient(to bottom,  #e6e6e6 41%,#ebebeb 28%,#fafafa 88%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
	
	
	background: -webkit-gradient(    linear,    left bottom,    left top,    color-stop(0.41, rgb(230,230,230)),    color-stop(0.28, rgb(235,235,235)),    color-stop(0.88, rgb(250,250,250)));
	
	
	color: #353535;
	font-weight: bold;
	width: 100%;
	text-align: left;
	padding-left:3.6em;
	position: relative;
	padding-right:0.5em;
	padding-top: .9em;
	padding-bottom: .5em;
	word-wrap: break-word;
}

.qa_type1_selected, .qa_type2_selected {

	color: white; 
	background: #1fa8f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #1fa8f6 0%, #067ad3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1fa8f6), color-stop(100%,#067ad3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1fa8f6 0%,#067ad3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1fa8f6 0%,#067ad3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1fa8f6 0%,#067ad3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1fa8f6 0%,#067ad3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa8f6', endColorstr='#067ad3',GradientType=0 ); /* IE6-9 */

}

.surveycomment:last-child {
	margin-bottom: .5em;
}

.surveycomment {
	display: block;
	position: relative;
	margin-top: .5em;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-radius: .3em;
	padding: .3em;
	line-height: 1em;
	min-height: 3em;
	height: auto;
	overflow: auto;
	background: #FFFFFF;
	resize: none;
	
	-webkit-input-placeholder: color: #a6a6a6;
	-moz-input-placeholder: color: #a6a6a6;
	input-placeholder: color: #a6a6a6;
	
	border: .1em solid #a6a6a6;
	-webkit-appearance: none;
	appearance: none;
	color: #353535;
	opacity: 1;
}

.surveycomment:readonly {
	opacity: 0.5;
}

.surveycomment:disabled {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.OSMSurveyViewport .disabledComment, 
.commentContainer .disabledComment, 

.answers_wrapper .disabledAnswer,
.answers_wrapper select:disabled,
.answers_holder .disabledAnswer, 
.answers_holder select:disabled, 

.OSMSurveyViewport .readOnlyComment, 
.surveycomment.readOnlyComment, 
.answers_wrapper .readOnlyAnswer, 
.answers_holder .readOnlyAnswer, 
.qa_type2 .readOnlyAnswer {
	opacity: 0.5;
}

.commentContainer {
	width:100%; 
	float:left; 
}

.commentContainer textarea {
	min-height: 6em;
}
.commentContainer .otherSpecify {
	min-height: 3em;
}

.commentContainer.hiddenComment {
	display: none;
}
.commentHolder {
	position: relative;
	font-weight: normal;
	top:0; 
	bottom: 0;
	padding: .5em;
	min-height: 1em;
}
.commentHolder.type_date {
	padding: 0;
}
.commentHolder.type_time {
	min-height: 1em; 
	background-color: white;
}

.commentOverlay {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	
	display: block;
	/*margin-top: .5em;*/
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border-radius: .3em;
	padding: .3em;
	line-height: 1em;
	min-height: 3em;
	overflow: auto;
	background: #FFFFFF;

	-webkit-input-placeholder: color: #a6a6a6;
	
	border: .1em solid #a6a6a6;
	-webkit-appearance: none;
	-webkit-user-select: none;
	user-select: none;
	appearance: none;
	color: #353535;
	opacity: 1;
}

.opacityVisible {
	opacity: 1;
}

.opacityHidden {
	opacity: 0;
}

.displayHidden {
	display: none;
}

.commentWrapper {
	position: relative;
}

.questionHeader {
	padding-top: .5em;
	padding-bottom: .5em;
	position: relative;
	min-height: 3em;
	background: #738089;
	background: #738089; /* Old browsers */
	background: -moz-linear-gradient(top,  #738089 0%, #576570 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#738089), color-stop(100%,#576570)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #738089 0%,#576570 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #738089 0%,#576570 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #738089 0%,#576570 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #738089 0%,#576570 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738089', endColorstr='#576570',GradientType=0 ); /* IE6-9 */ 
	background: linear-gradient(top, #738089 0%,#576570 100%);
	-webkit-border-radius: 0.25em 0.25em 0em 0em;
	border-radius: 0.25em 0.25em 0em 0em;
	padding: 0.5em;
	box-sizing: border-box;
	ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
	word-wrap:break-word;
}

.questionHeaderForCommentLabel { 
	border-right: 1px solid silver;
    	border-bottom: 1px solid silver;
    	margin-top: 1em;
}

.uploadAttachmentHolder {
	display: block;
	width: 100%;
	min-height: 3.5em;
	padding-top: .5em;
	padding-bottom: .5em;
}

.sectionLi .hidden , .surveyLi .hidden, .hidden{
	display: none !important;
}

.uploadAttachmentButton {
	-webkit-user-select: none;
	user-select: none;
	margin-top: .5em;
	line-height: 1.5em;
	height: 1.5em;
	text-align: center;
	border-radius: .3em;
	
	color: white;
	position: absolute;
	width: 40%;
}

.osm_button {

	-webkit-user-select: none;
	user-select: none;
	margin-top: .5em;
	line-height: 2.1em;
	height: 2.1em;
	text-align: center; 
	border-radius: .3em;
	
	background: #1fa8f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #1fa8f6 0%, #067ad3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1fa8f6), color-stop(100%,#067ad3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1fa8f6 0%,#067ad3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1fa8f6 0%,#067ad3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1fa8f6 0%,#067ad3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1fa8f6 0%,#067ad3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fa8f6', endColorstr='#067ad3',GradientType=0 ); /* IE6-9 */

	-webkit-text-shadow: rgba(0, 0, 0, 0.5) 0 0.08em 0;
	text-shadow: rgba(0, 0, 0, 0.5) 0 0.08em 0;
	color: white;
	font-weight: bold;	
	border:1px solid #0980d8;
	position: relative;
	width: 100%;
	margin-bottom: .5em;
	
}

.osm_button.pressed {
	background: #067ad3; /* Old browsers */
	background: -moz-linear-gradient(top,  #067ad3 0%, #1fa8f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#067ad3), color-stop(100%,#1fa8f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #067ad3 0%,#1fa8f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #067ad3 0%,#1fa8f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #067ad3 0%,#1fa8f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #067ad3 0%,#1fa8f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#067ad3', endColorstr='#1fa8f6',GradientType=0 ); /* IE6-9 */

}

.shopperNote {
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFD33C), color-stop(100%,#FDCE2F));
	border: 1px solid #FDCE2F;*/
	background: #f5ba58; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5ba58 0%, #f5a643 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ba58), color-stop(100%,#f5a643)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5ba58 0%,#f5a643 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5ba58 0%,#f5a643 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5ba58 0%,#f5a643 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5ba58 0%,#f5a643 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ba58', endColorstr='#f5a643',GradientType=0 ); /* IE6-9 */

	border: 1px solid #F5AD4A;
	width: 100%;
	margin-bottom: .5em;
	padding: .5em;
	border-radius: .25em;
}

.shopperNote:last-of-type {
    margin-bottom: 0em;
}

.shopperNote textarea.surveycomment {
    border-radius: 0em;
    border: none;
}

.shopperNote hr {
	border: 1px solid #EDA847;
	border-radius: .25em;
}

.returnedToShopperNotification {
	width: 100%;
	margin-bottom: .5em;
	border: 1px solid #F55C4A;
	background: #fd7e67; /* Old browsers */
	background: -moz-linear-gradient(top,  #fd7e67 0%, #f55c4a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd7e67), color-stop(100%,#f55c4a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fd7e67 0%,#f55c4a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fd7e67 0%,#f55c4a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fd7e67 0%,#f55c4a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fd7e67 0%,#f55c4a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7e67', endColorstr='#f55c4a',GradientType=0 ); /* IE6-9 */

	padding: .5em;
	border-radius: .25em;
}

.returnedToShopperText {
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
	word-wrap: break-word;
}

.decline {
/*	position: relative;
	left: 50%;
	margin-left: -20%;
	margin-top: 0px;
	width: 40%;*/
	z-index: 5000;
	border: 1px solid #F55C4A;
	background: #fd7e67; /* Old browsers */
	background: -moz-linear-gradient(top,  #fd7e67 0%, #f55c4a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd7e67), color-stop(100%,#f55c4a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fd7e67 0%,#f55c4a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fd7e67 0%,#f55c4a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fd7e67 0%,#f55c4a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fd7e67 0%,#f55c4a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7e67', endColorstr='#f55c4a',GradientType=0 ); /* IE6-9 */

}

.decline.pressed {
	background: #f55c4a; /* Old browsers */
	background: -moz-linear-gradient(top,  #f55c4a 0%, #fd7e67 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f55c4a), color-stop(100%,#fd7e67)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f55c4a 0%,#fd7e67 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f55c4a 0%,#fd7e67 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f55c4a 0%,#fd7e67 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f55c4a 0%,#fd7e67 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55c4a', endColorstr='#fd7e67',GradientType=0 ); /* IE6-9 */

}

.osm_resource_image {
	max-width: 100%;
}

.enlargeableImageContainer {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	-ms-touch-action: pan-x pan-y;
}
.enlargeableImageContainer .image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
  background-position: center center;
}
.enlargeableImageDimmer {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.8;
}

.resourceImageContainer {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.resourceImageContainer .resourceImageEnlargeIcon {
    position: absolute;
    top: 0.625em;
    right: 0.625em;
    width: 1.5em;
    height: 1.5em;
    opacity: 0.9;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNTRlNjY1My03ZTlmLTM0NDMtOTYwMi02Yzg0OWU3NTEyOTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTlEMTUwRjhFNDgyMTFFNjlDM0M5NjNBQ0EyOTFBMDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTlEMTUwRjdFNDgyMTFFNjlDM0M5NjNBQ0EyOTFBMDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzE1ZTcyZmQtOGIzOS02NjQ2LTgyMjEtYTgwOWNiYWMwMTdiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA1NGU2NjUzLTdlOWYtMzQ0My05NjAyLTZjODQ5ZTc1MTI5NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqOCbnwAAAHfSURBVHjarJa/TsJQFMZvqwEG3cQRV6O8BJOLIUH5UwR1cjYOBl7AqIMx7ibGaKEgaMIDiA+BqyJxUjcZQBLwO3IgiO2lFb7kFxLu6Xfa23PuqbIaigmJfGADBMAS8IIWeAUv4AHkwLOVwbTE+AhEwdTQmhssMivggJOkQW3YSDUxD4IKiJuYm0nl2Ef+lSbYBXdgVjjXDNDBnlUCehmnFk9lVwo4Ya9fCWjPzzlgXCns5RtMcMiPOCmR13GvihaAZvdKj8cj8vqFUJTuwzabTRGOb5uFUgWmVTa3ve+NRkME1+PiSje6Net2y6pLU7mJHCkWWRObCU1cZ/OjQgOUwO/EXIN5Mh4VOsxzN7fiq9WShfvpHczZNo+ui4QWEbpxIwyYk8LaluwSr3TvXS7XH/NMriCMfLH/f6fTGdnmH1aLhezlnzvPIoEDvat8hph3DErx17YM3LlNVSjBvSyCzKla/mFOKqt81LbNVqmJSFQ1pWL2p8kciDxzVEVVkDfrZosOtSvyrPaqKAXqEzyL6uzZPyJoEu1Q1U3AvMNeteF5YPCwaI9pvs9ephPtDITA5z+3JckDRzqTS3w+GTafps2xyyBj96uixgM8NfDZQgbzvP7GDVrmanmyyv4twAA7FoGl071k1QAAAABJRU5ErkJggg==");
    background-size: 100% 100%;
    background-position: center center;
    user-select: none; 
}

.enlargeableImageContainer .closeEnlargeableImageIcon {
    position: absolute;
    top: 0.625em;
    right: 0.625em;
    width: 1.5em;
    opacity: 0.9;
    user-select: none;
    cursor: pointer;
}

.enlargeableImageContainer .zoomContainer {
	top: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	-ms-touch-action: pan-x pan-y;
}

.enlargeableImageContainer .zoomContainer .image {
	-ms-touch-action: pan-x pan-y;
}

.resources_container {
	display: block;
	background-color: #faf;
}

.resourceVideo {
	background-color: #000;
	background-position: center center;
	background-image: url('date.png');
	background-size: 4em 4em;
	background-repeat: no-repeat;
	width: 100%;
	height: 10em;
	margin-top: .5em;
}

.answers_holder{
	box-shadow: 0 0 0.1em 0.1em #CBCED3;
}

.answersWrapper {
	float: left;	
}

.answer_otherField {
	float:left;
}

.answer_otherField .surveycomment {
	margin: 0;
}

.answer_container {
	float: left;
}

.answer_container_as_header {
	clear: both;
	padding-left: 1em;
}

.qh2 {
	*font-size: 70%;
	color: #CCC;
}
#scroller {
	height: 100%;
	
}

.normal {
	*position: absolute;
	top: 0px;
}

.sectionLi .normal, .surveyLi .normal {
	position: relative;
}
/*
.sectionLi {
	background: #FFF;
}
*/
.slideLi {
	width:100%;
	text-align: initial;
}

.slideLiNormal {
	display: block !important;
}

.slideLiHidden {
	display: none !important;
}

.survey_info {
	table-layout: fixed;
	box-shadow: 0 0 0.1em 0.1em #CBCED3;
}

.survey_header {
	table-layout: fixed;
	box-shadow: 0 0 0.1em 0.1em #CBCED3;
}

.survey_info td, .survey_header td {
	vertical-align: top;
	border-top: 1px solid white;
	border-bottom: 1px solid #eaeaea;
	padding: .5em;
	word-wrap:break-word;
}
.survey_info .odd {
	background: #f7f7f7;
	font-size: 80%;
	width: 65%;
}
.survey_info .even {
	background: #f0f0f0;
	font-weight: bold;
	font-size: 80%;
	width: 35%;
}
.survey_info .odd_dark {
	background: #f7f7f7;
	font-size: 80%;
	width: 65%;
}
.survey_info .even_dark {
	background: #f0f0f0;
	font-size: 80%;
	font-weight: bold;
	width: 35%;
}

.odd_header {
	background: #f7f7f7;
	font-size: 80%;
	width: 72%;
}
.even_header {
	background: #f0f0f0;
	font-weight: bold;
	font-size: 80%;
	width: 28%;
}
.odd_dark_header {
	background: #f7f7f7;
	font-size: 80%;
	width: 72%;
}
.even_dark_header {
	background: #f0f0f0;
	font-size: 80%;
	font-weight: bold;
	width: 28%;
}

.headerInputLabel {
	/*position: absolute;*/
	width: 100%;
	min-height: 2.5em;
	top: 0;
	left: 0;
	/*padding: .5em;*/
	display: block;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: 2.5em;
}

.labelDate {
	background: url(date.png) 96% center no-repeat; 
	background-size: 1.8em 1.8em;
}

.labelTime {
	background: url(time.png) 96% center no-repeat;
	background-size: 1.8em 1.8em;
}

.jumpListAnchor {
	width: 1em;
	height: 1em;
	right: 1em;
	top: 2.5em;
	position: absolute;
	z-index: 1;
	/*background: #F7F7F7;*/
	border-top: .5em solid #f7f7f7;
    border-left: .5em solid #f7f7f7;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	overflow: hidden;
}

.scr_jmp_lst {
	position: relative;
	overflow: hidden;
	width: 100%;
	/* z-index: 1; */
}

.jumpListHeader {
	width: 100%;
	height: 3em;
	line-height: 2em;
	font-weight: bold;
	position: relative;
	z-index: 999;
	border-bottom: 0.0625em solid #DBDBDB;
	color: #3A3A3A;
	display: table;
}
.jumpListHeaderRow {
	display: table-row;
}

.jumpListClose {
	display: table-cell;
	width: 3em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='16px'%3E%3Cpath fill-rule='evenodd' opacity='0.502' fill='rgb(58, 58, 58)' d='M9.274,7.993 L15.724,14.448 C16.079,14.803 16.079,15.378 15.724,15.733 C15.547,15.911 15.315,15.999 15.082,15.999 C14.850,15.999 14.618,15.911 14.441,15.733 L7.990,9.278 L1.539,15.733 C1.362,15.911 1.130,15.999 0.897,15.999 C0.665,15.999 0.433,15.911 0.256,15.733 C-0.099,15.378 -0.099,14.803 0.256,14.448 L6.706,7.993 L0.256,1.538 C-0.099,1.183 -0.099,0.607 0.256,0.252 C0.610,-0.102 1.185,-0.102 1.539,0.252 L7.990,6.708 L14.441,0.252 C14.795,-0.102 15.370,-0.102 15.724,0.252 C16.079,0.607 16.079,1.183 15.724,1.538 L9.274,7.993 Z'/%3E%3C/svg%3E") center no-repeat;
	background-size: 1.2em 1.2em;
}

.errorsOnlySpan {
	line-height: 1.9em;
	font-weight: bold;
	height: 2em;
	padding-left: 3em;
	padding-right: .5em;
	display: table-cell;
	position: relative;
	vertical-align: middle;
	border-right: 0.0625em solid #DBDBDB;
}

.errorsOnlySpan div.errorsOnlyCheckBox {
	border-radius: 0;
    border: .0625em solid #DBDBDB;
    background-color: #FFFFFF;
    height: 1.25em;
    width: 1.25em;
    left: .875em;
    /*right: .875em;*/
    top: .875em;
    position: absolute;
}

.errorsOnlySpan.pressed div.errorsOnlyCheckBox:before {
    left: .3125em;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    display: block;
    content: "";
    width: .4375em;
    height: .9375em;
    position: absolute;
    /*border-right: .1875em solid #3B3B3B;
    border-bottom: .1875em solid #3B3B3B;*/
    border-right: .125em solid #3B3B3B;
    border-bottom: .125em solid #3B3B3B;
}

.searchBoxSpan {

	line-height: 1.9em;
	font-weight: bold;
	height: 2em;
	display: inline-block;
	background-image: url('emptyCheck80.png');
	background-position: left center;
	background-size: 2em 2em;
	background-repeat: no-repeat;
	vertical-align: top;
	display: table-cell;
}

.searchBoxSpan .jumpListSearchField {
	margin-top: 0;
	width: 100%;
	height: 3em;
	display: inline;
	color: #3A3A3A;
	padding-left: 0.75em;
	padding-right: 2.5em;
	background-color: #FFFFFF;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='16px'%3E%3Cpath fill-rule='evenodd' opacity='0.502' fill='rgb(58, 58, 58)' d='M15.750,14.573 L11.807,10.613 C12.821,9.449 13.376,7.985 13.376,6.460 C13.376,2.898 10.376,0.000 6.687,0.000 C2.999,0.000 -0.002,2.898 -0.002,6.460 C-0.002,10.022 2.999,12.920 6.687,12.920 C8.072,12.920 9.392,12.517 10.520,11.751 L14.493,15.741 C14.659,15.908 14.882,16.000 15.121,16.000 C15.348,16.000 15.563,15.916 15.726,15.765 C16.073,15.443 16.084,14.908 15.750,14.573 ZM6.687,1.685 C9.414,1.685 11.632,3.827 11.632,6.460 C11.632,9.093 9.414,11.235 6.687,11.235 C3.961,11.235 1.743,9.093 1.743,6.460 C1.743,3.827 3.961,1.685 6.687,1.685 Z'/%3E%3C/svg%3E");
	background-position: right 0.5em center;
	background-size: 1em 1em;
	background-repeat: no-repeat;
	border: none; /* remove the browser styling */
	border-right: 0.0625em solid #DBDBDB;
}

.searchBoxSpan .jumpListSearchField::-webkit-input-placeholder {
	font-style: italic;
	font-weight: normal;
	color: #AEAEAE;
	opacity: 1;
}
.searchBoxSpan .jumpListSearchField::-moz-placeholder {
	font-style: italic;
	font-weight: normal;
	color: #AEAEAE;
	opacity: 1;
}
.searchBoxSpan .jumpListSearchField:-ms-input-placeholder {
	font-style: italic;
	font-weight: normal;
	color: #AEAEAE;
	opacity: 1;
}
.searchBoxSpan .jumpListSearchField:-moz-placeholder {
	font-style: italic;
	font-weight: normal;
	color: #AEAEAE;
	opacity: 1;
}

.searchBoxSpan .jumpListSearchField::placeholder {
	font-style: italic;
	font-weight: normal;
	color: #AEAEAE;
	opacity: 1;
}

.jumpList {
	text-align: left;
	overflow: hidden;
	border: none;
	background: #F7F7F7;
	position: absolute;
	width: 100%;
	/*right: .5em;*/
	z-index: 2;
}

.jumpList .jumpListHidden {
	display: none;
}

li.jumpLi {
	line-height: 3em;
	margin: 0;
	display: block;
	width: 100%;
	position: absolute;
	height: 3em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

ul.jumpLi {
	padding-left: 0.75em;
	line-height: 3em;
	padding-right: 0em;
	margin: 0;
	
	/*text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;*/
	display: block;
	width: 100%;
	position: absolute;

	height: 3em;
	border-bottom: 1px solid #DBDBDB;
	background-color: #FFFFFF;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.jumpListItemTextWrapper {
	max-width: 100%;
	height: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	position: relative;
	padding-right: 0.8125em;
}

.jumpListItemTextWrapper.requiredJumpList {
	padding-right: 1.125em;
}

.jumpListItemTextWrapper.requiredJumpList::after {
	content: "";
	position: absolute;
	top: 0em;
	right: 0.5em;
	display: block;
	width: 0.5em;
	height: 0.5em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(243, 90, 84)' d='M8.609,4.039 L6.130,3.792 C5.974,3.777 5.839,3.673 5.775,3.516 L4.887,1.250 C4.745,0.877 4.241,0.877 4.099,1.250 L3.218,3.516 C3.161,3.673 3.019,3.777 2.863,3.792 L0.384,4.039 C0.014,4.076 -0.135,4.562 0.142,4.824 L2.010,6.551 C2.131,6.663 2.181,6.827 2.145,6.992 L1.584,9.414 C1.499,9.795 1.890,10.109 2.216,9.907 L4.283,8.629 C4.418,8.546 4.582,8.546 4.717,8.629 L6.783,9.907 C7.110,10.109 7.501,9.802 7.416,9.414 L6.862,6.992 C6.826,6.827 6.876,6.663 6.997,6.551 L8.865,4.824 C9.134,4.562 8.978,4.076 8.609,4.039 Z'/%3E%3C/svg%3E") no-repeat;
	background-size: 100% 100%;
	margin-top: .85em;
}

.counterWrapper {
	position: absolute;
	right: 0;
	width: 2em;
	height: 2.8em;
	top: .5em;
	/*margin-top: -50%;*/
}

.jumpListPagerWrapper {
	display: inline-block;
	width: auto;
	border: 1px solid #758593;
	border-radius: .2em;
	background: #959fa6; /* Old browsers */
	background: -moz-linear-gradient(top,  #959fa6 0%, #758593 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959fa6), color-stop(100%,#758593)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #959fa6 0%,#758593 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #959fa6 0%,#758593 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #959fa6 0%,#758593 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #959fa6 0%,#758593 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959fa6', endColorstr='#758593',GradientType=0 ); /* IE6-9 */

}

.jumpListPagerWrapper.pressed {
	background: #556066; /* Old browsers */
	background: -moz-linear-gradient(top,  #556066 0%, #424a53 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#556066), color-stop(100%,#424a53)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #556066 0%,#424a53 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #556066 0%,#424a53 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #556066 0%,#424a53 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #556066 0%,#424a53 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556066', endColorstr='#424a53',GradientType=0 ); /* IE6-9 */

}

.jumpListPager {
	-webkit-appearance: none;
	background: none;
	padding-right: .5em;
	border: none;
	color: white;
	padding-right: 1em;
	padding-left: .5em;
	height: 2em;
	background-size: .8em;
	background-repeat: no-repeat;
	background-position: 92.5% center; /* come at me bro */
	background-image: url('down32.png');
}

.arrow {
	position: absolute;
	z-index: 8500;
	top: 50%;
	margin-top: -2em;
	width: 2em;
	height: 4em;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.2;
	background-color: black;
}

.arrow_left {
	left: 0;
	background-image: url(prev32.png);
}

.arrow_right {
	right: 0;
	background-image: url(next32.png);
}

.completedCounter {
	background: #589f11; /* Old browsers */
	background: -moz-linear-gradient(top,  #589f11 0%, #275210 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#589f11), color-stop(100%,#275210)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #589f11 0%,#275210 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #589f11 0%,#275210 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #589f11 0%,#275210 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #589f11 0%,#275210 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#589f11', endColorstr='#275210',GradientType=0 ); /* IE6-9 */

	
	border-radius: .2em;
	color: white;
	position: absolute;
	width: 1.15em;
	height: 1.15em;
	top: 0;
	right: .5em;
	text-align: center;
	line-height: 1.15em;
}

.incompletedCounter {
	background: #e93034; /* Old browsers */
	background: -moz-linear-gradient(top,  #e93034 0%, #a52816 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e93034), color-stop(100%,#a52816)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e93034 0%,#a52816 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e93034 0%,#a52816 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e93034 0%,#a52816 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e93034 0%,#a52816 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e93034', endColorstr='#a52816',GradientType=0 ); /* IE6-9 */

	
	border-radius: .2em;
	color: white;
	position: absolute;
	width: 1.15em;
	height: 1.15em;
	bottom: 0;
	right: .5em;
	text-align: center;
	line-height: 1.15em;
}

.jumpLi.isCurrent {
	background: #85CDF7;
}

.jumpLi.isContainerElement {
	background: #F7F7F7;
}

.jumpLi.hasError {
	border-left: 0.375em solid #F35A54;
	padding-left: 0.375em;
}


.jumpLi.jumpLiHover, .jumpLi.jumpLiHover.hasWarning  { 
	background: #F8F3E0;
}

.mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: -webkit-box;
	display: box;
	width: 100%;
	height: 100%;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	box-pack: center;
	background: rgba(0, 0, 0, 0.7) center center no-repeat;
}

.SectionTitle, .LoopTitle, .LoopIterationTitle {
	-webkit-user-select: none;
	user-select: none;
	line-height: 1.5em;
	height: 2.1em;
	text-align: center;
	list-style: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67727a), color-stop(15%,#717d86), color-stop(85%,#717d86), color-stop(100%,#68737b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #67727a 0%,#717d86 15%,#717d86 85%,#68737b 100%); /* Chrome10+,Safari5.1+ */
	-webkit-text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;
	text-shadow: rgba(0, 0, 0, 0.5) 0 -0.08em 0;
	color: white;
	position: relative;
	width: 100%;
	min-height: 2em;
	height: auto;
	padding-top: .5em;
	padding-bottom: .5em;
	text-align: center;
	color: white;
	font-weight: bold;
	background: #526065; /* */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#526065), color-stop(100%,#364541));
	background: -webkit-linear-gradient(top, #526065 0%,#364541 100%);
	background: -ms-linear-gradient(top, #526065 0%,#364541 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#526065', endColorstr='#364541',GradientType=0 );
	word-wrap:break-word;
}

.surveyLi {
	height: 100%;
	display: block;
/*	background: #FFF;*/
}

#scroller_survey {
	display: block;
}

.picker{ width: 100%; height: 100%; display:none; }
.picker--opened, .picker--focused{ display:block; }

.datepicker {
	width: 100%;
	-webkit-text-fill-color: #000;
	text-fill-color: #000;
	-webkit-opacity: 1;
	opacity: 1;
	min-height: 2.5em;
	display: block; 
	border-width: 0;
/*	background: transparent;
	-webkit-appearance: none;
	-webkit-user-select: text;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	background: url(date.png) 96% center no-repeat; 
	background-size: 1.8em 1.8em;*/
	visibility: hidden;
	position: absolute;
}
.datepicker.time,.datepicker.timeout{
	/*background: url(time.png) 96% center no-repeat;
	background-size: 1.8em 1.8em; */
}

.audio_text_top {
	display: block;
	clear: right;
	color: #404141;
	font-size: 1.3em;
	text-shadow: 1px 1px 0px #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.audio_text_bottom {
	display: block;
	clear: none;
	color: #8a8a8a;
	font-size: .9em;
	text-shadow: 1px 1px 0px #ffffff;
}

.attachmentsContainer {
	position: relative;	
	overflow: visible;
}

.attachmentVideo {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;	
	overflow: visible;
	font-family: Roboto-BoldCondensed;
}

.attachmentVideoInner {
	display: inline-block;
	width: 100%;
	height: 2.9em;
	margin: 0;
	padding: 0 .9em;

	background: #dedede; /* Old browsers */
	background: -moz-linear-gradient(top,  #dedede 0%, #fcfcfc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dedede 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dedede 0%,#fcfcfc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dedede 0%,#fcfcfc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dedede 0%,#fcfcfc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */

	overflow: hidden;
	text-overflow: ellipsis;
}

.attachmentVideoTitle {
	display: block;
	float: left;
	margin: 0;
	padding: .5em 0;
	width: 70%;
	color: #404141;
	text-shadow: 1px 1px 0px #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.attachmentVideo .flowplayer.is-error {
	border: none;
}

.attachmentVideo .flowplayer.is-error h2 {
	color: #CECECE;
}

.attachmentVideo .customError {
	color: #CECECE;
	width: 100%;
	height: 100%;
	/* color:red; */
	/* border: 1px solid blue; */
	background-color: white;
	z-index: 999;
	position: relative;

	text-align: center;
	font-size: 1em;
}

.flowplayer.is-error .customError h2 {
	font-size: 1em;
	margin: 10%;
}

.attachmentPlayerWrapper{
	margin: 0 auto;
	background:  #333 url(../../flowplayer5.5.2/skin/img/play_white@x2.png) center no-repeat;
	background-size: 12%;
}

.videoDuration{
	margin: 0;
	padding: .5em 0;
	float: right;
	text-shadow: 1px 1px 0px #ffffff;
}

.attachmentAudio {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;	
	overflow: visible;
	font-family: Roboto-BoldCondensed;
}

.audio_inner {
	display: inline-block;
	*background-color: #9FF;
	height: 4em;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	background: #dedede; /* Old browsers */
	background: -moz-linear-gradient(top,  #dedede 0%, #fcfcfc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dedede 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dedede 0%,#fcfcfc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dedede 0%,#fcfcfc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dedede 0%,#fcfcfc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */

	-webkit-box-shadow: 0px 0px 5px #989898;
	overflow: hidden;
	text-overflow: ellipsis;
}

.audio_button {
	display: inline-block;
	*background-color: #FF9;
	width: 4em;
	height: 4em;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 10px;
}

.play {
	background: url(play64.png) center center no-repeat;
	background-size: 50%;
}

.pause {
	background: url(pause64.png) center center no-repeat;
	background-size: 50%;
}

.stop {
	background: url(stahp64.png) center center no-repeat;
	background-size: 50%;
}

.audio_separator {
	float: right;
	width: 2px;
	height: 100%;
	background: url(divider.png) center center no-repeat;
	background-size: 100% 100%;
}

.audio_meta {
	display: block;
	float:left;
	width: 60%;
	height: 4em;
	margin: 0;
	padding: 0;
	margin-left: 4em;
	padding-top: 1em;
	padding-left: .9em;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.audio_duration {
	display: block;
	height: 4em;
	margin: 0;
	padding: 0;
	padding-top: 1em;
	padding-right: .9em;
	float: right;
	position: relative;
	text-shadow: 1px 1px 0px #ffffff;
}

.audio_duration_text {
	color: #404141;
	font-size: 1.3em;
}

.attachment_image {
	-webkit-box-shadow: 0px 0px 5px #989898;
	box-shadow: 0px 0px 5px #989898;
}

.attachmentImage {

	margin-top:0.5em;
	margin-bottom:0.5em;
	padding-top: .45em;
	padding-left: .45em;
	padding-right: .45em;
	position: relative;	
	overflow: visible;
	
}

.image_delete {
	position: absolute;
	display: block;
	width: 1.33em;
	height: 1.33em;
	background: url(x.png) no-repeat;
	background-size: 100% 100%;
	
	right: 0; 
	top: 0;
}

.required {
	color: #d87b42;
	display: block;
	float: right;
	width: 0.5em;
	height: 0.5em;
	background: url(required.png) no-repeat;
	background-size: 100% 100%;
}

.watermarktext {
	position: absolute;
	opacity: 0.6;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	/*border: 1px solid red;*/
}

.combodate {
	*text-align: center;
	display: block;
}

.combodate select {
	min-height: 2em !important;
	padding-left: .5em;
	border: none;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
}
.otherSpecify .combodate select {
	min-height: 3em !important;
	padding-left: .5em;
	border: none;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
}

.loopAsRowGridAnswerOption {
	float: left;
	border-right: 1px solid silver;
	box-shadow: 0 0.1em 0 0 #CBCED3;
}

.loopAsColumnGridAnswerOption {
	position: relative; 
	height: 3em;
	vertical-align:top;
}


.loopAsColumnGridCommentContainer {
	 vertical-align: top;
	 display:table-cell;
	 visibility:visible; 
	 position: relative;
}

.answers_wrapper {

}

.answers_wrapper .qa_type2 {

}

.answers_wrapper .lastCell {
	float: left;
	border-right: 0px;	
}

.questionCommentContainer {
	vertical-align: top;
	display:table-cell;
	visibility:visible;
	position: relative;
}


.gridTable .loopAsRowGridAnswersHolder {
	vertical-align: top;
}

.nestedLoopContainer {
	text-align: center; 
	padding: 0;
}

.answers_holder_inner select {
	min-height:3em;
	border: none;
	width: 100%;
	font-weight: bold;
}

.loopAsColumnGridAnswers select {
	min-height:3em;
	border: none;
	width: 100%;
}

.loopAsRowGridAnswersHolder  {
	padding: 0;
}

.loopAsRowGridAnswerOption:last-child {
	border-right: 0px;
}


.fileName3{
	height:24px;
}

.richTextFormat ol ol ul, .richTextFormat ol ul ul, .richTextFormat ul ol ul, .richTextFormat ul ul ul {
    list-style-type: square;
}

.richTextFormat ul ul, .richTextFormat ol ul {
    list-style-type: circle;
}

.richTextFormat li {
	list-style-type: inherit;
	list-style: inherit;
}

.richTextFormat ol {
	list-style-type: decimal;
}

.richTextFormat ul {
	list-style-type: disc;
}

.richTextFormat ol,.richTextFormat ul, .richTextFormat dl {
	margin-right: 0px;
	padding: 0 40px;
}

.richTextFormat strong {
	line-height: 1em;
	font-size: 1.1em;
	font-weight: 900;
}

.picker__header select {
	font-size: .8em;
}

.attachmentsHolder {
	width: 100%;
	float: left;
}

/* RTL STYLESHEETS */
.rtl {
	direction: rtl;
}

.rtl caption, .rtl th {
  text-align: left;
}

.rtl .top {
	direction: ltr;
	/*padding: 0 0.3em 0 0.5em;*/
}

.rtl .practiceText {
	right: 0em;
	left: initial;
}

/*.rtl .inboxTouchWrapper {
	right: 0px;
	left: initial;
}

.rtl .jump {
	left: .5em;
	right: initial;
}
.rtl .progressBarWrapper {
	padding-right: 3.25em;
	padding-left: 2.65em;
}

.rtl .progressBarWrapperNoJump {
	padding-left: 0em;
}*/

.rtl .rules_warning {
	padding-left: 2.3em;
}

.rtl .errorIcon {
	left: .55em;
	right: initial;
}

.rtl .warningIcon {
	left: .55em;
	right: initial;
}

.rtl .declineIcon {
	left: .55em;
	right: initial;
}

.rtl .barcodeIcon {
	left: .55em;
	right: initial;
}

.rtl .stopwatchIcon {
	left: .55em;
	right: initial;
}

.rtl .attachIcon {
	left: .55em;
	right: initial;
}

.rtl .dateIcon {
	left: .55em;
	right: initial;
}

/*.rtl .navigationNext {
	left: .5em;
	right: initial;
}

.rtl .navigationPrevious {
	right: .5em;
	left: initial;
}

.rtl .navigationDone {
	left: .5em;
	right:initial;
}
.rtl .left {
	right: .5em;
	left: initial;
}

.rtl .right {
	left: .5em;
	right: initial;
}*/
.rtl .gridTable td {
	border-left: 1px solid silver;
}

.rtl .practiceModeExit {
	float: left;
	background-position: left center;
	padding-left: 2.5em;
}

.rtl .check_img {
	float:right;
	right:0px;
	left: initial;
}

.rtl .radio_img {
	float:right;
	right:0px;
	left:auto;
	left:initial;
}
.rtl .qa_type1, .rtl .qa_type2 {
	text-align: right;
	padding-right:3.6em;
	padding-left:0.5em;
}

.rtl .surveycomment, .rtl .surveycomment:disabled {
	margin-left: auto;
}

.rtl .answer_otherField {
	float:right;
}
.rtl .answer_container {
	float: right;
}
.rtl .headerInputLabel {
	right: 0;
	left: initial;
}

.rtl .labelDate {
	background: url(date.png) 4% center no-repeat; 
	background-size: 1.8em 1.8em;
}

.rtl .labelTime {
	background: url(time.png) 4% center no-repeat;
	background-size: 1.8em 1.8em;
}

/*.rtl .jumpListAnchor {
	left: 1em;
	right: initial;
}*/

.rtl .jumpList {
	text-align: right;
	right: initial;
}

.rtl ul.jumpLi {
	padding-right: 0.75em;
	padding-left: 0em;
}
.rtl .counterWrapper {
	left: 0;
	right: initial;
}
/*
.rtl .arrow_left {
	right: 0;
	left: initial;
}

.rtl .arrow_right {
	left: 0;
	right: initial;
}
*/
.rtl .completedCounter {
	left: .5em;
	right: initial;
}

.rtl .incompletedCounter {
	left: .5em;
	right: initial;
}
.rtl .jumpListHeader {
	direction: ltr;
}
.rtl .errorsOnlySpan {
	text-align: left;
}
.rtl .jumpLi.hasError {
	border-right: 0.375em solid #F35A54;
	border-left: 0px;
	padding-right: 0.375em;
}

.rtl .mask {
	right: 0;
	left: initial;
}

.rtl .audio_text_top {
	clear: left;
}
.rtl .audio_text_bottom {
	text-shadow: -1px -1px 0px #ffffff;
}
.rtl .audio_button {
	right: 10px;
	left: initial;
}

.rtl .audio_separator {
	float: left;
}

.rtl .audio_meta {
	margin-right: 4em;
	padding-right: .9em;
}

.rtl .audio_duration {
	padding-left: .9em;
	float: left;
	text-shadow: -1px -1px 0px #ffffff;
}
.rtl .image_delete {
	left: 0; 
	right: initial;
}

.rtl .required {
	float: left;
}

.rtl .watermarktext {
	right: 0;
	left: initial;
}

.rtl .combodate select {
	padding-right: .5em;
}
.rtl .otherSpecify .combodate select {
	padding-right: .5em;
}

.rtl .loopAsRowGridAnswerOption {
	float: right;
	border-left: 1px solid silver;
}

.rtl .answers_wrapper .lastCell {
	float: right;
	border-left: 0px;	
}

.rtl .loopAsRowGridAnswerOption:last-child {
	border-left: 0px;
}

.rtl .attachmentLeftCell {
	padding-right:0px;
}

.rtl .rightTop{
	padding: 8px 0px 7px 8px;
}

.rtl .rightBottom{
	padding: 7px 0px 8px 8px;
}

.rtl .attButton {
	margin-left:2px;
}

.templateWrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

/* DefaultSLiderStyles */

.DefaultSliderBody {
	position: relative;
	display: table; 
	width: 100%; 
	height: 100%; 
	min-height: 4em; 
}

.DefaultSliderDotWrapper {
	position:absolute; 
	z-index:10; 
	height:50%; width:100%; 
		margin-top:5px;
}

.DefaultSliderImageWrapper {
	position:relative; 
	display: table-cell; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	vertical-align:middle;
}

.DefaultSliderImageWrapper img {
	position:relative; 
	-webkit-transform:translate3d(0,0,1px);
	-moz-transform:translate(0px,0px);
	-o-transform:translate(0px,0px);
	-ms-transform:translate(0px,0px);
	z-index:15; margin:1em 0px; 
	float:left;
}

.DefaultSliderGridBody {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:20;
}

.DefaultSliderZone {
	height:100%;
	position:relative;
	float:left; 
	z-index:30;
}

.DefaultSliderDotsContent {
	z-index:10;
	height:100%;
	margin:auto;
}

.DefaultSliderDots {
	position:absolute; 
	z-index:10;
	height:10px;
	bottom:0%; 
	box-shadow:1px 1px #F2F2F2;
	border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid gray; 
	margin:auto; 
	box-sizing:border-box;
}

.sliderDotWrappper {
	height:100%;
	position:relative;
	float:left;
}

.sliderDot {
	height:5px;
	width:5px;
	background-color:gray;
	box-shadow:1px 1px #F2F2F2;
	border-radius:5px;
	-webkit-border-radius:5px;
	margin:2px auto 0 auto; 
}

.sliderDot.sliderDotFirst {
	float: left;
	margin:2px 0 2px 2px; 
}
.sliderDot.sliderDotLast {
	float: right;
	margin: 2px 2px 0 2px; 
}

.VerticalSliderTable {
	table-layout: auto;
}

.activeFeedback{
	border:2px solid #fff0b3;
	background: #fff5cc;
	padding:10px;
}
/* end of DefaultSliderStyles */