*{
margin: 0;
padding: 0;
font-family: 'Gothic A1', sans-serif;
}

html,body {
    height: 100%;
	word-wrap: break-word;
	background-attachment: fixed
}

button{
	outline: none;
	cursor: pointer;
}

input{
	font-size: 12pt;
	max-width: 100%;
	border: 1px solid #e3e3e3;
    border-radius: 3px;
    padding: 2px 6px;
	outline: none;
	margin-bottom: 3px;
}
input:focus,input:active{
	border: 1px solid #0033cc;
}

table{
	border-collapse: collapse;
}
table td{
	padding: 12px; 
}

.tiles{
	background: #fff;
	border-radius: 6px;
	margin: 6px;
	border: 1px #e3e3e3 solid;
	padding-top: 6px;
}
.activeItem{
 color: #0033cc!important;
}
.header{
  background: #fff;
  height: 40px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  max-width:960px;
  margin: 0 auto;
}
.glob_header{
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1;
  margin-bottom: 10px;
  border-bottom: 1px #e3e3e3 solid;
}
.header_logo{
 background-image: url(/img/logo.svg);
 background-repeat: no-repeat;
 background-size: cover;
 display: inline-block;
 height: 54px;
 min-width: 305px;
margin-right:15px;
}
.header_right{
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
    align-items:center;
	flex-shrink:0;
}
#header_log{	
    font-size: 12pt;	
	flex-shrink:0;
}
.header_menu a{
	text-decoration: none;
	padding-left:5px;
	padding-right:10px;
	color:#49494a;
}

.header_menu a:hover{
	color:#0033cc;
}

.header_left{
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.menu_sim{
	font-Size:20px;
}

#minimenu{
  white-space: pre;
}

#minimenu a{
display:block;
padding-top: 10px;
float: none;
color:#fff;
text-decoration: none;
font-size: 20pt;
}

#minimenu_exit{
	width: 100%;
	height:50px;
    display: flex;
    justify-content: space-between;
	background-color:#fff;
}
#minimenu_exit img{
	height:100%;
}
#minimenu_exit span{
   font-Size: 34px;
   color: #0033cc;
   padding-right:10px;
}

#header_mini_but{
	 background-image: url(/img/mini_Menu.svg);
	 background-repeat: no-repeat;
	 background-size: cover;
     height: 44px;
     width: 44px;
     margin-left: 6px;
	 cursor: pointer;
	 display:none;
}

.LineFlex{
	padding-top: 20px;
	display:flex;
	flex-flow:row nowrap;
	flex-direction:row;
	justify-content:center;
}

.opentime{
	background-color: rgba(0, 51, 204, 0.2);
	padding: 3px;
	border: solid #0033cc;
	border-width: 14px 2px 5px 2px;
}

#tabdostup{
  width:100%; 
}
#ogranich{
	max-width:3em;
}
.blok_papok_input{
	max-width:186px;
	font-size:18px;
}
.tabdostup_gr_kn{
	position: relative;
	top: 4px;
}
.tabdostup_gr{
	width:100%;	
	background-color: #0033cc;
	padding: 2px;
	border-bottom: 1px double #212121;
}
.tabdostup_gr:hover{
   opacity: 0.85;
}
.tabdostup_gr select {
    padding: 0px;
}
.tabdostup_gr_head{
  display:flex;
 flex-wrap: wrap;
 justify-content: space-between;
	padding-left: 4px;
}
.tabdostup_gr_head_name{
	color:fff;
	font-weight: bold;
}
@keyframes head_colorChange {
	0%, 100% { background-color: #0033cc; }
	50% { background-color: rgb(0 64 255); }
}
.head_color-animation {
	animation: head_colorChange 0.4s 3;
}

.tabdostup_gr_head_select{
	margin:4px;
}
.tabdostup_gr_body{
	background-color: rgba(255, 255, 255, 0.8);
	padding: 4px;
	display:flex;
	margin-bottom:4px;
	flex-wrap: wrap;
   justify-content: space-between;
}
.but_dostup_test button{
	cursor: pointer;
	padding: 0 4px;
}

#tname{
margin-bottom: 10px;	
}

#incognito div{
  max-width: 340px;
  margin: 0 auto;
  display: grid;
  text-align: left;
  grid-template-columns: 90px 70%;
}

#incognito div div{
  text-align: right;
}

.leave-the-group:hover{
	cursor:pointer;
	color:red;
}

