/* W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */
html {
  box-sizing:border-box
}

*,*:before,*:after {
  box-sizing:inherit
}

html {
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}

body {
  margin:0
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
  display:block
}

summary {
  display:list-item
}

audio,canvas,progress,video {
  display:inline-block
}

progress {
  vertical-align:baseline
}

audio:not([controls]) {
  display:none;
  height:0
}

[hidden],template {
  display:none
}

a {
  background-color:transparent
}

a:active,a:hover {
  outline-width:0
}

abbr[title] {
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted
}

b,strong {
  font-weight:bolder
}

dfn {
  font-style:italic
}

mark {
  background:#ff0;
  color:#000
}

small {
  font-size:80%
}

sub,sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sub {
  bottom:-0.25em
}

sup {
  top:-0.5em
}

figure {
  margin:1em 40px
}

img {
  border-style:none
}

code,kbd,pre,samp {
  font-family:monospace,monospace;
  font-size:1em
}

hr {
  box-sizing:content-box;
  height:0;
  overflow:visible
}

button,input,select,textarea,optgroup {
  font:inherit;
  margin:0
}

optgroup {
  font-weight:bold
}

button,input {
  overflow:visible
}

button,select {
  text-transform:none
}

button,[type=button],[type=reset],[type=submit] {
  -webkit-appearance:button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
  border-style:none;
  padding:0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
  outline:1px dotted ButtonText
}

fieldset {
  border:1px solid #c0c0c0;
  margin:0 2px;
  padding:.35em .625em .75em
}

legend {
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal
}

textarea {
  overflow:auto
}

[type=checkbox],[type=radio] {
  padding:0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height:auto
}

[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}

::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}

html,body {
  font-family:PT Sans,sans-serif;
  font-size:15px;
  line-height:1.5
}

html {
  overflow-x:hidden
}

h1 {
  font-size:36px
}

h2 {
  font-size:30px
}

h3 {
  font-size:24px
}

h4 {
  font-size:20px
}

h5 {
  font-size:18px
}

h6 {
  font-size:16px
}

.w3-serif {
  font-family:serif
}

h1,h2,h3,h4,h5,h6 {
  font-family:"PT Sans",sans-serif;
  font-weight:400;
  margin:10px 0
}

.w3-wide {
  letter-spacing:4px
}

hr {
  border:0;
  border-top:1px solid #eee;
  margin:20px 0
}

.w3-image {
  max-width:100%;
  height:auto
}

img {
  vertical-align:middle
}

a {
  color:inherit
}

.w3-table,.w3-table-all {
  border-collapse:collapse;
  border-spacing:0;
  width:100%;
  display:table
}

.w3-table-all {
  border:1px solid #DCDCDC
}

.w3-bordered tr,.w3-table-all tr {
  border-bottom:1px solid #ddd
}

.w3-striped tbody tr:nth-child(even) {
  background-color:#DCDCDC
}

.w3-table-all tr:nth-child(odd) {
  background-color:#fff
}

.w3-table-all tr:nth-child(even) {
  background-color:#DCDCDC
}

.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover {
  background-color:#DCDCDC
}

.w3-centered tr th,.w3-centered tr td {
  text-align:center
}

.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th {
  padding:8px 8px;
  display:table-cell;
  text-align:left;
  vertical-align:top
}

.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child {
  padding-left:16px
}

.w3-btn,.w3-button {
  border:none;
  display:inline-block;
  padding:8px 16px;
  vertical-align:middle;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  background-color:inherit;
  text-align:center;
  cursor:pointer;
  white-space:nowrap
}

.w3-btn:hover {
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.w3-btn,.w3-button {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.w3-disabled,.w3-btn:disabled,.w3-button:disabled {
  cursor:not-allowed;
  opacity:0.3
}

.w3-disabled *,:disabled * {
  pointer-events:none
}

.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover {
  box-shadow:none
}

.w3-badge,.w3-tag {
  background-color:#000;
  color:#fff;
  display:inline-block;
  padding-left:8px;
  padding-right:8px;
  text-align:center
}

.w3-badge {
  border-radius:50%
}

.w3-ul {
  list-style-type:none;
  padding:0;
  margin:0
}

.w3-ul li {
  padding:8px 16px;
  border-bottom:1px solid #ddd
}

.w3-ul li:last-child {
  border-bottom:none
}

.w3-tooltip,.w3-display-container {
  position:relative
}

.w3-tooltip .w3-text {
  display:none
}

.w3-tooltip:hover .w3-text {
  display:inline-block
}

.w3-ripple:active {
  opacity:0.5
}

.w3-ripple {
  transition:opacity 0s
}

.w3-input {
  padding:8px;
  display:block;
  border:none;
  border-bottom:1px solid #DCDCDC;
  width:100%
}

.w3-select {
  padding:9px 0;
  width:100%;
  border:none;
  border-bottom:1px solid #DCDCDC
}

.w3-dropdown-click,.w3-dropdown-hover {
  position:relative;
  display:inline-block;
  cursor:pointer
}

.w3-dropdown-hover:hover .w3-dropdown-content {
  display:block
}

.w3-dropdown-hover:first-child,.w3-dropdown-click:hover {
  background-color:#DCDCDC;
  color:#000
}

.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child {
  background-color:#f9de86;
  color:#000
}

.w3-dropdown-content {
  cursor:auto;
  color:#000;
  background-color:#fff;
  display:none;
  position:absolute;
  min-width:160px;
  margin:0;
  padding:0;
  z-index:1
}

.w3-check,.w3-radio {
  width:24px;
  height:24px;
  position:relative;
  top:6px
}

.w3-sidebar {
  height:100%;
  width:200px;
  background-color:#fff;
  position:fixed!important;
  z-index:1;
  overflow:auto
}

.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click {
  width:100%
}

.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content {
  min-width:100%
}

.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button {
  width:100%;
  text-align:left;
  padding:8px 16px
}

.w3-main,#main {
  transition:margin-left .4s
}

.w3-modal {
  z-index:3;
  display:none;
  padding-top:0px;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:rgb(0,0,0);
  background-color:rgba(0,0,0,0.4)
}

.w3-modal-content {
  margin:auto;
  background-color:#fff;
  position:relative;
  padding:0;
  outline:0;
  width:600px
}

.w3-bar {
  width:100%;
  overflow:hidden
}

.w3-center .w3-bar {
  display:inline-block;
  width:auto
}

.w3-bar .w3-bar-item {
  padding:8px 16px;
  float:left;
  width:auto;
  border:none;
  display:block;
  outline:0
}

.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click {
  position:static;
  float:left
}

.w3-bar .w3-button {
  white-space:normal
}

.w3-bar-block .w3-bar-item {
  width:100%;
  display:block;
  padding:8px 16px;
  text-align:left;
  border:none;
  white-space:normal;
  float:none;
  outline:0
}

.w3-bar-block.w3-center .w3-bar-item {
  text-align:center
}

.w3-block {
  display:block;
  width:100%
}

.w3-responsive {
  display:block;
  overflow-x:auto
}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after {
  content:"";
  display:table;
  clear:both
}

.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter {
  float:left;
  width:100%
}

.w3-col.s1 {
  width:8.33333%
}

.w3-col.s2 {
  width:16.66666%
}

.w3-col.s3 {
  width:24.99999%
}

.w3-col.s4 {
  width:33.33333%
}

.w3-col.s5 {
  width:41.66666%
}

.w3-col.s6 {
  width:49.99999%
}

.w3-col.s7 {
  width:58.33333%
}

.w3-col.s8 {
  width:66.66666%
}

.w3-col.s9 {
  width:74.99999%
}

.w3-col.s10 {
  width:83.33333%
}

.w3-col.s11 {
  width:91.66666%
}

.w3-col.s12 {
  width:99.99999%
}

@media (min-width:601px) {
  .w3-col.m1 {
  width:8.33333%
}

.w3-col.m2 {
  width:16.66666%
}

.w3-col.m3,.w3-quarter {
  width:24.99999%
}

.w3-col.m4,.w3-third {
  width:33.33333%
}

.w3-col.m5 {
  width:41.66666%
}

.w3-col.m6,.w3-half {
  width:49.99999%
}

.w3-col.m7 {
  width:58.33333%
}

.w3-col.m8,.w3-twothird {
  width:66.66666%
}

.w3-col.m9,.w3-threequarter {
  width:74.99999%
}

.w3-col.m10 {
  width:83.33333%
}

.w3-col.m11 {
  width:91.66666%
}

.w3-col.m12 {
  width:99.99999%
}

}

@media (min-width:993px) {
  .w3-col.l1 {
  width:8.33333%
}

.w3-col.l2 {
  width:16.66666%
}

.w3-col.l3 {
  width:24.99999%
}

.w3-col.l4 {
  width:33.33333%
}

.w3-col.l5 {
  width:41.66666%
}

.w3-col.l6 {
  width:49.99999%
}

.w3-col.l7 {
  width:58.33333%
}

.w3-col.l8 {
  width:66.66666%
}

.w3-col.l9 {
  width:74.99999%
}

.w3-col.l10 {
  width:83.33333%
}

.w3-col.l11 {
  width:91.66666%
}

.w3-col.l12 {
  width:99.99999%
}

}

.w3-rest {
  overflow:hidden
}

.w3-stretch {
  margin-left:-16px;
  margin-right:-16px
}

.w3-content,.w3-auto {
  margin-left:auto;
  margin-right:auto
}

.w3-content {
  max-width:980px
}

.w3-auto {
  max-width:1140px
}

.w3-cell-row {
  display:table;
  width:100%
}

.w3-cell {
  display:table-cell
}

.w3-cell-top {
  vertical-align:top
}

.w3-cell-middle {
  vertical-align:middle
}

.w3-cell-bottom {
  vertical-align:bottom
}

.w3-hide {
  display:none!important
}

.w3-show-block,.w3-show {
  display:block!important
}

.w3-show-inline-block {
  display:inline-block!important
}

@media (max-width:1205px) {
  .w3-auto {
  max-width:95%
}

}

@media (max-width:600px) {
  .w3-modal-content {
  margin:0 10px;
  width:auto!important
}

.w3-modal {
  padding-top:0px
}

.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content {
  position:relative
}

.w3-hide-small {
  display:none!important
}

.w3-mobile {
  display:block;
  width:100%!important
}

.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile {
  text-align:center
}

.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button {
  width:100%
}

}

@media (max-width:768px) {
  .w3-modal-content {
  width:500px
}

.w3-modal {
  padding-top:0px
}

}

@media (min-width:993px) {
  .w3-modal-content {
  width:900px
}

.w3-hide-large {
  display:none!important
}

.w3-sidebar.w3-collapse {
  display:block!important
}

}

@media (max-width:992px) and (min-width:601px) {
  .w3-hide-medium {
  display:none!important
}

}

@media (max-width:992px) {
  .w3-sidebar.w3-collapse {
  display:none
}

.w3-main {
  margin-left:0!important;
  margin-right:0!important
}

.w3-auto {
  max-width:100%
}

}

.w3-top,.w3-bottom {
  position:fixed;
  width:100%;
  z-index:1
}

.w3-top {
  top:0
}

.w3-bottom {
  bottom:0
}

.w3-overlay {
  position:fixed;
  display:none;
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(0,0,0,0.5);
  z-index:2
}

.w3-display-topleft {
  position:absolute;
  left:0;
  top:0
}

.w3-display-topright {
  position:absolute;
  right:0;
  top:0
}

.w3-display-bottomleft {
  position:absolute;
  left:0;
  bottom:0
}

.w3-display-bottomright {
  position:absolute;
  right:0;
  bottom:0
}

.w3-display-middle {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%)
}

