@font-face {
  font-family: 'BebasNeue_Regular';
  src:  url('BebasNeue Regular.ttf');
}
@font-face {
  font-family: 'din_pro_cond';
  src:  url('15772.otf');
}
body{ 
	font-family: 'din_pro_cond';
	font-size:1.1em;
	margin: 0 auto;
/*	background: url('../images/bg-em.svg') #ffffff;
	background-size: content;*/
/*	color:#313131;*/
	height: 100%;
	display: flex;
	flex-direction: column;	

}
html{
	height: 100%;
}
.smile, .trend{
width: 40px;
height: 40px;
margin: 0 auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.smile-1{
	background-image:url('../images/smile-1.svg?v=1');
}
.smile0{
	background-image:url('../images/smile0.svg?v=1');
}
.smile1{
	background-image:url('../images/smile1.svg?v=1');
}
.smile2{
	background-image:url('../images/smile2.svg?v=1');
}
.smile3{
	background-image:url('../images/smile3.svg?v=1');
}
.trend_up{
	background-image:url('../images/trend_up.svg?v=1');
	width: 30px;
}
.trend_n{
	background-image:url('../images/trend_n.svg?v=1');
}
.trend_down{
	background-image:url('../images/trend_down.svg?v=1');
	width: 30px;
}
.mail_ico{
width: 40px;
height: 40px;
	background-image:url('../images/mail.png');
margin: 0 auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
float: right;
cursor:pointer;
	
}
.info_but{
width: 40px;
height: 40px;
	background-image:url('../images/info.png');
margin: 0 auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor:pointer; 
	
}

.ind_next_button{
	cursor: pointer;
	border: 3px solid;
	width: 250px;
	margin: 10px auto 0 auto;
	padding: 10px;
	text-align: center;
	font-size:1.2em;
	flex: 0 0 auto;
}

.hide_next_div{
	
}

.hide_next_arrow{
	background-image:url('../images/strelka_vverh.svg');
height: 20px;
width: 25px;
float: right;
background-repeat: no-repeat;
background-position: center;
}
.hide_next_div_act .hide_next_arrow{
	background-image:url('../images/strelka_vniz.svg');
}


.analit_table {
    margin: 15px auto;
    width: 80%;
}

.analit_table_caption {
	background:linear-gradient(90deg,#e2368d,#9b318add);
	color:white;
	padding:5px;
}
.analit_table td {
    width: 25%;
	text-align:center;
}

.caption_razdel{
font-weight: bold;
/*margin-top: 20px;*/
padding: 20px 0 20px 10px;
cursor: pointer;
/*background: linear-gradient(90deg,#00a0d8,#79ccea99);*/
background: #eefaff;
/*color: white;*/
font-size: 1.2em;
}
.caption_razdel_active
{
	background: #81cfe9;
}
.main_card_person_menu .caption_razdel
{
	border: 1px solid #81cfe9;
	border-top: 0;
}
.main_content_analit_2_menu{
	/*margin-top: 20px;*/
	padding: 20px 10px;
	margin: 5px 0;
	cursor: pointer;
	/*background: linear-gradient(90deg,#00a0d8,#79ccea99);*/
	background: #eefaff;
	/*color: white;*/
	font-size: 1.3em;	
}
.main_content_analit_2_menu_active{
	font-weight:bold;
}

.select_solution_div{
	text-align:center; 
	border:1px solid #81cfe9;
	margin: 6px;
	border-radius: 8px;
}
.select_solution_div .caption{
	cursor:pointer; 
}
.select_solution_div_current{
	background-color: #fbf165;
}

.select_solution_time{
	background:url('../images/time_logo.svg?v=1');
	background-size: 25px;
	background-repeat: no-repeat;
	background-position-x: 3px;
	background-position-y: center;
	width: 55px;
	padding-left: 30px;	
}
.select_solution_money{
	background:url('../images/rub_logo.svg?v=1');
	background-size: 25px;
	background-repeat: no-repeat;
	background-position-x: 3px;
	background-position-y: center;
	width: 55px;
	padding-left: 30px;	
}
.start_screen_img{
	width:100%;
	height:100%;
	background:url('../images/start_screen_left_bg.svg');
	background-size: auto 40%;
	background-repeat: no-repeat;
	background-position-x: left;
}
.main_card_person_virost{
	height:50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}


.main_card_person_virost_up{
	background-image:url('../images/virost_up.png?v=2');
}
.main_card_person_virost_none{
	background-image:url('../images/virost_none.png?v=2');
}
.main_card_person_virost_down{
	background-image:url('../images/virost_down.png?v=2');
}
.start_screen_img2{
	width:100%;
	height:100%;
	background:url('../images/start_screen_right_bg.svg');
	background-size: auto 40%;
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: bottom;
	display: flex;
}
.start_screen .header{
	display:none;
}
.main_content{
	flex: 1 1 auto;
	width: 90%;
    margin: 0 auto;
}
.solution_main_div{
padding-left: 55px;
    min-height: 40px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 40px;
	flex: 1 1 auto;
	display: flex;
	
}
.p_content .solution_main_div{
	padding: 10px 0 10px 55px;
	border-bottom: 1px solid #81cfe9;
}
.solution_main_div_n_m_o{	
	background-image:url('../images/o_n_m_logo.svg?v=1');
}
.solution_main_div_m_m_o{	
	background-image:url('../images/o_m_m_logo.svg?v=1');
}
.solution_main_div_n_m_1, .solution_main_div_n_m_2, .solution_main_div_n_m_3, .solution_main_div_n_m_4, .solution_main_div_n_m_5, .solution_main_div_n_m_6{	
	background-image:url('../images/l_n_m_logo.svg?v=1');
}
.solution_main_div_m_m_1, .solution_main_div_m_m_2, .solution_main_div_m_m_3, .solution_main_div_m_m_4, .solution_main_div_m_m_5, .solution_main_div_m_m_6{	
	background-image:url('../images/l_m_m_logo.svg?v=1');
}
.solution_main_div_kpi_1, .solution_main_div_kpi_2{	
	background-image:url('../images/kpi_logo.svg?v=1');
}
.solution_select_button{
	cursor:pointer;
	width:30px;
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center;
	
}
.main_card_person_div{
	padding: 0.5%; 
	cursor: pointer;
	display: flex;
	
}
.main_card_person_kvartal{
	font-weight: bold;
	display: flex; 
}
.main_card_person_productivity_pl, .main_card_person_productivity_f, .main_card_person_productivity_mot{
	font-size:1.2em;
	flex: 1 1 auto;
}

.main_card_person_div:hover{
	
	box-shadow: 2px 2px 5px #0002;	
}
.main_card_person_foto img{
	height:200px;
	margin: 5px 10px;
}
.main_card_person_div .main_card_person_foto img{
	
	border-radius: 150px;
	height:110px;
	box-shadow: 2px 2px 5px #0003;	
}
.main_card_person_fio{
	font-size: 1.8em;
}
.main_card_person_div .main_card_person_fio{
	margin: 15px 0 6px 0;
}
.main_card_person_post{
}
.main_section{
	display: flex;
    flex-direction: column;
	min-width: 1200px;
}
.table_metrics td img{
	height:60px;
	margin: 0 4px;
	box-shadow: 0 0 5px #0005;
}

.table_metrics td{
/*	height:74px;*/
}
.table_metrics{
  /*  width: 40%;*/
    float: right;
	margin-top: -70px;
	
}

.main_card_person_kvartal_sub{
	padding-right: 20px;
}
.header{
	background: #eefaff;/* linear-gradient(90deg,#00a0d8,#79ccea);
	box-shadow: 0 0 4px #0005;*/
	z-index: 5;
	/*position: sticky;
	top: 0;*/
	flex: 0 0 auto;
	font-size: 1.2em;
	min-width: 1200px;
}
.main_section{
	
	flex: 1 1 auto;
	overflow:auto;
}
.main_card_person_main_info_sub{
	display: flex; 
	padding: 10px;
}
.footer_menu{
	min-width: 1200px;
	flex: 0 0 auto;
	background: #eefaff;
	padding: 10px 0;
}
.footer_menu_but{
	width:33%;
	float:left;
	cursor:pointer;
	text-align:center;
	font-size:1.6em;
	padding: 5px 0;
	
}
.footer_menu_but img{
	height:30px;
	margin-bottom: -4px;
	padding: 0 10px;
}
.footer_menu_but_active{
	font-weight:bold;
}
.footer_menu_but:hover{
	color:#666;
}
.header_caption_div{

	background-image: url('../images/header_logo.svg?v=1');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position-x: 20px;
	padding: 0px 0px 0px 120px;
	display: table-cell;
	vertical-align: middle;
	height: 80px;
	font-size: 1.7em;
	color: #000;
	text-transform: uppercase;
}
#stage_caption_div{
	font-size:1.3em; 
	font-weight:bold;
	text-align: center;
	padding:0 20px;
}
#timer_div{
/*	margin-left:140px;
	margin-top: -40px;
	height: 40px;
	font-size: 1.8em;
	color: white;*/
	text-align: center;
}
.solution_select_button{
	cursor:pointer;
	background-image: url('../images/solution_plus.svg?v=1');
    background-size: 25px;
    background-repeat: no-repeat;
    width: 35px;
 /*   height: 100%;
    float: right;*/
	flex: 0 0 auto;
}
.select_solution_caption{
	height: 36px;
    vertical-align: middle;
    display: table-cell;
}
.under_header{
	height:30px;
	background:white;
}
.metric_span{
    min-width: 60px;
    display: inline-block;
    text-align: center;
    font-weight: bold;

}
.button_span, .cap_bl_span {
	background: #9e33b5;/*linear-gradient(90deg,#00a0d8,#79ccea99);*/
	width: 250px;
	margin: 0 auto;
	padding: 5px 10px;
	display: block;
	color: white;
	text-align: center;
	border-radius: 5px;
}