.editpoint{
  margin-left:4px;
  padding: 0 8px;
  cursor:pointer;
  vertical-align: bottom;
}
.voprossetting{
	line-height: 1.6;
	margin-top:14px;
}
.testing_head{
	width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	position: sticky;
	top: 0;
	display: flex;
    justify-content: center;
	margin-bottom: 14px;
	height:40px;
	z-index: 1;
}

.testing_head #alert_onblur{
	position: absolute;
	font-size:12px;
	top: 43px;
    color: #990000;
}

.testing_head_voprChange{
	position: absolute;
	width:100%;
	max-width:820px; 
	height:auto;
	background: #0033cce3;
	top:40px;
	padding-top:8px;
	padding-bottom:8px;
	color:#fff;
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    align-items: center;
	justify-content: center;
	border-radius: 0 0 14px 14px;
}
.testing_head_voprChange .miniVop{
	padding: 6px 4px 2px 4px;
    margin: 4px;
    background: #fff;
	color: #0033cc;
    min-width: 28px;
	height: auto;
    height: 26px;
    text-align: center;
    user-select: none;
    cursor: pointer;
    border-radius: 6px;
	border: solid 1px #fff;
	font-size: 18px;
}
.testing_head_voprChange .Ok{
    background: #0033cc;
	color: #fff;
}


.testing_content{
	width: 90%;
    max-width: 820px;
	padding-top: 3px;
	display: flex;
    justify-content: space-between;
    height: 100%;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	color: #0033cc;
}
.testing_left{
	display: flex;
	height: 100%;
	font-Size:16pt;
	width: 33%;
	position:relative;
}
#testing_left_calculate{
	position:absolute;
	display:none;
	top: 40px;
	width: 100vw;
    max-width: 820px;
}
.testing_center{
	width: 33%;
	display: flex;
    justify-content: center;
	font-Size:16pt;
	height:100%;	
}
.testing_right{
    text-align: right;
    font-Size: 10pt;
    width: 33%;
    overflow: hidden;
    white-space: nowrap;
	height:100%;
}
.testing_nombervop{
	padding: 6px 4px 2px 4px;
	margin-right:10px;
	color: #fff;
	background: #0033cc;
	min-width: 28px;
	height: 26px;
	text-align: center;
	user-select: none;
	cursor: pointer;
	border-radius: 6px;
}
.testing_ost{
	text-align:left;
	font-Size:10pt;
	position:relative;
}
#testing_ost_calc{
	height:30px;
	width:30px;
	position:absolute;
    right: -40px;
	cursor:pointer;
	top: -4px;
    font-Size: 40px;
}
.testing_timer{
	border: 1px solid #0033cc;
	width: max-content;
    font-Size: 16pt;
    padding: 2px 6px;
	height:28px;
}

.oknootveta .ui-sortable-handle{
	max-width: 80%;
    margin: 0px auto;
}


.knopka_voprtype{
	width: 96%;
	user-select: none;
	cursor: pointer;
	font-size: 15px;
	color: #000000;
	text-align: left;
    padding: 2px 0px 2px 2px;
    margin: 0px 0px 6px 0px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#e9eef5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		to(#e9eef5));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:
		0px 1px 14px rgba(031,073,156,1),
		inset 0px 0px 2px rgba(000,000,000,0);
	-webkit-box-shadow:
		0px 1px 14px rgba(031,073,156,1),
		inset 0px 0px 2px rgba(000,000,000,0);
	box-shadow:
		0px 1px 14px rgba(031,073,156,1),
		inset 0px 0px 2px rgba(000,000,000,0);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
.knopka_voprtype img{
 height:32px;
 opacity: .3;
}
.knopka_voprtype .box div{
 	margin-left: 8px;
}	
	.knopka_voprtype:hover { 
	filter: brightness(110%);
	}

.container{
	overflow:hidden;
	}
.box{
	white-space:nowrap
	}
.box div{
	display:inline-block;
	}



@font-face{
font-family: 'acad';
src: url('acad.otf');
font-weight: normal;
font-style: normal;
}
.acad{
	font-family: 'acad';
}

#embutton{
	cursor: pointer;
	margin-left: 2px;
}
#embutton img{
	height: 28px;
}

.imgsmile{
	width:48px;
	-moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
	margin: 2px;
	cursor: pointer;
}
.imgsmile:hover{
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 }

#smileblok{
	color: white;
	font-size: 36px;
}


#temacontent{
	background: #bde0ff;
	padding-left: 6px;
	text-align: left;
	width:500px;
	max-width: 98%;
}
#tema{
	max-width: 80%;
}

.tab{
	border-collapse: collapse;
}
#indb{
display:flex;
 max-width: 1366px;
  flex-wrap:wrap;