.w3-display-left {
  position:absolute;
  top:50%;
  left:0%;
  transform:translate(0%,-50%);
  -ms-transform:translate(-0%,-50%)
}

.w3-display-right {
  position:absolute;
  top:50%;
  right:0%;
  transform:translate(0%,-50%);
  -ms-transform:translate(0%,-50%)
}

.w3-display-topmiddle {
  position:absolute;
  left:50%;
  top:0;
  transform:translate(-50%,0%);
  -ms-transform:translate(-50%,0%)
}

.w3-display-bottommiddle {
  position:absolute;
  left:50%;
  bottom:0;
  transform:translate(-50%,0%);
  -ms-transform:translate(-50%,0%)
}

.w3-display-container:hover .w3-display-hover {
  display:block
}

.w3-display-container:hover span.w3-display-hover {
  display:inline-block
}

.w3-display-hover {
  display:none
}

.w3-display-position {
  position:absolute
}

.w3-circle {
  border-radius:50%
}

.w3-round-small {
  border-radius:2px
}

.w3-round,.w3-round-medium {
  border-radius:4px
}

.w3-round-large {
  border-radius:8px
}

.w3-round-xlarge {
  border-radius:16px
}

.w3-round-xxlarge {
  border-radius:32px
}

.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col {
  padding:0 8px
}

.w3-container,.w3-panel {
  padding:0.01em 0px
}

.w3-panel {
  margin-top:16px;
  margin-bottom:16px
}

.w3-code,.w3-codespan {
  font-family:Consolas,"courier new";
  font-size:16px
}

.w3-code {
  width:auto;
  background-color:#fff;
  padding:8px 12px;
  border-left:4px solid #4CAF50;
  word-wrap:break-word
}

.w3-codespan {
  color:crimson;
  background-color:#DCDCDC;
  padding-left:4px;
  padding-right:4px;
  font-size:110%
}

.w3-card,.w3-card-2 {
  box-shadow:0 3px 6px 0 rgba(0,0,0,0.16),0 3px 11px 0 rgba(0,0,0,0.12)
}

.w3-card-4,.w3-hover-shadow:hover {
  box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)
}

.w3-spin {
  animation:w3-spin 2s infinite linear
}

@keyframes w3-spin {
  0% {
  transform:rotate(0deg)
}

100% {
  transform:rotate(359deg)
}

}

.w3-animate-fading {
  animation:fading 10s infinite
}

@keyframes fading {
  0% {
  opacity:0
}

50% {
  opacity:1
}

100% {
  opacity:0
}

}

.w3-animate-opacity {
  animation:opac 0.8s
}

@keyframes opac {
  from {
  opacity:0
}

 to {
  opacity:1
}

}

.w3-animate-top {
  position:relative;
  animation:animatetop 0.4s
}

@keyframes animatetop {
  from {
  top:-300px;
  opacity:0
}

 to {
  top:0;
  opacity:1
}

}

.w3-animate-left {
  position:relative;
  animation:animateleft 0.4s
}

@keyframes animateleft {
  from {
  left:-300px;
  opacity:0
}

 to {
  left:0;
  opacity:1
}

}

.w3-animate-right {
  position:relative;
  animation:animateright 0.4s
}

@keyframes animateright {
  from {
  right:-300px;
  opacity:0
}

 to {
  right:0;
  opacity:1
}

}

.w3-animate-bottom {
  position:relative;
  animation:animatebottom 0.4s
}

@keyframes animatebottom {
  from {
  bottom:-300px;
  opacity:0
}

 to {
  bottom:0;
  opacity:1
}

}

.w3-animate-zoom  {
  animation:animatezoom 0.6s
}

@keyframes animatezoom {
  from {
  transform:scale(0)
}

 to {
  transform:scale(1)
}

}

.w3-animate-input {
  transition:width 0.4s ease-in-out
}

.w3-animate-input:focus {
  width:100%!important
}

.w3-opacity,.w3-hover-opacity:hover {
  opacity:0.60
}

.w3-opacity-off,.w3-hover-opacity-off:hover {
  opacity:1
}

.w3-opacity-max {
  opacity:0.25
}

.w3-opacity-min {
  opacity:0.75
}

.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover {
  filter:grayscale(100%)
}

.w3-greyscale,.w3-grayscale {
  filter:grayscale(75%)
}

.w3-greyscale-min,.w3-grayscale-min {
  filter:grayscale(50%)
}

.w3-sepia {
  filter:sepia(75%)
}

.w3-sepia-max,.w3-hover-sepia:hover {
  filter:sepia(100%)
}

