SPRITE.diricon{
	top:0;
}

SPRITE.recalc_anim {
	left:20; top:0; w:110; h:130;
	align:"CENTER"; valign:"CENTER";
}

DISTTEXT.next_maneuver_dist {
	bottom:22;
}

DIV.secondary_diricon {
	left: (diricon_w - sec_diricon_overlap_w); w:sec_diricon_w; h: sec_diricon_h;
	visible:(ui_Cockpit.show_sec_diricon && !ui_PropLayer.JunctionViewVisible);
	top:( next_street_h - sec_diricon_overlap_h  + (sc_IsMapPopupOnscreen(%screen.msgbox.is_onscreen) || ui_PropLayer.HwyPoiListIsVisible ? map_messagebox_h : (ui_PropLayer.SignpostVisible ? (%ui.vLaneInfoSignpostHeight) : 0)));

}

SPRITE.secondary_diricon{
	top:sec_diricon_top; left:sec_diricon_left; right:sec_diricon_right;
}

#p2p_direxion{
	top:15;
}

DIV.driver_alert {
	bottom: ( menu_button_h + menu_button_h + route_progress_h + route_progress_padding + cockpit_warning_h  + cockpit_warning_h + current_speed_h + 8); 
}

SPRITE.diricon_hwy.bg{
	img:"";
}

DIV.notification_area_cockpit TEXT.notification_area{
	left: (ui_Cockpit.navigation_suspended && !%lua.MenuIsOpened  ? ( %navigation.has_route ? p2p_compass_w : headerbutton_w ) : ( %navigation.has_route && !ui_Cockpit.detect_gps && !%lua.MenuIsOpened && !ui_Cockpit.show_hwy_diricon ? diricon_w : 0 ));
}

SPRITE.svg.icon.menu{
	top:datafield_margin; left:datafield_margin;
}


LIST2.list_footermenu {
	top:actionbutton_top;
	left:actionbutton_margin; right:actionbutton_margin;
}

LIST2.list_footermenu.wizard, .list_footermenu.truck {
	top:0;
}

DIV.quickbar{
	w:100%; 
}

DIV.quickbar_container{
	top:(Plugin.isLoaded( "online_parking" ) && st_ShowParkingAroundHereOnMap.isActive ? (mapheader_h *3/2) : ui_Input.isVisible ? ( ui_PoiSearchCenter.isVisible ? (listitem_h + listitem_h): listitem_h) : ( ui_MapHeader_prop.isVisible ? mapheader_h : quickbar_top ));
}

LIST2.list_control {
	top:( ( ui_Input.isVisible ? listitem_h : 0 ) + ( ui_PoiSearchCenter.isVisible ? listitem_h : 0) + ( ui_QuickBar.isVisible ? ( ui_Input.isVisible || ui_MapHeader_prop.isVisible ? quickbar_h : (quickbar_h + quickbar_top)) : header_overlap_h) );
}

#lst_Languages{
	top:0;
}

SPRITE.background.quickbar {
	img: ( exists(States.CurrentState.mapstate) ? "spr_quickbar_bg.bmp" : "spr_quickbar_bg_provider_portrait.bmp" ); resize_bmp:1;
}

BUTTON.listitem, RADIO.listitem, CHECKBOX.listitem, RADIO.routemethod, SPRITE.listitem.info, SPRITE.whereami.nextcrossing, SPRITE.whereami.currentstreet, SPRITE.whereami.prevcrossing {
	img:"btn_listitem_portrait.svg";
}
BUTTON.listitem.submenu{
	img:"btn_listitem.svg";
}

BUTTON.listitem.tmc_eventlist{ 
	img:"btn_listitem_portrait_traffic.svg";
}

BUTTON.listitem.quickbar{
	img: "btn_quickbar_provider_portrait.bmp#3"; resize_bmp:1;
}

SPRITE.separator_listitem.quickbar{
	left:0; top:1; right: 0; bottom:0;
	img: "spr_quickbar_provider_separator.bmp"; 
	resize_bmp:1;
}

