#today-search {
  position: relative;
}

#today-search #filters-container {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 12px;
  background: #fff;
  padding: 10px 0 0 0;
  position: absolute;
  top: 1%;
  left: 1%;
  width: auto;
  max-width: 500px;
  /*height: 98%;*/
  margin: 0 auto;

  user-select: none; /* standard syntax */
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
}

#today-search #filters-container .refresh {
  margin-top: 25px;
}

#today-search #expand-collpase-today {
  margin: auto 0 auto 0;
}

#today-search .icon-today {
  /*margin-top: 5px;*/
  cursor: pointer;
  font-size: 32px;
}

#today-search #expand-collpase-today .down,
#today-search #expand-collpase-today .up{
  margin-top: 15px;
  font-size: 45px;
  display: none;
}

#today-search #expand-collpase-today.icon-expand .up {
  display: block;
}

#today-search #expand-collpase-today.icon-collapse .down {
  display: block;
}

#today-search .candidate-info-map {

}

#today-search #today-search-container .table-responsive {
   max-height: 620px;
}

#today-search #today-search-container #candidates-table_filter {
   /*display: none;*/
}

#today-search #map-container #map {
  height: 800px;
}

#today-search .candidate-listing-details {
  display: grid;
  grid-template-columns: 1fr auto;
}

#today-search .candidate-listing-details .candidate-name {
  grid-column: 1;
  grid-row: 1;
}

#today-search .candidate-listing-details .start-time {
  grid-column: 1/ span 2;
  grid-row: 3;
}

#today-search .candidate-listing-details .clinet-name {
  grid-column: 1;
  grid-row: 2;
}

#today-search .candidate-listing-details .icons {
  grid-column: 2;
  grid-row: 1/ span 2;
  margin: auto
}

#today-search .member-listing-photo-container {
  margin-right: 0px;
}

#today-search .member-listing-thumbnail {
  border: 4px solid #9f9fa1 !important;
}

#today-search .member-listing-thumbnail.running-late {
  border: 4px solid #ee675c !important;
}

#today-search .member-listing-thumbnail.updated {
  border: 4px solid #07a283 !important;
}

#today-search .phone-number.disabled {
  pointer-events: none;
  color: #999;
}

/*.customMarker {
    position:absolute;
    cursor:pointer;
    background:#424242;
    width:100px;
    height:100px;*/
/* -width/2 */
/*margin-left:-50px;*/
/* -height + arrow */
/*margin-top:-110px;
    border-radius: 50%;
    padding:0px;
}
.customMarker:after {
    content:"";
    position: absolute;
    bottom: -10px;
    left: 40px;
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: #424242 transparent;
    display: block;
    width: 0;
}
.customMarker img {
    width:90px;
    height:90px;
    margin:5px;
    border-radius: 50%;
}*/
.customMarker {
  position: absolute;
  cursor: pointer;
  background: #9f9fa1;
  width: 80px;
  height: 80px;
  /* -width/2 */
  margin-left: -40px;
  /* -height + arrow */
  margin-top: -90px;
  border-radius: 50%;
  padding: 0px;
}
.customMarker:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 30px;
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: #9f9fa1 transparent;
    display: block;
    width: 0;
}

.customMarker img {
    width:70px;
    height:70px;
    margin:5px;
    border-radius: 50%;
}

.customMarker.not-updated img {
  filter: grayscale(100%);
}

.customMarker.running-late {
  background:#ee675c;
}

.customMarker.running-late:after {
  border-color: #ee675c transparent;
}

.customMarker.updated {
  background:#07a283;
}

.customMarker.updated:after {
  border-color: #07a283 transparent;
}


.customMarker.school {
  position: absolute;
  cursor: pointer;
  background: #9f9fa1;
  width: 60px;
  height: 60px;
  /* -width/2 */
  margin-left: -30px;
  /* -height + arrow */
  margin-top: -65px;
  border-radius: 50%;
  padding: 0px;
}
.customMarker.school:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 15px;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #9f9fa1 transparent;
    display: block;
    width: 0;
}
.customMarker.school img {
    width:54px;
    height:54px;
    margin:3px;
    border-radius: 50%;
}

