/* compact mode specifike */

body.compactmode { padding:0px !important; background:#eeeeee;}
body:not(.compactmode) .compactmode_only { display:none !important;}

.compactmode #UI_middle_section { padding:0px !important;}
.compactmode #UI_content_section { padding:0px !important;}

.compactmode #UI_map_supersection { border:0px !important; }
.compactmode #UI_map_padding { padding:0px !important; }
.compactmode #UI_map_border { border:0px !important; }
.compactmode #UI_maptitle_section { display:none !important;}
.compactmode #UI_metrics_section { position:absolute; bottom:0px; background:none; z-index:9; display:block; display:block; width:auto; text-shadow:2px 0px 2px #ffffff, 0px 2px 2px #ffffff, -2px 0px 2px #ffffff, 0px -2px 2px #ffffff; }
.compactmode #UI_DISPLAY_SCALEBAR_BAR_line { box-shadow:0px 1px 2px #ffffff, 0px -1px 2px #ffffff, 1px 0px 2px #ffffff, -1px 0px 2px #ffffff; }
.compactmode #UI_DISPLAY_SCALEBAR_SLIDER { box-shadow:1px 0px 2px #ffffff, -1px 0px 2px #ffffff; }
.compactmode #UI_scale_section { margin-right:0px; }
.compactmode #UI_info_section { border:0px !important; }
.compactmode #UI_info_padding { padding:0px !important;}
.compactmode #UI_info_border { border:0px !important;}

.compactmode .pannel_dummy.vertical {
    width: 0px;
    max-width: 0px;
    min-width: 0px;
}
.compactmode #UI_panelCloserHandle .handle_ext {
    transform: translate(0px, 0px);
}

.compactmode .snapped_top .pannelcloser.horizontal, .compactmode .snapped_bottom .pannelcloser.horizontal {
    height: 0px;
    max-height: 0px;
    min-height: 0px;
}
.compactmode .snapped_top #UI_infoHandle .handle_ext {
    transform: translate(0px, 10px);
}
.compactmode .snapped_bottom #UI_infoHandle .handle_ext {
    transform: translate(0px, -10px);
}
.compactmode .snapped_top #UI_info_section {
    height:100% !important;
}

.compactmode.embed .snapped_top #UI_infoHandle .handle_ext {
    transform: translate(0px, 0px); top:0px;
}
.compactmode .snapped_bottom #UI_infoHandle .handle_ext {
    transform: translate(0px, 0px);
}


.compactmode #UI_pannelparent_section { flex-grow:0 !important; }
.compactmode.collapsed_toolbar  #UI_toolbarcollapser_section { display:flex !important; }
.compactmode.collapsed_toolbar  #UI_toolbarparent_section { display:none !important; }

.compactmode:not(.compactmode_panel) #UI_pannelcollapser_section { display:none !important; }
.compactmode:not(.compactmode_panel) #UI_pannelparent_section { display:none !important; }
.compactmode:not(.compactmode_info) #UI_infohandle_section { display:none !important; }
.compactmode:not(.compactmode_info) #UI_info_section { display:none !important; }
.compactmode:not(.compactmode_toolbar) #UI_toolbarcollapser_section { display:none !important; }
.compactmode:not(.compactmode_toolbar) #UI_toolbarparent_section { display:none !important; }






.embed #UI_header_section { display:none; }
.embed #UI_metrics_section { display:none; }
.embed #UI_toolbarcollapser_section { display:none !important; position:absolute; visibility:hidden; width:0px; height:0px; }
.embed #UI_toolbarparent_section > .pannelcloser { display:none !important;}


.embed #UI_toolbarparent_section {
    background: inherit;
    width: 0px;
    min-width: 0px !important;
    max-width: 0px !important;
}

.embed #UI_toolbar_section {
    background: inherit;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: auto;
    z-index: 20;
    box-shadow: #444444 -3px 0px 5px 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.embed #UI_toolbar_section > .toolbarInnerContainer { max-height:100vh; padding-bottom:5px; }
.embed .toolbar_icon_outer_container { display:none; }
.embed:not(.static) .embed_visible { display:block !important; }
.embed.static #UI_toolbarparent_section { display:none; } 
.embed.static .static_visible { display: block !important; }

.embed #EmbededPisoLink {
    display: block !important;
    z-index: 7;
    cursor: pointer;
}
.embed #UI_infohandle_section {
    height: 25px;
    max-height: 25px;
    min-height: 25px;
}
.embed #UI_info_section {
    z-index: 7;
}
.embed #UI_infoHandle {
    background: url(../images/ikone/prekattexture.jpg);
}
.embed .handle_base, .embed .handle_highlight {
    display: none !important;
}
.embed #EmbedPrekatImageDown, .embed #EmbedPrekatImageUp {
    position: absolute;
    height: 100%;
    cursor: pointer;
    display: block !important;
}
.embed #EmbedPrekatImageDown {
    left: 8%;
}
.embed #EmbedPrekatImageUp {
    right: 8%;
}