html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

td {
    padding: 0;
}

table {
    border-spacing: 0;
    border-collapse: separate;
}

input {
    border-color: #ccc;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
a.button {
    cursor: pointer;
    border: 0;
    display: inline-block;
    min-height: 30px;
    color: white;
    background: #DDD;
    text-align: center;
}

#leftPaneContainer {
    width: 350px;
}

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

#headPane {
    width: 340px;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    overflow: hidden;
}

body {
    overflow: hidden;
    font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-size: 11px;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.e-grid {
    font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
}

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

a:hover,
a:visited,
a:link {
    text-decoration: none;
}

.olControlScaleLineTop {
    border: solid 2px black;
    border-top: none;
    text-align: center;
    position: absolute;
    left: 10px;
    bottom: 30px;
}

.njsIcon,
.njsLegend {
    margin-top: -1px;
    margin-bottom: 2px;
}

.njsFooter,
.njsHeader {
    font-size: 12px;
    font-weight: normal;
}

.hidden {
    display: none !important;
}

.tablecenter {
    display: table;
    align-items: center;
}

.cellcenter {
    display: table-cell;
    vertical-align: middle
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

/*Coordbox*/
#njs_coordinates_wrapper {
    color: #808080;
    background: url('../img/buttons/Expander_Position.png') no-repeat left;
    height: 40px;
    /*width: 350px;*/
    overflow: hidden;
}

.coordDiv {
    /*font-size: 11px;*/
    /*width: 302px;
    padding-top: 46px;
    padding-bottom: 3px;*/
    margin-top: 5px;
    width: 100%;
}

.coordLabel {
    padding-left: 10px;
}

.coordLine {
    padding-left: 20px;
    width: 100px;
    text-align: right;
}

.oneCoordBoxDiv {
    width: 75px;
}

.oneCoordBox {
    border: none;
    /*background-color: transparent;*/
    text-align: right;
    width: 75px;
}

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

.oneCoordBoxUnit {
    width: 20px;
}

.oneCoordBox::-ms-clear,
.twoCoordBox::-ms-clear,
.oneCoordBox::-ms-reveal,
.twoCoordBox::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

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

#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*/
#ovToggle {
    position: absolute;
    right: 0;
    bottom: 0;
    z-Index: 999;
}

#ovWin {
    border: solid 1px #424A52;
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    z-Index: 998;
}

#ovToggleImg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-Index: 1000;
    width: 25px;
    height: 25px
}

.ovToggleHide {
    background: url("../img/buttons/Button_OverviewOff.png") no-repeat bottom right;
}

.ovToggleShow {
    background: url("../img/buttons/Button_OverviewOn.png") no-repeat;
}

/*wms import*/
.loading {
    background-image: url("../img/loading_layers.gif");
    width: 24px;
    height: 24px;
}

.clearFilter {
    background-image: url("../img/buttons/Button_Delete_Round.png");
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#header {
    margin: 4px;
    margin-bottom: 0;
    background-color: #ffffff;
    color: #424a52;
    font-size: 16pt;
    text-align: right;
    font-weight: bold;
    height: 50px;
    padding: 0;
}

#footer {
    margin: 4px;
    margin-top: 0;
    background-color: #A6AEB6;
    color: #000;
    border: solid 1px #dddddd;
    border-top: solid 2px #424a52;
    font-size: 10pt;
    text-align: left;
    height: 30px;
    padding-top: 10px;
}

#footer_content a {
    color: #C40000;
}

#leftPaneFooter {
    position: relative;
}

#leftPaneHeader {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    padding: 0;
    margin: 0;
}

#leftPaneWiper {
    background-image: url("");
    background-color: #243c5f;
    border-color: #666666 #A4A4A4 #8D8D8D #363636;
    border: none;
    border-width: 1px;
    color: #ffffff;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}

#filterFreePane {
    position: absolute;
    right: 30px;
    top: 2px;
    z-index: 99;
    width: 20px;
    margin: 0;
    padding: 0;
    background: transparent;
    border-style: solid;
    border-color: #000;
    border-width: 0 1px 1px 1px;
    align: center;
    -moz-box-shadow: 0 0 1em #26393D;
    -webkit-box-shadow: 0 0 1em #26393D;
    box-shadow: 0 0 1em #26393D;
}

#filterPaneToggable {
    overflow: hidden;
}

#filterFreePaneWiper {
    background-image: url("");
    background-color: transparent;
    color: #ffffff;
    width: 20px;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}

#rightPane {
    margin: 4px;
    margin-left: 0;
    padding: 0;
    background-color: white;
    color: #424a52;
    border: solid 1px #dddddd;
    width: 268px;
    font-size: 15px;
}

#njsBanner {
    right: 0;
    top: 0;
    width: 217px;
    height: 98px;
    margin: 0;
    padding: 0;
    background-color: #4c535b;
    z-index: 1;
}

