@charset "utf-8";

/* Добавляемые div'ы с сопроводительной информацие, например, /fin2/test/info/page4.html  */
.InfoPage {
	/*border: 1px solid #aa0000;*/
}

.red {
	color: #eb5b5a;
}

.green {
	color: #24ad8f;
}

.yellow {
	color: #ffbb00;
}

.blue {
	color: #408cac;
}

@media only screen and (max-width: 1000px) {
	.text-view { display: block;}
	.table-view { display: none;}
}
@media only screen and (min-width: 1001px) {
	.text-view { display: none;}
	.table-view { display: block;}
}


input[type=radio],
input[type=checkbox] {
	 height: 1.5rem;
    width: 1.5rem;
    vertical-align: middle;
    top: 0;
    margin: 5px 10px 5px 25px;
}
#QuestionTest input[type=text],
textarea,
.InfoPage input[type=text] {
    padding: .5rem .75rem;
    margin: 0 1rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #afaead;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#QuestionTest input[type=text]::-ms-expand {
    background-color: transparent;
    border: 0;
}
#QuestionTest input[type=text]:focus,
textarea:focus,
.InfoPage input[type=text]:focus {
    color: #495057;
    background-color: #fff;
    border: 1px solid #ffbb00;
    outline: 0;
}
#QuestionTest input[type=text]::-webkit-input-placeholder {
    color: #868e96;
    opacity: 1;
}
#QuestionTest input[type=text]:-ms-input-placeholder {
    color: #868e96;
    opacity: 1;
}
#QuestionTest input[type=text]::placeholder {
    color: #868e96;
    opacity: 1;
}
input:focus {
outline: none;
}


.tbl {
	border: 2px solid #ffbb00;
	empty-cells:show;
	border-collapse:collapse;
	font-size: 1rem;
   margin: 0 0 2rem 0;
   width: 100%;       
}
.tbl th {
	padding: 5px 10px;
	text-align: center;
	background-color: #e9e9e9;
	font-size: 1.1rem;
	border: 1px solid #ffbb00;
}
.tbl td {
	padding: 5px 3px 8px 3px;
	text-align: left;
	background-color: #fff;
	font-size: 1.2rem;
	border: 1px solid #ffbb00;
}

.tbl tr:hover td {
	background-color: #eafafa;
	transition: background-color ease-in-out .15s;
}
.tbl .split {
	border-right: 2px solid #ffbb00;
}

.tbl td.VkladInfo { width:17%; }
.tbl td input[type=radio],
.tbl td input[type=checkbox] {
	margin: 5px auto;
	width: 100%;
	min-width: 3rem;
}
.tbl td font.zp {
	color: #24ad8f;
}

input { padding:2px; }

.result-header {
	margin: 0;
}

/* используется в отчете report.php */
#who {width:100%; margin: 0px 0px 0px 20px;
FONT-SIZE: 12px; FONT-FAMILY: Tahoma, Arial, Helvetica, Verdana; text-decoration: none; color="#666666";
background: url('./img/user.png');
background-position:top left; background-repeat: no-repeat;
padding-left: 55px; 
border-bottom: 1px dotted #999999;
}
#whot { width: 760px; }
#whot th { text-align: right;}
#whot td { padding-left:10px; text-decoration: none; }

.green {
	color: #24ad8f;
}

.red {
	color: #eb5b5a;
}

.yellow {
	color: #ffbb00;
}


* { margin:0px; padding:0px; }
html { height:100%; font-size: 16px; }

/* ------------ изменено 2018-02-28 ------------- */
body {
	/*min-height:100%;*/ 
	position:relative; 
	font-family: Tahoma, Arial, Helvetica, Verdana;
	
} 

p {
/*	width: 100% !important;*/
	text-align: left !important;
	text-indent: 0 !important;
}

h3 {
	font-size: 1.5rem;
	color: #000;
}

* html body { height:100%; }
#header { 
	background:#ffffff;
	padding: 0px 0px 0px 0px;
    /* margin-bottom: 5px; */
   position: fixed;
   width: 100%;
   box-shadow: 0 1rem 2rem #fff;
}

#reserved {
    padding: 70px 0 0 0;
}

/* ------------ изменено 2018-02-28 ------------- */
#content { 
	width:100%; 
	padding: 0;
	overflow:hidden; }