.w3-sepia-min {
  filter:sepia(50%)
}

.w3-tiny {
  font-size:10px!important
}

.w3-small {
  font-size:12px!important
}

.w3-medium {
  font-size:15px!important
}

.w3-large {
  font-size:18px!important
}

.w3-xlarge {
  font-size:24px!important
}

.w3-xxlarge {
  font-size:36px!important
}

.w3-xxxlarge {
  font-size:48px!important
}

.w3-jumbo {
  font-size:64px!important
}

.w3-left-align {
  text-align:left!important
}

.w3-right-align {
  text-align:right!important
}

.w3-justify {
  text-align:justify!important
}

.w3-center {
  text-align:center!important
}

.w3-border-0 {
  border:0!important
}

.w3-border {
  border:1px solid #DCDCDC!important
}

.w3-border-top {
  border-top:1px solid #DCDCDC!important
}

.w3-border-bottom {
  border-bottom:1px solid #DCDCDC!important
}

.w3-border-left {
  border-left:1px solid #DCDCDC!important
}

.w3-border-right {
  border-right:1px solid #DCDCDC!important
}

.w3-topbar {
  border-top:2px solid #DCDCDC!important
}

.w3-bottombar {
  border-bottom:2px solid #DCDCDC!important
}

.w3-leftbar {
  border-left:2px solid #DCDCDC!important
}

.w3-rightbar {
  border-right:2px solid #DCDCDC!important
}

.w3-section,.w3-code {
  margin-top:16px!important;
  margin-bottom:16px!important
}

.w3-margin {
  margin:16px!important
}

.w3-margin-top {
  margin-top:16px!important
}

.w3-margin-bottom {
  margin-bottom:16px!important
}

.w3-margin-left {
  margin-left:16px!important
}

.w3-margin-right {
  margin-right:16px!important
}

.w3-padding-small {
  padding:4px 8px!important
}

.w3-padding {
  padding:8px 16px!important
}

.w3-padding-large {
  padding:12px 24px!important
}

.w3-padding-16 {
  padding-top:16px!important;
  padding-bottom:16px!important
}

.w3-padding-24 {
  padding-top:24px!important;
  padding-bottom:24px!important
}

.w3-padding-32 {
  padding-top:32px!important;
  padding-bottom:32px!important
}

.w3-padding-48 {
  padding-top:48px!important;
  padding-bottom:48px!important
}

.w3-padding-64 {
  padding-top:64px!important;
  padding-bottom:64px!important
}

.w3-left {
  float:left!important
}

.w3-right {
  float:right!important
}

.w3-button:hover {
  color:#000!important;
  background-color:#f4c325!important
}

.w3-transparent,.w3-hover-none:hover {
  background-color:transparent!important
}

.w3-hover-none:hover {
  box-shadow:none!important
}

/* Colors */
.w3-amber,.w3-hover-amber:hover {
  color:#000!important;
  background-color:#ffc107!important
}

.w3-aqua,.w3-hover-aqua:hover {
  color:#000!important;
  background-color:#00ffff!important
}

.w3-blue,.w3-hover-blue:hover {
  color:#fff!important;
  background-color:#2196F3!important
}

.w3-light-blue,.w3-hover-light-blue:hover {
  color:#000!important;
  background-color:#87CEEB!important
}

.w3-brown,.w3-hover-brown:hover {
  color:#fff!important;
  background-color:#795548!important
}

.w3-cyan,.w3-hover-cyan:hover {
  color:#000!important;
  background-color:#00bcd4!important
}

.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover {
  color:#fff!important;
  background-color:#607d8b!important
}

.w3-green,.w3-hover-green:hover {
  color:#fff!important;
  background-color:#4CAF50!important
}

.w3-light-green,.w3-hover-light-green:hover {
  color:#000!important;
  background-color:#8bc34a!important
}

.w3-indigo,.w3-hover-indigo:hover {
  color:#fff!important;
  background-color:#3f51b5!important
}

.w3-khaki,.w3-hover-khaki:hover {
  color:#000!important;
  background-color:#f0e68c!important
}

.w3-lime,.w3-hover-lime:hover {
  color:#000!important;
  background-color:#cddc39!important
}

.w3-orange,.w3-hover-orange:hover {
  color:#000!important;
  background-color:#ff9800!important
}

.w3-deep-orange,.w3-hover-deep-orange:hover {
  color:#fff!important;
  background-color:#ff5722!important
}

.w3-pink,.w3-hover-pink:hover {
  color:#fff!important;
  background-color:#e91e63!important
}

.w3-purple,.w3-hover-purple:hover {
  color:#fff!important;
  background-color:#9c27b0!important
}

.w3-deep-purple,.w3-hover-deep-purple:hover {
  color:#fff!important;
  background-color:#673ab7!important
}

.w3-red,.w3-hover-red:hover {
  color:#fff!important;
  background-color:#f44336!important
}

.w3-sand,.w3-hover-sand:hover {
  color:#000!important;
  background-color:#fdf5e6!important
}

.w3-teal,.w3-hover-teal:hover {
  color:#fff!important;
  background-color:#009688!important
}

.w3-yellow,.w3-hover-yellow:hover {
  color:#000!important;
  background-color:#ffeb3b!important
}

.w3-white,.w3-hover-white:hover {
  color:#000!important;
  background-color:#fff!important
}

.w3-black,.w3-hover-black:hover {
  color:#fff!important;
  background-color:#000!important
}

.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover {
  color:#000!important;
  background-color:#9e9e9e!important
}

.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover {
  color:#000!important;
  background-color:#DCDCDC!important
}

.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover {
  color:#fff!important;
  background-color:#616161!important
}

.w3-pale-red,.w3-hover-pale-red:hover {
  color:#000!important;
  background-color:#ffdddd!important
}

.w3-pale-green,.w3-hover-pale-green:hover {
  color:#000!important;
  background-color:#ddffdd!important
}

.w3-pale-yellow,.w3-hover-pale-yellow:hover {
  color:#000!important;
  background-color:#ffffcc!important
}

.w3-pale-blue,.w3-hover-pale-blue:hover {
  color:#000!important;
  background-color:#ddffff!important
}

.w3-text-amber,.w3-hover-text-amber:hover {
  color:#ffc107!important
}

.w3-text-aqua,.w3-hover-text-aqua:hover {
  color:#00ffff!important
}

.w3-text-blue,.w3-hover-text-blue:hover {
  color:#2196F3!important
}

.w3-text-light-blue,.w3-hover-text-light-blue:hover {
  color:#87CEEB!important
}

.w3-text-brown,.w3-hover-text-brown:hover {
  color:#795548!important
}

.w3-text-cyan,.w3-hover-text-cyan:hover {
  color:#00bcd4!important
}

.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover {
  color:#607d8b!important
}

.w3-text-green,.w3-hover-text-green:hover {
  color:#4CAF50!important
}

.w3-text-light-green,.w3-hover-text-light-green:hover {
  color:#8bc34a!important
}

.w3-text-indigo,.w3-hover-text-indigo:hover {
  color:#3f51b5!important
}

.w3-text-khaki,.w3-hover-text-khaki:hover {
  color:#b4aa50!important
}

.w3-text-lime,.w3-hover-text-lime:hover {
  color:#cddc39!important
}

.w3-text-orange,.w3-hover-text-orange:hover {
  color:#ff9800!important
}

.w3-text-deep-orange,.w3-hover-text-deep-orange:hover {
  color:#ff5722!important
}

.w3-text-pink,.w3-hover-text-pink:hover {
  color:#e91e63!important
}

.w3-text-purple,.w3-hover-text-purple:hover {
  color:#9c27b0!important
}

.w3-text-deep-purple,.w3-hover-text-deep-purple:hover {
  color:#673ab7!important
}

.w3-text-red,.w3-hover-text-red:hover {
  color:#f44336!important
}

.w3-text-sand,.w3-hover-text-sand:hover {
  color:#fdf5e6!important
}

.w3-text-teal,.w3-hover-text-teal:hover {
  color:#009688!important
}

.w3-text-yellow,.w3-hover-text-yellow:hover {
  color:#d2be0e!important
}

