/* NOTE :  THIS FILE IS SHARED BY WEB AND APP */

.intra_header_left
{
	width:100%;
	height:50px;
}

.intra_header_left .content
{
	margin-left:0px;
	height:50px;
}

.intra_header_center
{
	display:none;
	height:50px;
}

.intra_header_right
{
	right:0px;
	height:50px;
}

.intra_footer
{
	margin:10px 0px;
	padding:0px 15px;
}

.intra_logo,
.intra_park_logo
{
	left:5px;
}

.intra_logo
{
	top:14px;
}

.intra_park_logo
{
	top:0px;
}

.intra_park_logo img
{
	width:112px;
	padding:5px 0px;
}

/*
.intra_park_logo img
{
	width:75%;
}
*/

.intra_navigation
{
	top:6px;
}

.intra_content
{
	padding-top:70px;
	width:100%;
}

.intra_content.fixed_position
{
	position:fixed;
}

.intra_list_entry
{
	font-size:7pt;
	padding-bottom:10px;
}

.intra_list_entry .intra_item_status
{
	left:90px;
	top:24px;
}

.intra_list_entry .intra_item_status_second
{
	left:5px;
	top:24px;
}

.intra_item_status_journal
{
	left:65%;
	top:18%;
	margin-left:-32px;
	margin-top:-12px;
}

.intra_list_entry .intra_item_status.remote_measure
{
	left:60px;
	top:24px;
}

.intra_list_entry .consumption_economy
{
	font-size:7pt;
	height:40px;
	display:table-cell;
	vertical-align:middle;
}
.intra_list_entry .consumption_economy .abs_value
{
	font-size:6pt;
}

.intra_list_entry a.title,
.intra_list_entry b.title
{
	display:block;
	font-size:8pt;
	margin-bottom:5px;
	height:10pt;
	overflow:hidden;
	/*color:#888888;*/
	font-weight:bold;
}

b.title
{
	font-size:8pt;
}

.intra_list_entry .thumbnail,
.intra_list_entry .thumbnail_rating
{
	float:left;
	height:80px;
	margin-right:10px;
}

.intra_list_entry .thumbnail_history
{
	height:80px;
}

.intra_list_entry .description
{
	float:left;
	width:120px;
	height:auto;
}

.intra_list_entry .tendencies
{
	float:left;
	width:150px;
	height:95px;
}

.intra_list_entry .tendencies.history
{
	display:none;
}

.intra_list_entry .tendencies .table_title
{
	text-align:center;
	margin-bottom:5px;
}

.tendency_table.redux .title_cell
{
	padding-bottom:5px;
}

.tendency_table.redux .content_cell
{
	height:40px;
}

.tendency_table.redux .title_cell img,
.tendency_table.redux .content_cell img,
.tendency_table.redux .consumption_economy img
{
	width:24px;
}

.tendency_table.redux
{
	width:138px;
}

.tendency_table.redux td
{
	width:46px;
}

.intra_pagination
{
	font-size:11pt;
	margin:6px 0px 18px 0px;
}

.intra_pagination a,
.intra_pagination b
{
	width:18pt;
	margin-right:2px;
}

/*
.tendency_table .consumption_separator
{
	margin:4px auto;
}
*/

.intra_item.counter_extend
{
	display:block;
	width:100%;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	margin:0px 0px 5px 0px;
	padding:0px;
	text-align:left;
}

#setMeterValueTableWrapper #setMeterValueTable .loading_cell
{
	display:none;
}

#setMeterValueTableWrapper.is_loading #setMeterValueTable .loading_cell
{
	display:block;
}

.intra_spacer
{
	margin-left:0px;
	margin-right:0px;
}

.intra_tool_group_static
{
	border-top:1px dotted #555555;
	padding:10px 15px 0px 15px;
}

.intra_tool_group_static.login_panel
{
	width:300px;
	font-size:8pt;
	padding-left:0px;
	padding-right:0px;
}

.login_table
{
	margin:10px 0px;
	font-size:6pt;
	width:100%;
}

.login_panel_annex
{
	border-top:1px dotted #888888;
	width:300px;
}

.login_app_promotion
{
	position:absolute;
	left:0px;
	top:5px;
	width:100%;
	height:40px;
	text-align:left;
}

.login_app_promotion .promo_content
{
	width:300px;
	margin:0px auto;
}

.login_app_promotion a
{
	float:left;
}

.login_app_promotion .promo_text
{
	float:left;
	text-align:left;
	width:200px;
	font-size:11px;
	font-weight:bold;
	color:#888888;
	text-transform:uppercase;
	padding-left:5px;
	padding-top:7px;
	text-decoration:none;
}

/*
.login_footer
{
	border-top:1px dotted #888888;
	width:300px;
}
*/

.intra_tool_group_static.login_panel .login_label
{
	width:120px;
	font-size:8pt;
	margin-top:5px;
	margin-bottom:10px;
}

.intra_tool_group_static.login_panel .textbox
{
	width:170px;
	font-size:6pt;
	margin-bottom:10px;
}

.intra_tool_group_static.login_panel a
{
	font-size:6pt;
}