/* отображение инструкции */
#help {
	max-width: 1200px;
   margin: 20px auto;
}
#help .help-body {
	background: url('./img/rainbow.jpg');	
	background-color:#f0f0ff;
   background-size: cover;
	border: 3px solid #ffbb00;
   border-radius: 0.3rem;
	padding: 1rem 2rem;
	line-height: 1.5;
	text-decoration: none;
}

#help h3 {
	font-size: 1.8rem;
   font-weight: bold;
   color: #24ad8f;
}

/* отображение отчета */
.report-wrapper .test {
	border: 3px solid #ffbb00;
   border-radius: 0.3rem;
	padding: 1rem 2rem;
	line-height: 1.5;
	text-decoration: none;
   margin: 20px auto;
   cursor: auto;
}
.report-wrapper h3 {
   line-height: 1.2;
}
.report-wrapper h3.red:before {
   
    content: "\f02d";
    font-family: "FontAwesome", "Font Awesome", 'Font Awesome\ 5 free';
    font-size: 2.5rem;
    float: left;
    margin: 6px 1rem 0 0;
    color: #eb5b5a;
    font-weight: 900;
}
.report-wrapper h3.green:before {
   
    content: "\f164";
    font-family: "FontAwesome", "Font Awesome", 'Font Awesome\ 5 free';
    font-size: 2.5rem;
    float: left;
    margin: 6px 1rem 0 0;
    color: #24ad8f;
    font-weight: 900;
}
.report-wrapper h3.yellow:before {
   
    content: "\f05a";
    font-family: "FontAwesome", "Font Awesome", 'Font Awesome\ 5 free';
    font-size: 2.5rem;
    float: left;
    margin: 6px 1rem 0 0;
    color: #ffbb00;
    font-weight: 900;
}

#footer { position:absolute; bottom:0px; width:100%; background:#f0f0f0; background: url('./img/i_05.jpg'); background-position:center; background-repeat: repeat-x;
color:#c0c0c0; text-align:center; font-size: 13px; padding:2px 0px 2px 0px;}

/* div-контейнер самого задания и приема ответов */
/* ------------ изменено 2018-02-28 ------------- */
#QuestionTest,
.report-wrapper,
div.ChooseVar
 {
	max-width:1200px;
	margin: 20px auto; 
}
/* ------------ добавлено 2018-02-28 ------------- */
@media only screen and (max-width: 1200px) {
	#QuestionTest,
	#help, 
   .report-wrapper,
   .ChooseVar,
   .container {
		padding: 0 20px; /* ------------ отступы для маленьких экранов ------------- */
	}
}

#QuestionTest button,
#help button,
.report-wrapper #exit_button input[type=submit],
.ChooseVar button,
.reg-form button,
#exit_button .btn_exit { 
	 border: 1px solid #24ad8f;
    background-color: #24ad8f;
    margin: 15px auto !important;
    display: block;
    padding: .5rem 1rem !important;
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: .3rem;
    color: #fff;
    width: auto  !important;
}

#QuestionTest button:hover,
#help button:hover,
.report-wrapper #exit_button input[type=submit]:hover,
.ChooseVar button:hover,
.reg-form button:hover,
#exit_button .btn_exit:hover { 
	cursor:pointer; 
	background-color: #a2d397; 
	border: 1px solid #a2d397;
}

#QuestionTest button:focus,
#help button:focus,
.report-wrapper #exit_button input[type=submit]:focus,
.ChooseVar button:focus,
.reg-form button:focus,
#exit_button .btn_exit:focus {
    box-shadow: 0 0 0 3px rgba(36, 173, 143, .5);
    outline: none;
}

/* отображение таймера */
/* ------------ изменено 2018-02-28 ------------- */
#topline { 
	float:right; 
	font-size: 13pt; 
	color: #408cac; 
	margin-right:10px;
}
#topline b {
	color: #24ad8f; 
}



/* горизонтальный блок во всю страницу сразу под логотипом, в котором мы отображаем заголовок страницы крупным шрифтом */
div.subheader {
	height:57px;
	background-color: #EDF6FF;
	border:1px solid #CCDDFF;
	background: url('./img/fon2.png');
	clear:both;
	padding-left:20px;
}

/* он же, но когда тестирование уже идёт (например, меньшего размера) */
div.subheader2x {
	min-height:70px;
	background-color:#e9e9e9;
	clear:both;
}

