body {
    font-family: "Brother-1816-Book";
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

h1 {
    color: white;
    font-family: "Brother-1816-Black";
    font-weight: normal;
    font-size: 28pt;
    text-align: center;
    line-height: 1.2;
}

hr {
    border-top: 1px solid black;
    border-bottom: 0;
    color: #2B2B2B;
    margin-top: 2px;
    margin-bottom: 2px;
}
table tr.hr-top, table tr td.hr-top {
    border-top: 1px solid black;
}
table tr.hr-bottom, table tr td.hr-bottom {
    border-bottom: 1px solid black;
}

button.help {
    border: 1px solid white;
    padding: 0;
    width: 20px;
    height: 20px;
}

label {
    font-family: "Brother-1816-Black";
    font-size: 11pt;
    color: #2B2B2B;
}
.leaflet-control-layers {
    display: none;
}
.leaflet-control-layers label {
    font-family: "Brother-1816-Regular";
}

.black {
    color: black;
}
.background-white {
    background-color: white;
}
.background-center {
    background-position: center;
}
.padding-2 {
    padding: 2px;
}

.line-height-0 {
    line-height: 0;
}

.radio-list-item {
    background-color: white;
    border: 1px solid gray;
    cursor: pointer;
    margin-bottom: 2px;
    margin-top: 2px;
}
.radio-list-item > input {
    cursor: pointer;
    margin-bottom: 3px;
}
.radio-list-item > label {
    cursor: pointer;
}

#map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#map.edit {
    cursor: crosshair;
}

#tooltip {
    display: none;
    position: absolute;
    background: #666;
    color: white;
    opacity: 0.5;
    padding: 10px;
    border: 1px dashed #999;
    font-family: sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    z-index: 20000;
}

#sidebar {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 50px);
    margin-left: 25px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 8px;
    z-index: 10000;
}
#sidebar > .sidebar-section {
    margin-bottom: 8px;
    z-index: 10;
}
#sidebar > .sidebar-section > button {
    background-color: white;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    width: 45px;
    height: 45px;
    cursor: pointer;
}
#sidebar > .sidebar-section > button.active {
    background-color: #FF7300;
}
#sidebar-bottom-left {
    top: initial;
    bottom: 0;
}
.sidebar-section {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}
.sidebar-content {
    background-color: #F4F4F4;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    color: #2B2B2B;
    display: none;
    font-size: 11pt;
    width: 400px;
    line-height: 16px;
    min-height: 45px;
    position: absolute;
    margin-top: 0px;
    margin-left: 53px;
}
.sidebar-content header, .sidebar-content h2, #export-overlay header {
    background-color: #FF7300;
    color: white;
    font-family: 'Brother-1816-Black';
    font-size: 11pt;
    margin: 0;
    padding: 10.5px;
    text-transform: uppercase;
}
.sidebar-content header button.help, .sidebar-content h2 button.help {
    background-color: #FF7300;
    color: white;
    float: right;
    line-height: 0;
    padding-bottom: 2px;
}
.sidebar-content header button.help:hover, .sidebar-content h2 button.help:hover {
    background-color: #FF7300;
    border-color: white;
    color: white;
    float: right;
}
.sidebar-content > div {
    padding-left: 20px;
    padding-right: 20px;
}
.sidebar-content > div:first-of-type {
    padding-top: 20px;
}
.sidebar-content > div:last-child {
    padding-bottom: 20px;
}
.sidebar-content.active {
    display: flex;
}
.sidebar-content-row {
    height: 45px;
}
.sidebar-content-row td:first-child {
    padding-right: 10px;
}
.sidebar-content-first-column {
    width: 90px;
}
.sidebar-content label {
    font-family: 'Brother-1816-Book';
}

#sidebar-search {
    width: 100%;
}

