﻿.trimble-map .area_span_text, .trimble-map .area_span_text_bold, .trimble-map .area_span_text_italic {
    line-height: 1.5em;
}

.trimble-map .area_span_text_bold {
    font-weight: bold;
}

.trimble-map .area_span_text_italic {
    font-style: italic;
}

.trimble-map .area_label_span, .trimble-map .area_unit_span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

.trimble-map .area_value_span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    margin-inline-end: 3px;
}

.trimble-map .area_drop_down {
    position: relative;
    inset-block-start: -6px;
    inset-inline-start: 4px;
}

.trimble-map .area-popup {
    max-width: 400px;
    min-width: 200px;
}

.trimble-map .area-dropdown-item {
    display: flex;
    line-height: 30px;
    column-gap: 5px;
    padding: 0px 10px 0px 10px;
}

    .trimble-map .area-dropdown-item:first-child {
        border-start-start-radius: 4px;
        border-start-end-radius: 4px;
    }

    .trimble-map .area-dropdown-item:hover {
        background-color: #eee;
    }

    .trimble-map .area-dropdown-item .checked {
        background-image: url('../images/check.png');
        background-position: center;
        background-repeat: no-repeat;
    }

    .trimble-map .area-dropdown-item .unchecked, .trimble-map .area-dropdown-item .checked {
        width: 13px;
        display: inline-block;
        height: 30px;
    }

.area.popup-downwards::before, .area.popup-upwards::before {
    display: none;
}

.trimble-map .area-message {
    padding: 5px;
    border-block-start: 1px solid #ccc;
    background-color: #eee;
    border-end-end-radius: 4px;
    border-end-start-radius: 4px;
    text-align: center;
    line-height: 13px;
    white-space: pre-wrap;
}

    .trimble-map .area-message span {
        font-size: 10px;
    }

.trimble-map .area-message-inaccurate {
    margin-block-start: 5px;
    max-width: 300px;
    white-space: normal;
}
