.mapHolder {
  position: relative;
}

/* #taxikeurController input:invalid {
      background-color: #F00;
      outline:2px solid #F00;
    } */

#taxikeurController .leaflet-control-attribution a {
  font-size: 11px
}

#taxikeurController .close {
  font-size: 12px;
  margin-left: .5em
}

.txkOverlayTop [class*=col] {
  margin-bottom: 0.25em
}

/* POPUP */
.puAddress {
  white-space: pre;
}

.badge-outline-success {
  border: solid 1px #28a745;
  background-color: #FFF;
  color: #28a745;
}

.btn.btn-micro {
  padding: 0;
  font-size: 90%;
  border: none;
}

.companyLoader {

  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 100060;
  background-color: #009dde33;
}

.companyLoader div {
  font-weight: 700;
  font-size: 3em;
  text-transform: uppercase;
  color: #FFF;
}

.foundCitiesList {
  position: absolute;
  z-index: 100060;
  width: calc(100% - 10px);
  font-size: 80%;
  max-height: calc(100vh - 220px);
  overflow-y: auto
}


.filtersummary button {
  border: none;
  padding-top: 0]
}

.filtersummary button.badge:hover {
  background: #C00 !important;
}

.txkOverlayTop {
  position: absolute;
  top: 0;
  z-index: 10000;
  background: transparent;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .0));
  width: 100vw;

  padding: 1em 0;
  /* min-height: 80px; */
  /* border-bottom:dotted 1px #F00; */
}

.txkOverlayTop:HOVER {
  border-bottom: dashed 1px #CCC;
}

.txkOverlayMiddle {
  position: absolute;
  top: calc(50% - 2em);
  z-index: 10010;
  width: 100%;
}


.txkOverlay {
  position: absolute;
  bottom: 0;
  z-index: 10000;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .0), rgba(0, 0, 0, .755));
  /* background: transparent; */
  /*background-color: #F00;*/
  /* border-top:solid 1px #F00; */
  width: 100vw;
  padding: 0 2em 1em 2em;
  /* padding-top: 0; */

}

.txkOverlay:HOVER {
  border-top: dashed 1px #CCC;
}

.txkOverlay .companyListHolder {
  padding: 0;
  background: transparent;
  width: 100%;
  overflow-x: scroll;
}

.txkOverlay ul.companyList {
  background: transparent;
  height: calc(2em + 150px);
  padding: 0;
  padding-bottom: 1em;
  margin: 0;
  display: flex;
  font-size: 12px !important;
  justify-content: center;
}


#taxikeurController .form-control-sm,
#taxikeurController .input-group-sm>.form-control,
#taxikeurController .input-group-sm>.input-group-append>.btn,
#taxikeurController .input-group-sm>.input-group-append>.input-group-text,
#taxikeurController .input-group-sm>.input-group-prepend>.btn,
#taxikeurController .input-group-sm>.input-group-prepend>.input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  /* border-radius: .2rem; */
}

.txkOverlay ul li {
  display: inline-block;
  width: 220px;
  height: 150px;
  margin-right: 30px;
  border-radius: .8em .8em .8em 0;
  background-color: #FFF;
  padding: .8em;
}

.txkOverlay ul li a {
  text-decoration: none;
  font-size: 12px !important;
}

.txkOverlay ul li.selected {
  background-color: #009dde;
  color: #FFF;
}

.companyList li.selected a {
  color: #FFF
}

.companyList li.selected svg path {
  fill: #FFF
}

.cTitle {
  border-left: solid 4px #009dde;
  padding-left: 0.5em;
  font-weight: bold;
}

.txkOverlay ul li.selected .cTitle {
  border-color: #FFF;
}

/* Works on Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: #009dde #FFFFFF;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 1px;
  border-radius: 3px;
}

*::-webkit-scrollbar-track {
  background: #FFFFFF;
}

*::-webkit-scrollbar-thumb {
  background-color: #009dde;
  border-radius: 1px;
  border: none;
  /*3px solid red;*/
}


/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00C;
}

.txkOverlayTop .row {
  margin-right: -5px;
  margin-left: -5px;

}
.txkOverlayTop .row .col,
.txkOverlayTop .row [class^="col-"],
.txkOverlayTop .row [class*=" col-"] {
  padding-right: 5px;
  padding-left: 5px;

}

.txkFilterBox{

 font-size:85%;
 background-color: #FFF;
 padding:.5em;

}

#crosshair {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  pointer-events: none; /* zorgt dat je gewoon de kaart kunt gebruiken */
  z-index: 999;
}

  .popover{z-index: 10060;}

  .alert-sm {padding: .375rem 0.625rem; font-size:75%;margin:0 5px 0 5px;}

  .cc-window{z-index: 10100;}