#infoTips {
    background: #a7aeb6;
    margin: 5px;
}

#njs_grouplayer_list {
}

#map2 {
    margin: 0 10px 10px 10px;
    border-style: solid;
    border-color: #000;
    border-width: 1px 1px 1px 1px;
}

#map {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

#logoMapplus {
    background: url(../img/logo.png) no-repeat center transparent;
    background-size: contain;
    display: block;
    height: 46px;
    width: 100%;
    cursor: pointer;
}

.baseLyrBtn {
    color: #424a52;
    font-size: 11px;
}

/* shorten class name */

.tundra .dijitSliderIncrementIconV {
    background-position: 0 0;
    margin: 0 0 3px 1px;
}

.tundra .dijitSliderDecrementIconV {
    background-position: -20px 0;
    margin: 3px 0 0 1px;
}

.tundra .dijitSliderDecrementIconV,
.tundra .dijitSliderIncrementIconV {
    background-image: url(../img/zoom_controls.png);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.tundra .dijitSliderImageHandleV {
    background: transparent url(../img/zoom_controls.png) no-repeat scroll center;
    border: 0 none;
    cursor: pointer;
    height: 20px;
    width: 16px;
    left: 10px;
    top: -9px;
    background-position: -40px 0;
}

.tundra .dijitSliderFocused .dijitSliderImageHandleV {
    background-image: url(../img/zoom_controls.png);
}

.tundra .dijitSliderBar {
    border-bottom-color: #424A52;
    border-left-color: #424A52;
    border-right-color: #424A52;
    border-top-color: #424A52;
}

.tundra .dijitSliderFocused .dijitSliderBar {
    border-bottom-color: #424A52;
    border-left-color: #424A52;
    border-right-color: #424A52;
    border-top-color: #424A52;
}

.tundra .dijitAccordionContainer {
    border: none;
}

.tundra .dijitAccordionTitle {
    text-align: center;
}

.dijitAccordionContainer-dijitContentPane {
    /*font-size:12px;*/
    font-weight: normal;
}

.tundra .dijitAccordionContainer-dijitContentPane {
    background: #FFF !important;
}

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

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

.tundra .dijitAccordionTitle-selected {
    background-image: url("");
    background-color: #C40000;
    border-color: #666666 #A4A4A4 #8D8D8D #363636;
    border-style: solid;
    border-width: 1px;
    color: white;
    display: block;
    font-size: 100%;
    font-weight: bold;
    letter-spacing: 0.025em;
    margin-left: 0;
    padding: 7px 0 3px 5px;
    text-transform: uppercase;
}

.dijitAccordionFocused {
    text-decoration: none;
}

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

.dijitSelectMenu {
    font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.downArrow {
    font-size: 85%;
    vertical-align: text-bottom;
}

#userMenu {
    background: #424a52;
    border: 1px solid #000;
    display: table;
    font-size: 13px;
    font-weight: bold;
    list-style-type: none;
    margin: 0 0;
    padding: 0 3px;
    position: relative;
    z-index: 9000;
}

#userMenu li {
    cursor: pointer;
    font-size: 12px;
    list-style: none;
    display: table-cell;
    float: left;
    position: relative;
    text-decoration: none;
}

#userMenu li a {
    color: #fff;
    font-size: 11px;
    padding: 4px 5px;
}

#userMenu li div {
    color: #fff;
    font-size: 11px;
    padding: 3px 5px;
    text-decoration: none;
    height: 17px;
}

#userMenu li div:hover {
    background-color: #a7aeb6;
    text-decoration: none;
}

#userMenu li a:hover {
    background-color: #a7aeb6;
}

#userMenu img {
    margin-right: 3px;
    vertical-align: top;
}

#userMenu a {
    position: relative;
    display: block;
}

#userMenu .dropdown {
    background: #424a52;
    border: 1px solid #000;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
    top: 23px;
    left: -999em;
    height: 1px;
    display: block;
    text-decoration: none;
}

#userMenu .dropdown li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

#userMenu .dropdown li:hover {
    opacity: 1;
    text-decoration: none;
}

#userMenu .dropdown li a {
    display: block;
    padding: 6px 14px;
    text-shadow: 0 0 1px #000;
    color: #fff;
}

#infolay_wait {
    position: absolute;
    /*right: 5px;
    top: 7px;*/
    height: 100%;
}

.njsPrint a a:hover {
    border: none;
}

.njsPrint .title {
    font-weight: bold;
}

.njsPrint .normal {
    font-weight: normal;
}

.dojoxGrid table {
    margin: 0;
}

/* Button styles*/
.njsButton {
    margin: 1px 0 0 1px;
    padding: 0;
}

.mapIcon {
    padding: 0.3em;
    padding-left: 30px;
    border: 2px solid #DDD;
    height: 32px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-color: #DDD;
}

.dijitToggleButton {
    cursor: pointer !important;
}