.intra_tool_group_static .intra_tool_group_label
{
	font-size:8pt;
	padding-left:10px;
	padding-right:10px;
	left:0px;
}

.intra_item
{
	width:30%;
	margin:0px 1% 5% 0px;
	padding-bottom:8px;
}

.intra_item.counter_extend
{
	float:none;
}

.intra_item.building,
.intra_item.building_no_photo
/*.intra_item.counter_extend*/
{
	padding-bottom:16pt;
}

.intra_item.building
{
	background-color:#888888;
}

.intra_item_slicked_wrapper
{
	padding:2px;
}

.intra_item.slicked
{
	float:none;
	display:block;
	width:100%;
	margin:0px;
	padding-right:0px;
}

.intra_list_ribbon_box
{
	width:100%;
	max-height:205px;
	overflow:hidden;
}

.intra_icon
{
	width:100%;
	margin:10px auto 20px auto;
}

.tool_scroll_wrapper
{
	max-height:40vw;
	visibility:hidden;
}

.tool_scroll_wrapper .intra_item.scroll
{
	position:absolute;
	left:0px;
	top:0px;
	margin-right:0px;
	float:none;
}

.intra_icon_park
{
	width:80%;
	margin:20px auto 30px auto;
}

.intra_building_photo_wrapper
{
	width:100%;
}

.intra_building_photo
{
	width:100%;
}

.intra_item_name,
.intra_building_name,
.intra_building_name_empty
{
	width:100%;
	font-size:8pt;
}

.news_element
{
	margin:0px 0px 15px 0px;
	padding:5px;
}

.news_element .date,
.news_element .title,
.news_element .description
{
	font-size:8pt;
}

.intra_item_status_overview
{
	font-size:8pt;
	margin:0px 15px 0px 15px;
}

.intra_item_status_overview .status_details
{
	float:left;
	margin-right:5px;
	width:175px;
}

.intra_filter_panel
{	
	font-size:9pt;
	/*padding:0px 10px 10px 0px;*/
	margin:0px 0px 10px 0px;
}

.filter_input
{
}

.filter_input .label
{
	font-weight:bold;
}

.filter_input .textbox
{
	width:90%;
	margin:10px 20px 0px 0px;
	padding:5px 0px;
}

.intra_info_table
{ 
	font-size:10pt;
	margin-bottom:10px;
}

.intra_info_table.small
{
	font-size:7pt;
	width:140px;
	height:95px;
	margin:0px 2px 0px 0px;
	overflow:hidden;
}

.intra_info_table.small b.title
{
	display:inline;
	/*color:#000000;*/
	font-size:7pt;
}

.intra_building_detail_photo
{
	width:210px;
	height:140px;
	margin-right:10px;
}

.intra_info_table .building_group_zone,
.intra_info_table .building_group_zone .group_zone_label
{
	width:210px;
}

.intra_building_rating,
.intra_info_table.big .thumbnail,
.thumbnail_rating
{
	/*width:180px;*/
	height:120px;
	margin-right:10px;
	margin-top:5px;
}

/*
.intra_building_rating
{
	margin-top:5px;
}
*/

.get_measure_table_wrapper
{
	max-width:600px;
}

.get_measure_table
{
	margin:5px 0px 0px 0px;
	width:100%;
}

.get_measure_title,
.get_measure_content,
.get_measure_content_double,
.get_measure_button_cell,
.get_measure_value_cell
{
	font-size:8pt;
	text-transform:uppercase;
}

.get_measure_title,
.get_measure_content,
.get_measure_content_double
{
	padding-bottom:5px;
}

.get_measure_value_cell
{
	padding-bottom:10px;
}

.get_measure_button_cell
{
	border-top:1px dotted #888888;
	padding-top:30px;
}

.get_measure_title
{
	font-weight:bold;
}

.meter_name
{
	height:10pt;
}

.date_picker_wrapper
{
	height:330px;
	background-color:#ffffff;
}

.date_inline_button,
.date_inline_preview,
.date_inline_filter,
.date_inline_close
{
	float:left;
	width:auto;
	max-width:250px;
	text-align:left;
	font-size:10pt;
	color:#ffffff;
	border-radius:5pt;
	background-color:#6F6E6E;
	background-image:url(../img/icon/calendar-white.png);
	background-repeat:no-repeat;
	background-position:5pt center;
	padding:15pt 15px 15pt 45px;
	cursor:pointer;
}

.get_measure_button
{
	float:right;
	font-size:10pt;
	padding:15pt 0px;
	background-color:#6F6E6E;
	border-radius:5pt;
	width:28%;
	background-image:url(../img/icon/confirm-white.png);
	background-position:center center;
	background-repeat:no-repeat;
}

.intra_progress_bar_title
{
	font-size:12pt;
}

#sync_data_count
{
	font-size:7pt;
	padding-top:14px;
}

.intra_info_table .building_group_zone, .intra_info_table .building_group_zone .group_zone_label
{
	width:210px;
}

.intra_item.counter_extend
{
	text-transform:none;
}