/* ---------- добавлено 2018-02-28 ------------ */
div.subheader2x form {
	text-align: center;  
	margin: -10px 0 0 0;  
}

/* ---------- добавлено 2018-02-28 ------------ */
div.subheader2x table tr:first-child td:first-child span {
	color: #24ad8f !important;
}



/* Вход в систему - два вложенных div'а */
div.auth       {
/*border-radius: 12px;*/
	background: url("./img/fon1.png");
	background-color: #ddffcc;
	position:relative;
    left:50%;
    margin-left:-200px;
    width:400px;
	margin-top:100px;
	font-size: 12pt;
	color : #003300;
	border: 1px solid black;
}
div.auth2      {
	background: url("./img/user_logo.png");
	background-position:left top;
	background-repeat:no-repeat;
	width:100%;
	margin:0px;
	text-align: center;
}

/* Выбор варианта тестирования*/
div.ChooseVar     {
	position:relative;
	display: block;
	background-color: #F6F9F9; /* #f5f5ff;  #FAFAFF; */
	padding: 1rem 2rem; 
	clear:left; 
   border: 3px solid #408cac;
   border-radius: 0.3rem;
   text-align: center;
}
.ChooseVar h4 {
	font-size: 1.8rem;
   font-weight: bold;
   color: #24ad8f;
}

/* Отображение прямоугольника с выбираемым вариантом */
div.test       {
	cursor: pointer;
	display: block;
	margin: 10px;
	background-color: #e0f0f0;
	color : #000033;
	padding: 10px 10px 10px 10px;
	clear:left;
	border: 1px solid #9999aa;
	text-align: left;
}