.njsIconButtonImage,
.njsIconButtonPDFPrint,
.njsIconButtonRuler,
.njsIconButtonArea,
.njsIconButtonProfile,
.njsIconButtonLinearMeasure,
.njsIconButtonOrthoMeasure,
.njsIconMeasureDelete,
.njsIconRedliningPoint,
.njsIconRedliningText,
.njsIconRedliningLine,
.njsIconRedliningPolygon,
.njsIconRedliningCircle,
.njsIconRedliningDelete,
.njsIconRedliningSave,
.njsIconButtonExport,
.njsIconButtonWMSImp,
.njsIconButtonDistanceMeasure,
.njsIconButtonSurfaceMeasure,
.njsIconButtonRectangleSelect,
.njsIconButtonPolygonSelect,
.njsIconButtonCircleSelect,
.njsIconButtonClearSelect,
.njsIconButtonMultiSelect,
.njsIconButtonSelect {
    height: 50px !important;
    width: 50px !important;
}

.dijitToggleButtonDisabled,
.dijitButtonDisabled {
    opacity: 0.5;
    cursor: not-allowed !important;
}

.dijitToggleButtonChecked {
    background-color: lightgrey;
}

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

/*Selection*/
.njsIconButtonRectangleSelect {
    background: url(../img/buttons/Tools_RectangleSelect.png) center no-repeat !important;
}

.njsIconButtonPolygonSelect {
    background: url(../img/buttons/Tools_PolygonSelect.png) center no-repeat !important;
}

.njsIconButtonCircleSelect {
    background: url(../img/buttons/Tools_CircleSelect.png) center no-repeat !important;
}

.njsIconButtonClearSelect {
    background: url(../img/buttons/Tools_ClearSelect.png) center no-repeat !important;
}

.njsIconButtonMultiSelect {
    background: url(../img/buttons/Tools_MultiSelect.png) center no-repeat !important;
}

.njsIconButtonSelect {
    background: url(../img/buttons/Tools_Select.png) center no-repeat !important;
}

/*Print*/
.njsIconButtonImage {
    background: url(../img/buttons/Tools_PrintHTML.png) center no-repeat !important;
}

.njsIconButtonPDFPrint {
    background: url(../img/buttons/Tools_PrintPDF.png) center no-repeat !important;
}

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

/*Messen*/
.njsIconButtonRuler,
.njsIconButtonDistanceMeasure {
    background: url(../img/buttons/Tools_MeasureLine.png) center no-repeat;
}

.njsIconButtonArea,
.njsIconButtonSurfaceMeasure {
    background: url(../img/buttons/Tools_MeasureArea.png) center no-repeat;
}

/*Bemaßung*/
.njsIconButtonLinearMeasure {
    background: url(../img/buttons/Tools_MeasureBaseline.png) center no-repeat !important;
}

.njsIconButtonOrthoMeasure {
    background: url(../img/buttons/Tools_MeasureOrtholine.png) center no-repeat !important;
}

.njsIconMeasureDelete {
    background: url(../img/buttons/Tools_Delete.png) center no-repeat;
}

/*Zeichnen*/
.njsIconRedliningPoint {
    background: url(../img/buttons/Tools_CreatePoint.png) center no-repeat !important;
}

.njsIconRedliningText {
    background: url(../img/buttons/Tools_CreateText.png) center no-repeat !important;
}

.njsIconRedliningLine {
    background: url(../img/buttons/Tools_CreateLine.png) center no-repeat !important;
}

.njsIconRedliningPolygon {
    background: url(../img/buttons/Tools_CreateArea.png) center no-repeat !important;
}

.njsIconRedliningCircle {
    background: url(../img/buttons/Tools_CreateCircle.png) center no-repeat !important;
}

.njsIconRedliningDelete {
    background: url(../img/buttons/Tools_Delete.png) center no-repeat !important;
}

.njsIconRedliningSave {
    background: url(../img/buttons/Tools_Save.png) center no-repeat !important;
}

/*WMS*/
.njsIconButtonWMSImp {
    background: url(../img/buttons/Tools_OpenWMS.png) center no-repeat !important;
}

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

/*Koordinatenanzeige*/
.njsIconButtonCoordPicker {
    background: url(../img/unlock.svg) center no-repeat;
    height: 24px;
    width: 24px;
}

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

.njsIconButtonCoordPickerClear {
    background: url(../img/trash-o.svg) center no-repeat;
    height: 24px;
    width: 24px;
}

.njsIconButtonCoordGoTo {
    background: url("../img/buttons/trans38x38.png");
    visibility: hidden; /*Firefox Bugfix*/
    width: 30px;
    height: 30px;
}

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

.dijitEditorIconClose {
    background: url(../img/buttons/Button_Delete_Square.png) !important;
    width: 16px;
    height: 16px;
}

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

/* Redlining Marker */

