.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;
}



.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;
}


.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;
}