div.test:hover { background: #eafafa; }
.test a { font-size:13pt;color:#660000;text-decoration:none; }
div.test:hover a { color:#dd0000; }

/* Ввод фамилии или класса - два вложенных div'а */
div.class       {
/*	background: url("./img/fon1.png");background-repeat:repeat-y; */
	background-color: #FAFAFF;
	position:relative; left: 50%; margin-left:-300px; width:600px; 
	margin-top:50px;
	padding:20px;
	font-size: 12pt;
	color : #000033;
	border:1px solid #DDEEFF;
}

div.class2	{
	FONT-SIZE: 14px;
	margin:20px;
}

/* прямоугольник+контейнер для варианта ответа */
/* ---------- изменено 2018-03-01 ------------ */
div.answer {
	padding: 5px 15px 5px 15px;
	text-align: left;
	vertical-align: top;
	cursor:pointer;
}
div.answer:hover { 
	background-color: #eafafa; 
	color:#408cac;
	transition: background-color ease-in-out .15s, color ease-in-out .15s; 
}

/* ---------- добавлено 2018-03-01 ------------ */
div.answer input[type=radio],
div.answer input[type=checkbox] {
    margin: -3px 10px 10px 25px !important;
}

/* номер варианта ответа, отображается сверху слева, рядом с галкой/радиокружочком */
font.qn { position:relative; color:#9999cc; float:left; left:-10px; top:0px; }
input.aanswer { height: 23px;width: 23px;position:relative; color:#66aa66; float:left; left:-5px; top:-4px; }
input[type=checkbox] { 
/*height: 23px;width: 23px;position:relative;float:left; left:-5px; top:-1px;*/ 
}



div.question {
	clear:left;
	background-color: #ffffff;
	font-size: 12pt;
	color: #006600;
	padding: 10px 5px 10px 5px;
	margin: 10px;
	clear:left;
}


div.qnuml    { cursor: pointer; background: #ffffff; font-size: 12pt; color : #003300; padding: 2px 3px 2px 3px; float:left; margin: 4px; border: 1px solid; text-align: center;}
div.qramka	 { margin: 2px; border: 3px solid; border-color: #ff4444; }
div.QuestionBody { clear:left; background: #ffffff;  padding: 0px 50px 0px 5px;}
div.qnum:hover { background: #f0f0f0; }

div.cnum       { position:relative; cursor: pointer; background: #ffffff; font-size: 12pt; color : #003300; padding: 10px; float:left; margin: 5px; border: 1px solid; text-align: center; width:40px; }
div.cnum:hover { background: #f0f0f0; }

div.testdis       { cursor: pointer; display: block; margin: 10px; background: #ffffff; font-size: 12pt; color : #ccddcc; padding: 10px 10px 10px 40px; clear:left; border: 1px dotted ; text-align: left; width:90%; }
div.notice {
	position:relative;
    left:50%;
    margin-left:-180px;
	width:400px;
	color : #003300;
	font-size: 8pt;
	border:0px solid;
}

a:link,a:visited,a:active { text-decoration: none; color:#0000aa; }
a:hover { text-decoration: none; color:#dd0000; }

#min_width { width:800px; }
td {FONT-SIZE: 12px; FONT-FAMILY: Tahoma, Arial, Helvetica, Verdana; text-decoration: none;}
th {FONT-SIZE: 12px; FONT-FAMILY: Tahoma, Arial, Helvetica, Verdana; text-decoration: none;}

tr td .half    { background: #408cac; padding:5px; }
tr td .right    { background: #24ad8f; padding:5px; }
tr td .wrong    { background: #eb5b5a; padding:5px; }
tr td .noanswer { background: #fbd057; padding:5px; }

tr.header { background: #C2D1B1; }
th.r {text-align: right; padding:5px;}

table.res_table td {font-size:16px}

textarea {
	 margin: 0;
	 width: 95%; /*костыль для тех, кто считать не умеет*/
    width: calc(100% - 1.5rem - 2px); /* ширина - отступы - рамка */
    height: 5rem;
 /*COLOR: #333333;
 BORDER-BOTTOM: #666666 1px solid;
 BORDER-LEFT: #666666 1px solid;
 BORDER-RIGHT: #666666 1px solid;
 BORDER-TOP: #666666 1px solid;
 FONT-FAMILY: Tahoma, Arial, Helvetica, Verdana;
 FONT-SIZE: 12px;*/
}

select {
    width: 95%;
    margin: 1rem auto;
    display: block;
    font-size: 1rem;
}

#tooltip{
	background: #ffffff;
	font-size: 10px;
	width:auto;
	border:1px solid #778899;
	border-left:5px solid #ff9f00;
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	opacity: 0.91;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=91);
	line-height:15px; 	z-index:100;
	margin:0px;
	padding: 3px;
	position: absolute;
	visibility: hidden;
	border-collapse: separate;
}


a img { border: none; }
  
/* =============================================================================================================== */
/* =============================================================================================================== */
/* =============================================================================================================== */
/* =============================================================================================================== */

td { font-size: 10pt; }
td.b { font-size: 14pt; }

td.ar { text-align: right; }
td.al { text-align: left; }
td.ac { text-align: center; }

td.r { background: #ffcccc; }
td.g { background: #ccffcc; }
td.y { background: #FFFF99; }

td.mark { background: #f0f0f0; text-align: center; padding:26px; color : #cc0000;}

tr.xls	{   text-align: center; margin: 0px 0px 0px 0px;   color : #000000;    font-size: 10pt; background: #c5a465; }
tr.head	{   text-align: center; margin: 0px 0px 0px 0px;   color : #000000;    font-size: 10pt; background: #D5B475; }
tr.line0	{   text-align: center; margin: 0px 0px 0px 0px;   color : #000000;   font-size: 10pt; background: #dddddd; }
tr.line1	{   text-align: center; margin: 0px 0px 0px 0px;   color : #000000;   font-size: 10pt; background: #eeeeee; }

tr.line2	{   text-align: center; margin: 0px 0px 0px 0px;   color : #000000;   font-family: Courier;   font-size: 9pt; background: #ffffff; }

tr.bline0	{   text-align: center; margin: 0px 0px 0px 0px;   color : #000000;   font-size: 13pt; background: #dddddd; }
tr.bline1	{   text-align: center; margin: 0px 0px 0px 0px;   color : #000000;   font-size: 13pt; background: #eeeeee; }

td {margin: 20px; }	

div.ok { background: #ccffcc; border: 1px dashed; font-size: 12pt; width:40%; color : #006600; padding: 10px;}
div.err { background: #ffcccc; border: 1px dashed; font-size: 12pt; width:40%; color : #660000; padding: 10px;}
div.i { background: #E8E6D2; border: 1px solid; font-size: 10pt; color : #006600; padding: 10px;}

#res td {padding:2px; }
#res th {padding:2px; }

.link {text-align:left;cursor:pointer;padding:10px}
.link:hover {background:#ffffaa}


/* ------------ изменено 2018-02-28 ------------- */
button.qnum {
	border-radius: 50%; 
	cursor: pointer; 
	background: #ffffff; 
	font-size: 13pt; 
	color : #585858; 
	padding: 7px; 
	margin: 4px 2px; 
	border: 1px solid #24ad8f; 
	text-align: center; 
	min-width: 38px;
	outline: none;
	line-height: normal;
}
/* ------------ изменено 2018-02-28 ------------- */
button.qnum:hover { 
	background: #f0f0f0; 
}

/* ------------ добавлено 2018-02-28 ------------- */
button.qnum:first-child {
	border-radius: 7px;
	background: #24ad8f; 
	color: #fff;
	margin-right: 15px;
}
button.qnum:last-child {
	border-radius: 7px;
	background: #24ad8f; 
	color: #fff;
	margin-left: 15px;
}
/* ------------ добавлено 2018-02-28 ------------- */
button.qnum:first-child:hover,
button.qnum:last-child:hover {
	background: #a2d397;
}
/* ------------ изменено 2018-02-28 ------------- */
button.qramka	 { 
margin-top:2px;
padding:7px 13px; 
border: 3px solid #eb5b5a;
-moz-box-shadow:0 0 7px #eb7372;
-webkit-box-shadow:0 0 7px #eb7372;
box-shadow:0 0 7px #eb7372;
/*-moz-padding-end: 10px;
-moz-padding-start: 10px;*/
}
/* ------------ добавлено 2018-02-28 ------------- */
button.qramka:nth-child(n+11) {
	padding:7px 8px; /* ------------ для двузначных чисел ------------- */
/*-moz-padding-end: 6px;
-moz-padding-start: 6px;*/
}

button.yellow	{background: #a2d397; color: #fff; }
button.yellow:hover	{background: #f0f044; }


/* ------------ добавлено 2018-02-28 ------------- */
/* стили блоков инофрмации, заданий и ответов      */
/* ----------------------------------------------- */
.info-body {
    padding: 1rem 2rem;
    margin: 0 0 20px 0;
    border: 3px solid #a0a0a0;
    border-radius: 0.3rem;
}


.task-body {
    padding: 1rem 2rem;
    margin: 0 0 20px 0;
    border: 3px solid #ffbb00;
    border-radius: 0.3rem;
    clear: both;
}
.task-body h3,
.question-body h3 {
    text-transform: uppercase;
    color: #24ad8f;
    padding: 0 0 .5rem;
}
.task-body p,
.info-body p,
.question-body p {
    padding: .5rem 0;
    font-size: 1.2rem;
}
.task-body img {
	 margin: 0 0 .5rem 0;
	 max-width: 20vw;
}

.task-body p img {
	max-width: 100%;
}

.task-body h3::before {
	 content: "\f05a";
    font-family: "FontAwesome", "Font Awesome", 'Font Awesome\ 5 free';
    font-size: 2rem;
    float: left;
    margin: -3px 1rem 0 0;
    color: #408cac;
    font-weight: 900;
}

.task-body .task-info {
	 border-top: 3px dotted #eb6464;
    border-bottom: 3px dotted #eb6464;
    text-indent: 0;
    clear: both;
}
.task-body .task-info::before {
	 content: '\f0a6';
    font-family: "FontAwesome", "Font Awesome", 'Font Awesome\ 5 free';
    font-size: 2.5rem;
    float: left;
    margin: 3px 1rem 0 0;
    color: #ffbb00;
    font-weight: 900;
}

.question-body {
    padding: 1rem 2rem;
    margin: 0 0 20px 0;
    border: 3px solid #408cac;
    border-radius: 0.3rem;
}
.question-body .question-text {
    font-size: 1.8rem;
    font-weight: bold;
    color: #24ad8f;
}
.question-body .question-text::before {
	 content: "\f059";
    font-family: "FontAwesome", "Font Awesome", 'Font Awesome\ 5 free';
    font-size: 2rem;
    float: left;
    margin: 0px 1rem 0 0;
    color: #eb5b5a;
    font-weight: 900;
    height: 3rem;
}

.question-body .question-comment {
	font-style: italic;
	padding: 10px 0;
	clear: both;
}
.question-body label {
	font-size: 1.2rem;
    display: block;
    padding-top: 5px;
   /* margin: 1rem 0;*/
   margin: 0;
	clear: both;
}
.question-body .tbl,
.question-body .tbl th,
.question-body .tbl td {
	border-color: #408cac;
}
.question-body label input[type=radio],
.question-body label input[type=checkbox] {
    height: 1.5rem;
    width: 1.5rem;
    vertical-align: middle;
    top: 0;
    margin: 0px 10px 0px 25px;
    display: block;
    float: left;

}
.calc {
	color: #408cac !important;
	height: 2rem;
   display: block;
   margin: 0 0 .5rem 0;
}
.calc:hover {
	text-decoration: underline;
}
.calc::before {
	content: "\f1ec";
	font-family: "Font Awesome 5 free", "Font Awesome\ 5 free";
	float: left;
   margin: 0 .5rem 0 0;
   color: #408cac;
   font-weight: 900;
   font-size: 2rem;
}

@media only screen and (max-width: 1000px) {
	#QuestionTest button,
	#help button,
	.report-wrapper #exit_button input[type=submit],
	.ChooseVar button,
   .reg-form button,
   #exit_button .btn_exit { 
      font-size: 1.9rem !important;
      max-width: 100%;
   }
   #QuestionTest p {
   	font-size: 2rem;
   }
   #QuestionTest input[type=text] {
   	font-size: 2rem;
   	margin: 0 1rem;
      width: 15vw;
   }
   .question-body label {
		font-size: 2rem;
		margin: 2rem 0;
	}
	.question-body label input[type=radio],
	.tbl input[type=radio],
	.question-body label input[type=checkbox],
	.tbl input[type=checkbox] {
		height: 5rem;
    	width: 5rem;
    	margin: 0 2rem;
    	display: inline;
      float: none;
	}
	.tbl td input[type=radio],
	.tbl td input[type=checkbox] {
	   min-width: 7rem;
   }
	div.answer {
		height: 5rem;	
	}
	.task-body h3::before,
   .question-body .question-text::before {
		font-size: 3rem;
	}
	.task-body .task-info::before {
		font-size: 5rem;
		margin: 6px 1rem 1rem 0;
	}
	.question-text::before {
		font-size: 5rem;
		margin: 6px 1rem 1rem 0;
	}
	.task-body img {
	 	margin: 0 0 .5rem 0;
	 	max-width: 40vw;
	}
	.tbl {
		font-size: 1rem;
	}
	.tbl th {
		padding: 5px;
		text-align: center;
		font-size: 2rem;
	}
	.tbl td {
		padding: 5px 3px 8px 3px;
		text-align: left;
		font-size: 1.9rem;
	}
	.calc,
	select {
		font-size: 2rem;
		
	}
	.calc br {
		content: " ";
      padding-right: 1rem;
	}
}

/* ---------------------------- стартовая страница и логин ------------------------------ */
.container {
	max-width: 1200px !important;
	margin: 20px auto;
}

.project-logo {
	text-align: center;
}

.project-logo img {
	max-width: 100%;
}

.main-info-body {
	min-height: 150px; 
	margin: 0 1rem 3rem;
	float: left;
	background-color: #e9e9e9;
	border-radius: .3rem;
}

.main-info-body h3 {
	text-transform: uppercase;
	padding: 1rem 2rem 0;
}

.main-info-body p {
	padding: 1rem 2rem;
}

.main-info-body .info-left-block {
	background-color: #e9e9e9;
	border-top-left-radius: .3rem;
	border-bottom-left-radius: .3rem;
	min-height: 150px; 
	width: 60%;
   float: left;
}

.main-info-body .info-left-block p {
	color: #646464;
	padding: .5rem 2rem; 
}

.main-info-body .info-right-block {
	background-color: #408cac;
	border-top-right-radius: .3rem;
	border-bottom-right-radius: .3rem;
	min-height: 150px; 
	width: 40%;
   float: right;
   padding: 0 0 1rem 0;
}

.main-info-body .info-right-block h3 {
	color: #e6e6e6; 
	margin: 0 0 .5rem 0;
}

.info-right-block .img9class {
	float: left;
} 
.info-right-block .img-all-class img {
   border-radius: .3rem;
   width: 6rem;
   margin: 3px 1rem 1rem;
} 
.info-right-block .class4,
.info-right-block .class9 {
	display: table;
}
 
.info-right-block .img-all-class {
	display: table-cell;
	vertical-align: top;
} 
.info-right-block .txt-all-class {
	display: table-cell;
	vertical-align: top;
} 
.info-right-block .txt-all-class ul {
	font-size: .9rem;
   margin: 0 .5rem 0 0;
}
.info-right-block .txt-all-class ul li {
	list-style-type: none;
	padding: .15rem 0;
}


.reg-body h3 {
	text-transform: uppercase;
	padding: 1rem 0;
}

.reg-body p {
	padding: 1rem 0;
}

.reg-body .back {
	float: right;
}
.reg-body .back a {
	color: #24ad8f;
	line-height: 2rem;
}
.reg-body .back a:hover {
	color: #a2d397;
}
.reg-body .back a::before {
	content: "\f359";
	font-family: "Font Awesome 5 free", "Font Awesome\ 5 free";
	float: left;
   margin: 0 .5rem 0 0;
   font-weight: 900;
   font-size: 2rem;
}

.reg-body .reg-form {
	text-align: center;
}

.reg-body .reg-form .g-recaptcha div {
	margin: 0 auto;
}

.reg-body .reg-user {
	padding: 1rem 2rem;
   margin: 1rem 0;
   border: 3px solid #408cac;
   border-radius: 0.3rem;
}

.reg-body .reg-user p::before {
	content: "\f2bb";
	font-family: "Font Awesome 5 free", "Font Awesome\ 5 free";
	float: left;
   margin: 0 1rem 0 0;
   font-weight: 900;
   font-size: 3rem;
   color: #408cac;
}

.reg-body .reg-alert {
	padding: 0 2rem;
   margin: 2rem 0 1rem;
   border: 3px solid #eb5b5a;
   border-radius: 0.3rem;
}

.reg-body .reg-alert p::before {
	content: "\f071";
	font-family: "Font Awesome 5 free", "Font Awesome\ 5 free";
	float: left;
   margin: -.5rem .5rem 0 0;
   font-weight: 900;
   font-size: 2rem;
}

div.test-reg-body div {
    display: block;
    width: 2rem;
}

div.test-reg-body .test-no-reg,
div.test-reg-body .test-new-reg,
div.test-reg-body .test-with-reg {
	 width: 33%;
	 height: 100%;
	/* position: relative;*/
    padding: 0 1rem;	 
    display: table-cell;
    vertical-align: top;
}

div.test-reg-body {
	 display: table;
	 margin: 0 1rem;
	 clear: both;
}

.test-reg-body .test-no-reg {
	 border-radius: .3rem;
	 border: 1px solid #fbba00;
    background-color: #fbba00;
    box-shadow: 0 0 0 3px rgba(251, 186, 0, 0);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.test-reg-body .test-no-reg:hover {
	 border: 1px solid #fbd057;
    background-color: #fbd057;
    box-shadow: 0 0 0 3px rgba(251, 186, 0, .5);
}
.test-reg-body .test-no-reg button {
	 background-color: #fbba00;
	 border: 0;
}
.test-reg-body .test-no-reg:hover button {
	 border: 0;
    background-color: #fbd057;
}

.test-reg-body .test-new-reg,
.test-reg-body .test-new-reg button {
	 border-radius: .3rem;
	 border: 1px solid #117197;
    background-color: #117197;
    box-shadow: 0 0 0 3px rgba(17, 113, 151, 0);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.test-reg-body .test-new-reg:hover {
	 border: 1px solid #408cac;
    background-color: #408cac;
    box-shadow: 0 0 0 3px rgba(17, 113, 151, .5);
}
.test-reg-body .test-new-reg button {
	 background-color: #117197;
	 border: 0;
}
.test-reg-body .test-new-reg:hover button {
	 border: 0;
    background-color: #408cac;
}

.test-reg-body .test-with-reg,
.test-reg-body .test-with-reg button {
	 border-radius: .3rem;
	 border: 1px solid #24ad8f;
    background-color: #24ad8f;
    box-shadow: 0 0 0 3px rgba(36, 173, 143, 0);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.test-reg-body .test-with-reg:hover {
	 background-color: #a2d397; 
	 border: 1px solid #a2d397;
    box-shadow: 0 0 0 3px rgba(36, 173, 143, .5);
}
.test-reg-body .test-with-reg button {
	 background-color: #24ad8f;
	 border: 0;
}
.test-reg-body .test-with-reg:hover button {
	 background-color: #a2d397; 
	 border: 0;
}

.test-reg-body button {
    display: inline-block;
    padding: .5rem 1rem !important;
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: .3rem;
    color: #fff;
    width: 100%;
}

.test-reg-body button:hover { 
	cursor:pointer; 
}

.test-reg-body button:focus {
    outline: none;
}
.test-reg-body button::before {
    font-family: "FontAwesome", "Font Awesome", 'Font Awesome\ 5 free';
    font-size: 2.5rem;
    float: left;
    margin: -6px .5rem 0 0;
    font-weight: 900;
}

/*.test-reg-body .test-no-reg button {
	 border: 1px solid #fbba00;
    background-color: #fbba00;
}
.test-reg-body .test-no-reg button:hover {
	 border: 1px solid #fbd057;
    background-color: #fbd057;
}
.test-reg-body .test-no-reg button:focus {
    box-shadow: 0 0 0 3px rgba(251, 186, 0, .5);
}*/
.test-reg-body .test-no-reg button::before {
	 content: "\f29a";
}

.test-reg-body .test-new-reg button::before {
	 content: "\f234";
}

.test-reg-body .test-with-reg button::before {
	 content: "\f2bd";
}


@media only screen and (max-width: 1000px) {
	div.test-reg-body {
		display: block;
		margin: 0;
	}
	div.test-reg-body .test-no-reg,
	div.test-reg-body .test-new-reg,
	div.test-reg-body .test-with-reg {
		display: block;
		width: 100%;
		padding: 0;
		margin: 1rem 0;
	}
	.main-info-body {
		margin: 0;
	}
	.main-info-body .info-left-block {
		border-top-left-radius: .3rem;
		border-top-right-radius: .3rem;
		border-bottom-left-radius: 0;
		width: 100%;
		float: none;
	}
	.main-info-body .info-right-block {
		border-top-right-radius: 0;
      border-bottom-left-radius: .3rem;
      border-bottom-right-radius: .3rem;
      width: 100%;
		float: none;
		margin-bottom: 1rem;
	}
}


/* -------------------------- EOF стартовая страница и логин ---------------------------- */



/* ---------------------------- перед началом тестирования ------------------------------ */

.info::before {
	 content: "\f05a";
    font-family: "FontAwesome", "Font Awesome", 'Font Awesome\ 5 free';
    font-size: 2rem;
    float: left;
    margin: -3px 1rem 0 0;
    font-weight: 900;
}
.check::before {
	 content: "\f058";
    font-family: "FontAwesome", "Font Awesome", 'Font Awesome\ 5 free';
    font-size: 2rem;
    float: left;
    margin: -3px 1rem 0 0;
    font-weight: 900;
}
.like::before {
	 content: "\f164";
    font-family: "FontAwesome", "Font Awesome", 'Font Awesome\ 5 free';
    font-size: 2rem;
    float: left;
    margin: -3px 1rem 0 0;
    font-weight: 900;
}
.book::before {
	 content: "\f02d";
    font-family: "FontAwesome", "Font Awesome", 'Font Awesome\ 5 free';
    font-size: 2rem;
    float: left;
    margin: -3px 1rem 0 0;
    font-weight: 900;
}

@media only screen and (max-width: 1000px) {
	.info::before,
	.like::before,
	.book::before,
	.check::before  {
		font-size: 5rem;
		margin: 6px 1rem 1rem 0;
	}

}

.frame-blue {
	padding: 1rem 2rem !important;
   margin: 1rem 0 !important;
   border: 3px solid #408cac !important;
   border-radius: 0.3rem;
}
.frame-green {
	padding: 1rem 2rem !important;
   margin: 1rem 0 !important;
   border: 3px solid #24ad8f !important;
   border-radius: 0.3rem;
}

.InfoPage .result-info {
	font-size: 1.3rem;
	margin: 0 0 1rem 0;
}
.InfoPage .result-info h3 {
	margin: 0;
}

.rating {
	float: right;
}
.rating .rate-sum {    
   font-size: 0.8rem;
   text-align: right;
   line-height: 1;
}

img.stars {}

.gallery {
	text-align: center;
}

.gallery img {
    height: 10rem;
    border-radius: .3rem;
    margin: 1rem;
    box-shadow: .2rem .1rem .4rem #6c6c6c;
    transition: box-shadow ease-in-out .15s;
}
.gallery img:hover {
    box-shadow: .2rem .1rem .4rem #9091a7;
    transition: box-shadow ease-in-out .15s;
}


/* -------------------------- EOF перед началом тестирования ---------------------------- */

.report-body h3 {
	margin: .5rem 0;
}