#marker_wrapper .dijitToggleButton {
    margin: 0.1em !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.njsToolbar {
    position: absolute;
    right: 150px;
    top: 20px;
    width: auto;
    height: 30px;
    background-color: #550000;
    z-index: 9999;
}

element.style {
    color: #000000;
    font-style: normal;
}

/*Buttons z.B im WMS-Import*/
#njs_wmsimport_dialog .dijitButtonNode {
    background: #fff;
    border-color: #808080 !important;
    padding: 0.2em 0.4em !important;
}

.tundra .dijitPushButtonNode .dijitButtonNode,
.tundra .dijitButtonNodeTransparent .dijitButtonNode {
    border: none;
    padding: 0;
    background: none !important;
}

.tundra .dijitTreeRowSelected .dijitTreeLabel {
    background: none;
}

.tundra .dijitTreeRowHover {
    background-image: url("");
}

.tundra .dijitTextBoxFocused {
    border-color: #C40000;
}

.tundra .dijitButtonActive .dijitButtonNode,
.tundra .dijitDropDownButtonActive .dijitButtonNode,
.tundra .dijitComboButtonActive .dijitButtonNode,
.tundra .dijitToggleButtonActive .dijitButtonNode,
.tundra .dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
    background-color: #abd6ff;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.tundra .dijitCheckBoxChecked,
.claro .dijitToggleButtonChecked .dijitCheckBoxIcon {
    background-position: 0;
}

.tundra .dijitToggleButtonChecked .dijitRadioIcon {
    background-position: -92px;
}

.tundra .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode {
    margin: 0;
    border-width: 1px;
    border-style: solid;
    background-image: none;
    border-color: #759dc0;
    background-color: #ffffff;
    padding: 1px;
}

.form-required {
    color: #C40000;
}

div.olControlMousePosition {
    font-size: larger;
    background-color: #ffffff;
}

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

.dijitTitlePaneTitle {
    background: #F4F4F4 !important;
}

.dijitTitlePaneTitleHover {
    text-decoration: none;
}

.dijitTitlePaneTextNode {
    font-size: 12px !important;
    font-weight: bold !important;
}

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

/* Map opacity range */
input::-moz-focus-inner {
    border: 0;
}

input[type="range"] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    width: 100%;
    height: 20px;
    margin: 0;
    border: none;
    padding: 1px 2px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+0,d6d6d6+0,acacac+100&1+1,0.1+100 */
    background: -moz-linear-gradient(left, rgba(214, 214, 214, 1) 0%, rgba(214, 214, 214, 1) 1%, rgba(172, 172, 172, 0.1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(214, 214, 214, 1) 0%, rgba(214, 214, 214, 1) 1%, rgba(172, 172, 172, 0.1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(214, 214, 214, 1) 0%, rgba(214, 214, 214, 1) 1%, rgba(172, 172, 172, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#1aacacac', GradientType=1); /* IE6-9 */
    outline: none !important; /* no focus outline */
}

/* set no dotted border for firefox */
input[type=range]:focus {
    outline: none !important;
}

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

input[type="range"]::-ms-track {
    border: inherit;
    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: 18px;
    height: 18px;
    border: none;
    border-radius: 0;
    background: #2969B9;
}

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

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

/* sortable */
#main_lyrsorter {
    -ms-touch-action: none;
    touch-action: none;
    padding-left: 0;
}

#njs_main_lyrsorter_wrapper .sortable_li {
    display: flex;
    justify-content: space-between;
    height: 26px;
    margin-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
}

#njs_main_lyrsorter_wrapper .sortable_handle {
    display: block;
    width: 20px;
    background: url(../img/buttons/Button_Sort_Move.png) center center no-repeat;
    cursor: move;
}

.sortable_close {
    display: block;
    width: 18px;
    height: 22px;
    background: url(../img/buttons/Button_Delete_Square.png) right center no-repeat;
    cursor: pointer;
}

#njs_main_lyrsorter_wrapper .sortable_slider {
    position: relative;
    width: 82%;
}

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

#njs_main_lyrsorter_wrapper .sortable_label {
    position: absolute;
    width: 95%;
    left: 5px;
    top: 5px;
    z-index: 1;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: normal;
    color: #666666;
    pointer-events: none;
}

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

/* */
#mapcontrols_div {
    bottom: 10px;
    margin: 0;
}

.toggle_coltool {
    width: 48px;
    height: 24px;
    color: #FFFFFF;
    font-size: 0;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 5px;
    border: 0;
    cursor: pointer;
}

.toggle_coltool:active {
}

.noBorder {
    border: 0;
}

.noCellspacing {
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}

.noCellpadding {
    padding: 0 !important;
}

.defaultBoder {
    border: 1px;
}

.defaultCellspacing {
    border-spacing: 2px;
    border-collapse: separate;
}

.defaultCellpadding {
    padding: 2px;
}