.w3-text-white,.w3-hover-text-white:hover {
  color:#fff!important
}

.w3-text-black,.w3-hover-text-black:hover {
  color:#000!important
}

.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover {
  color:#757575!important
}

.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover {
  color:#DCDCDC!important
}

.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover {
  color:#3a3a3a!important
}

.w3-border-amber,.w3-hover-border-amber:hover {
  border-color:#ffc107!important
}

.w3-border-aqua,.w3-hover-border-aqua:hover {
  border-color:#00ffff!important
}

.w3-border-blue,.w3-hover-border-blue:hover {
  border-color:#2196F3!important
}

.w3-border-light-blue,.w3-hover-border-light-blue:hover {
  border-color:#87CEEB!important
}

.w3-border-brown,.w3-hover-border-brown:hover {
  border-color:#795548!important
}

.w3-border-cyan,.w3-hover-border-cyan:hover {
  border-color:#00bcd4!important
}

.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover {
  border-color:#607d8b!important
}

.w3-border-green,.w3-hover-border-green:hover {
  border-color:#4CAF50!important
}

.w3-border-light-green,.w3-hover-border-light-green:hover {
  border-color:#8bc34a!important
}

.w3-border-indigo,.w3-hover-border-indigo:hover {
  border-color:#3f51b5!important
}

.w3-border-khaki,.w3-hover-border-khaki:hover {
  border-color:#f0e68c!important
}

.w3-border-lime,.w3-hover-border-lime:hover {
  border-color:#cddc39!important
}

.w3-border-orange,.w3-hover-border-orange:hover {
  border-color:#ff9800!important
}

.w3-border-deep-orange,.w3-hover-border-deep-orange:hover {
  border-color:#ff5722!important
}

.w3-border-pink,.w3-hover-border-pink:hover {
  border-color:#e91e63!important
}

.w3-border-purple,.w3-hover-border-purple:hover {
  border-color:#9c27b0!important
}

.w3-border-deep-purple,.w3-hover-border-deep-purple:hover {
  border-color:#673ab7!important
}

.w3-border-red,.w3-hover-border-red:hover {
  border-color:#f44336!important
}

.w3-border-sand,.w3-hover-border-sand:hover {
  border-color:#fdf5e6!important
}

.w3-border-teal,.w3-hover-border-teal:hover {
  border-color:#009688!important
}

.w3-border-yellow,.w3-hover-border-yellow:hover {
  border-color:#ffeb3b!important
}

.w3-border-white,.w3-hover-border-white:hover {
  border-color:#fff!important
}

.w3-border-black,.w3-hover-border-black:hover {
  border-color:#000!important
}

.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover {
  border-color:#9e9e9e!important
}

.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover {
  border-color:#DCDCDC!important
}

.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover {
  border-color:#616161!important
}

.w3-border-pale-red,.w3-hover-border-pale-red:hover {
  border-color:#ffe7e7!important
}

.w3-border-pale-green,.w3-hover-border-pale-green:hover {
  border-color:#e7ffe7!important
}

.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover {
  border-color:#ffffcc!important
}

.w3-border-pale-blue,.w3-hover-border-pale-blue:hover {
  border-color:#e7ffff!important
}

/**
LEAFLET CSS
**/

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer  {
  
	position: absolute;
  
	left: 0;
  
	top: 0;

}

.leaflet-container  {
  
	overflow: hidden;

}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow  {
  
	-webkit-user-select: none;
  
	   -moz-user-select: none;
  
	        user-select: none;
  
	  -webkit-user-drag: none;

}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection  {
  
	background: transparent;

}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile  {
  
	image-rendering: -webkit-optimize-contrast;

}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container  {
  
	width: 1600px;
  
	height: 1600px;
  
	-webkit-transform-origin: 0 0;

}

.leaflet-marker-icon,
.leaflet-marker-shadow  {
  
	display: block;

}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg  {
  
	max-width: none !important;
  
	max-height: none !important;

}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile  {
  
	max-width: none !important;
  
	max-height: none !important;
  
	width: auto;
  
	padding: 0;

}

.leaflet-container img.leaflet-tile  {
  
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;

}

.leaflet-container.leaflet-touch-zoom  {
  
	-ms-touch-action: pan-x pan-y;
  
	touch-action: pan-x pan-y;

}

.leaflet-container.leaflet-touch-drag  {
  
	-ms-touch-action: pinch-zoom;
  
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
  
	touch-action: pinch-zoom;

}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom  {
  
	-ms-touch-action: none;
  
	touch-action: none;

}

.leaflet-container  {
  
	-webkit-tap-highlight-color: transparent;

}

.leaflet-container a  {
  
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);

}

.leaflet-tile  {
  
	filter: inherit;
  
	visibility: hidden;

}

.leaflet-tile-loaded  {
  
	visibility: inherit;

}

.leaflet-zoom-box  {
  
	width: 0;
  
	height: 0;
  
	-moz-box-sizing: border-box;
  
	     box-sizing: border-box;
  
	z-index: 800;

}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg  {
  
	-moz-user-select: none;

}

.leaflet-pane          {
   z-index: 400;
   
}

.leaflet-tile-pane     {
   z-index: 200;
   
}

.leaflet-overlay-pane  {
   z-index: 400;
   
}

.leaflet-shadow-pane   {
   z-index: 500;
   
}

.leaflet-marker-pane   {
   z-index: 600;
   
}

.leaflet-tooltip-pane    {
   z-index: 650;
   
}

.leaflet-popup-pane    {
   z-index: 700;
   
}

.leaflet-map-pane canvas  {
   z-index: 100;
   
}

.leaflet-map-pane svg     {
   z-index: 200;
   
}

.leaflet-vml-shape  {
  
	width: 1px;
  
	height: 1px;

}

.lvml  {
  
	behavior: url(#default#VML);
  
	display: inline-block;
  
	position: absolute;

}

/* control positioning */

.leaflet-control  {
  
	position: relative;
  
	z-index: 800;
  
	pointer-events: visiblePainted;
   /* IE 9-10 doesn't have auto */
	pointer-events: auto;

}

.leaflet-top,
.leaflet-bottom  {
  
	position: absolute;
  
	z-index: 1000;
  
	pointer-events: none;

}

.leaflet-top  {
  
	top: 0;

}

.leaflet-right  {
  
	right: 0;

}

.leaflet-bottom  {
  
	bottom: 0;

}

.leaflet-left  {
  
	left: 0;

}

.leaflet-control  {
  
	float: left;
  
	clear: both;

}

.leaflet-right .leaflet-control  {
  
	float: right;

}

.leaflet-top .leaflet-control  {
  
	margin-top: 0px;

}

.leaflet-bottom .leaflet-control  {
  
	margin-bottom: 0px;

}

.leaflet-left .leaflet-control  {
  
	margin-left: 0px;

}

.leaflet-right .leaflet-control  {
  
	margin-right: 0px;

}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup  {
  
	opacity: 0;
  
	-webkit-transition: opacity 0.2s linear;
  
	   -moz-transition: opacity 0.2s linear;
  
	        transition: opacity 0.2s linear;

}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup  {
  
	opacity: 1;

}

.leaflet-zoom-animated  {
  
	-webkit-transform-origin: 0 0;
  
	    -ms-transform-origin: 0 0;
  
	        transform-origin: 0 0;

}

svg.leaflet-zoom-animated  {
  
	will-change: transform;

}

.leaflet-zoom-anim .leaflet-zoom-animated  {
  
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
  
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
  
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);

}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile  {
  
	-webkit-transition: none;
  
	   -moz-transition: none;
  
	        transition: none;

}

.leaflet-zoom-anim .leaflet-zoom-hide  {
  
	visibility: hidden;

}

/* cursors */

.leaflet-interactive  {
  
	cursor: pointer;

}

.leaflet-grab  {
  
	cursor: -webkit-grab;
  
	cursor:    -moz-grab;
  
	cursor:         grab;

}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive  {
  
	cursor: crosshair;

}