.intra_item.counter_extend .intra_icon
{
	position:absolute;
	left:0px;
	top:50%;
	margin:0px;
	margin-top:-40px;
}

.intra_item.counter_extend .intra_item_name
{
	position:static;
	box-sizing:border-box;
	padding-left:150px;
	padding-right:50px;
	min-height:80px;
	color:#666666;
}

.intra_item.counter_extend .intra_item_name .meter_ref
{
	font-weight:normal;
}

.intra_item.counter_extend .intra_item_status
{
	top:50%;
	margin-top:-16px;
}

/* override visioglob defaults */
.textbox_big
{
	font-size:10pt;
}

/* Media Queries */

@media only screen and (max-width: 480px)
{
	.intra_park_logo
	{
		margin-top:6px;
	}

	.intra_park_logo img
	{
		width:84px;
		height:30px;		
		padding:7px 1px;
	}
	
	.intra_item.counter_extend
	{
		margin-bottom:10px;
		padding:2px 0px;
	}
	
	/*
	.intra_item.counter_extend
	{
		margin:10px 0px;
		padding:8px 0px;
	}
	*/
	
	.intra_item.counter_extend .intra_icon
	{
		width:60px;
		margin-top:-16px;
	}
	
	.intra_item.counter_extend .intra_item_name
	{
		font-size:9pt;
		padding-left:60px;
		padding-right:30px;
		min-height:40px;
		/*
		padding-top:1pt;
		font-size:9pt;
		*/
	}
	
	.intra_item.counter_extend .intra_item_status
	{
		right:4px;
		width:24px;
		height:24px;		
		margin-top:-12px;
		/*
		top:16px;
		right:8px;
		width:16px;
		height:16px;
		*/
	}
	
	.intra_item.counter_extend .intra_item_name .meter_ref
	{
		font-size:8pt;
		line-height:11pt;
		/*font-size:7pt;*/
	}
}

@media only screen and (min-width: 480px) and (max-width: 799px)
{
	.intra_item
	{
		width:22%;
	}
	
	.intra_item.counter_extend .intra_icon
	{
		width:100px;
		margin-top:-27px;
	}
	
	.intra_item.counter_extend .intra_item_name
	{
		padding-top:3pt;
		font-size:10pt;
		padding-left:100px;
		padding-right:40px;
		min-height:55px;
		/*
		padding-top:8pt;
		font-size:10pt;
		*/
	}
	
	.intra_item.counter_extend .intra_item_status
	{
		right:8px;
		width:24px;
		height:24px;
		margin-top:-12px;
		/*
		top:15px;
		right:8px;
		width:24px;
		height:24px;
		*/
	}
	
	.intra_item.counter_extend .intra_item_name .meter_ref
	{
		font-size:8pt;
		line-height:12pt;
		/*font-size:8pt;*/
	}
}

@media only screen and (min-width: 600px)
{
	.intra_list_ribbon_box
	{
		max-height:110px;
	}
}

@media only screen and (min-width: 800px)
{
	.intra_list_entry .tendencies.history
	{
		display:block;
	}
	
	.intra_item
	{
		width:18%;
	}
	
	.intra_item.counter_extend .intra_icon
	{
		width:150px;
	}
	
	.intra_item.counter_extend .intra_item_name
	{
		padding-top:9pt;
		font-size:12pt;
		/*
		padding-top:15pt;
		font-size:12pt;
		*/
	}
	
	.intra_item.counter_extend .intra_item_status
	{
		right:16px;
		width:32px;
		height:32px;
		/*
		top:24px;
		right:16px;
		width:32px;
		height:32px;
		*/
	}
	
	.intra_item.counter_extend .intra_item_name .meter_ref
	{
		font-size:10pt;
		line-height:14pt;
		/*
		padding-top:9pt;
		font-size:12pt;
		*/
	}
}

@media only screen and (max-width: 520px)
{
	.intra_item_name,
	.intra_building_name,
	.intra_building_name_empty
	{
		width:100%;
		font-size:7pt;
	}
}

@media only screen and (max-width: 750px)
{
	.intra_filter_wrapper
	{
		width:250px;
	}
	.intra_filter_wrapper select
	{
		margin-bottom:10px;
	}
}

/* Header media queries */

@media only screen and (max-width: 400px)
{
	.intra_navigation .label
	{
		margin-right:12px;
	}
	
	.intra_navigation .label img
	{
		width:36px;
		height:36px;
		margin:2px 0px;
	}
}

@media only screen and (max-width: 355px)
{
	.intra_park_logo img
	{
		width:56px;
		height:20px;
		padding:12px 1px;
	}
	
	.intra_navigation .label
	{
		margin-right:9px;
	}
	
	.intra_navigation .label img
	{
		width:32px;
		height:32px;
		margin:4px 0px;
	}
	
	.notification_placer, .notification_placer .notification_count
	{
		width: 48px;
	}
	
	.intra_item.counter_extend .intra_item_name .meter_ref
	{
		font-size:7pt;
		line-height:10pt;
	}
	
	/*
	#settings_info_icon, .sync_measure_cnt_table
	{
		left:20px;
	}
	*/
}