.mobile body,
body,
html {
    overflow: hidden;
    font-family: Verdana, 'Montserrat', sans-serif;
    /*font-family: 'Montserrat', sans-serif;*/
    font-size: 11px;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

img {
    border: 0px;
}

*:focus {
    outline: none;
}

a.njsLegend {
    text-decoration: none;
    color: inherit;
}

a:hover.njsLegend {
    text-decoration: none;
    color: inherit;
}

a:hover a:visited a:linked {
    text-decoration: none;
}
/* tundra reset hovers*/

.tundra .dijitButtonHover .dijitButtonNode,
.tundra .dijitButtonNodeHover,
.tundra .dijitToggleButtonHover .dijitButtonNode,
.tundra .dijitDropDownButtonHover .dijitButtonNode,
.tundra .dijitComboButton .dijitButtonContentsHover,
.tundra .dijitComboButton .dijitDownArrowButtonHover {
	border-color: unset;
	border-bottom-color:unset;
	color:unset;
	background:none;
}

.tundra .dijitCheckBox,
.tundra .dijitCheckBoxChecked {
    min-width: 16px;
}

/*  ol controls - ol-rotate */

/* .ol-attribution {
    text-align: left;
    bottom: 10px !important;    
    font-size: 20px;
} */

.ol-rotate {
    top: 4.7em;
    right: unset;
    left: .5em !important;
}

.ol-compass {
    color: rgb(0, 17, 255);
}

.grayscale {
    filter: grayscale(100%);
}

.ol-overviewmap {
    right: 1.5px;
    bottom: 1.5px;
    left: auto;
    position: absolute;
}

.ol-overviewmap .ol-overviewmap-map {
    border: 2px solid red;
    height: 240px;
    width: 240px;
}

.ol-overviewmap-box {
    border: 2px dotted red;
}

.ol-control button {
    height: 22px;
    width: 22px;
    outline: 1px solid black;
}

.ol-control.ol-print {
    display: none;
}

.ol-ext-print-dialog {
    font-size: 15px !important;
}

.row {
    display: flex;
}

.ol-scale-line {
    bottom: 25px;
    left: 5px;
}

.ol-attribution {
    text-align: left;
    bottom: 0 !important;
    right: unset !important;
    left: 5px;
    max-width: unset;
    width: auto;
    height: 22px;
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
}

.ol-popup {
    position: absolute;
    background-color: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 280px;
  }
  
  .ol-popup:after,
  .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  
  .ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
  }
  
  .ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
  }
  
  .ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
  }
  
  .ol-popup-closer:after {
    content: "✖";
  }
  

/* main layout */

#leftPaneContainer {
    width: 360px;
}

#leftPane {
    left: 0px !important;
    top: 0px !important;
    width: 100%;
}

#leftPaneHeader {
    display: block;
    height: 100px;
    width: 360px;
    border-bottom: 3px solid #4d4d4d;
}

#ribbon_tabs,
#ribbon_tabs_tablist,
#header_bar {
    padding: 0;
    margin: 0;
    border: none;
    width: 100% !important;
    overflow: hidden;
}

#ribbon_tabs {
    height: 100px !important;
    width: 100%;
    /*border-bottom: 1px solid #bfc4c7;*/
}

#ribbon_tabs * {
    overflow: hidden;
}

#ribbon_tabs .dijitTabPaneWrapper {
    border: none !important;
}

#header_barContainer {
    overflow: hidden !important;
}

#header_barContainer_splitter {
    display: none !important;
}

.tundra .dijitBorderContainer-dijitContentPane {
    padding: 0 !important
}

.border-right {
    border-right: 1px solid #bfc4c7;
}

#headPane {
    width: 360px !important;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    background: #fff;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

#footPane {
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: 90px;
    overflow: hidden;
    /*background: url(images/coord_bg.png);*/
}

#footPane2 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: auto;
    overflow: hidden;
    background: #FFFFFF;
}

#footPane_main {
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: 80px;
    overflow: hidden;
    background: #FFFFFF;
}

#footPane input {
    line-height: 13px;
}

#middlePane {
    overflow: hidden;
    margin: 0;
    padding: 0;
    left: 0;
    height: 40px;
    overflow: hidden;
}

#map {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    border-top: 3px solid #4d4d4d;
}

#logoMapPlus {
    background: url(../img/geozug_logo.svg) no-repeat center left #FFF;
    background-size: 360px 100px;
    display: block;
    height: 100px;
    width: 360px;
}

/*
#logoMapPlus2 {
background: url(../img/logo_footer.svg) left top no-repeat #FFF;
display: block;
height: 80px;
width: 340px;
}*/

/* ribbon toggle */

#ribbonToggle {
    border: none;
    outline: none !important;
    position: absolute;
    top: -35px;
    right: 10px;
    display: block;
    width: 80px;
    height: 50px;
    cursor: pointer;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    z-index: 9999;
}

#ribbonToggle:hover {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
}


/* coordinates */

.njsFooter {
    font-size: 12px;
    font-weight: normal;
    width: 100%;
}

.oneCoordBox {
    border: solid 1px #424a52;
    text-align: center;
    width: 52px;
}

.twoCoordBox {
    border: solid 1px #424a52;
    text-align: center;
    width: 150px;
}

.scaleBox {
    border: solid 1px #424a52;
    text-align: left;
    width: 100px;
}

.njsIconButtonCoordPicker {
    background: url(../img/coords_open.svg) center no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
}

.njsIconButtonCoordPickerChecked {
    background: url(../img/coords_locked.svg) center no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
}

#preloader {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff url('../img/loading.gif') no-repeat center center;
    position: absolute;
    z-index: 9999;
}

.loadingMsg {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    background: #fff url('../img/loading.gif') no-repeat center center;
    position: absolute;
    z-index: 9999;
}

/* to avoid pink tiles */

.olImageLoadError {
    display: none;
}

/* overview map overriding class style in order to have custom layout */

.olControlOverviewMapElement {
    margin: 0;
    padding: 0 !important;
    background-color: #FFFFFF !important;
    border-radius: 0 !important;
}

/* overview map overriding style in order to have custom layout */
/*
#ovWin {
position:absolute;
right:0px;
bottom:0px;
width: 240px !important;
height: 240px !important;
}

#ovToggle {
margin: 0px 11px 9px 0px;
}
*/

#ovToggleImg {
    position: absolute;
    right: -1px;
    bottom: -1px;
    z-index: 1000;
    width: 22px !important;
    height: 22px !important;
}

.tundra .dijitAccordionTitle {
    background-image: url("");
    border: none;
    border-width: 0px;
    color: white;
    display: block;
    font-size: 0;
    font-weight: bold;
    letter-spacing: 0.025em;
    margin-left: 0;
    padding: 0px 0 0px 0px;
    text-transform: uppercase;
}

#infolay_wait {
    position: absolute;
    left: calc(50% - 50px);
    height: 100%;
    top: -16px !important;
    /*transform: scale(0.7);*/
}

.dojoxGrid table {
    margin: 0;
}

/* tools_dialogs_container */

#tool_dialogs_container {
    position: absolute;
    display: -ms-inline-grid;
    display: inline-grid;
    width: auto;
    z-index: 99999;
}

.tool_btn_cont {
    display: block;
    width: 50px;
    height: 80px;
    overflow: none;
    margin-right: 20px;
    text-align: center;
    background: none;
}

.tundra .dijitToggleButtonChecked .tool_btn_cont {
    background: #666 !important;
}

/* ribbon area */

#ribbon_tabs_tablist .dijitTabContainerTop-container {
    background-color: #999;
}

#ribbon_tabs .nowrapTabStrip {
    width: 100% !important;
    /*border-bottom: 1px solid #bfc4c7 !important;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,FFFFFFf+100 */
    /* background: #e6e6e6; */
    /* Old browsers */
    /*  background: -moz-linear-gradient(top, #e6e6e6 0%, #FFFFFFf 100%); */
    /* FF3.6-15 */
    /* background: -webkit-linear-gradient(top, #e6e6e6 0%, #FFFFFFf 100%); */
    /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to bottom, #e6e6e6 0%, #FFFFFFf 100%); */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#FFFFFFf', GradientType=0); */
    /* IE6-9 */
    margin-top: -2px;
    /*justify-content: flex-start;*/
    background: #4d4d4d;
}

