.page_wrapper[type="list"] .page[type="main"],
.page_wrapper[type="main"] .page[type="list"]{
	display: none;
}

.page{
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.page_back_wrap{
	height: 40px;
	display: flex;
	align-items: center;
	padding: 10px;
}

.page_back_wrap[show="0"]{
	display: none;
}

.page_back{
	cursor: pointer;
}

.page_back::before{
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	transform: rotate(45deg);
}

.list_device_row{
	padding: 10px;
}

.list_device_row:nth-child(2n){
	/*background: #eaeaea;*/
}

.list_device_id{
	font-size: 16px;
	/*font-family: 'MontserratSemiBold';*/
}

.list_device_address{
	font-size: 12px;
}

.list_empty{
	padding: 30px;
	text-align: center;
}


.main_block[type="status"]{
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.main_status_elevator{
	border-radius: 25px;
	padding: 20px;
	display: none;
}

.main_status_elevator[lift="0"]{background: linear-gradient(45deg, #51515133, #33c5ea33);}
.main_status_elevator[lift="1"]{background: linear-gradient(45deg, #51515133, #de33c433);}
.main_status_elevator[lift="2"]{background: linear-gradient(45deg, #51515133, #e8a25533);}
.main_status_elevator[lift="3"]{background: linear-gradient(45deg, #51515133, #00ffae33);}
.main_status_elevator[lift="4"]{background: linear-gradient(45deg, #51515133, #45267433);}
.main_status_elevator[lift="5"]{background: linear-gradient(45deg, #51515133, #e4425233);}
.main_status_elevator[lift="6"]{background: linear-gradient(45deg, #51515133, #bcdb6033);}
.main_status_elevator[lift="7"]{background: linear-gradient(45deg, #51515133, #2626ff33);}

.main_status_elevator_name{
	font-size: 24px;
	margin: 0 0 10px;
}

.main_status_elevator[lift="0"] .main_status_elevator_name{color: #33c5ea;}
.main_status_elevator[lift="1"] .main_status_elevator_name{color: #de33c4;}
.main_status_elevator[lift="2"] .main_status_elevator_name{color: #e8a255;}
.main_status_elevator[lift="3"] .main_status_elevator_name{color: #00ffae;}
.main_status_elevator[lift="4"] .main_status_elevator_name{color: #452674;}
.main_status_elevator[lift="5"] .main_status_elevator_name{color: #e44252;}
.main_status_elevator[lift="6"] .main_status_elevator_name{color: #bcdb60;}
.main_status_elevator[lift="7"] .main_status_elevator_name{color: #2626ff;}

.main_status_elevator_header{
	background: #ffffff21;
	border-radius: 4px 4px 0 0;
}

.main_status_elevator_header,
.main_status_elevator_list_row{
	display: flex;
	height: 20px;
	align-items: center;
}

.main_status_elevator_list_row{
	height: 40px;
}

.main_status_elevator_header_elem{

}

.main_status_elevator_list{
	height: 40px;
	overflow: hidden auto;
}

.main_status_elevator_list_row{
	border-bottom: 1px solid #ffffff21;
}

.main_status_elevator_list_row:last-child{
	border-bottom: none;
}

.main_status_elevator_list_row_elem{

}

.main_status_elevator_header_elem,
.main_status_elevator_list_row_elem{

}

.main_status_elevator_header_elem[type="time"],
.main_status_elevator_list_row_elem[type="time"]{
	width: 170px;
	padding-left: 8px;
}

.main_status_elevator_header_elem[type="floor"],
.main_status_elevator_list_row_elem[type="floor"]{
	width: 40px;
	text-align: center;
}

.main_status_elevator_header_elem[type="status"],
.main_status_elevator_list_row_elem[type="status"]{
	text-align: center;
	overflow: hidden;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.main_block[type="tasks"]{
	border-radius: 25px;
	padding: 20px;
	background: #51515133;
}

.main_tasks_name{
	font-size: 22px;
	margin: 0 0 10px;
}

.main_tasks_header{

}

.main_tasks_header_elem{

}

.main_tasks_list{

}

.main_tasks_list_row{

}

.main_tasks_header,
.main_tasks_list_row{
	display: flex;
	height: 30px;
	align-items: center;
	padding: 0 5px;
}

.main_tasks_list_row{
	display: none;
}

.main_tasks_list_row:last-child{
	border-radius: 0 0 4px 4px;
}

.main_tasks_list_row[lift="0"]{background: linear-gradient(90deg, #33c5ea, #51515100)}
.main_tasks_list_row[lift="1"]{background: linear-gradient(90deg, #de33c4, #51515100)}
.main_tasks_list_row[lift="2"]{background: linear-gradient(90deg, #e8a255, #51515100)}
.main_tasks_list_row[lift="3"]{background: linear-gradient(90deg, #00ffae, #51515100)}
.main_tasks_list_row[lift="4"]{background: linear-gradient(90deg, #452674, #51515100)}
.main_tasks_list_row[lift="5"]{background: linear-gradient(90deg, #e44252, #51515100)}
.main_tasks_list_row[lift="6"]{background: linear-gradient(90deg, #bcdb60, #51515100)}
.main_tasks_list_row[lift="7"]{background: linear-gradient(90deg, #2626ff, #51515100)}

.main_tasks_list_row_elem{

}

.main_tasks_header_elem[type="number"],
.main_tasks_list_row_elem[type="number"]{
	width: 10px;
	text-align: center;
}

.main_tasks_header_elem[type="count"],
.main_tasks_list_row_elem[type="count"]{
	width: 70px;
	text-align: center;
}

.main_tasks_header_elem[type="queue"],
.main_tasks_list_row_elem[type="queue"]{
	flex: 1;
	display: flex;
	align-items: center;
}

.main_tasks_list_row_elem[type="queue"]{
	gap: 5px;
	overflow: auto hidden;
}

.main_tasks_list_row_elem[type="queue"] > span{
	display: flex;
	height: 22px;
	width: 22px;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	background: #000000;
	flex-shrink: 0;
	color: #ffffff;
	font-size: 14px;
}

.main_charts_top_menu{
	display: none;
}

.main_charts_bottom_block{
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.main_charts_graphics_chart{
	height: 50vw;
}

.main_block[type="stats"]{
	/*overflow-x: auto;*/
	/*background: white;*/
}

.main_stats_table_name{
	/*background: #1b162c;*/
}
.main_stats_header,
.main_stats_list_row{
	display: flex;
	gap: 1px;
}

.main_stats_header_elem,
.main_stats_list_row_elem{
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 5px;
	background: #1b162c;
	flex: 1;
}

.main_stats_header_elem{
	align-items: flex-start;
}

.main_stats_header_elem[type="lift"],
.main_stats_list_row_elem[type="lift"]{
	min-width: 40px;
}

.main_stats_header_elem[type="travel_num"],
.main_stats_list_row_elem[type="travel_num"]{
	min-width: 60px;
}

.main_stats_header_elem[type="command_count_in_travel"],
.main_stats_list_row_elem[type="command_count_in_travel"]{
	min-width: 79px;
}

.main_stats_header_elem[type="number_of_command"],
.main_stats_list_row_elem[type="number_of_command"]{
	min-width: 60px;
}

.main_stats_header_elem[type="floor_call"],
.main_stats_list_row_elem[type="floor_call"]{
	min-width: 60px;
}

.main_stats_header_elem[type="floor_dest"],
.main_stats_list_row_elem[type="floor_dest"]{
	min-width: 66px;
}

.main_stats_header_elem[type="time_of_response"],
.main_stats_list_row_elem[type="time_of_response"]{
	min-width: 66px;
}

.main_stats_header_elem[type="time_of_going_to_lobby"],
.main_stats_list_row_elem[type="time_of_going_to_lobby"]{
	min-width: 122px;
}

.main_stats_header_elem[type="time_of_goint_to_target_floor_from_lobby"],
.main_stats_list_row_elem[type="time_of_goint_to_target_floor_from_lobby"]{
	min-width: 125px;
}

.main_stats_header_elem[type="time_to_end_from_start"],
.main_stats_list_row_elem[type="time_to_end_from_start"]{
	min-width: 125px;
}

.main_stats_header_elem[type="stop_time"],
.main_stats_list_row_elem[type="stop_time"]{
	min-width: 138px;
}

.main_stats_list{
	display: flex;
	flex-direction: column-reverse;
	gap: 1px;
	margin: 1px 0 0;
}

.main_stats_table_wrap{
	overflow-x: auto;
}

.main_stats_table{
	background: white;
	width: fit-content;
}

@media(min-width: 800px){
	.main_block[type="status"]{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.main_charts_graphics_chart{
		height: 50vw;
	}
}

@media(min-width: 951px){
	.main_stats_table{
		width: auto;
	}
}

@media(min-width: 1100px){
	.main_charts_graphics_chart{
		height: 35vw;
	}
}

@media(min-width: 1200px){
	.main_block[type="status"]{
		grid-template-columns: repeat(3, 1fr);
	}
	.main_charts_graphics_chart {
		height: 68vh;
	}
	.main_stats_list_row_elem{
		font-size: 15px;
	}
}

@media(min-width: 1600px){
	.main_block[type="status"]{
		grid-template-columns: repeat(4, 1fr);
	}
}