#quiz {
	position: relative;
	overflow: hidden;
}

#quiz .formFooter {
	/*margin-bottom: 100px;*/
}

#quiz.end .formFooter {
	/*margin-bottom: 10px;*/
}

#quiz .steps {
	width: auto;
	height: auto;
	border: 0;
	text-align: center;
	margin-bottom: 20px;
}

#quiz .steps ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#quiz .steps li {
	display: inline-block;
	width: 146px;
	padding: 8px;
	box-sizing: border-box;
	background: #f9f9f9;
	border: 1px solid #e7e7e7;
	border-right: 0;
	cursor: pointer;
	font-weight: bold;
	color: #c7c7c7;
}

#quiz .steps.unpaid li {
	width: 144px;
}

#quiz .steps.unpaid li:last-child {
	width: 154px;
}

#quiz .steps.unpaid.short li:last-child {
	width: 182px;
}

#quiz .steps li.active {
	padding-bottom: 5px;
	background: #f3f3f3;
	border-bottom: 3px solid #ff6600;
	color: #393939;
}

#quiz .steps.short li {
	width: 182px;
}

#quiz .steps.exists li:hover {
	color: #393939;
}

#quiz .steps li:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#quiz .steps li:last-child {
	border: 1px solid #e7e7e7;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#quiz .steps li.active:last-child {
	border-bottom: 3px solid #ff6600;
}

.inftbl {
	width: 100%;
	text-align: center;
	border-radius: 5px;
	border:1px solid #e7e7e7;
	padding: 0 18px;
	background: #fff;
	background: linear-gradient(to right, #f9f9f9 0%,#f9f9f9 50%,#fff 50%,#fff 100%); /* W3C */
	box-sizing: border-box;
}

.inftbl .formFooter {
	text-align: right;
}

.infCheck {
	width: 12px;
	height: 12px;
	background: url("/lapas/img/quiz/ic_checkmark.png") no-repeat;
	display: inline-block;
}

.typePick .formItemCheckbox {
	display: inline-block;
	border: 1px solid #bebebe;
	background: #f1f2f3;
	padding: 0 10px;
	border-radius: 3px;
	margin: 10px;
}

.typePick .formItemCheckbox.active {
	background: #d2d7d9;
}

.icon.infoGrayIcon.iconHover {
	margin-left: 6px;
}

.typePick .formItemCheckbox label {
	padding: 10px 8px 10px 22px;
	color: #525252;
	font-weight:bold;
	cursor: pointer;
	text-shadow: 1px 1px #efefef;
}

.infoTable {
	width: 100%;
}

.infoTable>tbody>tr>td:first-child {
	width: 160px;
	background: #f9f9f9;
	border-left: 0;
	text-align: left;
}

.infoTable>tbody>tr>td:last-child {
	/*padding-right: 18px;*/
	/*box-sizing: border-box;*/
	border-right: 0;
}

.infoTable>tbody>tr:first-child>td {
	border-top: 0;
}

.infoTable>tbody>tr:last-child>td {
	border-bottom: 0;
}

.infoTable>tbody>tr>td {
	background: #fff;
	border: 1px solid #e7e7e7;
}

.infoTable>tbody>tr:first-child {
	color: #ff7a22;
	font-size: 21px;
	line-height: 52px;
	vertical-align: middle;
}

.infoTable>tbody>tr {
	color: #393939;
	line-height: 32px;
	vertical-align: middle;
}

#quiz .editForm {
	margin: 25px 0 0;
}

#quiz .editForm h1 {
	margin-top: 20px;
}

.editForm > .formItem > label {
	float: left;
	width: 150px;
	text-align: right;
	margin-top: 5px;
	/*height: 16px;*/
	overflow: hidden;
}

.editForm > .formItem > div {
	margin-left: 160px;
}

.editForm .formItem.formItemCheckbox {
	display: inline-block;
	margin-right: 10px;
}

.introHeader {
	position: relative;
}

.introHeader .introLeft {
	float: left;
	color: #393939;
	position: relative;

}

.introLeft .colorEdit {
	/*margin-top: 6px;*/
	float: left;
}

.introHeader .introLeft .colorEdit span {
	line-height:18px;
}

.introLeft .colorEdit .colorPicker {
	top: 28px;
	right: 0;
}

.introHeader .introLeft .addImg {
	width: 24px;
	height: 24px;
	background: url("/lapas/img/quiz/ic_add_image.png") no-repeat;
	cursor: pointer;
	overflow: hidden;
}

.introHeader .introLeft .addImg .button {
	background: transparent;
}