margin: 0 auto;
flex-flow: row wrap-reverse;
  justify-content: space-around;
  align-items: center;
}

#scrol{
	overflow-y: auto;
	padding: 4px;
}
.indblock_left{
	font-size: 18px;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	width: 600px;
	min-width:320px;
	height: 390px;
	padding-top: 20px;
    padding-bottom: 20px;
}
.indblock_right{
	padding-top: 20px;
	padding-bottom: 20px;
	overflow:hidden;
	width: 320px;
	min-width:320px;
	min-height: 390px;
	line-height:22px;
}
.indblock{
	overflow:hidden;
	width: 320px;
}



.indblock_icon{
	width: 320px;
	height: 200px;
	margin: 0 auto;
    background: url(/img/index.svg) no-repeat;
	background-size:320%;
}
.indblock_1 .indblock_icon{
	background-position: -340px 0px;
}
.indblock_2 .indblock_icon{
	background-position: -670px 0px;
}
.indblock_3 .indblock_icon{
	background-position: -10px -180px;
}
.indblock_4 .indblock_icon{
	background-position: -360px -180px;
}
.indblock_5 .indblock_icon{
	background-position: -690px -180px;
}
.indblock_6 .indblock_icon{
	background-position: -20px 0px;
}

.loader_gif{
	background: url(/img/ajaxLoader.gif) no-repeat;
	background-size:60px;
	width:60px;
	height: 60px;
	margin: 0 auto;
}


.fcont{
 overflow-x: auto;
 overflow-y: hidden;
 white-space: nowrap;
}
.fleft{
 float: left;
}
.left{
width: 95%;	
}

.blank{
background: rgba(255, 255, 255, 0.6);
width: 96%;
max-width: 500px;
margin: 0 auto;
padding: 2%;
text-align: left;
line-height: 1.6;
}

#accounttab{
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  border: 0; 
  margin-top:20px;
  margin-bottom:20px;
  user-select: none;
}
#accounttab td
{
  height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
  -webkit-box-shadow: 0 1px 0 white;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
#accounttab td.acc0
{
  background: #ebebeb;
  border-right: 1px solid white;
  position:relative;
}
#accounttab td.acc1
{
  background: #badeff;
  border-right: 1px solid white;
}

#accounttab thead td
{
  font-size: 120%;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 1px solid #eaeaea;
}
#accounttab td.noborder{
border: 1px solid white;
background: white;
}
.tr2{
	font-size: 14px
}
.tr2_td{
	position:relative;
	margin-top:4px;
	text-align: left;
    padding-left: 8px;
}
.tr2_td div{
	background-size:14px;
	width:14px;
	height: 14px;
	margin: 0 auto;
    left: -12px;
    top: 2px;
	position:absolute;	
}

.i1{
	background: url(../img/galka.png) no-repeat;
}
.i2{
	background: url(../img/krest.png) no-repeat;
}
.tr3 td{
	padding:14px 0px!important;
}

#accounttab_tariffs{
    table-layout: fixed;
    width: 100%;
    max-width: 600px;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
	margin-top: 10px;
	text-align: center;
}
#accounttab_tariffs tr.tr11{
	background-color:aliceblue;
}
#accounttab_tariffs tr.tr22{
	background-color:#dbeeff
}
#accounttab_tariffs tr.tr00{
	font-size: 120%;
}
.sortable-ul {
	list-style-type: none;
	cursor: move;
}

#result{
margin-top: 40px;
width:100%;
font-size:16px;
}

#tabpodrobno{
border: 2px solid white;
border-collapse: collapse;
}
#tabpodrobno td{
border: 2px solid white;
}
#tabpodrobno .tab td{
border: 1px solid grey;
}

.udalituhastnika{
    cursor: pointer;
    color: #333;
}
.udalituhastnika:hover{	
    color: rgb(255, 0, 0);
}
.prof{
	cursor: pointer;
}
.prof :hover{
	color: blue;
	font-size:34px;
}
.prof_inputs input {
    width: 94%;
    font-size: 20px;
}
#prof_form{
	max-width: 300px;
	background: rgb(191 240 255);
}

.dopinfa{
	text-align:left;
	font-size:14px;
	padding: 0px 4px 0px 4px;
}

  
.oknootveta{
display: none; 
}  
  
  
#info{	
width: 100%;
text-align:center;
}	
  
#blok_papok{
background:#bde0ff;
width: 260px;
padding: 13px;
}

