/* html, body { height: 100%; } */

body {
	background-color: #fff;
	margin: 0;
	overflow: auto;
	padding: 0;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

object:focus {
	outline: none;
}

#flashContent {
	display: none;
}

.addLogo {
	background-repeat: no-repeat;
	height: 100px;
	margin-top: -10px;
}

.addPadding {
	padding: 20px;
}

.noPadding {
	margin: 0;
	padding: 0;
}

.addWhite {
	background-color: #fff;
}

.firstButton {
	display: none;
}

.contenerCont {
	background-color: #fff;
	margin: 11px;
	position: relative;
	z-index: 100;
}

.imageInsert {
	position: relative;
	top: -50px;
}

.buttonPosition {
	position: absolute;
	top: 65%;
	z-index: 555;
}

.barPosition {
	padding-left: 70px;
	padding-right: 30px;
	padding-top: 70px;
	z-index: 9999;
}

.header-title {
	margin: 0;
	padding: 0;
	/* background-color: #abcc4a; */
}

#titleForTest {
	color: #000;
}

#question {
	color: #000;
	padding-left: 15px;
}

.minusBlue {
	background: rgba( 151, 200, 255, 1 );
	background: -moz-linear-gradient( left, rgba( 151, 200, 255, 1 ) 0%, rgba( 210, 234, 255, 1 ) 100%);
	background: -webkit-gradient( left top, right top, color-stop( 0%, rgba( 151, 200, 255, 1 )), color-stop( 100%, rgba( 210, 234, 255, 1 ) ) );
	background: -webkit-linear-gradient( left, rgba( 151, 200, 255, 1 ) 0%, rgba( 210, 234, 255, 1 ) 100%);
	background: -o-linear-gradient( left, rgba( 151, 200, 255, 1 ) 0%, rgba( 210, 234, 255, 1 ) 100%);
	background: -ms-linear-gradient( left, rgba( 151, 200, 255, 1 ) 0%, rgba( 210, 234, 255, 1 ) 100%);
	background: linear-gradient( to right, rgba( 151, 200, 255, 1 ) 0%, rgba( 210, 234, 255, 1 ) 100%);
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97c8ff', endColorstr='#d2eaff', GradientType=1);
}

#addImageTest {
	background-size: cover;
	background-repeat: no-repeat;
	border-top-left-radius: 60px;
	border-top-right-radius: 60px;
	height: 100%;
	min-height: 425px;
}

.buttonBegin {
	background-image: none !important;
	background-color: #0f70aa !important;
	border-radius: 0 !important;
	border-color: #0f70aa !important;
	border-style: solid !important;
	border-width: 2px !important;
	color: #fff !important;
	float: right;
	font-family: 'Roboto' !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding-bottom: 5px !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
	padding-top: 3px !important;
	/* font-family: Arial;
	font-size: 18px;
	font-weight: 400;
	border-width: 0;
	color: #fff;
	background-color: #0f70aa;
	border-color: #0f70aa;
	text-transform: uppercase;
	height: 34px; */
}

.buttonBegin:hover { 
	background-color: #fff !important;
	border-color: #0f70aa !important;
	color: #0f70aa !important;
	/* color: #fff; */
}

.buttonArrowRight {
	margin: 10px;
	position: absolute;
	right: 40%;
	top: 0;
	/* border-bottom-left-radius: 5px; 
	border-top-left-radius: 5px; 
	*/
}

.buttonArrowLeft {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	bottom: -1%;
	left: 0;
}

.inputValueAnswer {
	height: 25px;
	margin-left: 10px;
	text-align: center;
	width: 100px;
}

#questions {
	margin-left: 50px;
	margin-right: 50px;
	min-height: 55px;
	/* overflow: auto; */
}

.btn-success {
	color: #fff;
	background-color: #0f70aa;
	border-color: #0f70aa;
}

.progress-bar-custom {
	background: #0f70aa;
}
	

.progress {
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	background-color: #F5F5F5;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	height: 10px;
	margin-bottom: 0;
	overflow: hidden;
}

.imageAnswer {
	background-repeat: no-repeat;
	margin: 10px;
	min-height: 134px;
	top: -15px;
	width: 157px;
	/* height: 100%; */
}

.resultTests > .questensData:not(:first-child) {
	border-top: 1px dashed #0f70aa;
}
	

.resultTests > .questensData > .header-title {
	color: #0f70aa;
}
	

.substrateTest {
	background-color: #D3EAF9;
}

.questensData .form-group {
	font-size: 17pt;
	margin-bottom: 16px;
	margin-left: 17px;
}

.questensData > div,
.questenTitle > h3 {
	margin-right: 30px;
	margin-left: 20px;
}

.questensData h3 {
	font-size: 17pt;
	padding-left: 36px;
}

