/****************/
/* MOUSE POSITION */
/****************/

div[id^="GPmousePosition-"] {
  bottom: 8px;
  left: 10px;
}

/* Showing/hiding mousePosition panel */

button[id^="GPshowMousePositionPicto-"] {}

button[id^="GPshowMousePositionPicto-"][aria-pressed="false"] + dialog {
  display: none;
  visibility: hidden;
  opacity: 0%;
}

button[id^="GPshowMousePositionPicto-"][aria-pressed="true"] + dialog {
  display: flex;
  flex-direction: column;
  visibility: visible;
  opacity: 100%;
}

/* General panels */

dialog[id^=GPmousePositionPanel-] {
  bottom: 0px;
}

[id^=GPmousePositionPanel-] {
  overflow: hidden;
  left: 34px;
  top: inherit;
  position: absolute;
  height: inherit;
}

/* Basic infos */

div[id^=GPmousePositionBasicPanel] {
  padding: 10px 15px;
  position: relative;
}

/* Settings */

div[id^=GPmousePositionSettings-] {
  display: block;
  max-height: 0;
  opacity: 0;
  padding-left: 20px;
  padding-right: 20px;
  /* transition: max-height 0.5s ease-out 0s, opacity 0.5s ease-out 0s; */
}

button[id^="GPshowMousePositionSettings"] {
  border: unset;
}

div[id^=GPmousePosition-] button[id^="GPshowMousePositionSettings"][aria-pressed="true"] + div[id^=GPmousePositionSettings-] {
  opacity: 1;
  padding-bottom: 20px;
  max-height: inherit;
}

button[id^=GPmousePositionSettings-] {
  padding-left: 0 15px;
  overflow: hidden;
}

/* General panels */

div[id^=GPmousePositionCoordinate-] input.error {
    border: 1px solid rgb(255, 0, 0);
}
div[id^=GPmousePositionCoordinate-] input[readonly] {
    border: 1px solid transparent;
    padding: 2px;
    text-align: right;
}

input[id^=GPmousePositionLat-], input[id^=GPmousePositionLon-] {
    width: 120px;
}

span[id^=GPmousePositionAlt-] {
    display: inline-block;
    padding: 2px;
    width: 120px;
    line-height: 20px;
    text-align: right;
}

.GPSexagesimal {
  width: 30px;
}

.GPSexagesimalsec {
  width: 45px;
}

span[id^=GPmousePositionCloseEdit] {
    background-position: -18px 0;
    margin-left: 5px;
}

img[id^=GPmousePositionMarker]:hover {
    cursor: pointer;
    opacity: 0.7;
}

/* Map center localisation */

#GPmapCenter {
  background-image: url('data:image/png;base64,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');
}

#GPmapCenter {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
}

#GPmapCenter.GPmapCenterVisible {
  display: block;
}

/* EDIT COORDINATES TOOLS */

.GPmousePositionEditTool {
  width: 18px;
  height: 18px;
  cursor: pointer;
}