#div_info{	
	background:#bde0ff;	
	padding: 4px;
}
#div_info button{	
	background:#fff;
	margin-right:4px;
	margin-top:2px;
	padding:2px;
	border: 1px solid grey;
}
#div_info #information{
	width:100%;
	min-width:100%;
	height:120px;
	max-width:99%;
	padding: 4px 6px;
}

#footer {
   flex: 0 0 auto;
   height:16px;
   font-size: 10px;
   padding: 4px 0px 0px 0px;
   overflow: hidden;
}
#footer a{
  text-decoration:none;
  color: #505050;
}

#tabl tr{
	cursor: pointer;
}

.pop .editpoint{
  opacity: 0;
}

.pop:hover .editpoint{
  opacity: 1;
}


#Tabli tr{
	cursor: pointer;
}

.tablischa{
	border-collapse: collapse;
	font-size: 16px;
	width: 100%;
}
.scrol{
	overflow-x: auto;
}

#qr{
	left: 6px;
	top: 6px;
	position: relative;
	cursor: pointer;
	text-decoration: none;
}

.note{
    width: 100%;
    background: #FFFFE0;
    font-style: italic;
    max-width: 100%;
    min-width: 100%;
	padding: 4px 6px;
}
#nm{
width:360px;
max-width:100%;	
}
#white_ip{
	border-color:red;
	width:224px;
	height:90px;
	padding: 2px;
}
th 
{border: 1px solid grey;}
td 
{border: 1px solid grey;
padding: 0px 8px 0px 8px;
}


.tablischa  tr:hover td{

    background: #f0f8ff;/* фон строки при наведении */
    border-bottom: 1px solid blue;
  }

#podrobno2{ 
  padding: 6px;
  max-width: 600px;
  margin: auto;
}
.otv_seryy{
	font-size: 13px;
    color: #505050;
	white-space: break-spaces;
}
#podrobno{
padding: 4px;
text-align: left;	
margin-left: 10%;
margin-top: 50px;
max-width:600px;
background: rgba(255, 255, 255, 0.6);
}
#podrobno2 img{
max-width:100%;	
}
#podrobno2 video{
max-width:100%;	
}

.tmr{
background: red;
color: white;
text-align: center;	
}

select{
	font-size: 12pt;
	max-width: 100%;
    padding: 4px;
    margin-bottom: 6px;
	border-radius: 8px;
    outline: none;
	border-color: #e3e3e3;
}
select:focus{
   border: 1px solid #0033cc;
}
#res_time{
    margin-bottom: 0px;
    border-radius: 0;
    border: none;
    text-align: center;
    padding: 5.75px 0;
    margin-left: 3px;
}

.displaynone{
display: none;	
}
 
#t2{
display: none;
}
#t0{
display: none;
}

.result2{/*таблица результатов ответов на вопросы с выбором нескольких вар*/
border-collapse: collapse;
text-align:center;
font-style: normal;
}


.check{
    vertical-align: 20px; 
	width: 20px;             /* Обязательно задаем ширину */
	height: 20px;            /* Обязательно задаем высоту */
	cursor: pointer;
	}

.formvopr{
    width: 700px;
	height: 160px;
	background: white;
	font-size: 18px;
	color: black;
	padding: 4px 8px 8px 8px;
}

.formvop{
  border-radius: 6px;
    width: 90%;
    max-width: 800px;
    margin: 10px auto;
    text-align: left;
    background: white;
    font-size: 18px;
    color: black;
    padding: 4px 8px 8px 8px;
}
.formvop img{
	max-width: 100%;
}
.formvop video{
	max-width: 100%;
}

.notselect{
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}


.formot{
    white-space: pre-wrap;
    width: 85%;
    max-width: 600px;
    margin: 6px auto;
    text-align: left;
    background: white;
    font-size: 18px;
    color: black;
    padding: 4px 8px 8px 8px;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    border-radius: 6px;
	cursor: pointer;
	border: 3px solid transparent;
}
.formot:hover{
	box-shadow: 2px 2px 5px rgba(0 0 0 / 30%);
}
.otvet_gia{
	width: 30px;
    height: 40px;
    border: 2px solid #dadada;
    border-radius: 4px;
    margin-right: 4px;
	font-size: 28px;
	font-family: monospace;
	text-transform: uppercase;
}
.formot2{
    white-space: pre-wrap;
    width: 85%;
    max-width: 600px;
    margin: 6px auto;
    text-align: left;
    background: white;
    font-size: 18px;
    color: black;
    padding: 4px 8px 8px 8px;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    border: 3px solid;
    border-color: #0033cc;
    cursor: pointer;
    border-radius: 6px;
}

.otv_move:active{
	cursor: move;
}