.leaflet-popup-pane,
.leaflet-control  {
  
	cursor: auto;

}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable  {
  
	cursor: move;
  
	cursor: -webkit-grabbing;
  
	cursor:    -moz-grabbing;
  
	cursor:         grabbing;

}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container  {
  
	pointer-events: none;

}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path  {
  
	pointer-events: visiblePainted;
   /* IE 9-10 doesn't have auto */
	pointer-events: auto;

}

/* visual tweaks */

.leaflet-container  {
  
	background: #ddd;
  
	outline-offset: 1px;

}

.leaflet-container a  {
  
	color: #0078A8;

}

.leaflet-zoom-box  {
  
	border: 2px dotted #38f;
  
	background: rgba(255,255,255,0.5);

}

/* general typography */
.leaflet-container  {
  
	font-family: "PT Sans", sans-serif;
  
	font-size: 12px;
  
	font-size: 0.75rem;
  
	line-height: 1.5;

}

/* general toolbar styles */

.leaflet-bar  {
  
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  
	border-radius: 4px;

}

.leaflet-bar a  {
  
	background-color: #fff;
  
	border-bottom: 1px solid #ccc;
  
	width: 26px;
  
	height: 26px;
  
	line-height: 26px;
  
	display: block;
  
	text-align: center;
  
	text-decoration: none;
  
	color: black;

}

.leaflet-bar a,
.leaflet-control-layers-toggle  {
  
	background-position: 50% 50%;
  
	background-repeat: no-repeat;
  
	display: block;

}

.leaflet-bar a:hover,
.leaflet-bar a:focus  {
  
	background-color: #f4f4f4;

}

.leaflet-bar a:first-child  {
  
	border-top-left-radius: 4px;
  
	border-top-right-radius: 4px;

}

.leaflet-bar a:last-child  {
  
	border-bottom-left-radius: 4px;
  
	border-bottom-right-radius: 4px;
  
	border-bottom: none;

}

.leaflet-bar a.leaflet-disabled  {
  
	cursor: default;
  
	background-color: #f4f4f4;
  
	color: #bbb;

}

.leaflet-touch .leaflet-bar a  {
  
	width: 30px;
  
	height: 30px;
  
	line-height: 30px;

}

.leaflet-touch .leaflet-bar a:first-child  {
  
	border-top-left-radius: 2px;
  
	border-top-right-radius: 2px;

}

.leaflet-touch .leaflet-bar a:last-child  {
  
	border-bottom-left-radius: 2px;
  
	border-bottom-right-radius: 2px;

}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out  {
  
	font: bold 18px 'Lucida Console', Monaco, monospace;
  
	text-indent: 1px;

}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out   {
  
	font-size: 22px;

}

/* layers control */

.leaflet-control-layers  {
  
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  
	background: #fff;
  
	border-radius: 5px;

}

.leaflet-control-layers-toggle  {
  
	background-image: url(images/layers.png);
  
	width: 36px;
  
	height: 36px;

}

.leaflet-retina .leaflet-control-layers-toggle  {
  
	background-image: url(images/layers-2x.png);
  
	background-size: 26px 26px;

}

.leaflet-touch .leaflet-control-layers-toggle  {
  
	width: 44px;
  
	height: 44px;

}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle  {
  
	display: none;

}

.leaflet-control-layers-expanded .leaflet-control-layers-list  {
  
	display: block;
  
	position: relative;

}

.leaflet-control-layers-expanded  {
  
	padding: 6px 10px 6px 6px;
  
	color: #333;
  
	background: #fff;

}

.leaflet-control-layers-scrollbar  {
  
	overflow-y: scroll;
  
	overflow-x: hidden;
  
	padding-right: 5px;

}

.leaflet-control-layers-selector  {
  
	margin-top: 2px;
  
	position: relative;
  
	top: 1px;

}

.leaflet-control-layers label  {
  
	display: block;
  
	font-size: 13px;
  
	font-size: 1.08333em;

}

.leaflet-control-layers-separator  {
  
	height: 0;
  
	border-top: 1px solid #ddd;
  
	margin: 5px -10px 5px -6px;

}

/* Default icon URLs */
.leaflet-default-icon-path  {
   /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(images/marker-icon.png);

}

/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution  {
  
	background: #fff;
  
	background: rgba(255, 255, 255, 0.8);
  
	margin: 0;

}

.leaflet-control-attribution,
.leaflet-control-scale-line  {
  
	padding: 0 5px;
  
	color: #333;
  
	line-height: 1.4;

}

.leaflet-control-attribution a  {
  
	text-decoration: none;

}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus  {
  
	text-decoration: underline;

}

.leaflet-attribution-flag  {
  
	display: inline !important;
  
	vertical-align: baseline !important;
  
	width: 1em;
  
	height: 0.6669em;

}

.leaflet-left .leaflet-control-scale  {
  
	margin-left: 5px;

}

.leaflet-bottom .leaflet-control-scale  {
  
	margin-bottom: 5px;

}

.leaflet-control-scale-line  {
  
	border: 2px solid #777;
  
	border-top: none;
  
	line-height: 1.1;
  
	padding: 2px 5px 1px;
  
	white-space: nowrap;
  
	-moz-box-sizing: border-box;
  
	     box-sizing: border-box;
  
	background: rgba(255, 255, 255, 0.8);
  
	text-shadow: 1px 1px #fff;

}

.leaflet-control-scale-line:not(:first-child)  {
  
	border-top: 2px solid #777;
  
	border-bottom: none;
  
	margin-top: -2px;

}

.leaflet-control-scale-line:not(:first-child):not(:last-child)  {
  
	border-bottom: 2px solid #777;

}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar  {
  
	box-shadow: none;

}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar  {
  
	border: 2px solid rgba(0,0,0,0.2);
  
	background-clip: padding-box;

}

/* popup */

.leaflet-popup  {
  
	position: absolute;
  
	text-align: center;
  
	margin-bottom: 20px;

}

.leaflet-popup-content-wrapper  {
  
	padding: 1px;
  
	text-align: left;
  
	border-radius: 12px;

}

.leaflet-popup-content  {
  
	margin: 13px 24px 13px 20px;
  
	line-height: 1.3;
  
	font-size: 13px;
  
	font-size: 1.08333em;
  
	min-height: 1px;

}

.leaflet-popup-content p  {
  
	margin: 17px 0;
  
	margin: 1.3em 0;

}

.leaflet-popup-tip-container  {
  
	width: 40px;
  
	height: 20px;
  
	position: absolute;
  
	left: 50%;
  
	margin-top: -1px;
  
	margin-left: -20px;
  
	overflow: hidden;
  
	pointer-events: none;

}

.leaflet-popup-tip  {
  
	width: 17px;
  
	height: 17px;
  
	padding: 1px;

	margin: -10px auto 0;
  
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
  
	   -moz-transform: rotate(45deg);
  
	    -ms-transform: rotate(45deg);
  
	        transform: rotate(45deg);

}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip  {
  
	background: white;
  
	color: #333;
  
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);

}

.leaflet-container a.leaflet-popup-close-button  {
  
	position: absolute;
  
	top: 0;
  
	right: 0;
  
	border: none;
  
	text-align: center;
  
	width: 24px;
  
	height: 24px;
  
	font: 16px/24px Tahoma, Verdana, sans-serif;
  
	color: #757575;
  
	text-decoration: none;
  
	background: transparent;

}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus  {
  
	color: #585858;

}

.leaflet-popup-scrolled  {
  
	overflow: auto;

}

.leaflet-oldie .leaflet-popup-content-wrapper  {
  
	-ms-zoom: 1;

}

.leaflet-oldie .leaflet-popup-tip  {
  
	width: 24px;
  
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);

}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip  {
  
	border: 1px solid #999;

}

/* div icon */

.leaflet-div-icon  {
  
	background: #fff;
  
	border: 1px solid #666;

}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip  {
  
	position: absolute;
  
	padding: 6px;
  
	background-color: #fff;
  
	border: 1px solid #fff;
  
	border-radius: 3px;
  
	color: #222;
  
	white-space: nowrap;
  
	-webkit-user-select: none;
  
	-moz-user-select: none;
  
	-ms-user-select: none;
  
	user-select: none;
  
	pointer-events: none;
  
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);

}