.clear {
    clear: both;
    display: block;
    float: none;
}

.fullWidth {
    width: 100%;
}

/*Override*/

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

.dojoxGridError {
    display: none;
}

.dijitInputContainer input {
    padding: 3px !important;
}

.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: #DDD;
    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: #666;
    font-size: 13px !important;
    text-transform: uppercase !important;
    outline: none !important;
}

.dijitAccordionTitle {
    text-align: left !important;
    padding-top: 4px !important;
    padding-left: 40px !important;
}

/*TabButtons Navigation Links*/
.layerTabContainer .dijitTabListWrapper .dijitTab {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin-left: 6px;
    margin-right: 4px;
}

.dijitTabHover .dijitTabButtonIcon {
    background: red;
    border: yellow;
}

.dijitTabContainerTop-tabs {
    padding-left: 0 !important;
    padding-bottom: 10px;
}

#navPane {
    margin: 5px 0 0 5px;
    padding: 0;
}

#navTabs_tablist_layer_menu,
#navTabs_tablist_tools_menu,
#navTabs_tablist_sort_menu,
#navTabs_tablist_search_menu {
    width: 72px;
    height: 72px;
}

#navTabs_tablist_layer_menu {
    background: url('../img/buttons/ButtonMaps.png') no-repeat left;
}

#navTabs_tablist_tools_menu {
    background: url('../img/buttons/ButtonTools.png') no-repeat left;
}

#navTabs_tablist_sort_menu {
    background: url('../img/buttons/ButtonSort.png') no-repeat left;
}

#navTabs_tablist_search_menu {
    background: url('../img/buttons/ButtonSearch.png') no-repeat left;
}

.dijitTabChecked > #navTabs_tablist_layer_menu {
    background: url('../img/buttons/ButtonMaps_s.png') no-repeat left;
}

.dijitTabChecked > #navTabs_tablist_tools_menu {
    background: url('../img/buttons/ButtonTools_s.png') no-repeat left;
}

.dijitTabChecked > #navTabs_tablist_sort_menu {
    background: url('../img/buttons/ButtonSort_s.png') no-repeat left;
}

.dijitTabChecked > #navTabs_tablist_search_menu {
    background: url('../img/buttons/ButtonSearch_s.png') no-repeat left;
}


#leftPane {
    left: 0 !important;
    top: 0 !important;
}

/*Search*/
#middlePane {
    overflow: visible;
    z-index: 500;
}

#njs_search_wrapper {
    height: 40px;
}

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

.search_form .switch_link,
.directions_form .switch_link {
    float: right;
    width: 30px;
}

.searchTbl {
    height: 40px;
    background-image: url(../img/buttons/Expander_Search.png);
    background-repeat: no-repeat;
}

.searchBoxTd {
    width: 310px;
    position: absolute;
    margin-top: 12px;
}

#searchInputDiv {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent !important;
    border: none !important;
    width: 100%;
    padding-left: 7px;
    padding-right: 2px;
}

.searchButton {
    width: 40px;
    height: 28px;
    background-color: transparent !important;
    float: right;
}

.search_form input.overflow[type="text"],
.directions_form input.overflow[type="text"] {
    border-right: none;
}

.tundra .dijitTabPaneWrapper {
    background-color: #FFF !important;
}

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

/* no borders */

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

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
textarea::-webkit-input-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder {
    color: #808080;
}

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

/* maps buttons icons */
#grMapContainer .dijitPushButtonNode,
#grMapContainer .dijitButtonNode {
    background: none;
    border: 0;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}

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

.appLayout {
    display: block;
    width: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

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

#tools_menu .dijitIcon1 {
    -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');
}

/* basemaps menu */
.map_selector {
    display: block;
    height: 20px;
    vertical-align: middle !important;
    padding-top: 3px;
    margin-left: 5px;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer;
    text-align: center;
    box-shadow: none !important;
    border: none;
    white-space: nowrap;
    padding-left: 6px;
    padding-right: 6px;
}

.map_selector.selected {
    background-color: transparent;
    color: white !important;
    font-weight: 600 !important;
}

.map_selector.unselected {
    background-color: transparent;
    color: lightgrey !important;
}

.map_selector:hover {
    color: white;
}

.njsIconButtonOSM,
.njsIconButtonStreet,
.njsIconButtonAerial,
.njsIconButtonAerialStreet {
    background: no-repeat 5px;
}

#rightSideBtn {
    position: absolute;
    top: 160px;
    right: 40px;
    height: 210px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}

/* hack for multiple text lines in accorderon */
#layer_menu label {
    display: block;
    width: auto !important;
    line-height: 150% !important;
}

#layer_menu .dijitTitlePaneContentInner div {
    display: -webkit-flex; /* Safari */
    display: flex;
}

/*Position Icons vor Checkbox Baum*/
#layer_menu .dijitTitlePaneContentInner img {
    height: 18px;
}