.arrow-box {
    border: 0px solid #F4F4F4;
}
.arrow-box:after, .arrow-box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#sidebar-content-search {
    padding: 8.5px 20px 8.5px 20px;
    width: 360px;
    min-height: 25px;
}
#sidebar-content-map {
    min-height: 98px;
}
#sidebar-content-map:after, #sidebar-content-map:before {
    top: 76px;
}
#sidebar-content-map-modification {
    min-height: 143px;
}
#sidebar-content-map-modification:after, #sidebar-content-map-modification:before {
    top: 121px;
}
#sidebar-content-icon {
    min-height: 152px;
}
#sidebar-content-icon:after, #sidebar-content-icon:before {
    top: 174px;
}
#sidebar-content-line {
    min-height: 219px;
}
#sidebar-content-line:after, #sidebar-content-line:before {
    top: 174px;
}
#sidebar-content-area {
    min-height: 242px;
}
#sidebar-content-area:after, #sidebar-content-area:before {
    top: 263px;
}
#sidebar-content-history {
    min-height: 385px;
}
#sidebar-content-history:after, #sidebar-content-history:before {
    top: 363px;
}
#sidebar-content-layer {
    min-height: 429px;
}
#sidebar-content-layer:after, #sidebar-content-layer:before {
    top: 405px;
}
#sidebar-content-export {
    min-height: 437px;
}
#sidebar-content-export:after, #sidebar-content-export:before {
    top: 459px;
}
#sidebar-content-import {
    min-height: 340px;
}
#sidebar-content-import:after, #sidebar-content-import:before {
    top: 316px;
}
#sidebar-content-profile {
    bottom: 0px;
}
#sidebar-content-profile:after, #sidebar-content-profile:before {
    top: initial;
    bottom: 18px;
}

.sidebar-content > table {
    border-collapse: collapse;
    width: calc(100% - 40px);
    margin: 20px auto 20px auto;
}

.arrow-box:after {
    border-color: rgba(136, 183, 213, 0);
    border-width: 6px;
    margin-top: -6px;
    transform: translatex(7px) rotate(45deg);
    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.4);
}
.arrow-box:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #F4F4F4;
    border-width: 7.7px;
    margin-top: -7.7px;
}

button.close {
    background-image: url("https://icons.locr.com/icon/basic_close.svg?color=white");
    background-color: #FF7300;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    border: 1px solid white;
    margin-left: 5px;
    width: 20px;
    height: 20px;
}
button.close:hover, button.close:not([disabled]):hover {
    border: 1px solid white;
}