.leaflet-tooltip.leaflet-interactive  {
  
	cursor: pointer;
  
	pointer-events: auto;

}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before  {
  
	position: absolute;
  
	pointer-events: none;
  
	border: 6px solid transparent;
  
	background: transparent;
  
	content: "";

}

/* Directions */

.leaflet-tooltip-bottom  {
  
	margin-top: 6px;

}

.leaflet-tooltip-top  {
  
	margin-top: -6px;

}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before  {
  
	left: 50%;
  
	margin-left: -6px;

}

.leaflet-tooltip-top:before  {
  
	bottom: 0;
  
	margin-bottom: -12px;
  
	border-top-color: #fff;

}

.leaflet-tooltip-bottom:before  {
  
	top: 0;
  
	margin-top: -12px;
  
	margin-left: -6px;
  
	border-bottom-color: #fff;

}

.leaflet-tooltip-left  {
  
	margin-left: -6px;

}

.leaflet-tooltip-right  {
  
	margin-left: 6px;

}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before  {
  
	top: 50%;
  
	margin-top: -6px;

}

.leaflet-tooltip-left:before  {
  
	right: 0;
  
	margin-right: -12px;
  
	border-left-color: #fff;

}

.leaflet-tooltip-right:before  {
  
	left: 0;
  
	margin-left: -12px;
  
	border-right-color: #fff;

}

/* Printing */

@media print  {
  
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control  {
  
		-webkit-print-color-adjust: exact;
  
		print-color-adjust: exact;

}

}

/**
leaflet sidebar
**/
.sidebar  {
  
  position: absolute;
  
  border-right: 1px solid #ddd;
  
  top: 0;
  
  bottom: 0;
  
  left: 0;
  
  right: 0;

  width: 100%;

  overflow: hidden;
  
  z-index: 1100;
  
  transition: width 1000ms;

}


.sidebar.collapsed  {
  
  width: 36px;
  
  left: 0;
             
  right: auto;
        

}

.sidebar-left  {
  
  left: 0;
   
}

.sidebar-tabs  {
  
  top: 0;
  
  bottom: 0;
  
  height: 100%;
  
  background-color: #f1f1f1;
   
}

  .sidebar-left .sidebar-tabs  {
  
    left: 0;
   
}

  .sidebar-right .sidebar-tabs  {
  
    right: 0;
   
}

  .sidebar-tabs, .sidebar-tabs > ul  {
  
    position: absolute;
  
    width: 36px;
  
    margin: 0;
  
    padding: 0;
  
    list-style-type: none;
   
}

    .sidebar-tabs > li, .sidebar-tabs > ul > li  {
  
      width: 100%;
  
      height: 36px;
  
      color: #000;
  
      font-size: 12pt;
  
      overflow: hidden;
  
      transition: all 80ms;
   
}

      .sidebar-tabs > li:hover, .sidebar-tabs > ul > li:hover  {
  
        color: #000;
  
		border-radius: 5px 20px 5px;
  
        background-color: #f4c325;
   
}

      .sidebar-tabs > li.active, .sidebar-tabs > ul > li.active  {
  
        color: #fff;
  
        background-color: #f9de86;
   
}

      .sidebar-tabs > li.disabled, .sidebar-tabs > ul > li.disabled  {
  
        color: rgba(51, 51, 51, 0.4);
   
}

        .sidebar-tabs > li.disabled:hover, .sidebar-tabs > ul > li.disabled:hover  {
  
          background: transparent;
   
}

        .sidebar-tabs > li.disabled > a, .sidebar-tabs > ul > li.disabled > a  {
  
          cursor: default;
   
}

      .sidebar-tabs > li > a, .sidebar-tabs > ul > li > a  {
  
        display: block;
  
        width: 100%;
  
        height: 100%;
  
        line-height: 36px;
  
        color: inherit;
  
        text-decoration: none;
  
        text-align: center;
   
}

  .sidebar-tabs > ul + ul  {
  
    bottom: 0;
   
}

.sidebar-content  {
  
  position: absolute;
  
   top: 0;
  
  bottom: 0;
  
  background-color: rgba(255, 255, 255, 0.95);
  
  overflow-x: hidden;
  
  overflow-y: auto;
   
}

  .sidebar-left .sidebar-content  {
  
    left: 36px;
  
    right: 0;
   
}

  .sidebar-right .sidebar-content  {
  
    left: 0;
  
    right: 36px;
   
}

  .sidebar.collapsed > .sidebar-content  {
  
    overflow-y: hidden;
   
}

.sidebar-pane  {
  
  display: none;
  
  left: 0;
  
  right: 0;
  
  box-sizing: border-box;
  
  padding: 10px 10px;
   
  text-align: left;
  
}

  .sidebar-pane.active  {
  
    display: block;
   
}

.sidebar-header  {
  
  margin: -10px -10px 0;
  
  height: 36px;
  
  padding: 0 12px;
  
  line-height: 36px;
  
  font-size: 14pt;
  
  color: #fff;
  
  background-color: #f4c325;
   
}

  .sidebar-right .sidebar-header  {
  
    padding-left: 0px;
   
}

.sidebar-close  {
  
  position: absolute;
  
  color: #fff;
  
  top: 2px;
  
  width: 36px;
  
  height: 36px;
  
  text-align: center;
  
  cursor: pointer;
   
}

  .sidebar-left .sidebar-close  {
  
    right: 0;
   
}

  .sidebar-right .sidebar-close  {
  
    left: 0;
   
}

/**
Style the button that is used to open and close the collapsible content
**/
.collapsibletext  {
  
  background-color: #f1f1f1;
  
  cursor: pointer;
  
/*   padding-top: 11px;
   */
  width: 100%;
  
  height:33px;
  
  border-top:none;
  
  border-bottom:none;
  
  border-left:1px solid #ddd;
  
  border-right:1px solid #ddd;
  
  text-align: right;
  
  outline: none;

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.collapsibleactive, .collapsibletext:hover  {
  
  background-color: #d9d9d9;

}

/* Style the collapsible content. Note: hidden by default */
.collapsiblecontent  {
  
  padding: 0 5px;
  
  background-color: white;
  
  max-height: 0;
  
  overflow: hidden;
  
  transition: max-height 0.5s ease-out;

}

.collapsibletext:after  {
  
  content: "";
  
  color: #000000;
  
  float: right;
  
  /* margin-left: 3px;
   */

}

.collapsibleactive:after  {
  
  content: "";

}

/**
Website
**/

.morecontent span  {
  display: none;
  
}

.morelink  {
  font-weight: bold;
  color: #000000;
  
}

a:link  {
  
  text-decoration: none;

}

a:visited  {
  
  text-decoration: none;

}

a:hover  {
  
	color: #f2bd0d;

}

a:active  {
  
  text-decoration: underline;

}

#toolbar ul  {
  
margin: 0;
  
padding: 0;

}

#toolbar li  {
  
list-style-type: none;
  
border-bottom: 1px solid #ccc;
  
padding: 6px 3px;
  
cursor: pointer;

}

#toolbar li:hover  {
  color: #f4c325;
  
}

.leaflet-control-scale  {
  bottom: -5px;
  
}

.leaflet-bar a  {
  
background-color: #fff;
  
border-bottom: 1px solid #ccc;
  
color: #444;
  
display: block;
  
height: 26px;
  
width: 26px;
  
line-height: 1.45 !important;
  
text-align: center;
  
text-decoration: none;
  
font: bold 18px 'Lucida Console', Monaco, monospace;

}

@media screen and (min-width: 661px) {
  
#centerchild1 {
  
padding-left:120px;

}

}

@media screen and (max-width: 660px) {
  
#centerchild1 {
  
padding-left:70px;

}

}

@media screen and (max-width: 549px) {
  
#centerchild1 {
  
padding-left:0px;

}

}

#centerchild1 {
  
border-collapse: collapse;
  
border:none;

}

#centerchild2 {
  
line-height: 0;
  
border-collapse: collapse;
  
border-spacing: 0;
  
border:none;
  
padding:0px;

}

td.dontwrap  {
  
white-space:nowrap;

}

