.mobile body,
    body,
    html {
        overflow: hidden;
        font-family: "Lato", sans-serif;
        font-size: 12px;
        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;
    }

    /* main layout */

    #leftPaneContainer {
        width: 0px;
    }

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

    #leftPaneHeader {
        display: block;
        height: 99px;
        border-bottom: 1px solid #999;
    }

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

    #header_bar {
        height: 90px;
    }

    #ribbon_tabs_tablist {
        display: none;
    }

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

    #ribbon_tabs * {
        overflow: hidden;
    }

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

    /* */
    /* .juve {
        background: url(../img/juve.png) right 20px center no-repeat #fff !important;
        background-size: 139px 50px !important;
    } */

    /* @media all and (max-width: 1254px) {
        .juve {
            background-size: 60px 22px !important;
        }
    } */
    /*
    #headPane_splitter {
        background: #333333;
        height: 2px;
    }
    
    #header_bar_splitter {
        
        display: none;
        background: #F0F0F0;
        height: 2px;
        
    }
    */
    #header_barContainer_splitter,
    #headPane_splitter,
    #header_bar_splitter {
        display: none !important;
    }

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

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

    #headPane {
        width: 100%;
        height: 110px;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
        background: #fff;
    }

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

    #footPane2 {
        width: 100%;
        padding: 0px;
        margin: 0px;
        height: 40px;
        overflow: hidden;
        background: #FFF;
        display: none;
    }

    #footPane_main {
        width: 100%;
        padding: 0px;
        margin: 0px;
        height: auto;
        min-height: 40px;
        overflow: hidden;
        background: #FFF;
    }

    #middlePane {
        height: 100px;
        padding: 0px !important;
        /*border-top: 2px solid #333 !important;*/
    }

    #map {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        /*  border-top: 2px solid #F0F0F0; */
    }

    #logoMapPlus {
        background: url(../img/mymaps.png) no-repeat bottom left #FFF !important;
        background-size: contain;
        display: block;
        height: 98px;
        width: 320px;
    }

    #logoMapPlusEmbedded {
        /* background: url(../img/mymaps.png) no-repeat bottom left rgb(255, 255, 255) !important; */
        background-size: contain !important;
        display: block;
        height: 40px;
        width: 120px;
        position: absolute;
        top: 10px;
        left: 10px;
    }

    /* @media all and (max-width:640px) {
        #logoMapPlusEmbedded {
            width: 64px;
            height:20px;
            position:absolute;
            bottom: 4px;
            right: 5px;
        }
        #disclaimer_copyright {
            font-size: 6px !important;
          }
    } */


    /* 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.3s2;
        -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.png) center no-repeat;
        height: 24px;
        width: 24px;
    }

    .njsIconButtonCoordPickerChecked {
        background: url(../img/coords_locked.png) center no-repeat;
        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: normal !important;
        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;
    }

    .tool_btn {}

    /* ribbon area */
    /* extra logo ingesa */

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

    #ribbon_tabs .nowrapTabStrip {
        width: 100% !important;
        /*border-bottom: 1px solid #bfc4c7 !important;*/
        background: #eee;
        margin-top: -2px;
        /*justify-content: flex-start;*/
    }

    #ribbon_tabs .dijitTabContainerTop-dijitContentPane {}

    #ribbon_tabs .dijitTab,
    #ribbon_tabs .dijitTabChecked {
        width: 80px;
        height: 20px;
        color: #666;
        background: url() #eee;
        text-align: center;
        font-size: 13px;
        font-weight: 400;
        /*
        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: #F0F0F0 !important;
        box-shadow: 0px 0px 8px #999;
    }

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

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

    #ribbon_tabs .dijitTab {
        border: none;
    }

    #ribbon_tabs .dijitTab:hover {
        color: #F0F0F0;
    }

    /* floating panes */

    .tundra .dojoxFloatingPaneTitle {
        background-color: #333 !important;
        border: 1px solid #000 !important;
        color: #fff;
    }


    #njs_info_pane {
        -webkit-overflow-scrolling: touch !important;
        overflow: auto;
        max-height: 80dvh;
        max-width: 99dvw;
    }


    #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;
    }

    #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;
    }

    /* 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*/

    #header_bar .dijitButtonHover .dijitButtonNode,
    #header_bar .dijitHover {
        background: url() #fff !important;
    }

    .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;
    } */
    .njsIconButtonImage {
        background: url(../img/print.svg) center no-repeat;
        height: 32px;
        width: 32px;
        background-size: contain;
    }

    .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;
    }

    .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/close30_red.svg) center no-repeat;
        height: 16px;
        width: 16px;
        background-size: contain;
    }

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

    .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 .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;
    }

    /* REDLINING */

    .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;
    }

    .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;
    }

    .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: 18px;
        width: 18px;
    }

    .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;
    }

    /* 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;
    }

    /* 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;
    }

    /* WMS IMPORT */

    /* WMS Import Dialog */

    .wms-cont {
        padding: 10px;
    }

    #btn_wmsimport_load_label.dijitButtonText {
        display: none;
    }

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

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

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

    .row .red button {
        padding: 5px;
        background: #ff0;
    }

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

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

    #wmsimportFilterFields {
        width: 100%;
    }

    #wmsimport_abstract_wrapper {
        margin: auto;
    }

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

    .tundra .dijitButtonNode {
        background: #fff;
        border-color: #808080 !important;
        padding: 0.2em 0.4em !important;
    }

    /* opacity and color control */

    #mapcontrols_div {
        position: absolute;
        bottom: 12px;
        height: 25px;
        width: 170px;
        display: flex;
        align-items: center;
        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: 14;
        font-weight: bold;
        height: 30px;
        margin-top: -1px !important;
        padding: 0px;
        width: 30px; */
        width: 80px;
        height: 24px;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        /* margin-bottom: 5px; */
        margin-right: 10px;
        border: 0px;
        cursor: pointer;
    }

    .toggle_coltool:active {}

    /* Map opacity range */

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

    input[type="range"] {
        -webkit-appearance: none;
        -webkit-tap-highlight-color: rgba(25, 25, 25, 0);
        width: 100%;
        height: 4px;
        margin: 0;
        /* border: 2px solid #aaa; */
        padding: 1px 2px;
        border-radius: 0px;
        background: rgba(25, 25, 25, 1.0);
        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;
        height: 20px !important;
        /* 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: block;
    }

    /* thumb */

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

    input[type="range"]::-moz-range-thumb {
        width: 20px;
        height: 20px;
        border: none;
        border-radius: 10px;
        background: #F0F0F0;
        cursor: pointer;
    }

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

    /* 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: #666666;
        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 {
        color: #000;
        font-size: 14px !important;
        /* font-weight: 700;
        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;
    }

    #layer_menu_button,
    #tools_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 left 10px;
    }

    #layer_menu_button_title,
    #tools_menu_button_title,
    #sort_menu_button_title {

        margin-left: 40px;
    }

    #leftPaneSearch {
        width: 325px !important;
        height: 125px !important;
        overflow: hidden;
    }

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

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

    .imagelink {
        -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/close30_red.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: 100% !important;
        margin-top: 5px !important;
        margin-right: 10px;
    }

    /* #solrsearchFreeInput_close {
        display: block;
        background: url(../img/close30_red.svg) center center no-repeat #F0F0F0;
        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_red.svg) center center no-repeat #F0F0F0;
        cursor: help;
    }

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

    .srcClear {
        height: 34px;
        cursor: pointer;
        margin-left: 5px;
    }

    #solrsrcCont {
        position: absolute;
        width: 45% !important;
        right: 10px;
        top: 10px;
    }

    #widget_solrsearchFirstParamSelect {
        border: 4px solid #F0F0F0 !important;
        background: #ffffff !important;
        height: 26px;
        border-radius: 4px;
        text-align: center;
    }

    #widget_solrsearchFirstParamSelect * {
        border: none !important;

    }

    #widget_solrsearchFirstParamSelect .dijitDownArrowButton {
        display: none;
    }

    #widget_solrsearchFirstParamSelect input {
        text-align: center;
        font-size: 12px;
        line-height: 26px;
        height: 28px;
    }

    .tundra .dijitPlaceHolder {
        font-style: normal !important;
        font-size: 12px;
        color: #F0F0F0;
        width: 100%;
        height: 100%;
        line-height: 26px;
    }

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

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

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

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

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

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

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

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

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

    #freesearchFreeInput {
        background: none !important;
        width: 90% !important;
        border: 1px solid #4D648D;
    }

    #srch_free .dijitComboBox,
    #srch_free2 .dijitTextBox,
    #groutingStartInput,
    #groutingEndInput {
        width: 280px !important;
        height: 22px !important;
        padding: 2px !important;
        margin: 0 !important;
        background: none !important;
    }

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

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

    #srch_free .dijitComboBox .dijitPlaceHolder,
    #srch_free .dijitComboBox .dijitInputInner {
        margin-top: 3px !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;
    }

    #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*/

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

    /* 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: 180px;
        height: auto !important;
        top: -18px !important;
        z-index: 99999 !important;
        background: #fff;
        padding: 0px !important;
        padding-top: 20px !important;
        border: 2px solid #333;
        left: 152px;
    }

    .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='#ffffff', 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: 20px !important;
        margin-top: 10px !important;
        border-radius: 5px;
        text-align: center;
    }

    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;
    }

    .tundra .dijitTabContainer {
        overflow-y: 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 {
        display: none;
    }

    /*#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: flex;
        flex-direction: column;
        width: 65px;
        min-width: 65px;
        height: 65px;
        margin: 0px !important;
        padding: 0 !important;
        text-align: center;
        background-color: #fff;
        border-left: 1px solid #fff;
        justify-content: space-around;
    } */
    .appLayout div:last-of-type {
        display: none;
    }

    /* .mainmap,
    .al_adj {
        height: auto;
        min-width: 72px;
        width: 72px !important;
        margin-top: 5px;
        margin-bottom: 2px;
    } */

    /*
    .appLayout div:nth-child(2) {
        position: absolute;
        bottom: 16px;
        font-size: 11px;
        text-align: center;
        width: 70px;
        height: auto;
    }
    */



    @media all and (max-width: 1024px) {

        .appLayout,
        .mainmap,
        .al_adj {
            /* width: 50px !important;
            min-width: 50px; */
        }

        .appLayout div:nth-child(2) {
            display: none;
        }
    }

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

    /* 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_ortho_wrapper,
    #njs_main_rl_wrapper {
        background: #FFF;
        top: -10px;
        padding: 15px;
        position: absolute !important;
        box-shadow: 0px 2px 5px #ddd;
        border: 2px solid #F0F0F0;
        border-top: none;
    }

    #njs_main_print_wrapper {
        left: 75px;
    }

    /* 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;
        width: 140px;
        height: 18px;
        /* vertical-align: middle !important; */
        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: #F0F0F0 !important;
    }

    /* main button bar */

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

    /* #mainButtonBar div.olControlZoom {
        position: relative !important;
        top:0;
        left: 0;
        padding:0;
    }
    #mainButtonBar div.olControlZoom a{
        width: 32px;
        height:32px;
        background-color: #F0F0F0;
        line-height: 30px;
    } */

    #btnZoomIn {
        background: #F0F0F0;
        width: 26px !important;
        height: 26px;
        border: 4px solid #F0F0F0;
        border-radius: 4px;
        margin-top: 2px;
        text-align: center;
        line-height: 26px;
    }

    #btnZoomOut {
        background: #F0F0F0;
        width: 26px !important;
        height: 26px;
        border: 4px solid #F0F0F0;
        border-radius: 4px;
        margin-top: 2px;
        text-align: center;
        line-height: 26px;
    }

    #btnMaps {
        background: url(../img/bmaps/01.png) center no-repeat;
        width: 26px !important;
        height: 26px;
        border: 4px solid #F0F0F0;
        border-radius: 4px;
        margin-top: 10px;
    }

    #btnGo {
        background: url(../img/goStadt.svg) center no-repeat;
        width: 32px;
        height: 32px;
        margin-top: 10px;
    }

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

    .btnInitialExtent {
        background: url(../img/btn_home.svg) center no-repeat;
        background-color: rgba(0, 0, 0, 0);
        background-size: contain;
        width: 26px;
        height: 26px;
        background-color: #F0F0F0;
        background-size: 22px 22px;
        border: 4px solid #F0F0F0;
        border-radius: 4px;
        margin-top: 4px;
    }

    .btnStreetView {
        background: url(../img/ribbon/btn_streetview.svg) center no-repeat #F0F0F0;
        width: 26px;
        height: 26px;
        background-size: contain;
        border: 4px solid #F0F0F0;
        border-radius: 4px;
        margin-top: 10px;
    }

    .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/swiss_topo.svg) top left no-repeat;
    }

    .btnExportKML {
        background: url(../img/icon_kml.svg) top left no-repeat;
    }

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

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



    div[class^="btn"] {
        cursor: pointer;
        /*margin-bottom: 4px;*/
    }

    .mainButtonAll {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 40px;
        right: 0;
    }

    #mainButtonBar {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: auto !important;
        height: auto !important;
    }

    /* ribbon */
    /*
    #mainButtonBar div {
        margin-right: 10px;
        margin-left: 10px;
    }

    */
    /* hack for multiple text lines in accorderon */

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

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

    #layer_menu .dijitTitlePaneContentInner {
        width: 105%;
    }

    /* to make space and avoid text on 2 lines */

    #layer_menu .dijitTitlePaneContentInner div {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

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

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

    /* 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 #F0F0F0 !important;
    }

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

    #layer_menu .nowrapTabStrip {
        width: 100% !important;
        display: flex;
        justify-content: space-around;
        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: 8px !important;
    }

    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: #000000 !important;
        border-bottom: 1px solid #F0F0F0 !important;
    }

    #njs_info_pane_content .dijitTitlePaneTitle {
        background: #EFEFEF none repeat scroll 0 0 !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 {
        color: #000000;
        font-size: 15px !important;
        font-weight: normal;
        /* text-transform: uppercase; */
        margin-left: 5px;
    }

    .dijitTitlePaneTitleHover {
        background: #567CB7 no-repeat !important;
    }

    .dijitTitlePaneTextNode {
        font-size: 14px !important;
        font-weight: normal !important;
    }

    .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: 1px;
        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;
        /*box-shadow: 1px 1px 2px #666;*/
        cursor: pointer;
        background: url(../img/poi_manager/add_button.svg) center center no-repeat #FFF;
        background-size: contain;
        color: transparent;
        font-size: 0px;
    }

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

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

    .adder_elem {

        margin-left: 4px;
        margin-bottom: 2px;
        cursor: pointer;

    }

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

    .adder_freehand {
        background: url(../img/poi_manager/adder_freehand.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;
        cursor: pointer;
    }

    .adder_img {
        /* background: url(../img/poi_manager/adder_img.svg) top left no-repeat; */
        background-size: contain;
        cursor: pointer;
        font-size: 0px;
    }

    .adder_img:before {
        content: "[gps+]";
        font-size: 11px;
        line-height: 150% !important
    }

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

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


    /* ---- */

    /*  #njs_info_pane {
        top: 120px !important;
    } */
    /* WMS Import Dialog */

    .wms-cont {
        padding: 10px;
    }

    #btn_wmsimport_load_label.dijitButtonText {
        display: none;
    }

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

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

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

    .row .red button {
        padding: 5px;
        background: #ff0;
    }

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

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

    #wmsimportFilterFields {
        width: 100%;
    }

    #wmsimport_abstract_wrapper {
        margin: auto;
    }

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

    .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: "✖";
    }

    @media (orientation: portrait) {
        #popup-content img:nth-child(1) {
            max-width: 70vw;
        }
    }

    .btnZoomIn::after {
        content: '\0045';
        font-family: mapplusFonta;
    }

    .btnZoomOut::after {
        content: '\0046';
        font-family: mapplusFonta;
    }

    .ol-zoom {
        display: none;
    }

    .ol-rotate {
        top: 5px;
        right: 35px;
        transition: opacity .25s linear, visibility 0s linear;
    }

    .ol-rotate.ol-control {
        position: absolute;
        right: 0px;
        width: 34px;
        min-height: 34px;
        background-color: #F0F0F0;
    }

    .ol-rotate.ol-control button {
        display: block;
        margin: 0px;
        padding: 0;
        color: #FFF;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        height: 34px;
        width: 34px;
        line-height: 34px;
        border: none;
        outline: none !important;
        background-color: transparent;
    }

    .btnRotation {
        pointer-events: none !important;
        background-color: transparent !important;
    }

    .ol-compass {
        color: transparent
    }

    .ol-compass:after {
        content: "\0050";
        font-family: 'mapplusFonta';
        font-size: 0.8rem;
        line-height: 34px;
        color: #444;
        position: absolute;
        top: 0;
        display: block;
        width: 34px;
        height: 34px;
    }

    .ol-overlaycontainer .ol-touch-cursor {
        width: 56px;
        height: 56px;
        margin: 6px;
        border-radius: 0 50% 50% !important;
        cursor: pointer;
        background: rgba(255, 255, 255, .4) !important;
        -webkit-box-shadow: inset 0 0 0 5px #2e2e2e !important;
        box-shadow: inset 0 0 0 5px #111 !important;
        border: 1px solid #FFF !important;
    }

    .ol-overlaycontainer .ol-touch-cursor::after {
        display: none !important;
    }

    .ol-touch-cursor .ol-button {
        font-size: unset;
    }

    .ol-scale-line {
        bottom: 2rem;
    }

    .ol-attribution {
        position: absolute;
        text-align: left;
        bottom: 2px !important;
        right: 2px !important;
        max-width: 60dvw;
        width: auto;
        /* height: 22px; */
        display: flex;
        flex-flow: row-reverse;
        align-items: center;
    }

    .ol-button-move {
        top: 120% !important;
        left: 120% !important;
    }