.formvoprred{
    width: 500px;
	height: 100px;
	font-size: 16px;
	padding: 4px 8px 8px 8px;
	margin: 2%;
}

.formvar{
    width: 500px;
	height: 60px;
	background: white;
	font-size: 18px;
	color: black;
	padding: 4px 8px 8px 8px;
}
 
.seryy{
	font-size: 13px;
	color: #505050;
}	
.aseryy{
	font-size: 13px;
	color: #505050;
	text-decoration: none;
}	

#Allotvets div{
	padding: 2px;
}
.vopr_note{
    max-width: 70%;
    background: #FFFFE0;
    font-style: italic;
    min-height: 120px;
    display: none;
    min-width: 70%;
    padding: 4px 6px;
}

.udalenie_otveta{
	vertical-align: top;
	width: 20px;
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
}
.udalenie_otveta:hover{
    color: white !important;
    border: 1px solid #111;
    background-color: #0033cc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0033cc), color-stop(100%, #002699));
    background: -webkit-linear-gradient(top, #ff0000 0%, #990000 100%);
    background: -moz-linear-gradient(top, #ff0000 0%, #990000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #990000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #990000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #990000 100%)
}

.poryadok{
background-position: 0 33px;
height: 36px;
font-size: 24px;
vertical-align: top;
color: #0033cc;
cursor: pointer;
margin-top: 8px;
}



.time{
	width: 3em;	
}

.formotvet{
 width: 70%;
 max-width: 500px;
 min-height:30px; 
 font-size: 18px;
 padding: 3px 6px;
}
.formotvet_textarea{
 width: 98%;
 max-width: 600px;
 min-height:120px; 
 font-size: 16px;
 resize: vertical;
}



.globalstyle
   {
	 display: flex;
     flex-direction: column;
	 height: calc(100vh - 50px);
	 max-height: calc(100vh - 50px);
	 position: relative;
	 font-size: 13pt;
	 text-align: center;
	 max-width: 960px;
     margin: 0 auto;
	 line-height: 1.4;
   }


.material-icons.md-12 { font-size: 12px; }
.material-icons.md-18 { font-size: 18px; }

   .twostyle{
	  flex: 1 0 auto;
      width: 100%;
	  flex-direction:row;
   }

   .twostyle.flex{display: flex;}

   
   .rightstyle{
	flex: 1;
	padding-left: 4px;
	padding-right: 4px;
	overflow: hidden;
   }
   .rightstyle img{
max-width:100%;
height:auto;
}

   .rightV{
      padding:0;
   }
   .rightstyle .hint{
	  margin-left:10px;
      text-align: left;	  
   }
   .rightstyle .hint .ssylka{
	  color: #505050;
   }
   
    .leftstyle{
	    width: 240px;
		padding-left: 2px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: start;
		align-items: stretch;
		align-content: center;
		overflow-y: hidden;
        max-height: calc(100vh - 88px);
	    height: calc(100vh - 88px);
   }   
   

 
 .ssylka 
 { 
    text-decoration: none;
	color: black;
 }
   	.ssylka:hover { 
	color: #0033cc;
	cursor: pointer;
	}
   
    .ssylka2 
 { 
    display: none;
	text-decoration: none;
	color: black;
 }
   	.ssylka2:hover { 
	color: #0033cc;
	}
    .ssylka4 
 { 
	color: #0033cc;
	text-decoration: none
 }
	
   
   .knopkasvoprosom
   {
    color: #000000;
	line-height: 20px;
    background: #ffffff;
	height: 18px;
	padding: 2px 2px 4px 8px; 
	border-radius: 8px;
	border: 1px solid #0033cc;
	max-width: 100%;
    user-select: none;
	text-align: left;
	font-size: 12px;
	overflow:hidden;
	cursor: pointer;
	margin-top: 3px;
	word-break: break-all;
	} 
	.knopkasvoprosom:hover { 
	background: #ecf0f1; 
	}
	
	.knopkasvoprosom.knopkasvoprosom_select{
	background: #ecf0f1;
	border: 2px solid #0033cc;
	}
	
	.knopkastestom{
	font-size: 14px;
	height: auto;
	min-height: 16px;
	word-break: normal;
	}
	
.minusyarkost{
color: grey;
border: 1px dashed grey;
	}
	
  .knopka_neytral{
    background:linear-gradient(180deg, #ffffff, #ededed);
    user-select: none;
    cursor: pointer;
    font-size: 15px;
    color: #000000;
    padding: 5px 20px;
    margin: 0px 4px 4px 0px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 6px;
    border: 1px #c3bebe solid;
}
	 
	.knopka_neytral:hover { 
	filter: brightness(110%); 
	}	
  
  .knopka{
    user-select: none;
    cursor: pointer;
    font-size: 15px;
    color: #ffffff;
    padding: 5px 20px;
    margin: 0px 4px 4px 0px;
    background: #002aa7;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 6px;
    border: none; 
}
	 
	.knopka:hover { 
	filter: brightness(120%); 
	}	  
   
	 
  .knopka2{
    background: #a70000;
    user-select: none;
    cursor: pointer;
    font-size: 15px;
    color: #ffffff;
    padding: 5px 20px;
    margin: 0px 4px 4px 0px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 6px;
    border: none;
	} 
	.knopka2:hover { 
	filter: brightness(120%); 
	}	 

.error{
	 color: #B22222;
   }
   
.noerror{
	 color: #0033cc;
	 text-align: center;
     font-size:22px;	 
   }
 

	
.stoppanel{
  user-select: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 12;
  background:rgba(0,51,204,0.95);
  height: 100%;
}

.stoppanel_content{
	position: relative;
	top: 10%;
	left: 0;
	right: 0;
	display: block;
	text-align: center;
}

.voprRepHead{
	display: flex;
	justify-content: space-between;
    align-items: center;
}
.voprRepHead_nombervop{
    padding: 6px;
    margin-right: 10px;
    color: #fff;
    background: #0033cc;
	top: 2px;
    position: relative;
}

.detailed_report{
	display:flex;
	flex-wrap:wrap;
}
.detailed_report #comment{
    white-space: pre;
    font-size: 14px;
}

#logform *{
	margin:auto;
	width:200px;
}

.miniimg img{
	max-height:200px;
	max-width:200px;
}
.miniimg video{
	max-height:200px;
	max-width:200px;
}	
		

.assnt{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
}
.assnt_sc{
	border: 1px solid grey;
	display:none;
	text-align:center;
	;
}
.assnt_sc input{
	border: 0px solid grey;
	padding-left: 2px;
	width: 50px;
	
}
.assnt_sc_proc{
   position:relative;
}
.assnt_sc_proc:after{
   position:absolute;
   right: 3px;
   content:"%";
   background-color: #fff;
}
.assnt_sc_proc:hover:after{
 display:none;
}

.assnt_sc div:last-child{
	border-top: 1px solid grey;
	padding-left: 2px;
	
}
.otch_assnt{
max-width:300px;
padding: 10px 0 0 30px;
text-align:center;
}

.mes_contact{
  display: flex;
  justify-content: space-between;
    color: #000000;
    line-height: 20px;
    background: transparent;
    height: 18px;
    padding: 4px;
    max-width: 100%;
	 user-select: none;
    overflow: hidden;
    cursor: pointer;
    word-break: break-all;	
}
.mes_contact_name{
  font-size: 14px;	
}
.mes_contact_marker{
  margin-right:6px;
}
#dialogues .mes_contact:nth-child(odd){
	background: #f1f4ff;
}