.introHeader .introLeft .addImg .button .radius3 {
	background: 0;
	border: 0;
	outline: 0;
	padding: 0;
	width: 100%;
}

.introHeader .introLeft .addImg .flashUploadLabel {
	display: none;
}

.introHeader .introLeft .addText {
	width: 24px;
	height: 24px;
	background: url("/lapas/img/quiz/ic_add_text.png") no-repeat;
	cursor: pointer;
	z-index: 3;
}

.introHeader .introRight {
	float: right;
}

.introRight .mobilePreview {
	padding-right: 32px;
	background: url("/lapas/img/quiz/ic_devices.png") no-repeat center right;
	vertical-align: middle;
	height:24px;
	line-height:24px;
	display: inline-block;
}

.introHeader .introLeft span {
	display: inline-block;
	vertical-align: middle;
	height:24px;
	line-height: 24px;
	margin-right: 10px;
	float: left;

}

.editArea {
	min-height:450px;
	background: #ff6600;
	margin: 10px 0;
	padding: 40px 20px 15px;
}

.editArea .item {
	background: rgba(255, 255, 255, 0.1);
	border: 1px dashed rgba(255, 255, 255, .4);
	min-height:40px;
	margin: 5px 0;
	border-radius: 5px;
	position: relative;
	width: 780px;
}

.publicQuiz .quizContainer .item {
	/*width: 670px;*/
}

.quizContainer {
	min-height:450px;
	/*margin: 10px;*/
	padding: 40px 20px 15px;
}

.quizContainer .item {
	min-height:40px;
	margin: 5px 0;
	position: relative;
	width: 780px;
}

.editArea .item .editOptions {
	position: absolute;
	top: 3px;
	right: 3px;
	border-radius: 3px;
	border: 1px solid #e7e7e7;
	background: #ffffff;
	box-sizing: border-box;
	height: 34px;
	padding: 0 5px;
	z-index: 2;
}

.editArea .item .editOptions > div {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
	margin-top: 4px;
	cursor: pointer;
	width: 24px;
	height: 24px;
}

.editArea .item .editOptions .drag {
	background: url("/lapas/img/quiz/ic_move.png") no-repeat;
	/*background-size: 24px 24px;*/
	background-position: 0 0;
}

.editArea .item .editOptions .drag:hover {
	/*background-size: 24px 24px;*/
	background-position: 0 -24px;
}

.editArea .item .editOptions .edit {
	background: url("/lapas/img/quiz/ic_edit.png") no-repeat;
	background-position: 0 0;
}
.editArea .item .editOptions .edit:hover {
	background-position: 0 -24px;
}

.editArea .item .editOptions .remove {
	position: relative;
	background: url("/lapas/img/quiz/ic_trash.png") no-repeat;
	background-position: 0 0;
}
.editArea .item .editOptions .remove:hover {
	background-position: 0 -24px;
}

.editArea .item .editOptions .remove .confirmDelete {
	position: absolute;
	top: 24px;
	padding: 6px;
	background: #ffffff;
	z-index: 4;
}


/* sākt testu poga */
#quiz .item2, #quiz .item8 {
	text-align: center;
}

#quiz .btnQuizStart, #quiz .btnQuizEnd {
	position: relative;
	padding: 12px 30px;
	font-weight: bold;
	border-radius: 5px;
	background: #3271ba;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin: 22px 0;
}

#quiz .btnRepeat {
	margin-left: 20px;
}

#quiz .btnQuizStart:hover {
	background: rgba(50, 113, 186, 0.85);
}

/* Noteikumu poga */
#quiz .item5, #quiz .item9 {
	text-align: center;
	vertical-align: middle;
	/*margin-top: 50px;*/
	/*position: absolute;*/
	/*bottom: 15px;*/
}

#quiz .item5:last-child {
	/*margin-top: 100px;*/
}

#quiz .btnQuizRules, #quiz .btnQuizToStart {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: 42px;
}

/* Custom teksts */
#quiz .item3 {
	text-align: center;
}

#quiz .customTxt {
	vertical-align: middle;
	text-align: center;
	margin: 16px;
	color: #fff;
}

/* bilde */
#quiz .item4 {
	text-align: center;
}

.quizImg {
	text-align: center;
}

.quizImg img {
	max-width: 100%;
}

/* virsraksts */

#quiz .item1 .quizTitle {
	text-align: center;
	font-weight: bold;
}

/* checkbox */

#quiz .item6 .followCheck {
	text-align: center;
}

#quiz .item6 .formItemCheckbox {
	line-height: 42px;
	padding: 0;
	margin: 0 auto;
}

