.INFO_box{
	color: #666;
	font-size: 1em;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	
	}


.INFO_But{
	color: #999;
	}




.UN_Text		{ 
			position:absolute;  min-width:10px; min-height:10px; 
			/*	border: #0F0 solid 1px; 	*/	
			}



.TIND_male1, .TIND_male2{	float: left; width: 49%; height: 400px; background: center center no-repeat no-repeat; background-size: contain;}
.TIND_male1{	background-image: url(male1.png)	}
.TIND_male2{	background-image: url(male2.png)	}

.TIND_Push{		float: left; width: 40%; min-width: 300px; height: 300px; margin: 20px 4%; background: center center no-repeat no-repeat; background-size: contain;
				box-sizing: border-box; 
			}




.QUIZ_SHOW_Box{
		width: 100%;
		height: 100%;
		position: absolute;
		overflow-y: scroll;
		overflow-x: hidden;
		font-size: 2em;
	
		}
.CONN_Q_Table_User	{	
			width: 100%; height: auto; float: left;
			margin: 1% 0;
			white-space: nowrap;
			text-align: center;
			display: none;
			}
	.CONN_Q_Table_U_place{	
			width: 10%; 
			float: left;
			margin: 0% 1%;
			/* border: solid 1px #F00;*/
			}
	.CONN_Q_Table_U_name{
			width: 60%; 
			float: left;	
			margin: 0% 1%;
			/*border: solid 1px #F00;*/
			overflow: hidden; 
			background-color: rgba(255, 255, 255, 1);
			
			border-radius: 50px 0 0  50px;
			}
	.CONN_Q_Table_U_point{
			width: 15%; 
			float: left;
			margin: 0% 1%;
			/*border: solid 1px #F00;*/
			background-color: rgba(255, 255, 255, 1);
			border-radius: 0 50px 50px 0;
			}




/*	универасльный бокс под любую активность	*/
.UserPage_BOX { width: 100%; position: relative;  float: left;
			/*border : solid 1px #0FF;*/
			padding: 20px 0 20px 0;	
			text-align: center;
			font-size: 1.5em;
			}



.ONCH_Teams_join	{
				font-size: 1.5em;
				float:left; width: 80%; margin:10px 10% 10px 10%;  padding:20px 40px 25px 40px; border-radius:100px;
				text-align: center;
				background-color: rgba(255, 255, 255, 0.5);
				cursor:pointer;
				box-sizing:border-box;  -moz-box-sizing:border-box;    -webkit-box-sizing:border-box;    -o-box-sizing:border-box;  -ms-box-sizing:border-box;

				border: solid 5px #ff7c11;
				color: #ff7c11;
				 
				
				}	




.ONCH_Teams_join_out{
		
				font-size: 0.75em;
				float:left; width: 50%; margin:10px 25% 10px 25%;  padding:10px 10px 15px 10px; border-radius:100px;
				text-align: center;				
				background-color:#CCC; color:#FFF; cursor:pointer;
				box-sizing:border-box;  -moz-box-sizing:border-box;    -webkit-box-sizing:border-box;    -o-box-sizing:border-box;  -ms-box-sizing:border-box;

				border: solid 2px #FDFDFD;
				
					
		
				}




.TEAMS_QR_User{
		background-position: center center; background-repeat: no-repeat; background-size: contain;
		width: 100%; height: 700px; float: left; 
		border-radius: 50px; overflow: hidden;
		}





.LT_User_Ticket{			
				position: relative;  width: 100%; min-height: 100px; float: left;
				left: 0%;
				top: 0%;
				box-sizing:border-box;
			/*border: #F0F solid 1px;	*/
				}
	.LT_UT_Card{
				position: relative;  width: 97%;  float: left; border-radius: 25px;
				margin: 25px 1.5%;
				border: #DDD solid 1px;	
				padding: 2px;
				background-color: #EEE;
				box-sizing:border-box;
				
				box-shadow: 5px 5px 5px 2px rgb(0 0 0 / 10%);
		
				}
	.LT_UT_Line{
				position: relative;  width: 98%;  float: left;
				margin: 10px 1%;
				box-sizing:border-box;
			/*border: #0FF solid 1px;	*/
				}
	.LT_UT_Cel{	
				color: #333;
				position: relative;  width: 19%; height: 200px; float: left;
				margin: 0 0.3%;
				/*	border: #DDD solid 1px;	*/	
				border-radius: 15px;
				text-align: center;
				box-sizing:border-box;
				cursor: pointer;
		
				background-color: rgba(255, 255, 255, 0.90);
		
				}
		.LT_UT_Cel_click{
				color: #FFF;
				background-color: rgba(50, 50, 50, 0.90);
				
				}