#messenger{
	height: 75vh;
	max-width:620px;
	margin: 0 auto;
	display: none;
    flex-direction: column;
	justify-content: space-between;
}
#messenger_to{
	height:20px;
	background-color: #476cda;
	color:#fff;
	border-radius: 5px 5px 0 0;
	padding-bottom: 3px;
}
#messenger_field{
	border: 1px solid #e1e1e1;
	display: flex;
    flex-direction: column;
	flex-flow: column-reverse;
    height: 100%;
	overflow-y: auto;
	border-radius: 0 0 6px 6px;
}
#messenger_field::-webkit-scrollbar {
  width: 0;
}
#messenger_dop_panel{
	padding:4px;
	font-Size:12px;
	background-color: #0033cc;
	color:#fff;
}
#messenger_control{
	height:80px;
	display: flex;
	justify-content: space-between;
}
#messenger_control_inp{
width:100%;
height:100%;
}
#messenger_control_inp textarea{
width: 100%;
height: 61px;
padding: 4px;
resize: none;
margin: 8px 0px;
border-radius: 6px;
border-color: #bdbdbd;
}

#messenger_control_send{
height:80px;
width:60px;
user-select:none;
}

#messenger_control_send_but #send{
  margin: 8px 0px 0px 8px;
  font-Size: 24pt;
  color:#94a1ca;
  cursor:pointer;
}
#messenger_control_send_but #send_file{
    margin-top: 2px;
    font-Size: 18pt;
	color:#94a1ca;
	cursor:pointer;
}


.group_item{
 background: #f1f4ff;
 cursor: pointer;
 padding: 4px;
 user-select: none;
}


