/* td widths */

#activitylist .date{
  width: 5%;
  min-width: 60px;
}
#activitylist .title{
  width: 50%;
}
#activitylist .icon{
  width: 2%;
}
#activitylist .location{
  width: 20%;
}
#activitylist .attendees{
  width: 10%;
}
#activitylist .organiser{
  width: 5%;
  min-width: 60px;
}

.fa-25 {
  font-size: 2.5rem;
}

.attendyes {
  border: 1px solid #49c401;
  background-color: #befcbd;
}

.attendmaybe {
  border: 1px solid #efd407;
  background-color: #fcee83;
}

.attendno {
  border: 1px solid #ef1a07;
  background-color: #fc9b92;
}

/*
*  custom styles for activities
*
*/
.back { color: #888888;}
.yform div.type-button {padding: 3px 0.5em;}
.abitright {padding-left: 15px;}
.abitlower {padding-top: 0.4em;}
.yform .type-check label {vertical-align: top;}
.yform .type-check .abitlower {padding-bottom: 0.1em;}
.yform label {padding-bottom: 0.12em;}
.activitieslist {width: 100%;}

#activities-map { 
    height: 300px; 
    width: 100%;
}
#activities-data{
    display: none;
}

/*
*  custom styles for activities in Internet Explorer
*
*/

.marker-cluster-unique {
	/* hack for browsers without standard alpha support */
	background-color: #b9b6d4;
	background-color: rgba(146, 144, 200, 0.6);
}

.marker-cluster-unique div {
	/* hack for browsers without standard alpha support */
	background-color: #989acc;
	background-color: rgba(146, 144, 200, 0.6);
}

.leaflet-popup-content h4{
    margin: 0;
}

.leaflet-popup-content p.date-start{
    margin: 0;
}

.leaflet-popup-content .date-start{
    font-size: 75%;
}

.leaflet-popup-content .address{
    font-size: 75%;
}

li.picbox_activities {
    padding: 7px 7px 30px 0;
    width: 240px;
}

#activity-location-suggestion {
  width: 100%;
}
#activity-location-suggestion #locations {
  width: 100%;
}
#activity-location-suggestion ol li {
    width: 20.5em;
}

.compacttext{
  font-size: 0.6rem;
  line-height: 1.1;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }


  @include media-breakpoint-down(sm) {
    .attend{
      width: 100%;
    }
  }
@include media-breakpoint-between(md,lg) {
  .attend{
    width: 45%;
  }
}
@include media-breakpoint-up(xl) {
  .attend{
    width: 21%;
  }
}

#activities-description img {
  max-width: 100%;
}