/*Werkzeuge Text unter Icons*/
.appLayoutDescription {
    display: none;
}

/* misc */
*:focus {
    outline: none;
}

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

/*SubtreeItems*/
.tundra .dijitTitlePaneContentInner {
    padding-left: 10px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* styles.css (1817, 38) */
#tools_menu .tundra .dijitTitlePaneContentInner {
    padding-left: 0;
}

.dijitTitlePaneTitle:hover {
    background: #FF980A;
}

/* fake placeholders inside range slider */
.txtslide {
    position: absolute;
    left: 80px;
    margin-top: 5px;
    color: #333;
}

#logoMapplus,
.tundra .dijitBorderContainer,
.tundra .dijitGutterH,
.tundra .dijitBorderContainer-dijitContentPane,
.tundra .dijitAccordionContainer,
.tundra .dijitAccordionContainer-dijitContentPane,
.tundra .dijitTabContainerTop-dijitContentPane,
.tundra .dijitTabContainerLeft-dijitContentPane,
.tundra .dijitTabContainerBottom-dijitContentPane,
.tundra .dijitTabContainerRight-dijitContentPane,
.tundra .dijitAccordionContainer-dijitContentPane,
.tundra .dijitTitlePaneContentOuter,
.tundra .dijitDialogPaneContent,
.dojoxFloatingPaneContentInfo,
.tundra .dojoxGridScrollbox {
    background-color: #F4F4F4;
}

.tundra .dijitTabContainerTop-tabs,
.tundra .dijitTabPaneWrapper {
    border: none;
}

.clearable {
    background: #fff url(../img/clear.gif) no-repeat right -10px center;
    padding-right: 18px; /* Use the same right padding (18) in jQ! */
    transition: background 0.4s;
}

.clearable.x {
    background-position: right 5px center;
}

/* (jQ) Show icon */
.clearable.onX {
    cursor: pointer;
}

/* (jQ) hover cursor style */
.clearable::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

/* Remove IE default X */

.tundra .dijitTabPaneWrapper {
    margin-top: 10px;
}

.tundra .dijitSelect .dijitButtonContents,
.tundra .dijitSelect,
.tundra .dijitTextBox {
    background-image: none !important;
}

#measure1_LabelColor_label,
#measure1_LineColor_label,
#colorPalette_wrapper_label,
#fillColorPalette_wrapper_label,
#linearmeasure1_LineColor_label,
#linearmeasure1_LabelColor_label,
#orthogonal1_LineColor_label,
#orthogonal1_LabelColor_label {
    visibility: hidden;
}

.dijitSelectLabel {
    padding: 1px 1px 1px 3px;
}

/* maps selectors */

#btnMapContainer_main {
    position: absolute;
    right: 50px;
}

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

#print_menu,
#measure_menu,
#rl_menu {
    display: block;
    padding: 0;
}

#njs_main_print_wrapper,
#njs_main_measure_wrapper,
#njs_main_rl_wrapper {
}

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

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

#printpdf1 table td {
    padding-top: 2px;
    padding-bottom: 2px;
}

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

#printpdf1 .dijitButton {
    margin-right: 10px !important;
    height: 24px !important;
}

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

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

#linetype_wrapper .dijitValidationTextBox {
    width: 154px !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: 154px !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 {
    left: 8px !important;
    width: 25px;
    height: 25px;
    position: relative;
}

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

#text_wrapper .dijitTextBox {
    width: 259px !important;
    height: 14px !important;
}

#tools_menu .dijitArrowButton,
#tool_dialogs_container .dijitArrowButton {
    width: 16px !important;
}

#tools_menu .dijitButtonNode,
#tool_dialogs_container .dijitButtonNode {
    /*border: none !important;*/
    background: none;
}

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

#tool_dialogs_container .dijitDropDownButton,
#njs_main_ortho_wrapper .dijitDropDownButton {
    margin-top: 0 !important;
}

#tool_dialogs_container .dijitDropDownButton .dijitButtonNode,
#rl_menu .dijitDropDownButton .dijitButtonNode,
#measure_menu .dijitDropDownButton .dijitButtonNode,
#ortho_menu .dijitDropDownButton .dijitButtonNode {
    font-size: 0 !important;
    height: 20px !important;
    width: 30px !important;
}

/* main button bar */

.btnLayers {
    background: url(../img/buttons/Tools_Layercontrol.png) no-repeat;
}

.btnMaps {
    background: url(../img/buttons/Button_Basemap.png) no-repeat;
}

.btnThemes {
    background: url(../img/buttons/Button_Storymap.png) no-repeat;
}

.btnInitialExtent {
    background: url(../img/buttons/Button_Initial.png) no-repeat;
}

.btnRemoveLayers {
    background: url(../img/buttons/Button_OverlayOff.png) top left no-repeat;
}