.group_list .group_item:nth-child(odd){
	background: transparent;
}

.mes{
   width:100%;
}
.mess{
   text-align:left; 
   max-width:320px;
   width:70%;
   word-break:break-word;
   font-size: 16px;
   margin: 2px 10px 20px 10px;
   padding: 6px;
   border-radius: 6px;
   position:relative;
   background-color: #476cda;
}
.mess_dopinf{
	position:absolute;
    bottom: -17px;
    left: 6px;
    font-Size: 12px;
	color:#505050;
}
.mess_topDopinf{
	font-size: 13px;
    color: #505050;
}

.load_old_dialog{
	font-size: 15px;
    color: #505050;
	cursor: pointer;
	padding:10px;
}

.foryou .mess_topDopinf{
    color: #b0c6f9;
}
.foryou .mes_ssylka{
	color: #b0c6f9;
}
.foryou{
	color: white;
}
.forme{
	float:right;
	background-color: #d1ddfd;   
}

.forme_delte{
	position:absolute;
	left:-22px;
	top:10px;
	display:none;
	color: red;
	cursor:pointer;
}
.forme:hover .forme_delte{
  display:block;
}


.details{
  cursor:pointer;
}
.mjx-chtml{
  font-Size: 24px!important;
}

.lableDiv{
	position: relative;
}
#lableDelit{
    color: red;
    cursor: pointer;
	display: none;
	position: absolute;
	bottom: 0px;
}
#lable{
    object-fit: contain;
    height: 100%;
    max-height: 150px;
	cursor: pointer;
	max-width: 300px;
}
.lableDiv:hover > #lableDelit{
	display: inline;
}

#remail{
	filter: blur(4px);
}
#remail:hover{
  filter: blur(0px);
 transition: 2s;
}

/*перенос студентов*/
.transfErrors{
	color:red;
}
.transfGroups{
 max-width: 500px;
 margin: 0 auto;
}
.transfGroups_gr{
 border-bottom: 1px double #212121;
}
.transfGroups_gr_top{
	display: flex;
	justify-content: space-between;
	background: #002aa7;
	color: white;
	cursor: pointer;
	padding: 4px 12px;
	align-items: center;
	user-select: none;
}
 .expandGr{
	 position: relative;
	 top: 5px;
 }
.transfGroups_gr_top_name{
   font-weight: bold;
}
.transfGroups_gr_bot{
 text-align: left;
 font-size: 14px;
 background: #f1f4ff;
 padding: 10px 20px;
 display:none;
}
.transfGroups_gr_bot_us{
  margin: 2px;
  cursor: pointer;
}
.transfGroups_gr_bot .trSelected{
  color:red;
  position: relative;
}
.transfGroups_gr_bot .trSelected .seryy{
 color:red;
}

.transfGroups_gr_bot .trSelected::before{
 content: "✓";
 position: absolute;
 left: -16px;
}

.transfGroups_gr_bot .selectAll{
   color:#002aa7;
   cursor: pointer;
   font-weight: bold;
}
#go_transfer{
  display:none;
}

/*---окно статистики--*/
#st_allGroups{
	display:none;
	flex-wrap: wrap
}
#st_allGroups div{
	font-size: 14px;
    padding: 6px 2%;
	color: grey;
    border: 1px dashed grey;
	border-radius: 8px;
	cursor: pointer;
	margin: 3px;
}
#st_allGroups div[selected]{
    background: #ecf0f1;
    border: 1px solid #0033cc;
	color: rgb(0, 0, 0);
}
/*------окно результатов-----*/
.sto{
	z-index: 100;
	position: absolute;
}
.resultDiv{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.result_L{
	transition:1s;
	position:relative;
	right:20px;
}

/*---------------------- файловое хранилище --------------------*/
#files{
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	justify-content: space-between;
	padding: 10px;
  }
  #files>div{
	margin: 2px;
	display: flex;
	max-width: 300px;
	width: 100%;
	background: linear-gradient(to right, #38c3ff2e, white);
  }
  .addedFile{
	  transform: translateX(-50%);
	  animation: ani 0.5s forwards;
  }
