body {
	background: rgb(40, 46, 51);
	padding: 15px;
	box-sizing: border-box;
	font-family: Verdana, Arial;
}

#UI_header_section {
    background-color: rgb(42, 46, 51);
    color: #e0e0e0;
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial
}
#UI_header_section a { color:#e0e0e0; }

.menuFlexContainer .autoleftmargin { margin-left:auto;}

/*   plavajoči main meniji!!   */ 
.floating_mainmenu #UI_menubar_section, .floating_mainmenu #UI_usermenubar_section, .floating_mainmenu #UI_lngmenubar_section { overflow-x:visible !important; }
.floating_mainmenu #UI_menuoptions_section, .floating_mainmenu #UI_useroptions_section, .floating_mainmenu #UI_lngoptions_section {
	position: absolute;
	z-index: 3;
	background: inherit;
	border-top:#555555 1px solid;
	box-shadow: #444444 0px 3px 5px 0px;
}

#UI_middle_section { background:#326496; font-size:9px; color:white; box-sizing:border-box; }
#UI_pannel_section { box-sizing:border-box; padding-top:15px; padding-bottom:15px; margin-left:15px;}

#UI_tab_section { color:black; } 
#UI_tabbody_section { background:darkgray; border:lightgray 0px solid; border-top:darkgray 1px solid; }
.search_item { margin-top:7px; margin-bottom:7px; }
.search_item:last-of-type { margin-bottom:0px; }
.search_item .rowFlexContainer { margin-top:2px; }
.search_item .label { margin-bottom:3px;}

.tabContainer { background:lightgray; }

#UI_notes_footer, #UI_legend_footer {
    background: white;
    border-top:#686870  1px solid;
}