.btnLocate,
.btnLocateMe {
    background: url(../img/buttons/Button_Locate.png) no-repeat;
}

.btnHelp,
.btnHelpOnline {
    background: url(../img/buttons/Button_Help.png) no-repeat;
}

.btnAccount {
    background: url(../img/buttons/Button_Account2.png) no-repeat;
}

.btnShare {
    background: url(../img/buttons/Button_Share.png) no-repeat;
}

.btnImprint {
    background: url(../img/buttons/Button_Imprint.png) no-repeat;
}

.btnPlugInApps {
    background: url(../img/buttons/Button_Apps.png) no-repeat;
}

.btnSettings {
    background: url(../img/buttons/Button_Settings.png) no-repeat;
}

.btnZoomIn {
    background: url(../img/buttons/Button_ZoomIn.png) top left no-repeat;
}

.btnZoomOut {
    background: url(../img/buttons/Button_ZoomOut.png) top left no-repeat;
}

.btnDummy {
    visibility: hidden !important;
}

div[class^="btn"] {
    display: block;
    background-size: contain;
    cursor: pointer;
}

#mainButtonBar,
#main2ButtonBar,
#main3ButtonBar {
    position: absolute;
    display: flex;
    top: 0;
    height: 50px;
    justify-content: space-between;
}

#mainButtonBar {
    left: 0;
    width: auto !important;
}

#mainButtonBar div[class^="btn"] {
    width: 50px;
    height: 50px;
    background-position: center !important;
}

#main2ButtonBar {
    top: 15px;
    right: calc(50vW - 150px);
    width: 350px;
}

#main3ButtonBar {
    top: 15px;
    right: 10px;
}

#main2ButtonBar div[class^="btn"],
#main3ButtonBar div[class^="btn"] {
    background-position: center;
    height: 20px;
    width: 50px;
}

.toolsLabel {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* hack basemaps */
.btnMaps {
    display: none;
    visibility: hidden;
}

#btnMapContainer_main {
    display: flex !important;
    visibility: visible !important;
    margin-top: -2px;
}

/* Layer Manager Toggle Button */
#btnMainPane {
    display: none;
}

/* Storymaps Toggle Button */
.btnThemes {
    background: url(../img/buttons/Expander_Right.png) no-repeat center;
}

/* add point, areas, img, kml, gpx | buttons in layermanager */
.add_button {
    margin-left: 10px;
    margin-top: 0;
    display: block;
    height: 15px;
    width: 24px;
    cursor: pointer;
    background: url(../img/poi_manager/add_button.svg) center center no-repeat #567cb7;
    background-size: contain;
    color: transparent;
    font-size: 0;
}

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

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

.adder_elem {
    display: block;
    height: 15px !important;
    width: 15px !important;
    margin-right: 10px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    color: transparent;
    font-size: 0;
}

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

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

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

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

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

/******************************************** override lokal******************************************************************/
a.button {
    line-height: 20px;
}

#njs_measure_wrapper,
#njs_import_wrapper {
    display: none !important;
}

#paneLayout {
    margin: 0 !important;
    padding: 0 !important;
}

#freePaneAccordeonContentPane {
    margin-top: 5px;
}

.dijitTabContainerTop-dijitContentPane,
.dijitAccordionContainer-dijitContentPane {
    padding: 0 !important;
}

.dijitTitlePaneTitle {
    color: #0D4994 !important;
}

.dojoxFloatingPaneTitle,
.dijitDialogTitleBar {
    color: black !important;
    background-color: #F4F4F4 !important;
    border: none !important;
    border-bottom: 3px solid #a0a0a0 !important;
    height: 24px;
    padding: 4px 4px 2px 4px !important;
}

.dojoxFloatingPaneInfo,
.tundra .dijitDialog {
    border: 1px solid #606060;
}

.tundra .dijitDialogPaneContent {
    border-top: 0;
}

#njs_pdf_dialog .dijitButtonNode {
    height: 18px !important;
}

.tundra .dojoxGrid {
    font-size: 1em;
}

.tundra .dijitTextBoxFocused {
    border-color: #b3b3b3;
}

.dijitTabContainerTop-dijitContentPane b {
    color: #568EBE !important;
    font-weight: normal !important;
    font-size: 15px !important;
}

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

#disclaimer_tips {
    display: none;
}

/*Zeichnen Marker*/
#njs_main_rl_wrapper .dijitButtonNode {
    padding: 0.1em 0.2em 0.2em 0.2em !important;
}

/*********************************************** Override lokal **********************************************/

#paneLayout {
    margin: 0 !important;
    padding: 0 !important;
}

#freePaneAccordeonContentPane,
#middlePane,
.dijitAccordionTitle,
#footPane_main {
    padding: 0 !important;
}

.dijitTitlePaneTitle {
    color: black !important;
}