#search-button {
    /* background-image: url("https://icons.locr.com/icon/basic_search.svg?color=%232B2B2B"); */
    padding-top: 10px;
}
#search-button:hover svg .colorize,
#map-button:hover svg .colorize,
#style-map-button:hover svg .colorize,
#icon-button:hover svg .colorize,
#line-button:hover svg .colorize,
#polygon-button:hover svg .colorize,
#layer-button:hover svg .colorize,
#export-button:hover svg .colorize,
#import-button:hover svg .colorize,
#profile-button:hover svg .colorize {
    fill: #FF7300;
}
/*
#search-button:hover {
    background-image: url("https://icons.locr.com/icon/basic_search.svg?color=%23FF7300");
}
#search-button.active {
    background-image: url("https://icons.locr.com/icon/basic_search.svg?color=white");
}
*/
#profile-button {
    /* background-image: url("https://icons.locr.com/icon/basic_user.svg?color=%232B2B2B"); */
    padding-top: 10px;
}
/*
#profile-button:hover {
    background-image: url("https://icons.locr.com/icon/basic_user.svg?color=%23FF7300");
}
#profile-button.active {
    background-image: url("https://icons.locr.com/icon/basic_user.svg?color=white");
}
*/
#map-button {
    /* background-image: url("https://icons.locr.com/icon/basic_map.svg?color=%232B2B2B"); */
    padding-top: 10px;
}
/*
#map-button:hover {
    background-image: url("https://icons.locr.com/icon/basic_map.svg?color=%23FF7300");
}
#map-button.active {
    background-image: url("https://icons.locr.com/icon/basic_map.svg?color=white");
}
*/
#icon-button {
    /* background-image: url("https://icons.locr.com/icon/basic_poi.svg?color=%232B2B2B"); */
    padding-top: 10px;
}
/*
#icon-button:hover {
    background-image: url("https://icons.locr.com/icon/basic_poi.svg?color=%23FF7300");
}
#icon-button.active {
    background-image: url("https://icons.locr.com/icon/basic_poi.svg?color=white");
}
*/
#line-button {
    /* background-image: url("https://icons.locr.com/icon/basic_line.svg?color=%232B2B2B"); */
    padding-top: 10px;
}
/*
#line-button:hover {
    background-image: url("https://icons.locr.com/icon/basic_line.svg?color=%23FF7300");
}
#line-button.active {
    background-image: url("https://icons.locr.com/icon/basic_line.svg?color=white");
}
*/
#polygon-button {
    /* background-image: url("https://icons.locr.com/icon/basic_polygon.svg?color=%232B2B2B"); */
    padding-top: 10px;
}
/*
#polygon-button:hover {
    background-image: url("https://icons.locr.com/icon/basic_polygon.svg?color=%23FF7300");
}
#polygon-button.active {
    background-image: url("https://icons.locr.com/icon/basic_polygon.svg?color=white");
}
*/
#icon-default-button {
    background-image: url("https://icons.locr.com/icon/basic_poi.svg?color=%232B2B2B");
}
#icon-default-button[disabled] {
    background-image: url("https://icons.locr.com/icon/basic_poi.svg?color=%23B2B2B2");
}
#icon-default-button:not([disabled]):hover {
    background-image: url("https://icons.locr.com/icon/basic_poi.svg?color=%23FF7300");
}
#icon-default-button:not([disabled]).active {
    background-image: url("https://icons.locr.com/icon/basic_poi.svg?color=white");
}
#icon-text-button {
    background-image: url("https://icons.locr.com/icon/basic_text_on.svg?color=%232B2B2B");
}
#icon-text-button[disabled] {
    background-image: url("https://icons.locr.com/icon/basic_text_on.svg?color=%23B2B2B2");
}
#icon-text-button:not([disabled]):hover {
    background-image: url("https://icons.locr.com/icon/basic_text_on.svg?color=%23FF7300");
}
#icon-text-button:not([disabled]).active {
    background-image: url("https://icons.locr.com/icon/basic_text_on.svg?color=white");
}
#line-straight-button {
    background-image: url("https://icons.locr.com/icon/basic_line_straight.svg?color=%232B2B2B");
}
#line-straight-button[disabled] {
    background-image: url("https://icons.locr.com/icon/basic_line_straight.svg?color=%23B2B2B2");
}
#line-straight-button:not([disabled]):hover {
    background-image: url("https://icons.locr.com/icon/basic_line_straight.svg?color=%23FF7300");
}
#line-straight-button:not([disabled]).active {
    background-image: url("https://icons.locr.com/icon/basic_line_straight.svg?color=white");
}
#line-bezier-button {
    background-image: url("https://icons.locr.com/icon/basic_line_bezier.svg?color=%232B2B2B");
}
#line-bezier-button[disabled] {
    background-image: url("https://icons.locr.com/icon/basic_line_bezier.svg?color=%23B2B2B2");
}
#line-bezier-button:not([disabled]):hover {
    background-image: url("https://icons.locr.com/icon/basic_line_bezier.svg?color=%23FF7300");
}
#line-bezier-button:not([disabled]).active {
    background-image: url("https://icons.locr.com/icon/basic_line_bezier.svg?color=white");
}
#line-routing-button {
    background-image: url("https://icons.locr.com/icon/basic_line_routing.svg?color=%232B2B2B");
}
#line-routing-button[disabled] {
    background-image: url("https://icons.locr.com/icon/basic_line_routing.svg?color=%23B2B2B2");
}
#line-routing-button:not([disabled]):hover {
    background-image: url("https://icons.locr.com/icon/basic_line_routing.svg?color=%23FF7300");
}
#line-routing-button:not([disabled]).active {
    background-image: url("https://icons.locr.com/icon/basic_line_routing.svg?color=white");
}
#area-polygon-button {
    background-image: url("https://icons.locr.com/icon/basic_area_polygon.svg?color=%232B2B2B");
}
#area-polygon-button[disabled] {
    background-image: url("https://icons.locr.com/icon/basic_area_polygon.svg?color=%23B2B2B2");
}
#area-polygon-button:not([disabled]):hover {
    background-image: url("https://icons.locr.com/icon/basic_area_polygon.svg?color=%23FF7300");
}
#area-polygon-button:not([disabled]).active {
    background-image: url("https://icons.locr.com/icon/basic_area_polygon.svg?color=white");
}
#area-circle-button {
    background-image: url("https://icons.locr.com/icon/basic_area_circle.svg?color=%232B2B2B");
}
#area-circle-button[disabled] {
    background-image: url("https://icons.locr.com/icon/basic_area_circle.svg?color=%23B2B2B2");
}
#area-circle-button:not([disabled]):hover {
    background-image: url("https://icons.locr.com/icon/basic_area_circle.svg?color=%23FF7300");
}
#area-circle-button:not([disabled]).active {
    background-image: url("https://icons.locr.com/icon/basic_area_circle.svg?color=white");
}
#area-rectangle-button {
    background-image: url("https://icons.locr.com/icon/basic_area_square.svg?color=%232B2B2B");
}
#area-rectangle-button[disabled] {
    background-image: url("https://icons.locr.com/icon/basic_area_square.svg?color=%23B2B2B2");
}
#area-rectangle-button:not([disabled]):hover {
    background-image: url("https://icons.locr.com/icon/basic_area_square.svg?color=%23FF7300");
}
#area-rectangle-button:not([disabled]).active {
    background-image: url("https://icons.locr.com/icon/basic_area_square.svg?color=white");
}
/*
#history-button {
    background-image: url("https://icons.locr.com/icon/basic_history.svg?color=%232B2B2B");
}
#history-button:hover {
    background-image: url("https://icons.locr.com/icon/basic_history.svg?color=%23FF7300");
}
#history-button.active {
    background-image: url("https://icons.locr.com/icon/basic_history.svg?color=white");
}
*/
button.active svg .colorize {
    fill: white !important;
}

