@font-face {
  font-family: 'CircularStd';
  font-weight: 400;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Book.otf') format('opentype');
}
@font-face {
  font-family: 'CircularStd';
  font-weight: 500;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'CircularStd';
  font-weight: 700;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Bold.otf') format('opentype');
}

.fontCircularStd{
  font-family: 'CircularStd';
}
.flexColumnG10{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.flexRowG10{
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.hoverBG:hover{
  background-color: #F4F6F8;
  transition: 0.2s  ease-in-out;
  cursor: pointer;
}
.hoverBG:active{
  opacity: 0.5;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.leaflet-driver-icon {
  background: unset !important;
  object-fit: cover;
  border-radius: 5px;
  border: 2px solid white !important;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
}
.buttonCustom{
  font-family: 'CircularStd';
  display: flex ;
  flex-direction: row;
  gap: 2px;
  justify-content: center;
  align-items : center;
  background-color: #ff4842;
  color: white;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: pointer;
}

.buttonCustom:active{
  opacity: 0.5;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}