div.slider  {
  
    display: none;

}

select  {
  
    width: 130px;

}

/**
markercluster icons
**/
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow  {
  
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;

}

.leaflet-cluster-spider-leg  {
  
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
  
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
  
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;

}

/* Make clusters completely transparent and remove text */
.marker-cluster  {
  
    background-color: transparent !important;
   /* Make the cluster background transparent */
    border: none !important;
   /* Remove any borders */
    box-shadow: none !important;
   /* Remove shadows */

}

.marker-cluster div  {
  
    background-color: transparent !important;
   /* Make the inner div transparent */
    border: none !important;
   /* Remove any borders */
    width: 0 !important;
   /* Remove any width */
    height: 0 !important;
   /* Remove any height */
    text-align: center;
   /* Optional, but not needed as text will be hidden */
    font-size: 0 !important;
   /* Hide text */
    line-height: 0 !important;
   /* Ensure no line spacing */
    margin: 0 !important;
   /* Remove spacing */
    padding: 0 !important;
   /* Remove padding */

}

.marker-cluster span  {
  
    display: none !important;
   /* Completely hide any text */

}

.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large  {
  
    background-color: transparent !important;
   /* Ensure all size-specific clusters are transparent */
    border: none !important;
   /* Remove borders */

}

.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div  {
  
    background-color: transparent !important;
   /* Ensure the inner divs for all sizes are transparent */
    border: none !important;
  
    width: 0 !important;
  
    height: 0 !important;

}

.leaflet-oldie .marker-cluster-small,
.leaflet-oldie .marker-cluster-medium,
.leaflet-oldie .marker-cluster-large  {
  
    background-color: transparent !important;
   /* Ensure transparency for older IE fallback */

}

.leaflet-oldie .marker-cluster-small div,
.leaflet-oldie .marker-cluster-medium div,
.leaflet-oldie .marker-cluster-large div  {
  
    background-color: transparent !important;
  
    width: 0 !important;
  
    height: 0 !important;

}


/* custom icon  */
.myDivIcon  {
  
  text-align: center;
   /* Horizontally center the text (icon) */
  line-height: 20px;
   /* Vertically center the text (icon) */
  color: #333333;

}

.basemapicon  {
  
  text-align: center;
   /* Horizontally center the text (icon) */
  line-height: 20px;
   /* Vertically center the text (icon) */
  color: #000000;

}

.analysismarkericon  {
  
  text-align: center;
   /* Horizontally center the text (icon) */
  line-height: 20px;
   /* Vertically center the text (icon) */
  color: #333333;

}

.trainstation  {
  
  text-align: center;
   /* Horizontally center the text (icon) */
  line-height: 10px;
   /* Vertically center the text (icon) */
  color: #783f04;

}


/* The switch - the box around the slider */
.switch  {
  
  position: relative;
  
  display: inline-block;
  
  width: 40px;
  
  height: 20px;

}

/* Hide default HTML checkbox */
.switch input  {
  
  opacity: 0;
  
  width: 0;
  
  height: 0;

}

/* The slider */
.switchslider  {
  
  position: absolute;
  
  cursor: pointer;
  
  top: 0;
  
  left: 0;
  
  right: 0;
  
  bottom: 0;
  
  background-color: #ccc;
  
  -webkit-transition: .4s;
  
  transition: .4s;

}

.switchslider:before  {
  
  position: absolute;
  
  content: "";
  
  height: 18px;
  
  width: 18px;
  
  left: 1px;
  
  bottom: 1px;
  
  background-color: white;
  
  -webkit-transition: .4s;
  
  transition: .4s;

}

input:checked + .switchslider  {
  
  background-color: #f4c325;

}

input:focus + .switchslider  {
  
  box-shadow: 0 0 1px #f4c325;

}

input:checked + .switchslider:before  {
  
  -webkit-transform: translateX(20px);
  
  -ms-transform: translateX(20px);
  
  transform: translateX(20px);

}

/* Rounded sliders */
.switchslider.round  {
  
  border-radius: 34px;

}

.switchslider.round:before  {
  
  border-radius: 50%;

}

/*
 leaflet.responsive.popup
*/

/* North */
.leaflet-resp-popup-north .leaflet-popup-tip  {
  
	box-shadow: none;

}

/* South */
.leaflet-resp-popup-south .leaflet-popup-tip-container  {
  
	top: 0;
  
	margin-top: -20px;

}

.leaflet-resp-popup-south .leaflet-popup-tip  {
  
	margin: 11px auto 0;
  
	box-shadow: none;

}

/* West */
.leaflet-resp-popup-west .leaflet-popup-tip-container  {
  
	right: 0;
  	
	margin-right: -20px;
  
	left: 100%;
  
	margin-left: -2px;
  
	top: 50%;
  
	margin-top: -11px;

}

.leaflet-resp-popup-west .leaflet-popup-tip  {
  
	margin: 1px -8px 0 -8px;
  
	box-shadow: none;

}

/* East */
.leaflet-resp-popup-east .leaflet-popup-tip-container  {
  
	width: 20px;
  
	left: 2px;
  
	top: 50%;
  
	margin-top: -11px;

}

.leaflet-resp-popup-east .leaflet-popup-tip  {
  
	margin: 0 11px;
  
	box-shadow: none;

}

/* South-East */
.leaflet-resp-popup-south-east .leaflet-popup-tip-container  {
  
	left: 0;
  
	margin-left: 0;
  
	top: 0;
  
	margin-top: -20px;

}

.leaflet-resp-popup-south-east .leaflet-popup-tip  {
  
	margin: 11px 11px 11px -8px;
  
	box-shadow: none;

}

.leaflet-resp-popup-south-east .leaflet-popup-content-wrapper  {
  
    border-radius: 0 20px 20px 20px;

}

/* East-South */
.leaflet-resp-popup-east-south .leaflet-popup-tip-container  {
  
	width: 20px;
  
	left: 0;
  
	top: 0;

}

.leaflet-resp-popup-east-south .leaflet-popup-tip  {
  
	margin: -8px 11px;
  
	box-shadow: none;

}

.leaflet-resp-popup-east-south .leaflet-popup-content-wrapper  {
  
    border-radius: 0 20px 20px 20px;

}

/* North-East */
.leaflet-resp-popup-north-east .leaflet-popup-tip-container  {
  
	left: 0;
  
	margin-left: 0;
  
	margin-top: -1px;

}

.leaflet-resp-popup-north-east .leaflet-popup-tip  {
  
	margin: -8px 11px 11px -8px;
  
	box-shadow: none;

}

.leaflet-resp-popup-north-east .leaflet-popup-content-wrapper  {
  
    border-radius: 20px 20px 20px 0;

}

/* East-North */
.leaflet-resp-popup-east-north .leaflet-popup-tip-container  {
  
	left: 0;
  
	margin-left: -20px;
  
	margin-top: -20px;

}

.leaflet-resp-popup-east-north .leaflet-popup-tip  {
  
	margin: 11px 11px 11px 11px;
  
	box-shadow: none;

}

/* North-West */
.leaflet-resp-popup-north-west .leaflet-popup-tip-container  {
  
	width: 20px;
  
	margin-right: 0;
  
	margin-top: -1px;
  
	left: 100%;
  
	right: 0;

}

.leaflet-resp-popup-north-west .leaflet-popup-tip  {
  
	margin: -8px 11px 11px 11px;
  
	box-shadow: none;

}

.leaflet-resp-popup-north-west .leaflet-popup-content-wrapper  {
  
    border-radius: 20px 20px 0 20px;

}

/* West-North */
.leaflet-resp-popup-west-north .leaflet-popup-tip-container  {
  
	margin-left: 0;
  
	margin-top: -20px;
  
	left: 100%;
  
	right: 0;

}

.leaflet-resp-popup-west-north .leaflet-popup-tip  {
  
	margin: 11px 11px 0px -8px;
  
	box-shadow: none;

}

.leaflet-resp-popup-west-north .leaflet-popup-content-wrapper  {
  
    border-radius: 20px 20px 0 20px;

}