.header-title > h3 {
	font-size: 17pt;
	padding-left: 16px;
}

#titleForTest span {
	position: relative;
	z-index: 99999;
}

.header-title > h3:last-child {
	font-size: 22pt;
}

.contenerCont #questions {
	font-size: 17pt;
	margin-left: 30px;
	margin-right: 50px;
}

#question {
	color: #0f70aa;
	font-size: 22pt;
}

.buttonForMarket {
	border-width: 0;
	background-color: #0f70aa;
	border-color: #0f70aa;
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	font-weight: 400;
	height: 34px;
	text-transform: uppercase;
}

#markdown-toc > li {
	color: #0f70aa;
}

.text-markdown {
	color: #000;
}

div .iradio_minimal-blue {
	float: left;
	margin-top: 5px;
	min-height: 20px;
}

.resultTest__wrap {
	padding-left: 40px;
}

.titleForTest__wrap {
	min-height: 100px;
	padding-left: 50px;
	padding-top: 0;
}

.loader {
	margin: 10px;
	position: absolute;
	top: 0;
}

.label_text {
	margin-left: 30px;
}

#questions span.label_text {
	cursor: pointer;
}

#questions label {
	min-height: 40px;
}

@media screen and ( min-width: 200px ) and ( max-width: 624px ) {
	.addMainClass {
		border-radius: 30px;
		display: block;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dbf3d', endColorstr='#8dba3f', GradientType=1 );
		margin-left: 5px;
		margin-right: 5px;
		position: relative;
		top: -100px;
	}

	.buttonArrow:hover, 
	.buttonForMarket:hover {
		background-color: #fff !important;
		border-color: #0f70aa !important;
		color: #0f70aa !important;
	}

	.buttonArrow, .buttonForMarket {
		background-image: none !important;
		background-color: #0f70aa !important;
		border-color: #0f70aa !important;
		border-radius: 0 !important;
		border-style: solid !important;
		border-width: 2px !important;
		color: #fff !important;
		font-family: 'Roboto' !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		padding-bottom: 5px !important;
		padding-left: 25px !important;
		padding-right: 25px !important;
		padding-top: 3px !important;
		/* background-color: #0f70aa;
			border-color: #0f70aa;
			border-width: 0;
			color: #FFF;
			font-size: inherit;
			text-transform: uppercase; */
	}
}

@media screen and ( min-width: 624px ) {
	.addMainClass {
		border-radius: 30px;
		display: block;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dbf3d', endColorstr='#8dba3f', GradientType=1 );
		margin-left: 65px;
		margin-right: 65px;
		position: relative;
		top: -100px;
		width: 948px;
	}

	.buttonArrow:hover,
	.buttonForMarket:hover {
		background-color: #fff !important;
		border-color: #0f70aa !important;
		color: #0f70aa !important;
	}

	.buttonArrow,
	.buttonForMarket {
		background-color: #0f70aa !important;
		background-image: none !important;
		border-color: #0f70aa !important;
		border-radius: 0 !important;
		border-style: solid !important;
		border-width: 2px !important;
		color: #fff !important;
		font-family: 'Roboto' !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		padding-bottom: 5px !important;
		padding-left: 25px !important;
		padding-right: 25px !important;
		padding-top: 3px !important;
		/* font-size: inherit;
		border-width: 0;
		text-transform: uppercase;
		border-color: #0f70aa;
		height: 34px;
		background-color: #0f70aa;
		color: #FFF; */
	}
}

@media ( max-width: 576px ) {
	.noMobileTitle {
		display: none;
	}

	.titleForTest__wrap {
		min-height: auto;
		padding-left: 10px;
		padding-top: 0;
	}

	#addImageTest {
		background-size: contain;
		min-height: 300px;
	}

	.questensData .form-group {
		font-size: 14pt;
		margin-bottom: 16px;
		margin-left: 0;
	}

	.questensData > div,
	.questenTitle > h3 {
		margin-left: 10px;
		margin-right: 10px;
	}

	.contenerCont {
		margin: 0;
	}

	.contenerCont #questions {
		font-size: 14pt;
		margin-bottom: 16px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.substrateTest {
		padding: 10px;
	}

	#question {
		font-size: 16pt;
	}

	#questions label {
		font-size: 16px;
		font-weight: normal;
		margin-left: 30px;
	}

	#buttonForMovie {
		align-items: center;
		display: flex;
		justify-content: center;
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 20px;
	}

	.buttonArrowRight {
		position: inherit;
		width: 100%;
	}

	.label_text {
		font-weight: 400;
		margin-left: 30px;
	}

	#titleForTest span {
		margin-left: 0 !important;
	}

	.resultTest__wrap {
		padding-left: 0;
	}

	.loader {
		margin: 0;
		position: unset;
	}
}