.sub-element-button {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px;
    width: 45px;
    height: 45px;
}

#layer-button {
    /* background-image: url("https://icons.locr.com/icon/basic_layers.svg?color=%232B2B2B"); */
    padding-top: 10px;
}
/*
#layer-button:hover {
    background-image: url("https://icons.locr.com/icon/basic_layers.svg?color=%23FF7300");
}
#layer-button.active {
    background-image: url("https://icons.locr.com/icon/basic_layers.svg?color=white");
}
*/
#export-button {
    /* background-image: url("https://icons.locr.com/icon/basic_export.svg?color=%232B2B2B"); */
    padding-top: 10px;
}
/*
#export-button:hover {
    background-image: url("https://icons.locr.com/icon/basic_export.svg?color=%23FF7300");
}
#export-button.active {
    background-image: url("https://icons.locr.com/icon/basic_export.svg?color=white");
}
*/
#export-mode-digital.active, #export-mode-print.active {
    border: 2px solid black;
}
#import-button {
    /* background-image: url("https://icons.locr.com/icon/basic_import.svg?color=%232B2B2B"); */
    padding-top: 10px;
}
/*
#import-button:hover {
    background-image: url("https://icons.locr.com/icon/basic_import.svg?color=%23FF7300");
}
#import-button.active {
    background-image: url("https://icons.locr.com/icon/basic_import.svg?color=white");
}
*/
#import-mode-digital.active, #import-mode-print.active {
    border: 2px solid black;
}

input {
    border: 2px solid black;
    padding: 5px 8px;
}
input {
    font-family: "Brother-1816-Book";
    font-size: 11pt;
}
input[type="color"] {
    -webkit-appearance: none;
    border: none;
    width: 17px;
    height: 17px;
    padding: 0;
    vertical-align: sub;
}
input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}
input[type="color"]::-webkit-color-swatch {
    border: none;
}
input[type="text"], input[type="number"] {
    margin-top: 1px;
    padding-bottom: 2px;
    vertical-align: top;
}
button, input[type=submit] {
    border-color: #2B2B2B;
    font-family: "Brother-1816-Book";
    font-size: 11pt;
}
button:not([disabled]):hover, input:not([disabled]):hover[type=submit] {
    border-color: #FF7300;
    color: #FF7300;
}
button.active:not([disabled]):hover, input.active:not([disabled]):hover[type=submit] {
    color: #2B2B2B;
}
button:not([disabled]):active, input:not([disabled]):active[type=submit] {
    background-color: #2B2B2B;
    border-color: #2B2B2B;
    color: #FF7300;
}
button.active:not([disabled]):active, input.active:not([disabled]):active[type=submit] {
    color: #FF7300;
}
button:focus, input:focus[type=submit] {
    outline: none;
}
button::-moz-focus-inner, input::-moz-focus-inner[type=submit] {
    border: 0;
}
button, input[type=submit], select {
    background-color: white;
    border: 2px solid black;
    padding: 5px 8px;
}
select.small {
    border: 1px solid gray;
    padding: 1px;
}
button[disabled] {
    background-color: #F4F4F4;
    border-color: #B2B2B2;
}
button.active {
    background-color: #FF7300;
    border-color: #FF7300;
}