SEPARATOR.quickbar{
	cellh:undef;
	cellw:5;
}

BUTTON.listitem.quickmenu{
	img: ( index == %ui.lm_QuickMenu.lastindex ? "btn_listitem_quickmenu_lastitem.svg" : "btn_listitem_quickmenu_portrait.svg" );
}

DIV.sidepanel > SPRITE.panel{
	bottom: ( 0 - footer_h);
}


LIST2.list_quickmenu{
	top:20;
	row:1;
}

DIV.next_street{
	h: next_street_h;
}

HBOX.next_street{
	left: diricon_w;
	right:24;
}

HBOX.next_street SPRITE.icon_list{
	image_h: 36;
	image_w: 36;
}

HBOX.next_street TEXT{
	padding:mapheader_text_padding;
}

DIV.current_time {
	visible:(0);
}

DIV.menu_button{
	z: 100;
	w:menu_button_w;
}

SPRITE.signpost_background {
	img: signpost_bg_color;
}











DIV.datafields{
	w:screen_w !important;
	left:0;
}

DIV.datafields > SPRITE.panel.map{
	img: panel_map_datafields_grad;
}

SPRITE.datafields{ max_h:36; BOX_ALIGN: "center";}
HBOX.datafields > .valuetext{
	paddingleft:0; paddingright:0;
}


DIV.datafields > BUTTON.datafields {
	right: menu_button_w;
	img: "btn_infopanel_portrait.spr"; 
	resize_bmp:1;
}

BUTTON.mainmenu, BUTTON.simclose {
	img: ("btn_menu_portrait.spr" );
}

BUTTON.mainmenu SPRITE.icon.menu {
	image_h:42;
	image_w:42;
}

LIST2.list_control.datafields{
	top:9;
	cellw:( %route.list.navigated.has_navigable_path ? ((screen_w - menu_button_w - datafield_margin )/3) : (screen_w - menu_button_w) ); 
}


SPRITE.prev.svg, SPRITE.next.svg{
	rotate:0;
}



SPRITE.nearcity {
	top:2%; bottom:78%;
	left:15%; right:15%;
}


TABLE.inner, TABLE.outer{
	hspacing:10; vspacing:10;
}

DIV.coordinates_utm{
	w:undef;
	right: 0;
	top: undef;
	left: 0;
	bottom: undef;
	y: header_h;
	h: 114;
}

SPACER.coordinates_utm{
	desired_w:15;
}

BOX.coordinates_utm{
	top:36; bottom:undef; h:110;
}

BUTTON.keyboard.utm_zone{
	desired_w:100; desired_h:104;
	box_align:"center";
	flex:0;
}

TABLE.keyboard.utm{
	left:15; right:15; top: 210; bottom:60;
	hspacing:20; vspacing:20;
}

TABLE.utm.nums{
	hspacing:20; vspacing:20;
}

TABLE.utm.lastelements{
	cellh:undef; cellw:undef,68%;
	hspacing:20; vspacing:20;
}

SPRITE.keyboard.panel.utm{
	top: 204;
}

SPRITE.panel.keyboard.coord{
	top:174;
}



BUTTON.listitem.itinerarywarnings{
	img: (%regional.current_language.is_r2l ? "btn_listitem_itinerary_portrait_r2l.svg" : "btn_listitem_itinerary_portrait.svg" );
}


HBOX.mapheader.ahead{
	flex:3;
}

SPRITE.mapheader.searchprogress.wide, BOX.mapheader.value{
	flex:1;
}

BOX.mapheader.value{
	paddingleft: 40;
	paddingright: 40;
}

SPRITE.mapheader.avoid_bg{
	top:16;left:4;bottom:16;right:4;
	img:"spr_mapheader_avoid_bg.bmp";
	position:"absolute";
	resize_bmp:1;
	z:5;
}




BUTTON.next_event.traffic_summary{
	img:(%regional.current_language.is_r2l ? "btn_trafficevent_portrait_r2l.svg" : "btn_trafficevent_portrait.svg");
	preserve_aspect_ratio:0; flex:0;
	position: "absolute"; left:0; top:0; right:0; bottom:0;
}

