/* FIX za iphone (vsaj starejši), bi bilo treba dodat za html in body height:100.1%; !!! da se lepše obnaša pri spremembi orientacije telefona V/H. Za poiskat nek useragent fix npr tole (mogoče upoštevat tudi verzijo, ne vem če ta novi še tole rabijo):  */
@supports (-webkit-overflow-scrolling: touch) {
	html {height:100.1%}
	body {height:100.1%}

	/*  FIX ker v10 (ne vem za v11, v19..., tudi ne vem za desktop verzijo!) v gnezdenih flex kontejnerjih ne raztegne childa na 100% height. Namesto tega naredimo position absolute childa, pa odštejemo menije in footerje.  Sicer pomojem v tem primeru tudi kaj drugega ne dela, tako da vprašanje, če je sploh smiselno tole samo za karto flikat... */
	.iOSSafari10_fix #UI_middle_section { height:calc(100% - 55px); }
	.iOSSafari10_fix .compactmode #UI_middle_section { height:calc(100% - 25px); }
	.iOSSafari10_fix #UI_map_section { position:relative; box-sizing:border-box; overflow:hidden; }
	.iOSSafari10_fix #UI_map_padding { position:absolute; }
}



/*  FIX za ie in edge */
.ie_vertical_justifier { height:100%; }
.ie_vertical_justifier_outer { display:table; height:100%; }
.ie_vertical_justifier_inner { display:table-cell; height:100%; vertical-align:middle; }

/*  ie in edge namata ozkega scrollerja, zato malce razširimo toolbar */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)  { 
	.compactmode #UI_toolbar_section { width:54px; } 
	.compactmode #UI_toolbarparent_section { max-width:64px !important; } 	
}
@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {	
	.compactmode #UI_toolbar_section { width:52px; } 
	.compactmode #UI_toolbarparent_section { max-width:62px !important; } 	
}

/* FIX za IE, ki je med slidanjem scalebara iz nekega neznanega razloga povečeval scalebar sekcijo - ne vem če je to še potrebno!!! */
#UI_metrics_section { overflow:hidden;}

/* za skoraj vse desktop brskalnike, kjer se mousemove ne proži ko je kurzor nad iframom - zato med ui akcijo dvignemo blok preko iframa */
.ui_action #UI_IFRAME_COVER { display:block !important; }

/* ker je Edge zelo agresiven, na touch takoj selektira katerikoli tekst, ki se ga samo bežno dotakneš in vsiljivo ponuja selection-handle in opcije za copy/paste zraven, kar zelo moti kakršno koli dotikanje UI. Zato mu pač kar izklopimo vsakršne selekcije razen na INPUT elementih. Ostali browserji niso tako ogresivni, moraš tekst nekaj hipov držat, da se jim selektira... to pa je ok. */
@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {

	* { -ms-user-select:none }
	input { -ms-user-select:auto }
}

/* za IE, iPhone Safari, morda še kaj... da se prepreči nekatere default browser touch geste npr. swipe to history v Edgu, pinch-to-zoom v iPhonu (v njem se swipe to history iz levega roba zgleda ne da preprečit)  */
html, body, #UI_pannelparent_section, #UI_toolbarparent_section {
    touch-action: none;
    -ms-touch-action: none;
}
.scrollable {
    -ms-touch-action: pan-y !important;
    -ms-scroll-chaining: none;
}

/* za FF, ker v tinyeditorju v plavajočem oknu ne upošteva background barve */
.te iframe {
    background:white;
}