+.inspector-hover .tag-row:last-child input.key {
+ border-bottom-left-radius: 4px;
+}
+[dir='rtl'] .inspector-hover .tag-row:last-child input.key {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 4px;
+}
+
+.inspector-hover .more-fields {
+ max-height: 0;
+ margin-bottom: -10px;
+}
+
+/* Unstyle button fields */
+.inspector-hover .form-field-input-radio label.active,
+.inspector-hover .entity-editor-pane a.hide-toggle {
+ opacity: 1;
+ background-color: transparent;
+ color: #666;
+ padding-left: 0;
+ border-width: 0;
+}
+.inspector-hover .form-field-input-radio button.active {
+ padding-left: 10px;
+}
+
+/* Show placeholder on hover for radio buttons */
+.inspector-hover .form-field-input-radio {
+ border: 1px solid #ccc;
+ border-top: 0;
+ border-radius: 0 0 4px 4px;
+}
+.inspector-hover .form-field-input-radio .placeholder {
+ opacity: 1;
+ color: #666;
+ padding: 5px 10px;
+ line-height: 20px;
+ width: 100%;
+ border: 0;
+}
+.inspector-hover .form-field-input-radio .structure-extras-wrap {
+ border: 0;
+}
+
+
+/* OSM Note Editor
+------------------------------------------------------- */
+.note-header {
+ background-color: #f6f6f6;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ display: flex;
+ flex-flow: row nowrap;
+ align-items: center;
+}
+
+.note-header-icon {
+ background-color: #fff;
+ padding: 10px;
+ flex: 0 0 62px;
+ position: relative;
+ width: 60px;
+ height: 60px;
+ border-right: 1px solid #ccc;
+ border-radius: 5px 0 0 5px;
+}
+[dir='rtl'] .note-header-icon {
+ border-right: unset;
+ border-left: 1px solid #ccc;
+ border-radius: 0 5px 5px 0;
+}
+
+.note-header-icon .icon-wrap {
+ position: absolute;
+ top: 0px;
+}
+
+.note-header-label {
+ background-color: #f6f6f6;
+ padding: 0 15px;
+ flex: 1 1 100%;
+ font-size: 14px;
+ font-weight: bold;
+ border-radius: 0 5px 5px 0;
+}
+[dir='rtl'] .note-header-label {
+ border-radius: 5px 0 0 5px;
+}
+
+.note-category {
+ margin: 20px 0px;
+}
+
+.comments-container {
+ background: #ececec;
+ padding: 1px 10px;
+ border-radius: 8px;
+ margin-top: 20px;
+}
+
+.comment {
+ background-color: #fff;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ margin: 10px auto;
+ display: flex;
+ flex-flow: row nowrap;
+}
+.comment-avatar {
+ padding: 10px;
+ flex: 0 0 62px;
+}
+.comment-avatar .icon.comment-avatar-icon {
+ width: 40px;
+ height: 40px;
+ object-fit: cover;
+ border: 1px solid #ccc;
+ border-radius: 20px;
+}
+.comment-main {
+ padding: 10px 10px 10px 0;
+ flex: 1 1 100%;
+ flex-flow: column nowrap;
+ overflow: hidden;
+ overflow-wrap: break-word;
+}
+[dir='rtl'] .comment-main {
+ padding: 10px 0 10px 10px;
+}
+
+.comment-metadata {
+ flex-flow: row nowrap;
+ justify-content: space-between;
+}
+.comment-author {
+ font-weight: bold;
+ color: #333;
+}
+.comment-date {
+ color: #aaa;
+}
+.comment-text {
+ color: #333;
+ margin-top: 10px;
+ overflow-y: auto;
+ max-height: 250px;
+}
+.comment-text::-webkit-scrollbar {
+ border-left: none;
+}
+
+.note-save {
+ padding: 10px;
+}
+
+.note-save #new-comment-input {
+ width: 100%;
+ height: 100px;
+ max-height: 300px;
+ min-height: 100px;
+}
+
+.note-save .detail-section {
+ margin: 10px 0;
+}
+
+.note-report {
+ float: right;
+}
+
+
+/* Custom Data Editor
+------------------------------------------------------- */
+.data-header {
+ background-color: #f6f6f6;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ display: flex;
+ flex-flow: row nowrap;
+ align-items: center;
+}
+
+.data-header-icon {
+ background-color: #fff;
+ padding: 10px;
+ flex: 0 0 62px;
+ position: relative;
+ width: 60px;
+ height: 60px;
+ border-right: 1px solid #ccc;
+ border-radius: 5px 0 0 5px;
+}
+[dir='rtl'] .data-header-icon {
+ border-right: unset;
+ border-left: 1px solid #ccc;
+ border-radius: 0 5px 5px 0;
+}
+
+.data-header-icon .icon-wrap {
+ position: absolute;
+ top: 0px;
+}
+
+.data-header-label {
+ background-color: #f6f6f6;
+ padding: 0 15px;
+ flex: 1 1 100%;
+ font-size: 14px;
+ font-weight: bold;
+ border-radius: 0 5px 5px 0;
+}
+[dir='rtl'] .data-header-label {
+ border-radius: 5px 0 0 5px;
+}
+
+/* tag editor - no buttons */
+.data-editor.raw-tag-editor button {
+ display: none;
+}
+.data-editor.raw-tag-editor .tag-row .key-wrap,
+.data-editor.raw-tag-editor .tag-row .value-wrap {
+ width: 50%;
+}
+
+
+/* Map Controls
+------------------------------------------------------- */
+.map-controls {
+ right: 0;
+ top: 132px;
+ width: 40px;
+ position: fixed;
+ z-index: 100;
+}
+[dir='rtl'] .map-controls {
+ left: 0;
+ right: auto;
+}
+
+.map-control > button {
+ width: 40px;
+ background: rgba(0,0,0,.5);
+ border-radius: 0;
+}
+
+.map-control > button:hover {
+ background: rgba(0, 0, 0, .8);
+}
+
+.map-control > button.active,
+.map-control > button.active:hover {
+ background: #7092ff;
+}
+
+
+/* Fullscreen Button (disabled)
+------------------------------------------------------- */
+div.full-screen {
+ display: inline-block;
+ width: 40px;
+ margin-right: 10px;
+ display: none;
+}
+
+div.full-screen .tooltip {
+ min-width: 160px;
+}
+
+div.full-screen > button, div.full-screen > button.active {
+ width: 40px;
+ height: 40px;
+ background: transparent;
+}
+
+div.full-screen > button:hover {
+ background-color: rgba(0, 0, 0, .8);
+}
+
+
+/* Zoom Buttons
+------------------------------------------------------- */
+.zoombuttons > button.zoom-in {
+ border-radius: 4px 0 0 0;
+}
+[dir='rtl'] .zoombuttons > button.zoom-in {
+ border-radius: 0 4px 0 0;
+}
+
+
+/* Geolocate Button
+------------------------------------------------------- */
+.geolocate-control {
+ margin-bottom: 10px;
+}
+.geolocate-control > button {
+ border-radius: 0 0 0 4px;
+}
+[dir='rtl'] .geolocate-control > button {
+ border-radius: 0 0 4px 0;
+}
+
+
+/* Background / Map Data / Help Pane buttons
+------------------------------------------------------- */
+.help-control > button {
+ border-radius: 0 0 0 4px;
+}
+[dir='rtl'] .help-control > button {
+ border-radius: 0 0 4px 0;
+}
+
+.map-data-control button {
+ border-radius: 0;
+}
+
+.background-control > button {
+ border-radius: 4px 0 0 0;
+}
+[dir='rtl'] .background-control > button {
+ border-radius: 0 4px 0 0;
+}
+
+
+/* Background / Map Data Settings
+------------------------------------------------------- */
+.map-data-control,
+.background-control {
+ position: relative;
+}
+
+.imagery-faq {
+ margin-bottom: 10px;
+ white-space: nowrap;