VBOX.next_event.traffic_summary{
	paddingright:0;
	paddingleft:0;
}

BOX.next_event.traffic_summary{
	paddingleft:0; paddingtop: 0; paddingbottom: 0;
	orientation:"horizontal";
	desired_h: traffic_summary_next_event_h;
}

VBOX.next_event.traffic_summary>ROADSHIELDEDTEXT.traffic_summary_text, VBOX.next_event.traffic_summary>TEXT.traffic_summary_text {
	paddingleft:0; paddingright: text_padding;
	minaspect:80;
}

TEXT.traffic_summary_text.sec, TEXT.traffic_summary_text.direction{
	wordwrap:2;
}



DIV.map_messagebox>SPRITE.panel.map.background{
	img:"spr_map_messagebox_bg_portrait.bmp";
	resize_bmp:1;
}

SPRITE.hwy_element_header{
	desired_h: undef;
	desired_w: hwy_header_w;
}

HBOX.hwy_element{
	desired_h:(((screen_h - screen_h*0.7) - hwy_panel_bottom - hwy_container_top*3 - hwy_container_bottom*3)/3 );
}

VBOX.hwy_element.text, BOX.hwy_element.icons{
	flex:0;
}

 BOX.hwy_element.icons{
	paddingleft:box_padding_small;
}



SPACER.route_overview_warningicons{
	desired_h:6;
}

BOX.route_overview_buttons {
	flex:1.5;
}

BOX.route_overview_destination{
	paddingtop: 0;
	flex: 0.75;
}

DIV.routeprogress {
	top:(screen_h - route_progress_h - menu_button_h + route_progress_overlap_h); h:(route_progress_h + route_progress_padding);
}

SPRITE.background.routeprogress {
	img:"spr_route_progress_bg_portrait.bmp";
}







DIV.tripcomputer.speed{
	left:((screen_w - tripcomputer_speed_w)/2); align:"center";
}

SPACER.tripcomputer{
	desired_h: 336;
	box_align:"stretch";
	visible:true;
}




BUTTON.button_input {
	top: (st_IQS_Center.isActive ? ((listitem_h - inputfield_h) / 2 + listitem_h)  : (listitem_h - inputfield_h) / 2);
}

.button_input.iqs{
	top:(st_IQS_Center.isActive ? (listitem_h - inputfield_h) / 2 : ((listitem_h - inputfield_h) / 2 + listitem_h) );
}
	

LIST2.list_control.route_summary_icons{
	
	bottom:0;
}


VBOX.text.mapheader{
	paddingtop:(%lua.DragMode ? 0 : header_overlap_h);
}

ROADSHIELDEDTEXT.top.mapheader{
	leading:0.8;
}

BUTTON.mapheader.btn_prev, BUTTON.mapheader.btn_next{
	desired_w:(Plugin.isLoaded( "online_parking" ) && st_ShowParkingAroundHereOnMap.isActive ? 66 : 72); 
	desired_h:(Plugin.isLoaded( "online_parking" ) && st_ShowParkingAroundHereOnMap.isActive ? 132 : 64);
	flex:0 !important;
}





SPRITE.background.list, SPRITE.background.submenu{
	img:"bg_main_portrait.svg";
}





SPRITE.background{
	img: ( Plugin.isLoaded( "user_profiles" ) && st_SettingVisualCarModels.isActive ? "bg_modelviewer_portrait.svg" : "bg_main_portrait.svg" );
	preserve_aspect_ratio: 0;
}





BOX.sunsetsunrise_time SPRITE.listitem.icon_list.svg{
	image_w:36;
	image_h:36;
	desired_w:60;
}




HBOX.listitem.routeinfo{
	paddingleft:box_padding;
	paddingright:box_padding;
}

BOX.routinfovalue{
	orientation:"vertical";
}

ROADSHIELDEDTEXT.listitem.routeinfo{
	wordwrap:(TYPE != "tmc" && !Avoidable ? 1 : ( %regional.current_language.is_r2l ? 1 : 2 ) );
}