@font-face {
    font-family: "OpenSans";
    src: url('./fonts/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

.mobile body,
body,
html {
    overflow: hidden;
    font-family: OpenSans, 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: #A9A9A9;
        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 #A9A9A9; */
}


#logo_rkbm_embedded {
    background: url(../img/mapplus_logo.svg) no-repeat center;
    background-size: contain !important;
    display: block;
    height: 50px;
    width: 150px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
    border-radius: 10px;
}

@media all and (max-width:640px) {
    #logo_rkbm_embedded {
        width: 64px;
        height: 20px;
        position: absolute;
        bottom: 5px;
        right: 5px;
    }
}


/* 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: #A9A9A9 !important;
    box-shadow: 0px 0px 8px #999;
}

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

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

#ribbon_tabs .dijitTab {
    border: none;
}

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

/* floating panes */

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

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

@media all and (max-width: 917px) {
    #njs_info_pane {
        left: 0px !important;
        width: calc(100% - 5px) !important;
    }

    .dojoxFloatingPaneCanvasInfo {
        width: calc(100% - 5px) !important;
    }
}

#njs_floatlegend_pane .dojoxFloatingPaneCanvas {
    position: absolute;
    top: 25px !important;
}

#njs_info_pane_content .dijitTitlePaneTitle {
    background: #e1e1e1 !important;
    color: #333 !important;
    font-weight: 900;
    border: none;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/*#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: 30px;
    height: 25px;
    width: 170px;
    display: flex;
    align-items: center;
    padding: 10px;
    left: 50%;
    margin-left: -95px;
}
@media all and (max-width: 500px) {
    #mapcontrols_div {
        bottom: 55px;       
        transform: scale(0.8);
    }
    .ol-attribution *{
        font-size: 10px;
    }
}

.toggle_coltool {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0;
    font-weight: bold;
    height: 30px;
    margin-top: 6px !important;
    margin-right: 10px !important;
    padding: 10px;
    width: 30px;
    border-radius: 0px;
}

.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: #A9A9A9;
    cursor: pointer;
}

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

input[type="range"]::-ms-thumb {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 0;
    background: #A9A9A9;
    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 #A9A9A9;
        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 #A9A9A9;
    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;
}

.njsSearch {
    position: absolute;
    top: 5px;
    width: 50dvw;
    left: 25%;
    z-index: 999;
}

.njsSearch div:first-child {
    justify-content: center;
}

#widget_solrsearchFirstParamSelect {
    max-width: 40dvw;
}

.clearSearch {
    display: none;
}

.clearSearch_embedded {
    display: block !important;
    cursor: pointer;
    width: 20px;
    height:20px;
    border-radius: 5px;
    margin-left: 6px;
    padding:5px;
    background-color: rgba(255,255,255,0.7);
}

#widget_solrsearchFirstParamSelect {
    border: 1px solid #A9A9A9 !important;
    background: #ffffff !important;
    height: 26px;
    border-radius: 4px;
    text-align: center;
    padding: 1px;
    padding-right: 2px;
}

#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: #333;
    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: 30dvw !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: 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 #A9A9A9;
    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: #A9A9A9 !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;
        background: #fff;
    }
    #mainButtonBar div.olControlZoom a{
        width: 32px;
        height:32px;
        color:#000;
        background-color: #A9A9A9;
        line-height: 30px;
    } */



/* .iconSearch {
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	background: url('../img/buttons/search.svg') center center no-repeat;
	background-size: auto;
	background-size: contain;
    opacity: 0.8;
} */


#btnZoomIn {
    background: url(../img/buttons/plus.svg) center no-repeat;
    width: 26px;
    height: 26px;
    background-color: #00009c;
    background-size: 22px 22px;
    border: 5px solid #00009c;
    border-radius: 4px;
    margin-top: 4px;
    margin-right: 10px;
}

#btnZoomOut {
    background: url(../img/buttons/minus.svg) center no-repeat;
    width: 26px;
    height: 26px;
    background-color: #00009c;
    background-size: 22px 22px;
    border: 5px solid #00009c;
    border-radius: 4px;
    margin-top: 4px;
    margin-right: 10px;
}

#btnMaps {
    background: url(../img/buttons/aerial.svg) center no-repeat;
    width: 26px !important;
    height: 26px;
    border: 5px solid #00009c;
    border-radius: 4px;
    margin-top: 2px;
}

#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/buttons/home.svg) center no-repeat;
    width: 26px;
    height: 26px;
    background-color: #00009c;
    background-size: 22px 22px;
    border: 5px solid #00009c;
    border-radius: 4px;
    margin-top: 4px;
    margin-right: 10px;
}

.btnStreetView {
    background: url(../img/buttons/streetview.png) center no-repeat;
    width: 26px;
    height: 26px;
    background-color: #00009c;
    background-size: 22px 22px;
    border: 5px solid #00009c;
    border-radius: 4px;
    margin-top: 4px;
}

.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 #A9A9A9 !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 #A9A9A9 !important;
}

#njs_info_pane_content .dijitTitlePaneTitle {
    background: #EFEFEF none repeat scroll 0 0 !important;
}

#njs_info_pane_content {
    max-height: 70vh;
}

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

#flexyPaneTips {
    display: flex;
    justify-content: flex-end;
    background-color: #A9A9A9;
}

.infoPaneClose {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/close30_000.svg) center center no-repeat;
    background-size: contain;
    cursor: pointer;
}

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

input[type="range"] {
    -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;
}

.dojoxFloatingCloseIcon {
    background: url("../img/close30.svg") no-repeat 0 0 !important;
    background-size: contain !important;
}

.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: 10px;
    width: 34px;
    min-height: 34px;
    background-color: #00009c;
}

.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-rotate {
    opacity: 1 !important;
    visibility: visible !important;
  }

.ol-compass:after {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 34px;
    height: 34px;
	background: url(../img/buttons/navigation_arrow_white.svg) center center no-repeat;
	background-size: 24px;
	margin-top: 0px;
	margin-left: 0px;    
}

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