.button_span{
	cursor: pointer;
}
.button_span:hover{
	background:  #8e23a5;/*linear-gradient(90deg,#00a0d8,#79cceabb);*/
}
.button_ready{
	background:  #9e33b5;/*linear-gradient(90deg,#e2368d,#9b318add);*/
	margin-top: 20px;
}
.button_ready:hover{
	background:  #8e23a5;/*linear-gradient(90deg,#e2368d,#9b318a);*/
}
.blue_color{
	color: #555;
}
.footer_img{
	width:100%;
	margin-top: 20px;
	height:70px;
	
	background-image: url('../images/rea_logo.svg?v=1');
    background-size: auto 100%;
    background-position-x: center;
    background-repeat: no-repeat;
    background-position-y: bottom;
	/*display: none;*/
	flex: 0 0 auto;
}
.img_arrow{
	width: 70px;
	height:70px;
	background-image: url('../images/arrow.svg?v=1');
    background-size: 100%;
    background-position-x: center;
    background-repeat: no-repeat;
    background-position-y: bottom;	
}
.owl-prev {
	transform: rotate(180deg);
}
.button_border, .param_caption{
	border-color:black;
}


.analit_tr_head_1, .analit_tr_head_2{
	background: #eefaff;
}
.analit_tr_head_1 td
{
	border-top: 2px solid #81cfe9;
	border-bottom: 1px solid #81cfe9;
	font-size:1.3em;
	font-weight:bold;
}
.analit_tr_head_2 td
{
	border-bottom: 2px solid #81cfe9;
}
.analit_tr_border td{
	border-top: 1px solid #81cfe9;
	border-bottom: 1px solid #81cfe9;
}
.td_left_border{
	border-left: 2px solid #81cfe9;	
}
.td_right_border{
	/*border-right: 2px solid #81cfe9;	*/
}

.button_solution_disable{
	background: #ddd!important;
	cursor: auto!important;
}

.p_content_rab_har div{
	padding-left: 30px;
}
.person_descr_rab_har, .person_descr_dostig, .person_descr_slozhn{
	background-size: 25px;
	background-position-x: left;
	background-repeat: no-repeat;
	background-position-y: center;
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px 0 5px 30px;
	margin-top: 15px;	
}

.person_descr_rab_har{
	background-image: url('../images/person_descr_rab_har.svg?v=1');
}
.person_descr_dostig{
	background-image: url('../images/person_descr_dostig.svg?v=1');
}
.person_descr_slozhn{
	background-image: url('../images/person_descr_slozhn.svg?v=1');
}