.dijitEditorIconDelete {
    background: url(../img/buttons/Tools_Delete.png) center no-repeat;
    height: 25px;
    width: 25px;
    background-size: 25px 25px;
    margin-top: -2px;
}

#tools_menu .dijitTitlePaneTitle {
    color: #2968FE !important;
}

/*Werkzeuge*/
#tools_menu .dijitTitlePaneContentOuter {
    border-bottom: solid 1px black;
}

#tools_menu .dijitButtonNode {
    margin: 0 !important;
}

/*Tree*/
.tundra .dijitTitlePane .dijitArrowNode,
.tundra .dijitFieldset .dijitArrowNode {
    background-image: url("../img/buttons/SpriteArrows.png");
    background-position: 0 0;
    height: 15px;
    width: 14px;
    visibility: inherit !important;
    margin-top: -2px;
}

.tundra .dijitTitlePane .dijitClosed .dijitArrowNode,
.tundra .dijitFieldset .dijitClosed .dijitArrowNode {
    background-position: -28px 0;
}

/* TreeNode expanded */
.dijitTitlePaneTextNode .tmpdirCheckBox {
    margin-right: 4px;
    vertical-align: bottom;
}

/* TreeNode collapsed */
.dijitTitlePaneTextNode .dijitCheckBox {
    margin-right: 4px;
    vertical-align: text-top;
}

/*SubtreeItems*/
.tundra .dijitTitlePaneContentInner {
    padding-left: 20px;
}

/* Werkzeuge keine TreeArrows */
#tools_menu span.dijitArrowNode {
    display: none;
}

/* Werkzeuge keine TreeArrows */
#tools_menu .dijitTitlePaneContentInner {
    padding-left: 10px;
}

#mainButtonBar {
    z-index: 555;
}

#main2ButtonBar {
    z-index: 5;
    display: flex;
    width: auto;
    right: 0;
    left: 0;
    height: 35px;
    justify-content: center;
    flex-direction: row;
}

#main2ButtonBar > div {
    display: inline-flex;
    position: relative;
}

#btnMaps {
    width: auto !important;
    height: auto !important;
    top: 2px;
}

#btnMapContainer_main {
    display: inline !important;
    position: relative;
    width: auto;
    right: auto;
    left: auto;
}

#btnMapContainer_main > li {
    display: inline;
}

#main3ButtonBar {
    z-index: 55;
}

/*HeaderBar*/
#headerBar {
    height: 50px;
    background-color: #0078D7;
    overflow: hidden;
}

/*rightpane splitter*/
#custompaneContainer_splitter {
    border-left: 1px solid #a0a0a0 !important;
}

/*Lock Icon für geschützte Kategorien*/
.categoryLocked {
    background-size: 8px 11px;
    background: url(../img/lock.svg) no-repeat top left;
    height: 15px;
    width: 15px;
}

/* toast-info-theme colors */
.toast-info-theme {
    color: white; /* will not effect icon and close button */
    background-color: #0078D7 !important; /* keep !important */
}

/*

 Plugin AGIS Apps

*** (<Mandant>/core/templates/<Template>/css/styles.css) START  (loaded only by Mapplus) ***/

#appsDialogCover {
    z-index: 2000;
    display: none;
    background: #ffffff77;
    position: absolute;
    /* 100% cover */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#appsDialog .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 300px;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    cursor: pointer;
    width: 18rem;
    margin: 0 10px 5px auto;
    padding: 0;
    float: left;
}

#appsDialog .card .top {
    padding: 5px 5px 0 5px;
}

#appsDialog .card .top img {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

#appsDialog .card .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

#appsDialog .card .text {
    margin-top: 0;
    text-align: center;
}

#appsDialog .card text:last-child {
    margin-bottom: 0;
}

#appsDialog .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

/* toast-info-theme colors */
.toast-info-theme {
    color: white; /* will not effect icon and close button */
    background-color: #0078D7 !important; /* keep !important */
}

/*** ENDE (styles.css) Plugin AGIS Apps ***/

/*** ANFANG Geocoder ***/

#navPane {
    top: 95px !important;
}

.autocomplete-suggestions {
    position: absolute;
    background: #b3d7f3;;
    z-index: 1000;
    max-height: 600px;
    overflow-y: auto;
    width: 100%;
    margin-top: 5px;
}

.suggestion-item {
    padding: 10px;
    cursor: pointer;
}

.suggestion-item:hover {
    background-color: #f0f0f0;
}
.suggestion-item.highlight {
    background-color: #f0f0f0;
    font-weight: bold;
}
.no-suggestions {
    padding: 10px;
    color: #999;
}
#geocoderInputDiv {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent !important;
    border: none !important;
    width: 100%;
    padding-left: 7px;
    padding-right: 2px;
}
.geocoderSearch{
    margin-top: 10px!important;
}
#geocoderSearchInput {
    width: 100%;
    padding-right: 20px !important;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*** ENDE Geocoder ***/