.item .editWindow {
	position: absolute;
	top: -20px;
	padding: 15px;
	box-sizing: border-box;
	background: #ffffff;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
}

.item .editWindow .editTitle {
	color: #c7c7c7;
	text-align: left;
	margin-bottom: 10px;
}

.colorField {
	display: inline-block;
	margin-right: 25px;
}

.colorField:last-child {
	margin-right: 0;
}

.colorEdit {
	display: inline-block;
	position: relative;
}

.colorEdit .caption {
	float: left;
	color: #393939;
	line-height: 22px;
	vertical-align: middle;
	margin-right: 10px;
}

.colorEdit .colorSquare {
	float: left;
	width: 38px;
	height: 22px;
	border: 1px solid #e7e7e7;
	background: #fff;
	box-sizing: border-box;
	border-radius: 3px;
	/*display: inline-block;*/
	cursor: pointer;
	background: url("/lapas/img/quiz/arrow.png") no-repeat center right 4px;
}

.colorEdit .colorSquare:hover {
	background: #fefefe url("/lapas/img/quiz/arrow.png") no-repeat center right 4px;
}

.colorEdit .colorSquare .colorRect {
	width: 16px;
	height: 16px;
	margin: 2px;
	border-radius: 3px;
}

.colorEdit .colorPicker {
	position: absolute;
	background: #eeeeee;
	z-index: 3;
	border: 1px solid #cccccc;
	top: 28px;
	right: 0px;
	padding: 12px;
	text-align: center;
}

.colorEdit .colorPicker .hexCaption {
	color: #858585;
	display: inline-block;
	margin: 0 auto;
}

.colorEdit .colorPicker .hexCaption span {
	margin-right: 6px;
}

.colorEdit .colorPicker .hexInput {
	border: 1px solid #e9e9e9;
	height: 14px;
	color: #a6888c;
	font-size: 12px;
	padding: 1px 5px;
	width: 55px;
}

.colorEdit .colorPicker .frab {
	margin-top: 10px;
}

.sizeField {
	display: inline-block;
}

.sizeEdit {
	display: inline-block;
	width: 250px;
	position: relative;
}

.sizeEdit .caption {
	float: left;
	color: #393939;
	line-height: 22px;
	vertical-align: middle;
	margin-right: 10px;
}

.sizeEdit .sizeSquare {
	float: left;
	width: 38px;
	height: 22px;
	border: 1px solid #e7e7e7;
	background: #fff;
	box-sizing: border-box;
	border-radius: 3px;
	/*display: inline-block;*/
	cursor: pointer;
}

.sizeEdit .sizeSquare:hover {
	background: #fefefe;
}

.sizeEdit .sizeSquare .sizeCont {
	width: 16px;
	height: 16px;
	margin: 2px;
	border-radius: 3px;
}

.sizeEdit .formItemSlider {
	float: left;
	width: 140px;
	margin-left: 10px;
}

.item1 .sizeEdit .formItemSlider, .item3 .sizeEdit .formItemSlider {
	width: 110px;
}


.item.dragReplace {
	background: rgba(255, 255, 255, 0.5) !important;
}

.editContainer .formItemTextarea {
	width: 300px;
	margin: 10px 0;
}

.editContainer .formItemTextarea >label {
	float: left;
}

.editContainer .formItemTextarea .formItemBorder {
	margin-left: 50px;
}



.mobilePreview {
	position: relative;
}

.mobilePreview .topRow {
	text-align: right;
}

.mobilePreview .titleRow {
	font-weight: bold;
	text-align: center;
	margin: 10px 0 20px;
}

.mobilePreview .mobileBackground {
	width: 343px;
	height: 704px;
	margin: 0 auto;
	position: relative;
	background: url("/lapas/img/quiz/popup-device.png") no-repeat;
}

.mobilePreview .mobilePreviewContent {
	position: absolute;
	top: 73px;
	left: 21px;
	width: 302px;
	height: 538px;
	background: #fff;
	padding: 40px 20px 20px;
	box-sizing: border-box;
	overflow-y: scroll;
}

.mobilePreviewContent .title {
	text-align: center;
	font-weight: bold;
}

.mobilePreview .btnQuizStart, .mobilePreview .btnQuizEnd {
	position: relative;
	padding: 12px 30px;
	font-weight: bold;
	border-radius: 5px;
	background: #3271ba;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin: 22px 0;
}

.contCenter {
	text-align: center;
}

.mobilePreview .followCheck {
	text-align: center;
	line-height: 42px;
	vertical-align: middle;
}

