:root {
    --global-color-primary: #0c1a96;
    --global-color-secondary: #424242;
    --global-color-tertiary: #686560;
    --global-color-quaternary: #DFD0B8;
    --global-color-text: #7A7A7A;
    --global-color-accent: #61CE70;
    --global-color-black-main: #000000;
    --global-color-red-main: #ED2424;
    --global-color-yellow-main: #FFF100;
    --global-color-green-main: #26A44E;
    --global-color-green-dark: #1c7a3a;
    --global-color-light-blue-main: #0AABF2;
    --global-color-purple-main: #6F3B92;
    --global-color-pink-main: #F61792;
    --global-color-orange-main: #ff5b00;
    --global-color-white: #ffffff;
    --global-color-grey-main: #444444;
}

/* For Tomtom Map */

.pulsing-dot {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: var(--dot-color, red);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.pulsing-dot::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border: 2px solid var(--dot-color, red);
  border-radius: 50%;
  animation: pulse 2s infinite ease-out;
}

@keyframes pulse {
  0%   { transform: scale(1); opacity: 1; }
  100% { transform: scale(2); opacity: 0; }
}

.marker-popup {
  background: white;
}