.FOTO_Foto_img{
		background-position: center center; background-repeat: no-repeat; background-size: contain;
		width: 700px; height: 700px; float: left; 
		}

.FOTO_Foto_img_ok{
		background-position: center center; background-repeat: no-repeat; background-size: contain;
		width: 700px; height: 700px; float: left; 
		}


.FOTO_Rot_left, .FOTO_Rot_right, .FOTO_Rot_left_ok, .FOTO_Rot_right_ok{
	width: 140px; height: 700px; float: left;
	
	background-position: center center; background-repeat: no-repeat; background-size: contain;
	display: block;
	opacity: 0.5;
	cursor: pointer;
	}

.FOTO_Rot_right,.FOTO_Rot_right_ok{	background-image:url(img/rotate_R.png);	}
.FOTO_Rot_left,.FOTO_Rot_left_ok{		background-image:url(img/rotate_L.png);	}

.FOTO_Foto_img_ok, .FOTO_Rot_left_ok, .FOTO_Rot_right_ok{  height: 300px;}



.FOTO_But_Load{
		background-position: center center; background-repeat: no-repeat; background-size: contain;
		width: 1000px; height: 350px; float: left; 
		background-image: url(img/foto_load_new.png);
		cursor: pointer;
		display: block;
		}

.SHOW_Fotos_BOX{ position: absolute; width: 100%; height: 100%; left: 0%; top: 0; 
			overflow: hidden;
			border: solid 1px #000;
			}

.FOTO_Show_Box{	width: 100%; height: 100%; position: absolute; display: none;}
.FOTO_Show_Img{	width: 100%; height: 100%; position: absolute;  background-position: center center; background-repeat: no-repeat; background-size: contain; 	}
.FOTO_Show_Coment_Box{	max-width: 75%; bottom: 5%; right: 5%; position: absolute;
			background-color: #FFF; padding: 1% 2%; border-radius: 25px;
			text-align: right;
			}




.ADM_Razdel, .ADM_Razdel_open{	width: 100%; float: left; height: 0px; background-color:#fafafa; overflow: hidden; 	
		border-radius: 0px 15px 15px 15px; padding: 15px;  margin-bottom: 20px; display: none;
		box-sizing: border-box;
		}



.ADM_Razdel_open{	 height: auto; display: block}

.ADM_Razdel_But, .ADM_Razdel_But_open{
		float: left; padding: 5px 25px 7px 50px; border-radius: 25px; margin: 1px 5px 0px 0px;
		text-align: center;  background-color:#fafafa;  cursor: pointer;	 border: solid 1px #EEE; border-bottom: none;
	background-image: url(img/settings.png); background-position: left center; background-repeat: no-repeat; background-size: contain; display: block;
		box-sizing: border-box;
		}