@keyframes ani {
	0% {transform: translateX(-50%);}
	100% {transform: translateY(0);}
}

  #files>div>div:nth-child(odd){     
	height: 100px;
	width: 100px;
	padding: 8px;
  }
  #files>div>div:nth-child(even){     
	padding-left: 5px;
	display: inline-block;
	width: var(--widthLimit);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 200px;
	margin-top: 24px;
  }
  .files_name{
	font-weight:bold;
	transition: 3s linear;
	display: inline-block;      
  }
  #files>div:hover .files_name{
	transform: translateX(calc(-100% + var(--widthLimit)))
  }
  #files img{
	cursor: pointer;
	width: 100px;
	height: 100%;
	object-fit: contain;
  }
  #fileInfo_img{
	  padding: 10px;
	  max-width: 100%;
  }  
  #fileInfo_img img{
	max-width: 100%;
	max-height: 640px;
	object-fit: contain;
  }



/* стили */
.backgr /*серый по умолч*/
   {
	 background-color: rgb(238,238,244);
   }	
.backgr0 /*серый*/
   {
	 background-color: rgb(238,238,244);
   }
 .backgr1 /*тлен*/
   {
	 background-size: cover;
	 background-image: url(/img/backgr/1.jpg);
   }
   
.backgr2 {/*тетрадь*/
	 background-image: url(/img/backgr/12.jpg);
   }
.backgr3 /*стена*/
   {
	 background-image: url(/img/backgr/3.jpg);
   }   
 
.backgr4 /*паркет*/
   {
	 background-image: url(/img/backgr/4.jpg);
   }  
   
   
   .backgr5 /*Розовый поросёнок*/
   {
	    background-color: #fddde6; 
   }  
    
   .backgr6 /*лаванда*/
   {
	    background-color: #e6e6fa; 
   }  
    .backgr7 /*Бело-зелёный*/
   {
	    background-color: #bdecb6; 
   }  
 .backgr8 /*трава*/
   {
	 background-image: url(/img/backgr/8.jpg);
   }  
.backgr9 /*снег*/
   {
	 background-image: url(/img/backgr/9.jpg);
   }
.backgr10 /*наука тём*/
   {
	 background-image: url(/img/backgr/10.jpg);
   }
.backgr11 /*наука свет*/
   {
	 background-image: url(/img/backgr/13.jpg);
   }	

	
	
	/*изменение размеров окна*/
	

@media only screen and (max-width: 899px) {
.k899{
	display:inline;
}
.header_logo{
 min-width: 58px;
}
.indblock_right{
	min-height: 0px;
}
}


@media only screen and (max-width: 600px) {	

.globalstyle{
font-size: 19px;
line-height: 1.6;
}
.tiles{
	margin: 6px 0;
}
select {
    font-size: 15pt;
}

input {
    font-size: 15pt;
}
.blank { 
	line-height: 2;
}
.mes_contact{
	padding: 12px 8px;
}
.mes_contact_name{
	font-size: 19px;
}
#messenger_to{
	padding-bottom: 10px;
}
.formot {
    font-size: 15pt;
}
.formot2{
 font-size: 15pt;
}
.formvop {
	font-size: 15pt;
}

.twostyle{
	flex-direction: column;
}
.twostyle.flex{
	display: block;
}

#header_mini_but{
  display:block;
}
.header_left{
	display:none;
}

.leftstyle{
	width: 100%;
	border-right-width: 0px;
	padding-left: 0px;
}
.knopka{
	width: 95%;
	padding: 10px 2%;
	font-size: 16px;
}
.knopka_neytral{
	width: 95%;
	padding: 10px 2%;
	font-size: 16px;
}
.knopka2{
	width: 30%;
	padding: 6px 2%;
	font-size: 16px;
}
.knopkasvoprosom{
	font-size: 14px;
	padding: 6px 2%;
	max-width:95%;
}
#dalee{
	min-width: 40%;
}
#save{
	min-width: 55%;
}
#copy{
	min-width: 40%;
}
 #udalit{
	min-width: 40%;
    padding: 2px 2px;	
 }
 
 .poryadok{
	padding: 0px; 
 }


#podrobno {
	margin-left: 0%;
}
.testing_head{
	margin-bottom: 0px;
	height: 36px;
}
.testing_content {
    width: 100%;
	padding-top: 0px;
}
.testing_right{
   display:none;
}
.testing_left {
    width: 50%;
}
.testing_center {
   width: auto;
}
.testing_footer{
	display:inline;
	position:fixed;
	bottom: 0;
    width: 100%;
}
.testing_timer{ 
 font-Size: 20pt;
    height: 30px;
}
.testing_nombervop {
    height: 28px;
	border-radius: 0px;
}

.rightstyle{
	margin-left: 2px;
}

#tabdostup_all_gr{
	min-width: 75%;
}
#tabdostup_reset_gr{
	width: 40px;
}

#indb{
padding-top: 20px;	
}
.indblock_right{
	font-size: 22px;
    line-height: 1.25;
}
}