.mobilePreview .customTxt {
	margin: 16px;
}

.mobilePreview .quizImg {
	margin: 16px 0;
}

.mobilePreview ::-webkit-scrollbar {
	display: none;
}

.addNewType {
	padding-top: 20px;
	box-sizing: border-box;
}

.addNewType .formItemBorder {
	width: 280px;
}

.addNewType .formFooter, .quizQuestionContainer .formFooter {
	padding-left: 170px;
}

.addNewType .formsUpload {
	width: 280px;
}

.formsUpload .button.buttonStretch, .formItemSelect .formItemBorder {
	width: 280px;
}

.addNewType h1 {
	margin: 10px 20px 10px;
}

.addNewType .infoMsg {
	margin: 0 20px 10px;
}

.addNewType #typePicUpload, .addNewType #sayPicUpload {
	margin: 10px 0;
	width: 100%;
}

.addNewType #typePicUpload img, .addNewType #sayPicUpload img {
	max-width:100%;
}

#quiz .typeList {
	margin: 20px 0;
}

.quizQuestionContainer {
	margin-top: 10px;
}

.quizQuestionContainer .formItemBorder, .quizQuestionContainer .formsUpload {
	width: 280px;
}

.quizQuestionContainer .formCont {
	margin-bottom: 20px;
}

#questionPicUpload {
	margin-top: 10px;
}

#questionPicUpload img {
	max-width:100%;
}

.quizQuestionContainer h1 {
	margin: 0 15px 10px 0;
}

.quizQuestionContainer .answerCont {
	margin: 5px 0;
}

.answerCont .stdAnswer.editForm .formItemSelect {
	margin-bottom: 0;
}

.answerCont .answer {
	margin-top: 10px;
}

.addNewCont {
	margin-left: 160px;
	width: 280px;
	text-align: right;
}

.stdAnswer .formItemInput {
	display: inline-block;
}

.stdAnswer.editForm > .formItem.formItemCheckbox {
	margin-bottom: 0;
}

.stdAnswer.editForm > .formItem.formItemCheckbox > label {
	width: auto;
	margin-left: 15px;
}

.answer .delAnsCont {
	display: inline-block;
	line-height: 20px;
	margin-left: 12px;
}

.answer .delAnswer {
	float: left;
}

.questionImgPreview {
	margin-top: 8px;
}

.formCont.editForm {
	padding-left: 10px;
}

.endResult {
	text-align: center;
	margin: 10px 0;
}

.resultType1 {
	font-size: 22px;
	line-height:24px;
}

.resultType1Your {
	font-weight: bold;
	font-size: 24px;
	line-height:26px;
}

.prem {
	color: #ff6600;
	cursor: pointer;
	display: none;
}

.formItemDisabled label .nonprem, .formItem.disabled label .nonprem {
	opacity: 0.6;
}

.formItem.disabled label .prem, .formItem.formItemDisabled label .prem {
	display: inline-block;
}

.formItemDisabled label:hover .prem, .formItem.disabled label .prem {
	opacity: 1;
}

#quiz .editArea .item:first-child .editWindow .formItem textarea {
	max-height: 75px;
	height: auto;
}

.editForm .imgPreview {
	margin-top: 10px;
}

.overview .header {
	background: #fff url("/lapas/img/quiz/bg_wide.jpg") no-repeat;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding: 25px;
}

.overview .header .title {
	font-size: 36px;
	line-height: 36px;
	color: #ff6600;
	margin-bottom: 25px;
	font-family: 'Open Sans', sans-serif;
}

.otherAds {
	margin-top: 10px;
}

.otherAdsDesc {
	margin-top: 10px;
}

.otherAds > a {
	display: inline-block;
	margin-right: 25px;
}

.otherAds > a:last-child {
	margin-right: 0;
}

.otherAds > a .aTitle {
	font-weight: bold;
}

.overview .testList {
	min-height:45px;
}

.testList {
	margin: 25px 0;
}

.testList a, .testList span {
	margin-right: 15px;
}

.button.formItemBorder {
	border: 0;
}

.questions .header {
	margin-bottom: 15px;
}

.canAddMoreQ {
	display: inline-block;
	margin-left: 25px;
	color: #c7c7c7;
	font-size: 14px;
	/*font-weight:bold;*/
}

.questions .simpleTable {
	margin-bottom: 25px;
}

.questions .simpleTable tr td:last-child, .types .simpleTable tr td:last-child {
	text-align: right;
}

.questions .simpleTable a, .types .simpleTable a {
	margin-right: 20px;
}