button.special {
    border-color: #FF7300;
    color: #2B2B2b;
}
button:not([disabled]).special:hover, button:not([disabled]).special:active {
    color: #FF7300;
}

button.left-icon {
    background-position: 14px;
    background-repeat: no-repeat;
    background-size: 15px;
    padding: 10px 20px 10px 42px;
}
button.no-icon {
    padding: 10px 20px 10px 20px;
}
.img-icon {
    background-repeat: no-repeat;
    background-size: 15px;
}
.img-icon-17 {
    background-repeat: no-repeat;
    background-size: 17px;
}
.img-icon-25 {
    background-repeat: no-repeat;
    background-size: 25px;
}
img.img-icon.icon-hover:hover {
    cursor: pointer;
}
img.img-icon-17.icon-hover:hover, img.img-icon-25.icon-hover:hover {
    cursor: pointer;
}
button.icon-placement-center, img.icon-placement-center {
    background-image: url("https://icons.locr.com/icon/basic_anchor_center.svg?color=%232B2B2B");
}
img.icon-placement-center.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_anchor_center.svg?color=%23FF7300");
    background-color: #B2B2B2;
}
img.icon-placement-center.active {
    background-image: url("https://icons.locr.com/icon/basic_anchor_center.svg?color=white");
    background-color: #2B2B2B;
}
button.icon-placement-center:hover, button.icon-placement-center:active {
    background-image: url("https://icons.locr.com/icon/basic_anchor_center.svg?color=%23FF7300");
}
button.icon-placement-top, img.icon-placement-top {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=%232B2B2B");
}
img.icon-placement-top.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=%23FF7300");
    background-color: #B2B2B2;
}
img.icon-placement-top.active {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=white");
    background-color: #2B2B2B;
}
button.icon-placement-top:hover, button.icon-placement-top:active {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=%23FF7300");
}
button.icon-placement-right, img.icon-placement-right {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=%232B2B2B&rotate=90");
}
img.icon-placement-right.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=%23FF7300&rotate=90");
    background-color: #B2B2B2;
}
img.icon-placement-right.active {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=white&rotate=90");
    background-color: #2B2B2B;
}
button.icon-placement-right:hover, button.icon-placement-right:active {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=%23FF7300&rotate=90");
}
button.icon-placement-bottom, img.icon-placement-bottom {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=%232B2B2B&rotate=180");
}
img.icon-placement-bottom.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=%23FF7300&rotate=180");
    background-color: #B2B2B2;
}
img.icon-placement-bottom.active {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=white&rotate=180");
    background-color: #2B2B2B;
}
button.icon-placement-bottom:hover, button.icon-placement-bottom:active {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=%23FF7300&rotate=180");
}
button.icon-placement-left, img.icon-placement-left {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=%232B2B2B&rotate=270");
}
img.icon-placement-left.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=%23FF7300&rotate=270");
    background-color: #B2B2B2;
}
img.icon-placement-left.active {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=white&rotate=270");
    background-color: #2B2B2B;
}
button.icon-placement-left:hover, button.icon-placement-left:active {
    background-image: url("https://icons.locr.com/icon/basic_anchor_top.svg?color=%23FF7300&rotate=270");
}

