#fullscreen-toggle {
    border: none;
    padding: 5px;
    background-color: #fff;
}

/* Added styles for the suggestions dropdown */
.locations-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: auto;
    max-height: 250px;
    overflow-y: auto;
    z-index: 9999; /* Set a z-index to ensure the dropdown appears above other elements */
}

.locations-list li {
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    cursor: pointer;
    max-width: 500px;
}

.locations-list li:hover {
    background-color: #f1f1f1;
}

/* Styles for scrollbar track */
.locations-list::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Change scrollbar track color */
}

/* Styles for scrollbar thumb */
.locations-list::-webkit-scrollbar-thumb {
    background-color: #888; /* Change scrollbar thumb color */
    border-radius: 10px; /* Rounded corners for the scrollbar thumb */
}

/* Styles for scrollbar corner */
.locations-list::-webkit-scrollbar-corner {
    background-color: transparent; /* Hide scrollbar corner */
}

/* Styles for scrollbar */
.locations-list::-webkit-scrollbar {
    width: 12px; /* Set width of the scrollbar */
}

.pickr {
    top: -10px;
    left: -2px;
}

/*Colour pallete drawing tool icon*/
.leaflet-pm-toolbar .leaflet-pm-icon-colour-palette {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAglJREFUOE+t1EmoT2EYx/HPzRAlQ4QFoSQbG8MeiS4lCxY2KJEoQ6aQBRkyy4LYYIMiQoYVJSsyZGdjKhmSdEmZvU89R6d/f9e95d2c0znv+32f4fd7Wvzn1dIOrw9mYDIGoQue4zYu4WOzs82AXbEea/ATN/EUsXdEAU7BL+zEPnyvgxuBfXEeY7CxAE6W59eGSHpgUblgC+5jNj5Ue+rAbrie6U3Hi9wUeyLaWHszungfiWt4htYq0jpwQ7lpJSbUYHFwLO4lMN4f1CIO6J1Mf098r4DRgCj4OhzDMkzCCrzH2YTMQX8cxA0cLv+XYyuGlEw+VcC5+XMgvmUHe5XnauxvqGF8i9Sjy73RE2+wBKcq4NG8OQoca2lGGCV42QCMSA5khEfy3wW8inMV8DIe14rfWbnvTmW0VsCQSqQwv4OkXZniPFzMEowqMppZAWfhHDbjIcaVtKJRUfiQRuO6i/EJWptn38UlddksLg3ZhMF4VOrxNl1xCHGovkZjWgr/c9YvlHGmPS8HYGJGGYC2lM+TIuYFNYFHd7enLdv+BQxodG8VvqQtw8cDUp/DUvQh6qjrH2G314sYDOHb0+nvsNpxDC+uulLq9hpTS/1/dBZ4Im/tjoXpjmhguKfpcPhblFeLi8JBtzKqmI+R9o4UeLvjqxl0KLahX7om5mNIqcMDtoPabr7tNwFJcRVHsPV2AAAAAElFTkSuQmCC);
}

.layer-toggle {
    background-color: #fff;
    padding: 2px;
}

.fullScreen.expand {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAHtJREFUOE9jZGBg+M+AG6gxMDDcRpNWZWBguIVLCyMtDfzNwMDwEM1mFyxi8gwMDHvQ1IHEWEFiyC68w8DAAPIOOQAULCoj2EBYuP3CEgHEhicoUthgYUisJqLUgWKZqmBoGEj1SIEVDqM5haTUhLVwoHrxhc1JA19iAwCrmzJRywjJ1QAAAABJRU5ErkJggg==);
}

.fullScreen.shrink {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAJhJREFUOE9jZKAyYKSyeQy4DBRlYGDIZmBgOADFyPY6AMVAeCpQzWt0B+EyUJuBgeEKAwNDI1BDA5omEL+egYFBh4GB4SpdDQR5UwxqozIDA8NGAi70Z2BguAtV/wrmfWQvw7yC7At8XsaqDtlAWGAjK8QXKVjV0S3ZkJ08h5YLqR4pVE82VE/YyDE7OPMysgupXnwNnoQNAGojNBUlCAU8AAAAAElFTkSuQmCC);
}
   
.satellite {
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA8gAAAPIBlLUtiQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAL2SURBVFiFvdfLi09hGAfwz/xk1IwFY2NMUYNshjVmbF1CShb+APeNjcjKAqWUBf4Buezck4VSNlbDWCB3IpLLxqXQ9DsW5zn9jp9zfjdjTr11Os/zfr/Ped/n+7zPK0kS7Q704Rie4yWOYkZHWG0SV7ADn/AT53ERv/ABW1D5LwFgGGNIcBULcrZFuB62USybsAAwB2cC/DHWNPBdj2eo4hRmdxwAurEXX2PsRXcLAU/DfnzDF+zB1LYCwOr42ypOo7+DRB3A2Vi5R1jVNAAM4nJMuoPlnWR2HeYI7gbmJQz+FQB6cAg/8BFb283mJkFUsD2wf+AgesJmMV5jHMc71XOLgcwMjvHgXNwV0urFxiRJ7puEp6urawgX8L2CfjzAw8kgj+dhcPbDbhOYdC1sw/LgSrA7+7hSKpVEh7Jrgbg/sDNZrsyrYB6uhLGqjcLTAnG+oFWD4wrmZSpYi+/SA2Yb5uKcFkpvC+RrAiMJzLnB8Sk418IL3EZfQQEZy0U8vw3i+bkVHcNInb0vOF/kA5jVQgE5jN4GxL3hkxW07QoKGmblA8i24DN2YkpJATkhLSBvsLnAZ3PYxsN3ZoHPFOwKrnQLCpLwHlaU/OEQbobfLWyIcSu+3cRQydwVgf1nEtbJsIp3uaQZKAHbhFfhl8T7phLfgVxSvwuOmgzVCtEolkpls08qm2/Ss31ayXIOxyjatnxf8DUwu4NjVFaI8F7a11XqAPKd0FOsa0MF62JOEhhzCpL7YnAbw5MGezesdp5fw8IGxAvDJ4k5ww1y6Ulw/3Ecl2VvJsesGz6C6Tn79Pj2M3zK5PfXcZwZeqRNQjP99uFkALzFgRhv49tJdQWtpJ7UGpI6x0Fp25Qt4UjJEi7BjSAdj/clJb7NW7KCSavUTsezyuU4Q0kHpZOmtA5gqrSl/qKBHJvIr7O2vA5wtvSSUZVeOtY38J24i0kB+DK1AnIdi3K2/3c1K8jmLdKL6C9pMZmcy2lB8h2VXs+f+4fr+W/ZWFm3IRQ7eAAAAABJRU5ErkJggg==);
}

.toggleButton {
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color: black;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
    width: 34px;
    height: 34px;
    line-height: 30px;
    border-radius: 2px 2px 0 0;
}