.ADM_Razdel_But_open{	 border-radius: 25px 25px 0 0; margin: 1px 5px 0px 0px; padding: 5px 25px 12px 50px;	}
.ADM_Razdel_But:hover{	 color: #333; 	}





.ADM_Foto, .ADM_Foto_new, .ADM_Foto_ok, .ADM_Foto_bad, .ADM_Foto_del, .ADM_Foto_star0, .ADM_Foto_star1
			{ position: relative; float: left; width: 260px; height: 200px; margin: 1px 0px 0px 0px;  box-sizing: border-box;    overflow: hidden;
				border: solid 5px #999;		
			}
.ADM_Foto_new { border-color: #0F0  }
.ADM_Foto_ok  { border-color: #999  }
.ADM_Foto_bad { border-color: #F00; opacity: 0.5  }
.ADM_Foto_del {display: none;}
.ADM_Foto_star0{ }
.ADM_Foto_star1{ border-color: #ff0; opacity: 1; font-weight: 700; }

.ADM_Foto_img{
		width: 200px; height: 200px; float: left;
		background-position: center center; background-size: contain; background-repeat: no-repeat;	
		z-index: 1;
		}
.ADM_Foto_coment{
		width: 200px;  float: left; margin-left: -200px;	background-color: rgba(255, 255, 255, 0.90);
		z-index: 5;
		}





/*	страница вывода результатов		*/
.Control_Panel{
	position: absolute; float: left; bottom: 0%; left: 0%;	opacity: 0;
	}
.Control_Panel:hover{ 	opacity: 1;}


.Control_But, .Control_But_OFF {
	position: relative; float: left; margin: 10px;
	background: #EEE; color: #999; 
	border-radius: 50px;
	/*border: 1px solid #000;*/
	padding: 10px; 
	overflow: hidden;
	cursor:pointer;
	opacity: 1;
	}

.Control_But_OFF{
	opacity: 0.5;
	background: #000; color: #FFF; 
	}

.SHOW_BOX{ position: absolute; width: 100%; height: 100%; left: 0%; top: 0; 
			overflow: hidden;
			/*border: solid 1px #F0F; border-radius: 20px;*/
			}

.SHOW_BOX_scroll{ position: absolute; width: 100%; height: 100%; left: 0%; top: 0%; 
			overflow-x: hidden; overflow-y: scroll;
			/*background-color: #F9F9F9;*/
			}




/*	Страница пользователя - контакты	*/



.Cont_ava{
		height:350px; width: 350px; float: left; margin: 100px 25px 50px 25px; 
		 background-position: center center; background-repeat: no-repeat; background-size: cover;
		}
.Cont_info{			height: 350px; width: 500px; float: left;  margin: 100px 25px 50px 0px;   text-align: center;			}

	.Cont_name{			margin: 50px 0 25px 0; width: 100%; 	float: left; 	font-size: 1.5em;

			text-shadow: 5px 5px 0 #ffffff, 5px -5px 0 #ffffff, -5px 5px 0 #ffffff, -5px -5px 0 #ffffff, 5px 0px 0 #ffffff, 0px 5px 0 #ffffff, -5px 0px 0 #ffffff, 0px -5px 0 #ffffff;
				
			}

	.Cont_centr_box	{	
			min-height: 50px;
			width: 100%;
			}
	.Cont_phone	{	

			display: inline-block;	
			text-decoration: none;

		   padding:5px 35px 5px 35px; border-radius:150px;

			text-align: center; font-size: 1.5em;
			 color:#999; cursor:pointer;

			background-color: #FFF;
			border: solid 3px #999;

			/*
				width: 60%;
			margin: 5px 20%		;	
			margin: 0 auto;




			display: inline-block;
		float:left; 
			margin:3% 10%;
			box-sizing:border-box;  -moz-box-sizing:border-box;    -webkit-box-sizing:border-box;    -o-box-sizing:border-box;  -ms-box-sizing:border-box;
			background-color:#ff7a31;
			border: solid 2px #ff7a31;

			background: -webkit-linear-gradient(#ff7a31, #d14a00);
			background: -o-linear-gradient(#ff7a31, #d14a00);
			background: linear-gradient(#ff7a31, #d14a00);
			float: left;
			*/
			}
	.Cont_phone:a{ text-decoration: none; }
	.Cont_ss_ico{	display: inline-block;	 height: 80px; width: 80px; margin: 30px 10px;   background-size: contain; background-repeat: no-repeat; background-position:  center center;
				}








.que_chek_qa_id { float: left; width: 5%; background-color: #FFF; color: #999}
.que_chek_ma_id { float: left; width: 5%; background-color: #FFF; color: #999}
.que_chek_team 	{ float: left; width: 20%; background-color: #DDD; text-align: left; overflow: hidden; white-space: nowrap;}

.que_chek_yes	{ float: left; width: 5%; background-color: #00FF00; 				cursor: pointer}
.que_chek_no	{ float: left; width: 5%; background-color: #FF0000; color: #FFF;  cursor: pointer}

.que_chek_A_1    { float: left; width: 3%; background-color: #71C8FF; color: #FFF;  }
.que_chek_A_2    { float: left; width: 3%; background-color: #E0E0E0; color: #FFF;  }

.que_chek_koef 	{ float: left; width: 5%; background-color: #DDD;}

.que_chek_answ_0 /*check*/ 	{ float: left; width: 40%; background-color: #CCC;		display: block; }
.que_chek_answ_1 /*YES*/ 	{ float: left; width: 40%; background-color: #99FF99;	display: block; }
.que_chek_answ_2 /*NO*/ 	{ float: left; width: 40%; background-color: #FF9999;	display: block; }


.que_chek_answ_00 /*check*/ { float: left; width: 35%; background-color: #CCC;		display: block; text-align: left; padding: 0 10px }
.que_chek_answ_10 /*check*/ { float: left; width: 35%; background-color: #CCC;		display: block; text-align: left; padding: 0 10px }

.que_chek_answ_11 /*YES*/ 	{ float: left; width: 35%; background-color: #CFFFCF;	display: block; text-align: left; padding: 0 10px }
.que_chek_answ_12 /*NO*/ 	{ float: left; width: 35%; background-color: #FFD7D7;	display: block; text-align: left; padding: 0 10px }
.que_chek_answ_21 /*YES*/ 	{ float: left; width: 38%; background-color: #74FF74; margin-left: -3%;	display: block; text-align: left; padding: 0 10px }
.que_chek_answ_22 /*NO*/ 	{ float: left; width: 38%; background-color: #FF9191; margin-left: -3%;	display: block; text-align: left; padding: 0 10px }