button.icon-text-style-bold, img.icon-text-style-bold {
    background-image: url("https://icons.locr.com/icon/basic_text_style_bold.svg?color=%232B2B2B");
}
img.icon-text-style-bold.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_text_style_bold.svg?color=%23FF7300");
    background-color: #B2B2B2;
}
img.icon-text-style-bold.active {
    background-image: url("https://icons.locr.com/icon/basic_text_style_bold.svg?color=white");
    background-color: #2B2B2B;
}
button.icon-text-style-bold:hover, button.icon-text-style-bold:active {
    background-image: url("https://icons.locr.com/icon/basic_text_style_bold.svg?color=%23FF7300");
}
button.icon-text-style-italic, img.icon-text-style-italic {
    background-image: url("https://icons.locr.com/icon/basic_text_style_italic.svg?color=%232B2B2B");
}
img.icon-text-style-italic.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_text_style_italic.svg?color=%23FF7300");
    background-color: #B2B2B2;
}
img.icon-text-style-italic.active {
    background-image: url("https://icons.locr.com/icon/basic_text_style_italic.svg?color=white");
    background-color: #2B2B2B;
}
button.icon-text-style-italic:hover, button.icon-text-style-italic:active {
    background-image: url("https://icons.locr.com/icon/basic_text_style_italic.svg?color=%23FF7300");
}
button.icon-text-align-left, img.icon-text-align-left {
    background-image: url("https://icons.locr.com/icon/basic_text_align_left.svg?color=%232B2B2B");
}
img.icon-text-align-left.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_text_align_left.svg?color=%23FF7300");
    background-color: #B2B2B2;
}
img.icon-text-align-left.active {
    background-image: url("https://icons.locr.com/icon/basic_text_align_left.svg?color=white");
    background-color: #2B2B2B;
}
button.icon-text-align-left:hover, button.icon-text-align-left:active {
    background-image: url("https://icons.locr.com/icon/basic_text_align_left.svg?color=%23FF7300");
}
button.icon-text-align-center, img.icon-text-align-center {
    background-image: url("https://icons.locr.com/icon/basic_text_align_center.svg?color=%232B2B2B");
}
img.icon-text-align-center.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_text_align_center.svg?color=%23FF7300");
    background-color: #B2B2B2;
}
img.icon-text-align-center.active {
    background-image: url("https://icons.locr.com/icon/basic_text_align_center.svg?color=white");
    background-color: #2B2B2B;
}
button.icon-text-align-center:hover, button.icon-text-align-center:active {
    background-image: url("https://icons.locr.com/icon/basic_text_align_center.svg?color=%23FF7300");
}
button.icon-text-align-right, img.icon-text-align-right {
    background-image: url("https://icons.locr.com/icon/basic_text_align_right.svg?color=%232B2B2B");
}
img.icon-text-align-right.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_text_align_right.svg?color=%23FF7300");
    background-color: #B2B2B2;
}
img.icon-text-align-right.active {
    background-image: url("https://icons.locr.com/icon/basic_text_align_right.svg?color=white");
    background-color: #2B2B2B;
}
button.icon-text-align-right:hover, button.icon-text-align-right:active {
    background-image: url("https://icons.locr.com/icon/basic_text_align_right.svg?color=%23FF7300");
}

button.icon-copy, img.icon-copy {
    background-image: url("https://icons.locr.com/icon/basic_copy.svg?color=%232B2B2B");
}
img.icon-copy.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_copy.svg?color=%23FF7300");
}
button.icon-copy:hover, button.icon-copy:active {
    background-image: url("https://icons.locr.com/icon/basic_copy.svg?color=%23FF7300");
}
button[disabled].icon-copy {
    background-image: url("https://icons.locr.com/icon/basic_copy.svg?color=%23B2B2B2");
}
button.icon-check, img.icon-check {
    background-image: url("https://icons.locr.com/icon/basic_check.svg?color=%232B2B2B");
}
img.icon-check.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_check.svg?color=%23FF7300");
}
button:not([disabled]).icon-check:hover, button:not([disabled]).icon-check:active {
    background-image: url("https://icons.locr.com/icon/basic_check.svg?color=%23FF7300");
}
button[disabled].icon-check {
    background-image: url("https://icons.locr.com/icon/basic_check.svg?color=%23B2B2B2");
}
button.icon-delete, img.icon-delete {
    background-image: url("https://icons.locr.com/icon/basic_trash.svg?color=%232B2B2B");
}
.selected img.icon-delete {
    background-image: url("https://icons.locr.com/icon/basic_trash.svg?color=white");
}
img.icon-delete.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_trash.svg?color=%23FF7300");
}
img.icon-delete.icon-active:active {
    background-image: url("https://icons.locr.com/icon/basic_trash.svg?color=white");
}
button.icon-delete:hover, button.icon-delete:active {
    background-image: url("https://icons.locr.com/icon/basic_trash.svg?color=%23FF7300");
}
button.icon-edit, img.icon-edit {
    background-image: url("https://icons.locr.com/icon/basic_edit2.svg?color=%232B2B2B");
}
.selected img.icon-edit {
    background-image: url("https://icons.locr.com/icon/basic_edit2.svg?color=white");
}
img.icon-edit.icon-hover:hover {
    background-image: url("https://icons.locr.com/icon/basic_edit2.svg?color=%23FF7300");
}
img.icon-edit.icon-active:active {
    background-image: url("https://icons.locr.com/icon/basic_edit2.svg?color=white");
}
button:not([disabled]).icon-edit:hover, button:not([disabled]).icon-edit:active {
    background-image: url("https://icons.locr.com/icon/basic_edit2.svg?color=%23FF7300");
}
button[disabled].icon-edit {
    background-image: url("https://icons.locr.com/icon/basic_edit2.svg?color=%23B2B2B2");
}
button.icon-plus {
    background-image: url("https://icons.locr.com/icon/basic_plus.svg?color=%232B2B2B");
}
button.icon-plus:hover, button.icon-plus:active {
    background-image: url("https://icons.locr.com/icon/basic_plus.svg?color=%23FF7300");
}