.questions .simpleTable > tbody > tr > td, .types .simpleTable > tbody > tr > td {
	padding: 12px 7px;
}

.stdAnswer .formItemSelect {
	display: inline-block;
	margin-left: 15px;
}

.stdAnswer .formItemSelect .formItemBorder {
	margin-left: 0;
	width: 100px;
	position: relative;
	top: -7px;
}

.formItemCheckbox.formItemDisabled span {
	background: transparent;
}

.colorPicker .closeBtn {
	margin: 10px auto 0;
	display: inline-block;
}

.recommendBox {
	position: absolute;
	top: 15px;
	right: 20px;
}

#ct {
	overflow: visible;
}

#quiz.publicQuiz {
	overflow: visible;
}

.quizContainer .questionTitle, .quizContainer .questionImage {
	text-align: center;
}

.quizContainer .questionImage {
	margin-top: 10px;
}

.quizContainer .questionImage img {
	max-width: 100%;
}

.answerContainer {
	margin: 20px 0;
	text-align: center;
	padding-left: 35px;
}

.answerContainer .answer {
	display: inline-block;
	float: left;
	min-width: 300px;
	max-width: 300px;
	padding: 10px 20px;
	box-sizing: border-box;
	text-align: left;
	min-height:40px;
	background: #fff;
	border-radius: 3px;
	margin-top: 20px;
	margin-right: 20px;
	vertical-align: middle;
	cursor: pointer;
}

.answerContainer .answer .aImg {
	text-align: center;
}

.answerContainer .answer .aImg:not(:empty) {
	margin-bottom: 5px;
}

.answerContainer .answer:nth-child(2n+2), .answerContainer .answer:last-child {
	margin-right: 0;
}

.answerContainer .answer .check, .answerContainer .answer .answerText {
	display: inline-block;
}

.answerContainer .answer .check {
	width: 20px;
}

.answerContainer .answer .aTxt {
	position: relative;
}

.answerContainer .answer .check span {
	width: 20px;
	height:20px;
}

.answer .answerText {
	padding-left: 25px;
	position: relative;
	min-height:20px;
}

.answer.selected .answerText {
	font-weight: bold;
}

.answer .answerText span {
	width: 20px;
	height: 100%;
	position: absolute;
	/*top: 50%;*/
	left: 0;
	background: url("/lapas/img/quiz/a_unchecked.png") no-repeat;
	background-size: 20px 20px;
	background-position: center center;
}

.answer.selected .answerText span {
	background: url("/lapas/img/quiz/a_checked.png") no-repeat;
	background-size: 20px 20px;
	background-position: center center;
}

.btnContainer {
	text-align: center;
	position: relative;
}

.btnContainer .btnBack {
	position: absolute;
	display: inline-block;
	line-height:40px;
	vertical-align: middle;
	top: 20px;
	left: 10px;
}

.typeImage {
	margin: 15px 0 20px 0;
}

.resultTypeDescription {
	text-align: center;
}

#quiz .progressBar {
	margin: 18px 0 0 30px;
}

#quiz .progressBar .fromQuestions {
	font-weight: bold;
	color: #393939;
}

#quiz .progressBar .bar {
	margin-top: 5px;
	background: #f0f0f0;
	width: 250px;
	border-radius: 3px;
	height: 10px;
}

#quiz .progressBar .bar .fillBar {
	height:10px;
	border-radius: 3px;
}

.rulesContent {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

.editForm span.error, .editForm span.help, .editForm span.tip {
	margin: 0;
}
.answerCorrect {
	margin-left: 10px;
}

.answerCorrect.incorrect {
	color: red;
}

.answerCorrect.correct {
	color: green;
}

span.qq {
	font-weight: bold;
	margin-right: 5px;
}
span.aa {
	font-weight:bold;
}

.warnFooter {
	margin: 20px 0 10px;
}

.createSkin {
	float: left;
	display: inline-block;
	margin-left: 310px;
	margin-top: -20px;
}

#quiz .sayExample {
	font-size: 12px;
	font-weight: normal;
	float: right;
}

#quiz .doQuiz {
	/*display: inline-block;*/
	vertical-align: middle;
	height: 12px;
	line-height: 24px;
}

#quiz .introRight span {
	display: inline-block;
	line-height: 24px;
	vertical-align: middle;
	padding: 0 6px;
}

#quiz .rules_explain_link {
	display: block;
	margin-left: 160px;
	margin-bottom: 5px;
	margin-top: -5px;
}

.rulesExplain ul {
	list-style-type: disc;
	margin-left: 15px;
}