/*############################## DESKTOP ####################################*/

/*!The tray container location on screen. This is a div fixed to the bottom or top of the browser's viewport. 
It contains tray and quick menu elements.  */

[data-aid='tray_container']
{
	top: 0px;	
	right: 0px;
	left: 0px;
	float: none;
	position: fixed;

}	
@media only screen
{
	[data-aid='tray_container']
	{
		display: block;
	}
}
@media only print
{
	[data-aid='tray_container']
	{
		display: none !important;
	}
}


 
/*Tray is located inside tray_container div. It's purpose is to hold the place for the window's tray element.  */
[data-aid='tray']
{
	display: inline;

}

/*!Tray elements are small divs on the tray belonging to any opened window obejct. These tray elements must have the
same state as window objects. They contain the same text as window objects title text. */

/*General structural tray settings.*/

[data-aid='w_tray_element']
{	
	position: static;
	/*Itt adjuk meg a m�reteket, mert minden ablaknak egyforma m�ret�nek kell l�tszania a t�lc�n.*/
	cursor: pointer;
	display: flex;
	
}

[data-aid='w_tray_element'] [data-aid='w_tray_element_icon']
{	
	flex-shrink: 0;
}

[data-aid='w_tray_element'] [data-aid='w_tray_element_label']
{	

	overflow-x: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-user-select: none;  
	-moz-user-select: none;     
	-ms-user-select: none;     
	user-select: none;
	box-sizing: content-box;

}


[data-mod^='c_rec_mod_desktop'] [data-aid="w_content"]
{	
	
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}	

@media only print
{
	[data-mod^='c_rec_mod_desktop'] [data-aid="w_content"]
	{	
		display: none !important;
	}	
}

[data-mod^='c_rec_mod_desktop'] [data-aid='tiles'].iui_tiles_forward
{
	z-index: 10000;
	backdrop-filter: blur(10px);
	top: 35px;
	pading: 10px;
}

[data-mod^='c_rec_mod_desktop'] .func_group:hover
{
	
}



[data-mod^='c_rec_mod_desktop'] .func_group_tiles
{
	display: flex; 
	flex-wrap: wrap; 
	justify-content: flex-start; 
	flex-direction: row;

}

[data-mod^='c_rec_mod_desktop'] .func_group_tiles div.iui_func_group_button
{
	
	/*display: inline-block;*/
	width: 20px;
	height: 20px;
	background-color: rgba(0,0,0,0.5);
	border-radius: 3px;
	margin-top: 2px;
	cursor: pointer;
	background-position: center center;
	background-size: 85%;
	background-repeat: no-repeat;
	background-image:url('../icon/iui_func_group_button.svg');
	
}


[data-mod^='c_rec_mod_desktop'] [data-aid='tile'].pic_tile.iui_tile_desktop .shell_icon
{
	background-color: inherit;
	background-image: none;
}

[data-mod^='c_rec_mod_desktop'] [data-aid='tile'].iui_tile_progress
{

}
[data-mod^='c_rec_mod_desktop'] [data-aid='tile'].iui_tile_progress [data-aid='icon']
{
	background-image: url('../../global/icon/iui_progress_white.svg');


}

[data-mod^='c_rec_mod_desktop'] [data-aid='tile'].iui_tile_data:hover div[data-aid="tile_footer_icon"]
{

	
    
}

[data-mod^='c_rec_mod_desktop'] [data-aid='tile'].iui_tile_desktop [data-aid='s_shell_name']
{
	text-transform: uppercase;
	height: 5vmin;
}
[data-mod^='c_rec_mod_desktop'] [data-aid='tile'].iui_tile_desktop [data-aid='s_shell_name'] span.new
{
	font-style: italic;
	font-weight: bold;
	color: #000;
}
[data-mod^='c_rec_mod_desktop']  [data-aid='tile'].iui_tile_desktop [data-aid='tile_content']
{
	display: block;
	height: 3.8vmin;
	overflow: hidden;

}

[data-mod^='c_rec_mod_desktop'] [data-aid='tile'].iui_tile_desktop [data-aid='tile_footer']
{
	display: block;
	height: 4vmin;
	display: block;
	
}
[data-mod^='c_rec_mod_desktop'] [data-aid='tile'].iui_tile_desktop [data-aid='tile_footer'] [data-aid='tile_footer_icon']
{
	height: 6vmin;
	width: 6vmin;
	display: inline-block;
	float: right;
	clear: none;
	background-size: 90% 90%;
	background-repeat: no-repeat;
	background-position: center;
	
	
}




[data-mod^='c_rec_mod_desktop']  [data-aid='tile'].iui_tile_desktop [data-aid='tile_footer'] [data-aid='tile_footer_text']
{
	display: inline-block;
	font-size: 4vmin;
	line-height: 4vmin;
	height: 4vmin;
	width: 4vmin;
	float: left;
	clear: none;

}




