$buttoncolor: #657faa;

#document-view-field-geometry pre {
    margin: 1em;
    padding: 1em;
    font-size: 0.7em;
    border-radius: 0.2em;
    background-color: #f7f7f7;
}

#document-view-button-create-polygon {
    margin-left: 2px;
    margin-right: -4px;
}

#document-view-button-create-polyline {
    margin-left: 4px;
}

#document-view-button-edit-geometry {
    margin-bottom: 5px;
}

#document-view-button-create-polygon,
#document-view-button-create-polyline,
#document-view-button-create-point,
#document-view-button-edit-geometry {
    margin-top: 1px;
    margin-left: 3px;
    padding: 0 7px;
    font-size: 23px;
    color: $buttoncolor !important;
}

#document-view-button-create-polygon:hover,
#document-view-button-create-polyline:hover,
#document-view-button-create-point:hover,
#document-view-button-edit-geometry:hover {
    color: lighten($buttoncolor, 10%) !important;
}