img.icon-active:active {
    background-color: black;
}

.button-transparency {
    vertical-align: sub;
}

ul li {
    list-style-type: none;
}

.content-padding {
    padding: 35px;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.icon-list-container {
    background-color: white;
    width: 100%;
    height: 200px;
    overflow-y: auto;
}
.icon-text-container {
    background-color: white;
    width: 100%;
}
.icon-list-item, .icon-text-item {
    border: 1px solid white;
    width: 32px;
    height: 32px;
}
.icon-list-item:hover, .icon-text-item:hover {
    border: 1px solid #FF7300;
    cursor: pointer;
}
.icon-list-item.selected, .icon-text-item.selected {
    background-color: #F4F4F4;
    border: 1px solid #2B2B2B;
}

/**
 * general classes
 */
.pointer {
    cursor: pointer;
}
.hover-color:hover {
    color: #FF7300;
}
.bold {
    font-weight: bold;
}
.center {
    text-align: center;
}
.middle {
    vertical-align: middle;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.half-width {
    width: 50%;
}
.full-width {
    width: 100%;
}
.full-height {
    height: 100%;
}
.no-border {
    border: none;
}
.soft-border {
    border: 2px solid rgba(0, 0, 0, 0.2);
}
.unnamed {
    opacity: 0.5;
}

img.selected {
    border: 2px solid white;
}
img.not-selected {
    border: 2px solid transparent;
}
img.not-selected:hover {
    border: 2px solid #FF7300;
}

.label-style-button {
    border: 2px solid black;
    cursor: pointer;
    padding: 4px;
    font-size: medium;
}
.label-style-button-active {
    background-color: black;
    color: white;
}

.custom-div-icon {
    background-color: transparent;
    border: none;
}
.custom-icon-tooltip {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin-left: 0;
}
.custom-icon-tooltip:before {
    border-right-color: transparent;
    border: none;
}
.custom-icon-popup, .custom-line-popup {
    margin: 0;
}
.custom-icon-popup div.mapboxgl-popup-content, .custom-line-popup div.mapboxgl-popup-content {
    background: transparent;
    box-shadow: none;
}
.custom-icon-popup div.mapboxgl-popup-tip, .custom-line-popup div.mapboxgl-popup-tip {
    border: none;
}
.custom-icon-popup img, .custom-line-popup img {
    background-color: white;
    background-position: center;
    padding: 2px;
}
.custom-icon-popup .leaflet-popup-content, .custom-line-popup .leaflet-popup-content {
    margin: 0;
}
.custom-icon-popup .leaflet-popup-content-wrapper, .custom-line-popup .leaflet-popup-content-wrapper {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}
.custom-icon-popup .leaflet-popup-tip-container, .custom-line-popup .leaflet-popup-tip-container {
    display: none;
}

.l-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
}
.l-icon.l-layers {
    background-image: url("https://icons.locr.com/icon/basic_layers.svg");
}
.l-icon.l-line {
    background-image: url("https://icons.locr.com/icon/basic_line.svg");
}
.l-icon.l-menu {
    background-image: url("https://icons.locr.com/icon/basic_menu.svg");
}
.l-icon.l-poi {
    background-image: url("https://icons.locr.com/icon/basic_poi.svg");
}
.l-icon.l-circle {
    background-image: url("https://icons.locr.com/icon/basic_circle.svg");
}
.l-icon.l-folder-closed {
    background-image: url("https://icons.locr.com/icon/basic_folder_closed.svg");
}
.l-icon.l-polygon {
    background-image: url("https://icons.locr.com/icon/basic_polygon.svg");
}
.l-icon.l-rectangle {
    background-image: url("https://icons.locr.com/icon/basic_rectangle.svg");
}
.l-icon.l-save {
    background-image: url("https://icons.locr.com/icon/basic_save2.svg");
}
.l-icon.l-text-on {
    background-image: url("https://icons.locr.com/icon/basic_text_on.svg");
}
.l-icon.l-text-off {
    background-image: url("https://icons.locr.com/icon/basic_text_off.svg");
}
.l-icon.l-transparency {
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="1px" height="1px" version="1.1"></svg>');
}
.l-icon.l-trash {
    background-image: url("https://icons.locr.com/icon/basic_trash.svg");
}

/**
 * flexbox classes
 */
.flex {
    display: flex;
}
.flex-direction-column
{
    flex-direction: column;
}
.flex-filler {
    flex-grow: 100;
}
.flex-grow-0 {
    flex-grow: 0;
}
.flex-grow-1 {
    flex-grow: 1;
}
.flex-grow-2 {
    flex-grow: 2;
}

/**
 * special classes
 */
#project-list-datatables {
    border-top: 2px solid #2B2B2B;
}
#project-list-datatables tr {
    background-color: initial;
    height: 45px;
}
#project-list-datatables tr.selected {
    background-color: #2B2B2B;
    color: white;
}
#project-list-datatables tbody td:nth-child(2):hover, #project-list-datatables tbody td:nth-child(3):hover, #project-list-datatables tbody td:nth-child(4):hover {
    cursor: pointer;
    color: #FF7300;
}
#project-list-datatables td.select-icon, #project-list-datatables td.copy-icon, #project-list-datatables td.delete-icon {
    padding-left: 7px;
    padding-right: 7px;
    width: 15px;
}
#project-list-datatables tr.hover td:nth-child(2), #project-list-datatables tr.hover td:nth-child(3), #project-list-datatables tr.hover td:nth-child(4) {
    color: #FF7300;
}
#feature-list, #history-list {
    z-index: 10000;
}
#history-list tr.inactive {
    opacity: 0.5;
}