/* #ribbon_tabs .dijitTabContainerTop-dijitContentPane {} */

#ribbon_tabs .dijitTab,
#ribbon_tabs .dijitTabChecked {
    width: 80px;
    height: 20px;
    color: #eee;
    background: #4d4d4d;
    /* Old browsers */
    /*  background: -moz-linear-gradient(top, #e6e6e6 0%, #FFFFFFf 100%); */
    /* FF3.6-15 */
    /* background: -webkit-linear-gradient(top, #e6e6e6 0%, #FFFFFFf 100%); */
    /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to bottom, #e6e6e6 0%, #FFFFFFf 100%); */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#FFFFFFf', GradientType=0); */
    /* IE6-9 */
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    /*
    border-top: 1px solid#eee !important;
    border-left: 1px solid#eee !important;
    border-right: 1px solid#eee !important;
    border-bottom: 1px solid #bfc4c7 !important;
    */
}

/* #ribbon_tabs .dijitTabPane {} */

#ribbon_tabs .dijitTabChecked {
    background: #fff;
    /*
    border-top: 1px solid #bfc4c7 !important;
    border-left: 1px solid #bfc4c7 !important;
    border-right: 1px solid #bfc4c7 !important;
    border-bottom: 1px solid #fff !important;
    */
    color: #54bfab !important;
    /* box-shadow: 0px 0px 8px #999; */
    font-weight: 700;
}

#ribbon_tabs .dijitTabContainerTop-tabs .dijitTab {
    top: 2px !important;
    margin-bottom: -1px !important;
}

#ribbon_tabs .dijitTabContainer .dijitTabCheckedHover {
    color: #54bfab;
    border: none;
    background: #fff;
}

#ribbon_tabs .dijitTab {
    border: none;
}

#ribbon_tabs .dijitTab:hover {
    color: #54bfab;
}

/* floating panes */

.tundra .dojoxFloatingPaneTitle {
    background-color: #333 !important;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    text-align: left;
}

.dojoxFloatingPaneTitle .dojoxFloatingCloseIcon {
    border: 1px solid rgb(161, 165, 179);
}

/*
#njs_floatlegend_pane, #njs_info_pane {
-webkit-overflow-scrolling: touch !important;
overflow: auto;
}
*/

#njs_floatlegend_pane .dojoxFloatingPaneTitle {
    z-index: 9999;
    position: absolute;
    top: 0px !important;
    left: 0px !important;
    width: 99%;
}

#njs_floatlegend_pane iframe {
    margin-top: 0px !important;
    height: 99%;
}

/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    #njs_floatlegend_pane,
    #njs_info_pane {
        -webkit-overflow-scrolling: touch !important;
        overflow: auto;
    }
}

/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    #njs_floatlegend_pane,
    #njs_info_pane {
        -webkit-overflow-scrolling: touch !important;
        overflow: auto;
    }
}

#njs_floatlegend_pane .dojoxFloatingPaneCanvas {
    position: absolute;
    top: 25px !important;
    width:100%;
    height:100%;
}

#njs_info_pane_content .dijitTitlePaneContentOuter,
#njs_info_pane_content .dijitTitlePaneTitle {
    border: none !important;
}

/*#njs_info_pane_content .dijitTitlePaneTitle {background: #DDD !important;}
.tundra .dijitTitlePaneTitle:hover {background: #F9F9F9 !important;}*/
/* Button styles*/

.njsButton {
    margin: 1px 0 0 1px;
    padding: 0;
}

#ribbon_tabs .dijitButtonNode {
    border: none !important;
    padding-bottom: 2px !important;
}

/* icons for maps */

.njsIconButtonGrau {
    background-image: url(../img/buttons/map_parzellen_g.png);
}

.njsIconButtonOSM {
    background-image: url(../img/buttons/map_osm.png);
}

.njsIconButtonStreet {
    background-image: url(../img/buttons/map_parzellen_f.png);
}

.njsIconButtonOrtho {
    background-image: url(../img/buttons/map_luft.png);
}

.njsIconButtonAerial {
    background-image: url(../img/buttons/map_luft.png);
}

.njsIconButtonFarb {
    background-image: url(../img/buttons/map_parzellen_f.png);
}

.njsIconButtonLeer {
    background-image: url(../img/buttons/map_lr.png);
}

.njsIconButtonOSM,
.njsIconButtonOrtho,
.njsIconButtonStreet,
.njsIconButtonAerial,
.njsIconButtonFarb,
.njsIconButtonGrau,
.njsIconButtonLeer {
    background-position: 5px;
    background-repeat: no-repeat;
}

/* app manager icons*/

.njsIconButtonPrint {
    background: url(../img/buttons/icon_print_btn.png) center no-repeat;
    height: 18px;
    width: 18px;
}