.group-title { background:#dddddd; border-top:#a0a0a0 1px solid; } 
.group-title.default { background:#ffffff; }
.group-title.default:first-of-type { border-top:0px; }

#UI_content_section { padding-top:15px; padding-bottom:15px; box-sizing:border-box; }
#UI_content_section.snapped_top { padding-top:0px; }
#UI_content_section.snapped_bottom { padding-bottom:0px; }


#UI_map_supersection { background:lightgray; border:lightgray 0px solid; }
.snapped_top #UI_map_supersection { border:0px; visibility:hidden; }
#UI_maptitle_section { color:black; background:lightgray; }
#UI_map_section { background:darkgray; }
#UI_map_padding { padding:0px; padding-top:0px; padding-bottom:0px; }
#UI_map { background:white; min-height:1px; }
#UI_metrics_section { color:black; }
#UI_ruller_section { margin-top:1px; margin-bottom:1px; }
#UI_coordinate_section { margin-top:1px; margin-bottom:1px; }
#UI_info_section { background:lightgray; border:lightgray 0px solid; }
.snapped_bottom #UI_info_section { border:0px; }
#UI_info_padding { padding:0px; }
#UI_info { background:#eeeeee; }
#UI_toolbar_section { box-sizing:border-box; }
.toolbarInnerContainer { padding-top:15px; padding-bottom:15px; }

.search_item input, .search_item select { background:#ffffff; }  /* background:#e8e5df */
.search_item input:focus, .search_item select:focus { background:#ffffdd; }


.thin_scrollbars {
	scrollbar-width: thin;
}
.thin_scrollbars::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background: #aaaaaa;
	border: #999999 1px solid	
}
.thin_scrollbars::-webkit-scrollbar-thumb {
	background: #666666;
	border: #555555 1px solid
}
.thin_scrollbars::-webkit-scrollbar-thumb:hover {
	background: #777777;
}


/* poskusi spremenit tole palamudenje z odtenki iz RGB v lightnes/shading in prestavit v generalni del css ven iz per-app specifik */
.toolbar_icon_outer_container .hover {
    border-top: #4E81B2 1px solid;
    border-left: #4A7DAD 1px solid;
    border-bottom: #124473 1px solid;
    border-right: #17497B 1px solid;
}
.toolbar_icon_outer_container .hover .toolbar_icon_inner_container {
    border-top: #4073A5 1px solid;
    border-left: transparent 1px solid;
    border-bottom: #2B5C8D 1px solid;
    border-right: #1D4F80 1px solid;
}
.toolbar_icon_outer_container .press, .toolbar_icon_outer_container .active {
    border-top: #124473 1px solid;
    border-left: #17497B 1px solid;
    border-bottom: #4E81B2 1px solid;
    border-right: #4A7DAD 1px solid;
}
.toolbar_icon_outer_container .press .toolbar_icon_inner_container, .toolbar_icon_outer_container .active .toolbar_icon_inner_container {
    border-top: #2B5C8D 1px solid;
    border-left: transparent 1px solid;
    border-bottom: #4073A5 1px solid;
    border-right: #3D6E9B 1px solid;
}

.toolbar_icon_outer_container .active .toolbar_icon_inner_container { background:#00000010; }
.toolbar_icon_outer_container .hover .toolbar_icon_inner_container { background:#ffffff10; }



/* piso-look search panel - to gre lahko kasneje gor v glavni del, če se odločimo, da je to prvizet izgled, ne pa izrecni css patch */

.tablink {
    background: #8090AA;
    color: black;
    border-left: #686870 1px solid;
}
.tablink:first-child {
    border-left: 0px !important;
}
.tablink_active {
    background: lightgray;
    color: black;
}
.tablink_decorator {
    display: none; /* izklopljeni */
}
.tablink_active .tablink_decorator {
    height: 1px;
    background: #326496;
}

#UI_tabbody_section { border-top: lightgray 0px solid; }
.searchField { height:17px; }
.searchButton {
    background: #A3A9B3;
    border-color: #929292;
}

#THM_PODLAGE_OPAX { padding-left:3px; padding-right:3px; }

.floatingDivCSS {
    background: #8090AA !important;
    box-shadow: 5px 3px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 5px 3px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 5px 3px 2px rgba(0,0,0,0.3);
}
.floatingDivCSS > table > tbody > tr > td { background: #8090AA !important; }
.floatingDivCSS > table > tbody > tr:nth-child(2) > td:nth-child(2) { background: #326496 !important;}

.floatingDivCSS .DialogResizeRight {
    cursor:E-resize;
    background-image: url('../images/fw_grip.gif') !important;
    background-repeat:repeat-y !important;
    background-position:center !important;
}

/* robovi */
body {
    padding: 0px;
    padding-top: 0px;
}
#UI_header_section { padding:5px; padding-left:7px; padding-right:7px; }
#UI_pannel_section { padding-top:7px; padding-bottom:7px; margin-left:7px; }
#UI_content_section { padding-top:7px; padding-bottom:7px; }
.toolbarInnerContainer { padding-top:7px; padding-bottom:7px; }

.tabContainer { border-width:0px; padding: 1px; padding-top:0px; }

#UI_legend_border { border:lightgray 0px solid; }
#UI_notes_border { border:lightgray 0px solid; }
#UI_legend_footer { padding:1px; padding-left:2px; padding-right:2px;}
#UI_notes_footer { padding:1px; padding-left:2px; padding-right:2px;}

#UI_map_supersection { border-width:1px; border-top-width:0px; }
#UI_info_section { border-width:1px; }
#UI_map_border { border:#B4B5B9 0px solid; }
#UI_info_border { border:#B4B5B9 0px solid; }


/* meniji ala NCUP */

.floating_menu .floating_menu_item {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 4px;
}
#UI_BackgroundsMenu.floating_menu .floating_menu_item, #UI_OverlaysMenu.floating_menu .floating_menu_item {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-left: 1px;
}

.floating_menu, #UI_BackgroundsMenu.floating_menu, #UI_OverlaysMenu.floating_menu {
    border: #555555 1px solid;
}
.floating_menu.mainmenu {
    border: #333333 1px solid;
}

.floating_menu .floating_menu_inner {
    border: 0px;
}

.floating_menu.mainmenu .floating_menu_item {
    background: #2A2E33;
    color: white;
    border-top: rgba(255,255,255,0.1) 1px solid;
}
.floating_menu.mainmenu .floating_menu_item:not(#ViewOption_VIEWS):hover {
    background: lightgray !important;
    color: black !important;
}