/* South-West */
.leaflet-resp-popup-south-west .leaflet-popup-tip-container  {
  
	width: 20px;
  
	left: 100%;
  
	top: 0;
  
	margin-top: -20px;

}

.leaflet-resp-popup-south-west .leaflet-popup-tip  {
  
	margin: 11px 11px 11px 11px;
  
	box-shadow: none;

}

.leaflet-resp-popup-south-west .leaflet-popup-content-wrapper  {
  
	border-radius: 20px 0 20px 20px;

}

/* West-South */
.leaflet-resp-popup-west-south .leaflet-popup-tip-container  {
  
	margin-left: 0;
  
	margin-right: -20px;
  
	left: 100%;
  
	right: 0;
  
	top: 0;

}

.leaflet-resp-popup-west-south .leaflet-popup-tip  {
  
	margin: -8px;
  
	box-shadow: none;

}

.leaflet-resp-popup-west-south .leaflet-popup-content-wrapper  {
  
	border-radius: 20px 0 20px 20px;

}

/**
Map Legend
**/

.legend  {
  
    line-height: 18px;
  
    color: #555;
  
	left:2px;
  
	bottom:1px;
  
	font-family: "PT Sans", sans-serif;
  
	max-height: 308px;
  
	overflow: auto;

}

.legend i  {
  
	width: 18px;
  
    height: 18px;
  
    float: left;
  
    margin-right: 8px;
  
    opacity: 0.5;

}

/**
Legend colap
**/
.collapsiblelegend  {
  
  background-color:#ffffff;
  
  cursor: pointer;
  
  width: 100%;
  
  border: none;
  
  text-align: left;
  
  outline: none;
  
  font-size: 14px;

}

.activelegend, .collapsiblelegend:hover  {
  
  background-color: #f1f1f1;

}

.collapsiblelegend:after  {
  
  content: '\002B';
  
  font-weight: bold;
  
  float: right;

}

.activelegend:after  {
  
  content: "\2212";

}

.contentlegend  {
  
  max-height: 0;
  
  overflow: hidden;
  
  transition: max-height 0.2s ease-out;

}

.iconshadow  {
  
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);

}

input[type="radio"] {
  
    vertical-align: middle;

}

/**
custom-popup 
**/
.custom-popup  {
  
    border-radius: 2px;
  
    color: #504e4e;
  
    font-size: 12px;
  
    line-height: 10px;
  
    height: 10 px ;
  
    max-height: 300px;

}

.custom-popup, .leaflet-popup-tip  {
  
    background: #e7e7e7;
  
    border: none;
  
    box-shadow: none;

}

.leaflet-popup-content-wrapper  {
  
   background: #ffffff;
  
   border-radius: 2px;

}

.leaflet-popup  {
  
    position: absolute;
  
    text-align: center;

}

.leaflet-popup-content  {
  
    margin-top: 20px;
  
    margin-right: 2px;
  
    padding-right: 12px;
  
    min-width: 100 px !important;
  
    max-height: 300px;
  
    overflow: auto;

}

/* Legend styling */
.pcflegend  {
  
    background-color: white;
   /* Ensure a solid background */
    border: 1px solid #ccc;
   /* Add a border to separate it visually */
    border-radius: 5px;
   /* Optional: Rounded corners for aesthetics */
    padding: 10px;
   /* Add padding inside the legend */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
   /* Add a shadow for better visibility */
    opacity: 1;
   /* Fully opaque */
    z-index: 1000;
   /* Ensure it appears above map layers */

}

/* Ensure the label and checkbox are inline */
.inline-checkbox  {
  
    display: flex;
  
    align-items: center;
  
    gap: 5px;
   /* Space between checkbox and label */
    white-space: nowrap;
   /* Prevent line breaks */
    cursor: pointer;

}

/* Adjust spacing and alignment for checkbox */
.inline-checkbox input[type="checkbox"]  {
  
    margin: 0;
  
    vertical-align: middle;

}

/* Ensure the label text aligns nicely */
.inline-checkbox span  {
  
    font-size: 14px;
  
    vertical-align: middle;

}

/* Add a glowing background for asset19 only */
.custom-asset19-icon  {
  
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
   /* glow */
    border: 3px solid rgba(255, 255, 255, 0.8);
   /* border */
    border-radius: 50%;
   /* Make the icon circular */

}

/* Add a pulsing effect for asset19 only */
@keyframes asset19-pulse  {
  
    0%  {
  
        box-shadow: 0 0 5px rgba(255, 255, 255, 0, 0.8);

}

    50%  {
  
        box-shadow: 0 0 25px rgba(255, 255, 255, 0.6);

}

    100%  {
  
        box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);

}

}

.custom-asset19-icon  {
  
    animation: asset19-pulse 2s infinite;

}

.legendPilots  {
  
    overflow-y: auto;
  
    background: white;
  
    padding: 5px;
  
    border: 1px solid #ccc;
  
    border-radius: 5px;
   /* Optional: Rounded corners for aesthetics */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
   /* Add a shadow for better visibility */
    opacity: 1;
   /* Fully opaque */
    z-index: 1000;
   /* Ensure it appears above map layers */
    margin-left: 1px!important;
   /* Add 1px space on the left */

}

.legendPilots .legend-item  {
  
    display: flex;
  
    align-items: center;
  
    margin-bottom: 5px;

}

#portcityatlaslayers  {
  
  padding: 2px 4px;
   /* Reduce internal spacing */
  margin: 1px 0px;
   /* Smaller external spacing */

}

#portcityatlaslayers table  {
  
  border-collapse: separate;
   /* Ensure spacing works */
  border-spacing: 4px;
   /* Removes extra gaps between rows */
  margin: 0px;
   /* Removes space around table */
  padding: 0px;
   /* No padding inside table */

}

#portcityatlaslayers tbody  {
  
  margin: 0;
  
  padding: 0;

}

#portcityatlaslayers tr:first-child td  {
  
  padding-top: 2px !important;
   /* Reduce space at the top */

}

#portcityatlaslayers tr:last-child td  {
  
  padding-bottom: 2px !important;
   /* Reduce space at the bottom */

}

.sidebar-icon  {
  
  width: 29px;
  
  height: 29px;

}

.location  {
  
    cursor: pointer;
  
    text-decoration: underline;

}

/* Full-screen overlay that centers its contents */
#loader  {
  
  position: fixed;
             /* Always stay in view */
  top: 0;
  
  left: 0;
  
  width: 100%;
                /* Cover the whole screen width */
  height: 100%;
               /* Cover the whole screen height */
  background-color: rgba(255, 255, 255, 0.5);
   /* Optional: semi-transparent white */
  z-index: 9999;
              /* Ensure it's on top */
  display: flex;
              /* Enable flexbox centering */
  justify-content: center;
    /* Center horizontally */
  align-items: center;
        /* Center vertically */

}

/* Spinner is 50×50 px, with a rotating border */
.spinner  {
  
  border: 4px solid #f3f3f3;
     /* Light grey border */
  border-top: 4px solid black;
   /* Dark border on top for contrast */
  border-radius: 50%;
  
  width: 50px;
  
  height: 50px;
  
  animation: spin 1s linear infinite;

}

    @keyframes spin  {
  
      0%  {
   transform: rotate(0deg);
   
}

      100%  {
   transform: rotate(360deg);
   
}

}

	.leaflet-control-attribution  {
  
  font-size: 8px !important;

}

.leaflet-attribution-flag  {
   display: none !important;
   
}

/* Loader overlay styling */
    #start  {
  
      position: fixed;
  
      top: 0;
  
      left: 0;
  
      width: 100%;
  
      height: 100%;
  
      background-color: white;
   /* Customize the background as needed */
      display: flex;
  
      justify-content: center;
  
      align-items: center;
  
      z-index: 9999;
   /* Ensure it stays on top */
    
}

.leaflet-container img.leaflet-tile  {
  
    mix-blend-mode: plus-lighter;

}

p.horizontal  {
  
   width: 100%;
   
   text-align: center;
   
   border-bottom: 1px solid #d9d9d9;
   
   line-height: 0.1em;
  
   margin: 20px 0 20px;

}

p.horizontal span  {
   
    background:#f1f1f1;
   
    padding:0 10px;

}