.njsIconButtonImage {
    background: url(../img/ribbon/btn_preview.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconButtonPDFPrint {
    background: url(../img/ribbon/btn_pdf.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonDisabled .njsIconButtonPDFPrint {
    background: url(../img/ribbon/btn_pdf_disabled.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonChecked .njsIconButtonPDFPrint {
    background: url(../img/ribbon/btn_pdf_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconButtonShop {
    background: url(../img/buttons/shop_off.svg) center no-repeat;
    height: 48px;
    width: 48px;
}

.tundra .dijitToggleButtonChecked .njsIconButtonShop {
    background: url(../img/buttons/shop.svg) center no-repeat;
    height: 48px;
    width: 48px;
}

#shop_callshop {
    background: url(../img/buttons/databest.svg) left 4px center no-repeat;
    display: block;
    width: 115px;
    padding: 4px;
}

#shop_set_custom_extent {
    background: url(../img/buttons/reload.svg) left 4px center no-repeat;
    display: block;
    width: 100px;
    padding: 4px;
}

.njsIconButtonDistanceSimple {
    background: url(../img/ribbon/btn_measure_line_simple.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconButtonRuler {
    background: url(../img/ribbon/btn_measure_line.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconButtonProfile {
    background: url(../img/ribbon/btn_measure_profile.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconButtonArea {
    background: url(../img/ribbon/btn_measure_area.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconButtonDeselect {
    background: url(../img/buttons/icon_deselect.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitEditorIconClose {
    background: url(../img/close16_blue.svg) center no-repeat;
    height: 20px;
    width: 20px;
    background-size: contain;
}

.tundra .dijitEditorIconSave {
    background: url(../img/buttons/save.svg) center no-repeat;
    height: 20px;
    width: 20px;
    background-size: contain;
    filter: hue-rotate(285deg) brightness(3.3);
}

.tundra .advance_edit {
    background: url(../img/buttons/advance_edit.svg) center no-repeat;
    height: 20px;
    width: 20px;
    background-size: contain;
}

.tundra .dijitEditorIconFinish {
    background: url(../img/buttons/finish.png) center no-repeat;
    height: 20px;
    width: 20px;
}

.tundra .dijitEditorIconCSV {
    background: url(../img/buttons/icon_csv_text.png) center no-repeat;
    height: 18px;
    width: 18px;
}

.tundra .dijitEditorIconBack {
    background: url(../img/buttons/icon_back.png) center no-repeat;
    height: 18px;
    width: 18px;
}

.tundra .dijitToggleButtonChecked .njsIconButtonDistanceSimple {
    background: url(../img/ribbon/btn_measure_line_simple_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonChecked .njsIconButtonRuler {
    background: url(../img/ribbon/btn_measure_line_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonChecked .njsIconButtonArea {
    background: url(../img/ribbon/btn_measure_area_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonChecked .njsIconButtonProfile {
    background: url(../img/ribbon/btn_measure_profile_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitLeaf {
    background: url("../img/buttons/icon_help_btn.png") no-repeat scroll 0 0 transparent;
}

/* edit geometry ;  if "skip_expand_tools": 0 */
div [id*='_geometrien_editing']{
    display:flex;
}


/* REDLINING */

#widget_rl_save_db_name {
    width:98%
}

.njsIconRedliningText {
    background: url(../img/ribbon/btn_rl_text.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconRedliningPoint {
    background: url(../img/ribbon/btn_rl_point.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconRedliningLine {
    background: url(../img/ribbon/btn_rl_line.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconRedliningPolygon {
    background: url(../img/ribbon/btn_rl_area.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconRedliningCircle {
    background: url(../img/ribbon/btn_rl_circle.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconRedliningDelete {
    background: url(../img/ribbon/btn_icon_delete.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconRedliningSave {
    background: url(../img/ribbon/btn_icon_save.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconRedliningFileManager {
    background: url(../img/ribbon/btn_icon_filemanager.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconButtonWMSImp {
    background: url(../img/ribbon/btn_wms.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.dijitEditorIconDelete {
    background: url(../img/buttons/trash.svg) center no-repeat;
    height: 20px;
    width: 20px;
    background-size: contain;
}

.tundra .dijitToggleButtonChecked .njsIconRedliningText {
    background: url(../img/ribbon/btn_rl_text_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonChecked .njsIconRedliningPoint {
    background: url(../img/ribbon/btn_rl_point_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonChecked .njsIconRedliningLine {
    background: url(../img/ribbon/btn_rl_line_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonChecked .njsIconRedliningPolygon {
    background: url(../img/ribbon/btn_rl_area_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonChecked .njsIconRedliningCircle {
    background: url(../img/ribbon/btn_rl_circle_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

/* Redlining Marker */

.njsIconRL_circle_blue {
    background: url(../img/redlining/circle_blue.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_circle_blue {
    background: url(../img/redlining/circle_blue_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_circle_green {
    background: url(../img/redlining/circle_green.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_circle_green {
    background: url(../img/redlining/circle_green_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_circle_red {
    background: url(../img/redlining/circle_red.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_circle_red {
    background: url(../img/redlining/circle_red_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_circle_yellow {
    background: url(../img/redlining/circle_yellow.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_circle_yellow {
    background: url(../img/redlining/circle_yellow_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_pin_blue {
    background: url(../img/redlining/pin_blue.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_pin_blue {
    background: url(../img/redlining/pin_blue_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_pin_green {
    background: url(../img/redlining/pin_green.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_pin_green {
    background: url(../img/redlining/pin_green_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_pin_red {
    background: url(../img/redlining/pin_red.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_pin_red {
    background: url(../img/redlining/pin_red_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_pin_yellow {
    background: url(../img/redlining/pin_yellow.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_pin_yellow {
    background: url(../img/redlining/pin_yellow_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_flag_blue {
    background: url(../img/redlining/flag_blue.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_flag_blue {
    background: url(../img/redlining/flag_blue_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_flag_green {
    background: url(../img/redlining/flag_green.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_flag_green {
    background: url(../img/redlining/flag_green_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_flag_red {
    background: url(../img/redlining/flag_red.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_flag_red {
    background: url(../img/redlining/flag_red_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_flag_yellow {
    background: url(../img/redlining/flag_yellow.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_flag_yellow {
    background: url(../img/redlining/flag_yellow_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_danger_red {
    background: url(../img/redlining/danger_red.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_danger_red {
    background: url(../img/redlining/danger_red_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_danger_yellow {
    background: url(../img/redlining/danger_yellow.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_danger_yellow {
    background: url(../img/redlining/danger_yellow_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_info {
    background: url(../img/redlining/info.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_info {
    background: url(../img/redlining/info_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_question {
    background: url(../img/redlining/question.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_question {
    background: url(../img/redlining/question_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_pencil {
    background: url(../img/redlining/pencil.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_pencil {
    background: url(../img/redlining/pencil_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_tag {
    background: url(../img/redlining/tag.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_tag {
    background: url(../img/redlining/tag_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_tool {
    background: url(../img/redlining/tool.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_tool {
    background: url(../img/redlining/tool_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_tools {
    background: url(../img/redlining/tools.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_tools {
    background: url(../img/redlining/tools_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_home {
    background: url(../img/redlining/home.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_home {
    background: url(../img/redlining/home_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_play {
    background: url(../img/redlining/play.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_play {
    background: url(../img/redlining/play_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_fire {
    background: url(../img/redlining/fire.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_fire {
    background: url(../img/redlining/fire_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_love {
    background: url(../img/redlining/love.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_love {
    background: url(../img/redlining/love_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_circle {
    background: url(../img/redlining/circle.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_circle {
    background: url(../img/redlining/circle_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_cross {
    background: url(../img/redlining/cross.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_cross {
    background: url(../img/redlining/cross_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_arrow_west {
    background: url(../img/redlining/arrow_west.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_arrow_west {
    background: url(../img/redlining/arrow_west_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_arrow_east {
    background: url(../img/redlining/arrow_east.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_arrow_east {
    background: url(../img/redlining/arrow_east_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_arrow_north {
    background: url(../img/redlining/arrow_north.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_arrow_north {
    background: url(../img/redlining/arrow_north_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_arrow_south {
    background: url(../img/redlining/arrow_south.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_arrow_south {
    background: url(../img/redlining/arrow_south_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_arrow_left {
    background: url(../img/redlining/arrow_left.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_arrow_left {
    background: url(../img/redlining/arrow_left_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_arrow_top_left {
    background: url(../img/redlining/arrow_top_left.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_arrow_top_left {
    background: url(../img/redlining/arrow_top_left_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_arrow_right {
    background: url(../img/redlining/arrow_right.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_arrow_right {
    background: url(../img/redlining/arrow_right_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconRL_arrow_top_right {
    background: url(../img/redlining/arrow_top_right.png) center no-repeat;
    height: 24px;
    width: 24px;
}

.tundra .dijitToggleButtonChecked .njsIconRL_arrow_top_right {
    background: url(../img/redlining/arrow_top_right_checked.png) center no-repeat;
    height: 24px;
    width: 24px;
}
/* ORTHOGONAL MEASURE */

.njsIconMeasureDelete {
    background: url(../img/ribbon/btn_icon_delete.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconButtonOrthoMeasure {
    background: url(../img/ribbon/btn_ortho_ortho.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconButtonLinearMeasure {
    background: url(../img/ribbon/btn_ortho_line.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconButtonSurfaceMeasure {
    background: url(../img/ribbon/btn_ortho_area.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.njsIconButtonDistanceMeasure {
    background: url(../img/ribbon/btn_ortho_distance.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonChecked .njsIconButtonOrthoMeasure {
    background: url(../img/ribbon/btn_ortho_ortho_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonDisabled .njsIconButtonOrthoMeasure {
    background: url(../img/ribbon/btn_ortho_ortho_disabled.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonChecked .njsIconButtonSurfaceMeasure {
    background: url(../img/ribbon/btn_ortho_area_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonChecked .njsIconButtonLinearMeasure {
    background: url(../img/ribbon/btn_ortho_line_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonDisabled .njsIconButtonLinearMeasure {
    background: url(../img/ribbon/btn_ortho_line_disabled.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonDisabled .njsIconButtonSurfaceMeasure {
    background: url(../img//ribbon/btn_ortho_area_disabled.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonChecked .njsIconButtonDistanceMeasure {
    background: url(../img/ribbon/btn_ortho_distance_active.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

.tundra .dijitToggleButtonDisabled .njsIconButtonDistanceMeasure {
    background: url(../img/ribbon/btn_ortho_distance_disabled.svg) center no-repeat;
    height: 32px;
    width: 32px;
}

/* Buttons Editing Dialog */

.dijitEditorIconDelete {
    background: url(../img/buttons/trash.svg) center no-repeat;
    height: 22px;
    width: 22px;
    background-size: contain;
    filter: hue-rotate(285deg) brightness(3.5);
}

.tundra .dijitEditorIconAddGeom {
    background: url(../img/buttons/addgeom.svg) center no-repeat;
    height: 24px;
    width: 24px;
    background-size: contain;
    filter: hue-rotate(285deg) brightness(3.5);
}

.tundra .dijitEditorIconSplitGeom {
    background: url(../img/buttons/splitgeom.svg) center no-repeat;
    height: 24px;
    width: 24px;
    background-size: contain;
    filter: hue-rotate(285deg) brightness(3.5);
}

.tundra .dijitEditorIconCutGeom {
    background: url(../img/buttons/cutgeom.svg) center no-repeat;
    height: 24px;
    width: 24px;
    background-size: contain;
    filter: hue-rotate(285deg) brightness(3.5);
}

/* opacity and color control */

#mapcontrols_div {
    position: absolute;
    bottom: 25px;
    height: 25px;
    width: 170px;
    display: flex;
    align-items: flex-start;
    padding: 10px;
    left: 50%;
    margin-left: -95px;
}

.toggle_coltool {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 2px solid #aaa;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0;
    font-weight: bold;
    height: 30px;
    margin-top: -1px !important;
    padding: 5px;
    width: 30px;
}

/* Map opacity range */

input::-moz-focus-inner {
    border: 0;
}

input[type="range"] {
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    width: 100%;
    height: 24px;
    margin: 0;
    border: 2px solid #aaa;
    padding: 1px 2px;
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.6);
    outline: none !important;
    /* no focus outline */
}

input[type="range"]::-moz-range-track {
    border: inherit;
    background: transparent;
    border: 0 !important;
    outline: none !important;
}

input[type="range"]::-ms-track {
    border: none;
    color: transparent;
    /* don't drawn vertical reference line */
    background: transparent;
}

input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {
    background: transparent;
}

input[type="range"]::-ms-tooltip {
    display: none;
}

/* thumb */

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 0px;
    background: #333;
}

input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 0px;
    background: #333;
}

input[type="range"]::-ms-thumb {
    width: 20px;
    height: 20px;
    border-radius: 0px;
    border: 0;
    background: #333;
}

/* Upload Imgages module*/

.imageUpload_preview {
    display: flex;
    padding: 5px;
    margin: 5px;
}

.imageUpload_preview_img {
    margin-right: 20px;
    width: 100px;
    height: 100px;
}

.imageUpload_preview_data {
    color: red;
}

/* Overline From Center */

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.hvr-overline-from-center:before,
.hvr-overline-from-center:before,
.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    top: 0;
    background: #54bfab;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-overline-from-center:hover:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:active:before {
    left: 0;
    right: 0;
}

.dijitAccordionText,
.dijitAccordionTitleFocus {
    font-family: 'Montserrat', sans-serif;
    color: #333;
    font-size: 14px !important;
    font-weight: bolder;
    text-transform: uppercase !important;
    outline: none !important;
    margin-top: 5px;
}

.dijitAccordionTitle {
    text-align: left !important;
    padding-top: 4px !important;
    padding-left: 5px !important;
    font-weight: bold;
    letter-spacing: 0.025em;
}

.tundra .dijitAccordionTitleSelected {
    background: #FFF
}

#layer_menu_button,
#wms_menu_button,
#sort_menu_button {
    border-bottom: 2px solid #333333 !important;
    height: 30px !important;
    background-repeat: no-repeat;
    /* background-size: 28px 28px !important;*/
    margin-bottom: 1px !important;
    background-position: center right 10px;
}

#leftPaneSearch {
    width: 360px !important;
    height: 120px !important;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

#leftPaneSearch .dijitContentPane {
    background-color: #fff !important;
}

#leftPaneSearch .dijitButtonNode {
    padding: 0 !important;
}

#leftPaneSearch .dijitTabPaneWrapper {
    background-color: #FFF !important;
    border: none;
}

.imagelink {
    user-select: none;
    -moz-user-select: none;
    bottom: 2px;
    outline: medium none !important;
    position: relative;
}

/* no borders */

.tundra .dijitTabContainerTopStrip {
    border: none !important;
    background: #FFF !important;
}

.tundra .dijitAccordionContainer {
    border: none;
}

/* search and routing */
/* search */

.tundra .dijitDialogCloseIcon {
    cursor: pointer;
    background: url(../img/close16_blue.svg) no-repeat scroll 0 0 transparent;
    background-size: contain;
    width: 12px;
    height: 12px;
    margin: 4px;
    top: 0px;
    right: 0px;
}

#widget_freesearchFilterInputDijit {
    width: 290px !important;
}

#widget_freesearchFreeInput {
    width: 255px !important;
    margin-top: 5px !important;
    margin-right: 10px;
}

#solrsearchFreeInput_close {
    display: block;
    background: url(../img/close16_blue.svg) center center no-repeat;
    background-size: contain;
    margin-left: 5px !important;
    margin-top: -1px !important;
    width: 31px;
    height: 28px;
    cursor: pointer;
}

#solrHelp {
    width: 28px;
    height: 28px;
    margin-left: 5px;
    display: block;
    background: url(../img/help30_gray.svg) center center no-repeat #333;
    cursor: help;
}

#freesearchResult {
    margin: 0;
    padding: 0;
    background: #fff;
    position: absolute;
    z-index: 9999;
    display: none;
    top: 150px;
    left: 400px;
}

.tundra .dijitPlaceHolder {
    font-style: normal !important;
}

#leftPaneSearch .dijitTab {
    background: url('') #DDD !important;
    color: #999 !important;
}

#leftPaneSearch .dijitTab:hover {
    background: url('') #05164D !important;
    color: #FFF !important;
}

#leftPaneSearch .dijitTabChecked {
    background: url('') #FFF !important;
    color: #05164D !important;
}

.tundra .dijitPlaceHolder {
    font-style: normal !important;
}

#leftPaneSearch .dijitTab {
    background: url('') #DDD !important;
    color: #999 !important;
}

#leftPaneSearch .dijitTab:hover {
    background: url('') #05164D !important;
    color: #FFF !important;
}

#leftPaneSearch .dijitTabChecked {
    background: url('') #FFF !important;
    color: #05164D !important;
}

#srch_free,
#srch_free2,
#srch_routing {
    background: none !important;
    height: 90px !important;
}

#srch_free .dijitTabPaneWrapper,
#srch_free2 .dijitTabPaneWrapper,
#srch_routing .dijitTabPaneWrapper {
    background: none !important;
}

#freesearchFreeInput {
    background: none !important;
    width: 210px !important;
    border: 3px solid #05164D;
}

#srch_free .dijitComboBox,
#srch_free2 .dijitTextBox,
#groutingStartInput,
#groutingEndInput {
    width: 258px !important;
    height: 26px !important;
    padding-left: 2px !important;
    background: none !important;
    margin-left: 8px;
}

#groutingStartInput {
    margin-bottom: 5px !important;
}

/*
#srch_free .dijitInputField {
    height: 15px !important;
}*/

#srch_free .dijitComboBox .dijitPlaceHolder,
#srch_free .dijitComboBox .dijitInputInner {
    margin-top: 6px !important;
}

#srch_free .dijitComboBox .dijitArrowButtonContainer {
    height: 22px !important;
}

#srch_free .dijitComboBox .dijitArrowButtonContainer {
    display: none;
    /* height: 22px !important; */
}

.SearchInput {
    background: none !important;
    width: 210px !important;
}

.flip {
    cursor: pointer;
    width: 30px;
    height: 30px;
}

#srch_routing .dijitTextBox:focus,
#srch_free2 .dijitTextBox:focus {
    border: 1px solid #C40000;
}

.srch_input {
    background: none !important;
    width: 190px !important;
}

.btnUltrasearch {
    width: 70px;
    height: 30px;
    background-color: #F2F2F2 !important;
    border: none !important;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
}

.btnGo {
    width: 70px;
    height: 22px;
    margin-left: 5px;
    background-color: #F2F2F2 !important;
    border: none !important;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
}

.btnUltrasearchtxt {
    width: 70px;
    height: 30px;
    background-color: #FFF !important;
    border: none !important;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
}

.adp {
    font-size: 14px !important;
}

.srchSelect {
    width: 190px;
    height: 22px;
    padding-left: 5px;
    background-color: #F2F2F2 !important;
    border: none !important;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
}

#googleToRouting {
    position: relative;
    top: 5px;
}

#googleToRouting a {
    color: #DB2F01;
}

#close-btn {
    background: url(../img/close16_blue.svg) !important;
    background-size: contain !important;
    width: 24px;
    height: 24px;
    display: block;
    background-size: contain;
}

#print-btn {
    width: 24px;
    height: 24px;
    display: block;
    background-size: contain !important;
    background: url(../img/icon_printer.png) !important;
}

/* search & routing disclaimers*/

#disclaimer_mapplusbytydac {
    background-color: rgba(255,255,255,0.8);
    position: absolute;
    z-index: 900;
    display: block;
    width: auto;
    height: auto;
    font-size: 08px !important;
    border-radius: 4px 4px 0;
  }

#freesearchDisclaimerRouting,
#googleDisclaimerRouting {
    display: block;
    position: absolute;
    bottom: 5px !important;
    color: #888;
}

#srch_free label {
    font-family: 'Montserrat', sans-serif;
}

/* radio checkboxes */

.pseudoRadio .dijitCheckBox {
    background-position: -112px !important;
}

.pseudoRadio .dijitCheckBoxChecked {
    background-position: -96px !important;
}

/* maps selectors */
/*
#btnMapContainer_main {
    display: block;
    position: relative;
    width: 250px;
    height: auto !important;
    left: 140px;
    top: -10px;
    z-index: 99999 !important;
    background: #fff;
    padding: 10px;
    border: 2px solid #333;
}
 */

#btnMapContainer_main {
    display: block;
    position: absolute;
    width: 240px;
    height: auto !important;
    top: -18px !important;
    z-index: 99999 !important;
    background: #fff;
    padding: 0px !important;
    border: 2px solid #333;
    left: 152px;
}

#btnMaps_mainmaplist ul {
    padding-top: 20px !important;
}

/* #btnMaps_mainmaplist li {
    background-color: #eee !important;
    color: #111 !important;
} */
.mapIcon {
    padding-left: 30px;
    padding-right: 10px;
    border: none;
    height: 30px;
    background-size: 20px 20px;
    background-color: #6A3118;
    background-position: 5px !important;
    margin-left: 5px;
    vertical-align: middle;
}

/* .shadow {
    -moz-box-shadow: 0 2px 3px #666;
    -webkit-box-shadow: 0 2px 3px #666;
    box-shadow: 0 2px 3px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666');
} */
/*
.shadow_small {
    -moz-box-shadow: 0 1px 2px #666;
    -webkit-box-shadow: 0 1px 2px #666;
    box-shadow: 0 1px 2px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666');
}
*/

#scale-line {
    background: rgba(255, 255, 255, 0.3);
    padding: 2px;
}

/* Layer Manager Toggle Button */
/* layermanager revamped */
/*
div [id^="main_lyrmgr"] div table tbody tr td {
    padding-bottom: 10px !important;
    padding-top: 20px !important;
    margin-top: 10px !important;
    background: rgba(240, 240, 240, 1);
    background: -moz-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240, 240, 240, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#FFFFFFf', GradientType=0);
    border-radius: 5px;
}
*/
/*
div [id^="main_lyrmgr_cp"]:nth-child(1) {
    /*margin-top: 10px !important;
}
*/
/*
div [id^="main_lyrmgr"] div table tbody tr td b {
    text-transform: uppercase;
    color: #0B4D69;
    font-weight: bolder;
    font-size: 13px !important;
}
*/
/*
div [id^="main_lyrmgr"] .dijitTitlePaneTitle {
    background: #567CB7 no-repeat !important;
    color: #FFF !important;
}
*/

div [id^="main_lyrmgr"] div table tbody tr td {
    padding-bottom: 10px !important;
    padding-top: 15px !important;
    margin-top: 10px !important;
    text-align: left;
}

div [id^="main_lyrmgr"] .dijitArrowNode {
    display: none !important;
}

/*div [id^="main_lyrmgr"] .dijitTabPaneWrapper {border: 1px solid #0071A0 !important;}*/

div [id^="main_lyrmgr"] .dijitTabPaneWrapper {
    border: none !important;
    padding-top: 5px;
}

/* layermanager submenu on plus lines*/
#layer_menu .dijitTitlePaneTextNode {
    display: flex;
}

.tundra .dijitTabContainer {
    overflow: hidden !important;
}

.tundra .dijitTabContainerTop-dijitContentPane,
.tundra .dijitTabContainerLeft-dijitContentPane,
.tundra .dijitTabContainerBottom-dijitContentPane,
.tundra .dijitTabContainerRight-dijitContentPane,
.tundra .dijitAccordionContainer-dijitContentPane {
    background-color: none !important;
    padding: 5px;
}

.tundra .dijitTabContainerTop-tabs {
    border: none !important;
}

.dijitTabPane::-webkit-scrollbar {
    width: 5px;
}

.dijitTabPane::-webkit-scrollbar-button {
    display: none;
}

.dijitTabPane::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.dijitTabPane::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#btnMainPane {
    border: none;
    outline: none !important;
    position: absolute;
    top: 45%;
    left: -35px;
    display: block;
    width: 50px;
    height: 80px;
    background: url(../img/buttons/leftPane2.png) no-repeat;
    cursor: pointer;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

#btnMainPane:hover {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
}

/*#main_lyrmgr_tablist {position: absolute;height: 160px !important; border: 3px solid #0F0; padding-top: 50px; padding-bottom: 50px;z-index: 99999;}*/

#main_lyrmgr_tablist .dijitTab,
#main_lyrmgr_tablist .dijitTabHover {
    background: none !important;
    border: none !important;
    margin: 0;
    padding: 0;
    outline: none !important;
    padding-top: 5px;
}

/* tricks and treat accordion*/

.appLayout {
    display: block;
    width: 70px !important;
    margin: 0px !important;
    padding: 0 !important;
    text-align: center;
    background-color: #fff;
    border-left: 1px solid #fff;
}

.mainmap,
.al_adj {
    width: 70px !important;
    margin-top: 3px;
    margin-bottom: 5px;
}

.appLayoutContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/* */

.lyrlist {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../img/buttons/lyrmgr_list.svg) center no-repeat;
      background-size: auto;
    background-size: contain;
    margin-right: 3px;
    cursor: pointer;
  }


/* sub layers */

.lyrmgr_group_expand {
    cursor: pointer;
    color: transparent;
    position: relative;
    flex-basis: auto;
    display: block;
    width: 18px;
    height: 12px;
    background: url(../img/buttons/lyrmgr_group_expand.svg) center no-repeat;
    filter:invert(1);
    background-size: contain;
    margin-left: auto;
}

.grlay_open {
    background: url(../img/buttons/lyrmgr_group_expand_active.svg) center no-repeat;
    filter:invert(1);
    background-size: contain;
}

.lyrmgr_group {
    padding: 8px 12px 12px 12px;
    color:white;
}

.lyrmgr_group * {
    transform-origin: left;
    transform: scale(94%);
}



/* ribbon specific for single buttons (emulate wrapper) */

#print_menu,
#measure_menu,
#rl_menu {
    display: block;
    padding: 0px;
    margin: 5px;
    background: #FFF;
}

#btnMapContainer_main,
#njs_main_print_wrapper,
#njs_main_measure_wrapper,
#njs_main_rl_wrapper {
    background: #FFF;
    top: -10px;
    padding: 15px;
    border: none;
    position: absolute !important;
    /*box-shadow: 0px 2px 5px #ddd;*/
    border: 3px solid #4d4d4d;
    border-top: 3px solid #fff;
}

#njs_main_print_wrapper {
    left: 75px;
}


@media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {

    #sponsor {
        display: none;
    }
}

/* rotating print area icons */

.pdfrotplus {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../img/pdfrotplus.svg) left bottom no-repeat;
    background-size: contain;
}

.pdfrotminus {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../img/pdfrotminus.svg) left bottom no-repeat;
    background-size: contain;
}

#njs_pdfformat_list,
#njs_pdfscale_list {
    width: 100% !important;
}

#printpdf1 table {
    width: 100% !important;
}

#printpdf1 .dijitIcon {
    box-shadow: none !important;
}

#printpdf1 .dijitButton {
    box-shadow: 0px 1px 2px #999;
    margin-right: 10px !important;
    height: 24px !important;
}

#printpdf1 .dijitButtonNode {
    border: none !important;
    padding-top: 2px;
    vertical-align: middle !important;
}

#printpdf1 .dijitButtonNode:hover {
    background: url('') !important;
}

#linetype_wrapper .dijitValidationTextBox {
    width: 150px !important;
    height: 20px !important;
    background: url('');
    margin-right: 10px !important;
}

#linewidth_wrapper .dijitValidationTextBox {
    width: 60px !important;
    height: 20px !important;
    background: url('');
}

#font_wrapper .dijitValidationTextBox {
    width: 150px !important;
    height: 20px !important;
    background: url('');
    margin-right: 10px !important;
}

#fontsize_wrapper .dijitValidationTextBox {
    width: 60px !important;
    height: 20px !important;
    background: url('');
}

#rl_menu .dijitDropDownButton .dijitButtonNode,
#measure_menu .dijitDropDownButton .dijitButtonNode {
    font-size: 0;
    width: 30px;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    right: -5px;
    top: -2px;
}

.compact_novisible {
    /* display: none !important */
}

.compact_center {
    margin-left: 75px !important;
}

.compact_right {
    /*display: none;
    margin-top: -10px !important;*/
    left: -8px !important;
    width: 18px;
    height: 18px;
    position: relative;
    box-shadow: none !important;
}

.compact_right .dijitIcon {
    box-shadow: none !important;
}

.giveme_focus {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/buttons/tick.svg) center center no-repeat #F00;
    position: relative;
    bottom: 21px;
    left: 237px;
    cursor: pointer;
}

#text_wrapper .dijitTextBox {
    width: 255px !important;
    height: 20px !important;
    background: url('');
}

#tools_menu .dijitArrowButton {
    width: 20px !important;
}

#tools_menu .dijitIcon {
    -moz-box-shadow: 0 1px 2px #666;
    -webkit-box-shadow: 0 1px 2px #666;
    box-shadow: 0 1px 4px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666')";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666');
}

#tools_menu .dijitButtonNode {
    border: none !important;
    background: none;
}

*[class^="njsIconRL"] {
    box-shadow: none !important;
}

#rl_menu .dijitDropDownButton .dijitButtonNode,
#measure_menu .dijitDropDownButton .dijitButtonNode,
#ortho_menu .dijitDropDownButton .dijitButtonNode {
    font-size: 0px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    right: -5px !important;
    top: -2px !important;
    width: 30px !important;
}

/* maps menu */

.map_selector {
    display: block;
    height: 18px;
    padding: 5px;
    padding-left: 30px;
    margin-bottom: 5px;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer;
}

.map_selector:hover {
    color: #FFF !important;
    background-color: #54bfab !important;
}

/* main button bar */

.btnMaps {
    background: url(../img/ribbon/btn_bgmaps.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

.btnThemes {
    background: url(../img/ribbon/btn_theme.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

.btnInitialExtent {
    background: url(../img/ribbon/btn_home.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

.btnStreetView {
    background: url(../img/ribbon/btn_streetview.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

.btnInfra3D {
    background: url(../img/ribbon/btn_infra3D.svg) center no-repeat;
    width: 32px;
    height: 32px;
}
.btn3D {
    background: url(../img/ribbon/btn_3d.svg) center no-repeat;
    width: 32px;
    height: 32px;
}
.btn3D_zugmap {
    background: url(../img/ribbon/btn_3d_zugmap.svg) center no-repeat;
    width: 32px;
    height: 32px;
}
.btnLogout {
    background: url(../img/icon_logout.svg) top left no-repeat;
}

.btnLocate {
    background: url(../img/ribbon/btn_locate.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

.btnRemoveLayers {
    background: url(../img/ribbon/btn_layers.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

.btnSwissGeoAdmin {
    background: url(../img/ribbon/btn_swisstopo.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

.btnExportKML {
    background: url(../img/ribbon/btn_kml.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

.btnHelp {
    background: url(../img/ribbon/btn_help.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

.btnLogout {
    background: url(../img/ribbon/btn_logout.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

.btnNightDay {
    background: url(../img/ribbon/btn_moon.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

#btn_filtered_export,
.btnExportFilteredLayers {
    background: url(../img/ribbon/btn_tabview.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

#btn_filtered_export,
.btnExportFilteredLayers {
    background: url(../img/ribbon/btn_tabview.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

.btnToggleTabView {
    background: url(../img/ribbon/btn_tabview.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

.btnToggleMapView {
    background: url(../img/ribbon/btn_mapview.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

.btnSplitView {
    background: url(../img/ribbon/btn_splitview.svg) center no-repeat;
    width: 32px;
    height: 32px;
}

#btnShop {
    background: url(../img/ribbon/btn_shop.svg) center no-repeat;
    height: 32px;
    width: 32px;
    background-size: contain;
}

.njsIconButtonExport {
    background: url(../img/ribbon/btn_export.svg) center no-repeat;
    height: 32px;
    width: 32px;
    background-size: contain;
}

*[class^="btn"] {
    cursor: pointer;
}





/* btnMaps text*/

div.appLayout div {
    font-size: 10px;
    line-height: 14px;
    color: #333;
    font-stretch: ultra-condensed;
}

/*
div[class^="btn"] {
    width: 40px;
    height: 45px;
    cursor: pointer;
}
*/
/*
#mainButtonBar {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: auto !important;
    height: 83px;
    border-right: 1px solid #999;
    margin-right: 10px;
    margin-top: 3px;
}
*/
/* ribbon */
/*
#mainButtonBar div {
    margin-right: 10px;
    margin-left: 10px;
}
*/


#filtered_exportResult_buttons {
    position: absolute;
    bottom: 5px;
    left: 5px;
    margin-top: 10px !important;
    margin-left: 10px !important;
    display: inline-flex;
    background-color: transparent !important;
}

#filtered_exportResult_buttons .dijitButtonNode {
    display: block;
    width: 32px !important;
    height: 32px !important;
    border: 0px !important;
    padding-right: 10px;
    background-color: transparent !important;
}

#filtered_exportResult_buttons .dijitToggleButtonChecked {
    background: url('') !important;
}

#filtered_exportResult_buttons .dijitButtonText {
    display: none !important;
}

#filtered_exportResult_buttons .dijitButtonNode:hover {
    background: url('') !important;
}

#btn_filtered_export_select_polygone_wrapper {
    background: url(../img/buttons/exp_poly.svg) no-repeat center center !important;
    display: block;
    width: 32px;
    height: 32px;
    background-size: contain !important;
}

#btn_filtered_export_select_radius_wrapper {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/buttons/exp_radius.svg) no-repeat center center !important;
    background-size: contain !important;
}

#btn_filtered_export_show_wrapper {
    background: url(../img/buttons/exp_map.svg) no-repeat center center !important;
    display: block;
    width: 32px;
    height: 32px;
    background-size: contain !important;
}

#btn_filtered_export_export_shp_wrapper {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/buttons/exp_shp.svg) no-repeat center center !important;
    background-size: contain !important;
}

#btn_filtered_export_export_csv_wrapper {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/buttons/exp_csv.svg) no-repeat center center !important;
    background-size: contain !important;
}

#btn_filtered_export_selectall_wrapper {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/buttons/exp_select.svg) no-repeat center center !important;
    background-size: contain !important;
}

#btn_filtered_export_deselect_wrapper {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/buttons/exp_deselect.svg) no-repeat center center !important;
    background-size: contain !important;
}

/* span [id^="btn_filtered_export_"] {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
} */

#filtered_exportResult_body .dojoxGrid {
    width: 780px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

#filtered_exportResult_buttons .dijitToggleButton .dijitCheckBoxIcon {
    background-image: url(../img/buttons/checkmarkNoBorder.png) !important;
}

#filtered_exportResult_buttons .dijitCheckBox,
#filtered_exportResult_buttons .dijitCheckBoxChecked,
#filtered_exportResult_buttons .dijitToggleButtonChecked .dijitCheckBoxIcon {
    background-image: url(../img/buttons/checkmarkNoBorder.png) !important;
    position: relative;
    left: 10px;
    top: 14px;
    background-position: 0 center;
}

#filtered_export_layer_select_dropdown {
    visibility: visible !important;
}

#njs_filtered_export_dialog .dijitTitlePaneTitle {
    background-color: #efefef;
}

/* hack for multiple text lines in accorderon */

#layer_menu label {
    display: block;
    width: auto !important;
    line-height: 150% !important;
}

*[id^="div_header_"] {
    display: none !important;
}

/* #layer_menu .dijitTitlePaneContentInner div {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

} */

#main_lyrmgr div[id^="div_"] {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

}

#main_lyrmgr div[id^="div_"]:has(.spacerflex) {
    flex-wrap: wrap !important;
}
/* #layer_menu .dijitTitlePaneContentInner label {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
} */

#layer_menu .dijitTitlePaneContentInner img {
    height: 18px;
}

#streetviewContainer {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow: -moz-scrollbars-none;
}

#streetviewContainer::-webkit-scrollbar {
    display: none;
}

#streetviewContainer,
#custompaneContainer {
    box-shadow: -5px 20px 35px #333;
}

/* misc */

.tundra .dijitSplitContainer-child,
.tundra .dijitBorderContainer-child {
    border: none !important;
}

.tundra .dijitTitlePaneContentOuter,
.tundra .dijitTitlePaneTitle {
    border: none !important;
}

.dijitContentPane b {
    font-size: 13px !important;
}

.dijitTitlePaneTitle {
    background: #FFF none repeat scroll 0 0 !important;
    color: #000000 !important;
    border-bottom: 1px solid #EE1D23 !important;
}

/*div [id^="main_lyrmgr"] .dijitTitlePaneTitle {
background: #3f65ca none repeat scroll 0 0 !important;
color: #FFF !important;
}*/

#layer_menu .nowrapTabStrip {
    width: calc(100% - 10px) !important;
    display: flex;
    justify-content: space-evenly;
    /*position: relative;*/
    z-index: 1;
}

/* add a right margin to the category title (push the text to r) */

div [id*="_titleBarNode"] .dijitCheckBox,
div [id*="_titleBarNode"] .dijitChecked,
div [id*="_titleBarNode"] .tmpdirCheckBox {
    margin-right: 4px !important;
    min-width:16px;
}

div [id^="main_lyrmgr"] table {
    width: 100%;
    /*text-align: center !important;*/
    margin-top: -15px !important;
}

div [id^="main_lyrmgr"] .dijitTitlePaneTitle,
div [id^="tools_menu"] .dijitTitlePaneTitle,
#njs_info_pane_content .dijitTitlePaneTitle {
    background: #FFF none repeat scroll 0 0 !important;
    color: #333 !important;
    border-bottom: 1px solid #54bfab !important;
}

/*div [id^="main_lyrmgr"] div table tbody tr td {
padding-bottom: 10px !important;
padding-top: 10px !important;
}*/

div [id^="main_lyrmgr"] div table tbody tr td b {
    font-family: 'Montserrat', sans-serif;
    color: #333;
    font-size: 13px !important;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 5px;
}

.dijitTitlePaneTextNode {
    font-size: 12px !important;
    font-weight: bold !important;
    font-family: 'Montserrat', sans-serif;
}

.dijitBorderContainer-child {
    border: 1px solid #fff !important;
}

/* sortable */

#main_lyrsorter {
    -ms-touch-action: none;
    touch-action: none;
}

#njs_main_lyrsorter_wrapper .sortable_li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 26px;
    margin-bottom: 5px;
    background: #FFF;
    padding: 2px;
}

#njs_main_lyrsorter_wrapper .sortable_handle {
    display: block;
    width: 26px;
    height: 26px;
    background-color: #333;
    /*border: 1px solid #567CB7;*/
    background: url(../img/handle30.svg) center center no-repeat;
    background-size: contain;
    cursor: pointer;
}

#njs_main_lyrsorter_wrapper .sortable_slider {
    position: relative;
    width: 75%;
    border: none !important;
}

#njs_main_lyrsorter_wrapper input[type="range"] {
    position: relative;
    z-index: 100;
    background: rgba(200, 200, 200, 0.1) !important;
    border: none !important;
}

#njs_main_lyrsorter_wrapper input[type="range"]::-webkit-slider-thumb {
    opacity: 0.6;
    border: 1px solid #FFF;
}

#njs_main_lyrsorter_wrapper input[type="range"]::-moz-range-thumb {
    opacity: 0.6;
    border: 1px solid #FFF;
}

#njs_main_lyrsorter_wrapper input[type="range"]::-ms-thumb {
    opacity: 0.6;
    border: 1px solid #FFF;
}

#njs_main_lyrsorter_wrapper .unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sortable_close {
    display: block;
    width: 26px;
    height: 26px;
    background: url(../img/close30.svg) left top no-repeat #FFF;
    background-size: 26px 26px !important;
}

#njs_main_lyrsorter_wrapper .sortable_label {
    position: absolute;
    width: 80%;
    right: 5px;
    top: 5px;
    z-index: 1;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: normal;
}

#njs_main_lyrsorter_wrapper .notinrange {
    font-style: italic;
    color: #aaa;
}

/* Phoho Carousel override parameters */

.mblCarouselBtnContainer {
    float: left !important;
}

.mblCarouselHeaderBar .mblPageIndicator {
    float: right !important;
}

.mblCarouselHeaderBar {
    background-color: #fff;
}

.mblCarouselBtn {
    border: 1px solid #c0c0c0;
    border-bottom: 1px solid #9b9b9b;
    background-color: #fff;
}

.mblPageIndicatorDot {
    background-color: #949294;
}

.mblPageIndicatorDotSelected {
    background-color: #4D648D;
}

.mblCarouselItemHeaderText {
    font-weight: bold;
    font-size: 1.2em;
    color: #4c535b;
}

.mblCarouselItemImage {
    opacity: 1 !important;
}

/* add point, areas, img, kml, gpx | buttons in layermanager */

.add_button {
    margin-left: 10px;
    margin-top: 0px;
    display: block;
    height: 15px;
    width: 15px;
    cursor: pointer;
    color: #54bfab;
}

.spacerflex {
    flex: 1 0 100%;
    height: 1px;
}

.adder_container {
    margin-left: 36px !important;
}

.adder_elem {
    display: block;
    height: 20px !important;
    width: 20px !important;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: -5px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color: #000;
    font-size: 10px;
}

/* .adder_point {
    background: url(../img/poi_manager/adder_point.svg) top left no-repeat;
    background-size: contain;
}

.adder_freehand {
    background: url(../img/poi_manager/adder_freehand.svg) top left no-repeat;
    background-size: contain;
}

.adder_img {
    background: url(../img/poi_manager/adder_img.svg) top left no-repeat;
    background-size: contain;
}

.adder_kml {
    background: url(../img/poi_manager/adder_kml.svg) top left no-repeat;
    background-size: contain;
}

.adder_gpx {
    background: url(../img/poi_manager/adder_gpx.svg) top left no-repeat;
    background-size: contain;
} */
/* photo, gpx, kml, etc import dialog buttons*/

*[id*="_uploader"] .dijitButtonNode {
    background: #567CB7 !important;
    color: white !important;
    border: 1px solid #DDD !important;
    cursor: pointer !important;
    padding-bottom: 3px;
}

/* ---- 
#njs_info_pane {
    top: 120px !important;
}
*/
/* sponsors */

#sponsor {
    position: absolute;
    top: 0px;
    right: 20px;
}

#sponsor:after {
    content: " ";
    background: url(../img/ket.svg) center center no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 8px;
}

#sponsor_if {
    width: 250px;
    height: 98px;
    overflow: hidden;
}

@media all and (max-width: 1280px) {
    #sponsor_if {
        height: 25px;
    }
}

/* choose language (and style the select) */

#lselector select:not([multiple]) {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    background-color: #fff;
    padding: 4px;
    padding-right: 1.5em;
    color: #05164D;
    border: none;
}

#srch_routing select:not([multiple]) {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    background-color: #fff;
    padding-right: 1.5em;
    color: #333;
    border: none;
}

#srch_routing select::-ms-expand,
#lselector select::-ms-expand {
    display: none;
}

/*
#lselector {
    position: absolute;
    top: 45px;
    right: 5px;
    border: 1px solid #05164d;
}
*/

#lselector {
    position: absolute;
    top: 0px;
    right: 5px;
    /* border: 1px solid #05164d; */
}

/* gebaude numbers */
/* #njs_info_pane_content table:nth-child(1) tr td:nth-child(1) {
    width: 40%;
}

#njs_info_pane_content table:nth-child(1) tr td:nth-child(2) {
    width: 60%;
}

div [id*="baumkataster_"] table tr td:nth-child(1) {
    width: 124px !important;
}

div [id*="baumkataster_"] table tr td:nth-child(2) {
    width: 15px !important;
} */

/* */

/* .dijitPopup .dijitColorPalettePopup {z-index: 1000; -ms-overflow-y: visible;} */

@media all and (max-device-width: 768) {
    .dijitTabPaneWrapper {
        overflow-x: scroll;
    }
}

/* WMS IMPORT REVAMPED */

.tundra .dijitButtonNodeTransparent .dijitButtonNode {
    border: none;
    background: none !important;
}


/* WMS Import Dialog */

.wms-cont {
    padding: 5px;
    height: 100%;

}


#btn_wmsimport_load_label.dijitButtonText {
    display: none;
}

#widget_wmsimport_title_filter {
    width: 100%;
    height: 16px;
}

.wms-cont .dijitButton,
#njs_wmsimport_dialog .dijitButtonNode {
    margin: 0 !important;
    padding: 0 !important;
}

.row {
    display: flex;
    /*justify-content: flex-start;
    margin-top: 10px;
    */
    margin-bottom: 10px;
}

.center {
    justify-content: center;
}

.wms_desc {
    max-height: 15vh;
    overflow-y: auto;
}

.wms-cont .dijitDialogPaneContent {
    margin-top: 1vh;
   /*  border-top: 1px solid #54bfab; */
    border-top: none;
    padding: 5px;
    
}
.wms-cont .dijitDialogPaneContent b {
    font-family: 'Montserrat', sans-serif;
}
.row .red button {
    padding: 5px;
    background: #ff0;
}

#wmsimportFilterLabel {
    display: block;
    margin-top: 1vh;
    margin-bottom:0.5vh;
    
}

#wmsimportFilterLabel i {
    font-style: normal;
}
#wmsimportGrid {
    font-size: 1.1em;
}
#wmsimportGrid .dojoxGridRowSelected,
#wmsimportGrid .dojoxGridRowEditing td,
#wmsimportGrid .dojoxGridRowOver .dojoxGridCell,
#wmsimportGrid .dojoxGridCellOver {
    background-color: #54bfab !important;
}

#wmsimportGrid .dojoxGridRowOdd {
    background-color: #ededed;
}
#wmsimportGrid .dojoxGridCellFocus {
    border:none !important;
}
#wmsimportGrid .dojoxGridCell {
    font-size: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border: none;
}
#wmsimportResult_body {
    padding: 0;
}

#wmsimportGrid {

    min-height: 30vh;

}
@media (max-width: 1920px) {
    #wmsimportGrid {

        min-height: 10vh;
    }

}

#wmsimportResult_body .dijitButton {
    box-shadow: 0px 1px 2px #999;
    margin-right: 10px !important;
    height: 24px !important;
    width: 85px;
    text-align: center;
}
#wmsimportResult_body .dijitDisabled .dijitButtonText,
#wmsimportResult_body .dijitButtonNodeTransparent .dijitButtonNode {
    border: none;
    background: none !important;
}

.tundra .dijitSelect .dijitArrowButton,
.tundra .dijitButtonNode {
    background: #fff;
    border: none;
    padding: 0.2em 0.4em !important;
}

#btn_wmsimport_load {
    display: block;
    width: 28px;
    height: 28px;
    background: url(../img/buttons/connect.svg) center center no-repeat;
    background-size: contain;
}

#btn_wmsimport_cancel {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/close16_blue.svg) center center no-repeat;
    background-size: contain;
    margin-top: -1px;
}


#wmsimportResult_body .dijitDisabled,
#widget_wmsimport_title_filter,
#widget_wmsimport_uri_select {
    padding: 0.5em;
    background: #fff;
    font-size: 1em !important;
}
#btn_wms_legend_wrapper_label, #btn_wms_add_wrapper_label {
    margin-top: 0.3em;
    background: none !important;
}
#wmsimportFilterFields {
    width: 100%;
}

#wmsimportResult_body .dijitButtonNode {
    background: unset !important;
}
.tundra .dijitTextBox,
.tundra .dijitTextBoxFocused {
    border: 1px solid #cdcdcd;
}

#wmsimport_abstract_wrapper {
    margin: auto;
    height: auto;
}
#wmsimport_abstract_wrapper_title {
    display:block;
    border-top: 1px solid #54bfab;
    border-bottom: 1px solid #54bfab;
    margin-bottom:0.5vh;
}

.zoomglass_wmsimport {
    display:block;
    width:18px;
    height:18px;
    background: url(../img/zoomglass.svg) center center no-repeat;
}


/* custom eigentümer autowidth columns - fh request */
table[id*="_4"] .infoWindowItemName,
table[id*="_4"] .infoWindowItem {
    width: auto;
}
.rowplus {
	width: 100%;
	display: flex;
    flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	gap: 5px;
}

.rowplus .dijitTextBox, .tundra .dijitTextBoxFocused {
    border: 1px solid #cdcdcd;    
    background: transparent;  
    padding:2px;
    
  }

  .rowplus .dijitSelect .dijitArrowButton {
    background: transparent;
    border: 1px solid #cdcdcd;
    padding: 0.2em 0.4em !important;
  }

  .rowplus .dijitButtonNode {
      min-width:14px;
  }

  .rowplus .dijitArrowButtonInner {
      filter:invert(100%);
      float:right;
  }
  
  .rowplus .dijitInputContainer,
  .rowplus .dijitInputInner {
      height:18px;
  }

  .rowplus a {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;   
    background: transparent;
    border: 1px solid #cdcdcd;
    text-align: center;
    line-height: 20px;
  }

  /* minor tweaks in maptip's selects*/

  .tundra .dijitSelect .dijitButtonContents, .tundra .dijitSelect {
    padding-left: 3px;
    padding-right: 3px;
  }
  /* bonus logo over buttons bug*/

  #bonuslogo {
    pointer-events: none;
  }

  /* wee */

  .btnShLinkManager {
    background: url(../img/ribbon/btn_shlink.svg) center no-repeat;
    width: 32px;
    height: 32px;
    filter:hue-rotate(-20deg) saturate(50%);
}

.btnWeeClip {
    background: url(../img/ribbon/btn_clipboard.svg) center no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    filter:grayscale(100%);
}

#wee_wrapper{
    position: absolute;
    top: -10px;
    left: 502px;
    background: #FFF;
    padding: 15px;
    border: none;
    border: 3px solid #4d4d4d;
    border-top: 3px solid #fff;
}

.toClipboard {
    border: solid 1px #424a52;
    text-align: center;
    width: 250px;
}

/* drop down multi select in lyrmgr*/

.dojoxCheckedMultiSelect {
    width: auto !important;
}

.dijitMenuItemIconCell {
    width: 22px !important;
    max-width: 22px !important;
}
.dojoxCheckedMultiSelectCheckBoxInput {
    opacity: 1.0 !important;
    filter:grayscale(100%) !important;
}
 /* drawings miscs */

 div [id*='_drawings_combo_menu'] {
    max-height: 30dvh;
 }

 /* widget drawing again */
 div [id*='drawings'] {
    flex-grow: 1;
 }
div [id*='drawings'] table {
    margin-top: 0 !important;
 }

.rowplus .dijitSelect .dijitArrowButton,
.rowplus .dijitButtonNode {
    background:#333 !important;
 }