input {
    border: none;
    padding: 0px 2px;
}

.project-overlay-wrapper, .login-overlay-wrapper, .contact-overlay-wrapper {
    background-color: black;
    opacity: 0.2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
}
.project-overlay, .login-overlay, .contact-overlay {
    background-color: white;
    width: 975px;
    height: 520px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
}

.new-project-overlay-wrapper, .copy-project-overlay-wrapper {
    display: none;
    background-color: black;
    opacity: 0.2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10001;
}
.new-project-overlay, .copy-project-overlay {
    display: none;
    background-color: #F4F4F4;
    width: 500px;
    height: 300px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10001;
}
.new-project-overlay header, .copy-project-overlay header, .contact-overlay header {
    font-family: "Brother-1816-Black";
    background-color: #FF7300;
    color: white;
    padding: 25px 25px 5px 25px;
}

.organize-projects-description {
    color: white;
    font-size: 11pt;
    line-height: 1.2;
}
.dt-header {
    color: #2B2B2B;
    font-family: "Brother-1816-Black";
    font-size: 11pt;
    line-height: 23pt;
}

.sidebar-content .select2-container {
    width: 342px !important;
}
#sidebar-content-search .select2-container {
    width: 100% !important;
}
.select2-container, .select2-dropdown {
    z-index: 10002;
}
.select2-selection__rendered {
    line-height: 22px !important;
}

.sidebar-content tr[data-row="line-style"] .select2-container:nth-child(2) {
    width: 60px !important;
}
.sidebar-content tr[data-row="line-style"] .select2-container:nth-child(4) {
    width: 95px !important;
}
.sidebar-content tr[data-row="line-style"] .select2-container:nth-child(6) {
    width: 60px !important;
}

/**
 * custom ztree styles.
 */
#feature-list-ztree {
    background-color: white;
    margin-bottom: 10px;
}
#feature-list-ztree span.switch {
    display: none;
}
#feature-list-ztree > li > a > span.node_name {
    display: inline-block;
    max-width: 288px;
    overflow-x: clip;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#feature-list-ztree > li > ul > li > a > span.node_name {
    display: inline-block;
    max-width: 282px;
    overflow-x: clip;
    text-overflow: ellipsis;
    white-space: nowrap;
}
span.button.ico_open, span.button.ico_close {
    margin-top: 2px !important;
}
a.level1 {
    display: inline-block;
    width: 100%;
}
.tmpzTreeMove_arrow, .zTreeDragUL {
    z-index: 10000;
}