.activity-change_mode {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-change_mode.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-change_mode.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-community {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-community.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-community.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-default {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-default.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-default.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-dining {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-dining.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-dining.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-entertainment {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-entertainment.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-entertainment.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-financial {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-financial.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-financial.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-grocery {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-grocery.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-grocery.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-holiday {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-holiday.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-holiday.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-home {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-home.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-home.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-medical {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-medical.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-medical.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-other {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-other.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-other.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-otherhome {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-otherhome.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-otherhome.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-personal {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-personal.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-personal.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-retail {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-retail.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-retail.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-school {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-school.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-school.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-shopping {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-shopping.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-shopping.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-socializing {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-socializing.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-socializing.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-sport {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-sport.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-sport.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-toaccompany {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-toaccompany.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-toaccompany.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-transfer {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-transfer.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-transfer.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-work {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-work.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-work.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.activity-work_related {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/activities/activity-work_related.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-work_related.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-change_mode {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-change_mode.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-change_mode.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-community {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-community.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-community.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-default {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-default.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-default.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-dining {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-dining.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-dining.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-entertainment {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-entertainment.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-entertainment.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-financial {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-financial.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-financial.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-grocery {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-grocery.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-grocery.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-holiday {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-holiday.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-holiday.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-home {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-home.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-home.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-medical {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-medical.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-medical.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-other {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-other.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-other.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-otherhome {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-otherhome.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-otherhome.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-personal {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-personal.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-personal.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-retail {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-retail.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-retail.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-school {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-school.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-school.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-shopping {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-shopping.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-shopping.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-socializing {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-socializing.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-socializing.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-sport {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-sport.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-sport.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-toaccompany {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-toaccompany.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-toaccompany.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-transfer {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-transfer.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-transfer.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-work {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-work.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-work.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-activity-work_related {
  height: 28px;
  background-color: #4194d3;
  mask-image: url(/assets/cawi/svg/activities/activity-work_related.svg);
  -webkit-mask-image: url(/assets/cawi/svg/activities/activity-work_related.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-air {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-air.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-air.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-bike {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-bike.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-bike.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-bus {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-bus.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-bus.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-bus_alt {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-bus_alt.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-bus_alt.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-car {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-car.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-car.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-default {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-default.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-default.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-ferry {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-ferry.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-ferry.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-foot {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-foot.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-foot.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-hsr {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-hsr.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-hsr.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-lrt {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-lrt.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-lrt.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-moto {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-moto.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-moto.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-mrt {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-mrt.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-mrt.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-other {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-other.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-other.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-pmd {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-pmd.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-pmd.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-taxi {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-taxi.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-taxi.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-taxi_alt {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-taxi_alt.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-taxi_alt.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-tram {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-tram.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-tram.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-truck {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-truck.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-truck.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-van {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-van.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-van.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.mode-subway {
  height: 32px;
  background-color: #bebebe;
  mask-image: url(/assets/cawi/svg/modes/mode-subway.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-subway.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-air {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-air.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-air.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-bike {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-bike.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-bike.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-bus {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-bus.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-bus.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-bus_alt {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-bus_alt.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-bus_alt.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-car {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-car.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-car.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-default {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-default.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-default.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-ferry {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-ferry.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-ferry.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-foot {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-foot.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-foot.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-hsr {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-hsr.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-hsr.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-lrt {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-lrt.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-lrt.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-moto {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-moto.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-moto.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-mrt {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-mrt.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-mrt.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-other {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-other.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-other.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-pmd {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-pmd.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-pmd.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-taxi {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-taxi.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-taxi.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-taxi_alt {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-taxi_alt.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-taxi_alt.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-tram {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-tram.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-tram.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-truck {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-truck.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-truck.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-van {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-van.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-van.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.timeline-mode-subway {
  height: 28px;
  background-color: #454e54;
  mask-image: url(/assets/cawi/svg/modes/mode-subway.svg);
  -webkit-mask-image: url(/assets/cawi/svg/modes/mode-subway.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  pointer-events: none;
}

.cawi_survey {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Noto-Sans !important;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #000000;
}
.cawi_survey__heading {
  margin-bottom: 39px;
}
.cawi_survey__activities {
  margin-top: 37px;
}
.cawi_survey .title {
  font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif !important;
  font-size: 36px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  color: #3e3e3e;
}
.cawi_survey .subtitle {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #3e3e3e;
  margin-top: 14px;
}
.cawi_survey .date {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #007bff;
}
.cawi_survey .panel {
  margin-bottom: 21px;
  background-color: #ffffff;
  border-radius: 0px;
}
.cawi_survey .panel-default {
  border-color: #4194d3;
}
.cawi_survey .selected {
  border: solid 1px #4194d3;
  background-color: rgba(65, 148, 211, 0.1);
  padding: 0 4px 0 8px !important;
}
.cawi_survey .selected:hover {
  background-color: rgba(65, 148, 211, 0.1) !important;
}
.cawi_survey .trip_selected {
  background: #454e54; /* The Fallback */
  background: rgba(69, 78, 84, 0.1);
  border: solid 1px #454e54;
  padding: 0 4px 0 8px !important;
  margin-bottom: 0px;
}
.cawi_survey .trip_selected:hover {
  background: #454e54; /* The Fallback */
  background: rgba(69, 78, 84, 0.1);
}
.cawi_survey .list-group-item {
  font-size: 16px;
  font-weight: 500;
  color: #4194d3;
  padding: 0 4px 0 8px !important;
  height: 56px;
  word-break: break-all;
}
.cawi_survey .list-group-item.inactive {
  pointer-events: none;
  opacity: 0.5;
}
.cawi_survey .list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.cawi_survey .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.cawi_survey .list-group-item .trip-wrapper {
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cawi_survey .list-group-item .trip-wrapper .trip-info {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cawi_survey .list-group-item .trip-wrapper .trip-info .trip-time {
  margin-right: 15px;
}
.cawi_survey .list-group-item .trip-wrapper .trip-info .trip-time div {
  line-height: 2px;
  text-align: center;
  padding-bottom: 4px;
  padding-top: 5px;
  font-size: 8px;
}
.cawi_survey .list-group-item .trip-wrapper .trip-info .trip-time div span {
  font-size: 10px;
  color: #868e96;
  margin: 0;
}
.cawi_survey .list-group-item .trip-wrapper .travel-text {
  color: #b2b9bf;
}
.cawi_survey .list-group-item .trip-actions {
  display: flex;
}
.cawi_survey .list-group-item .validated-icon {
  width: 22px;
  height: 22px;
  background-image: url(/assets/cawi/svg/icons-check.svg);
}
.cawi_survey .list-group-item .warning-icon {
  width: 22px;
  height: 22px;
  background-image: url(/assets/cawi/svg/icons-urgent.svg);
}
.cawi_survey .list-group-item .trip-insert-wrapper {
  display: flex;
  padding: 10px 0 10px 0;
  align-items: center;
}
.cawi_survey .list-group-item .trip-insert-wrapper .travel-text {
  color: #b2b9bf;
  margin-left: 5%;
  width: 50%;
}
.cawi_survey .list-group-item .trip-insert-wrapper .trip-insert {
  background-color: #ffc107;
  padding: 0 15px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
}
.cawi_survey .list-group-item .trip-insert-wrapper .trip-insert.inactive {
  pointer-events: none;
  opacity: 0.5;
}
.cawi_survey .list-group-item .trip-icon {
  width: 28px;
  height: 28px;
  color: #4194d3;
}
.cawi_survey .list-group-item:hover, .cawi_survey .list-group-item:focus {
  color: #007bff;
  text-decoration: none;
  background: #4194d3; /* The Fallback */
  background: rgba(65, 148, 211, 0.1);
}
.cawi_survey .submit-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.cawi_survey #stop-delete-button {
  border: 1px solid;
}
.cawi_survey .save-btn {
  text-align: center;
  padding: 6px 11px;
  border-radius: 4px;
  background-color: #007bff;
  color: white;
}
.cawi_survey .cancel-btn {
  text-align: center;
  border: 0.5px solid gray;
  padding: 6px 11px;
  border-radius: 4px;
  margin-right: 7px;
  color: grey;
}
.cawi_survey #operation-status {
  margin: 10px;
}
.cawi_survey .cawi_survey__form label {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}
.cawi_survey .cawi_survey__form input {
  height: 38px;
  background: #fff;
}
.cawi_survey .cawi_survey__form input:focus {
  border: 2px solid #DADED8;
}
.cawi_survey .cawi_survey__form .help-block {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #868e96;
}
.cawi_survey .cawi_survey__form .form-footer-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.cawi_survey .cawi_survey__form .form-footer-actions div .help-text {
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: normal;
  color: #868e96;
  margin: 0;
}
.cawi_survey .cawi_survey__form p .activity-help-text {
  font-size: 16px;
  line-height: 1.33;
  letter-spacing: normal;
  color: #4194d3;
  font-weight: 550;
  margin-left: 10px;
}
.cawi_survey .cawi_survey__form p .activity-help-other {
  font-weight: normal;
}
.cawi_survey .cawi_survey__form .btn-delete {
  border-radius: 4px;
  padding: 6px 11px;
  background-color: #f8f9fa;
}
.cawi_survey .cawi_survey__form .btn-delete a {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #dc3545;
}
.cawi_survey .cawi_survey__form .list-activities {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.cawi_survey .cawi_survey__form .activity {
  width: 48px;
  margin: 15px 0px 27px 12px;
  text-align: center;
  height: 80px;
  cursor: pointer;
}
.cawi_survey .cawi_survey__form .main-activity-selection {
  height: 41px;
}
.cawi_survey .cawi_survey__form .activity-container:hover {
  background-color: rgba(65, 148, 211, 0.1803921569);
  border-radius: 3px;
  height: 90px;
}
.cawi_survey .cawi_survey__form .activity-container.active, .cawi_survey .cawi_survey__form .activity-container:focus {
  border: 2px solid #4194d3;
  border-radius: 3px;
}
.cawi_survey .cawi_survey__form .activity-container.active .activity-icon, .cawi_survey .cawi_survey__form .activity-container:focus .activity-icon {
  background-color: #4194d3;
  margin: 3px 6px 3px 6px;
  height: 38px !important;
}
.cawi_survey .cawi_survey__form .activity-container.active .activity-name, .cawi_survey .cawi_survey__form .activity-container:focus .activity-name {
  color: #4194d3;
}
.cawi_survey .cawi_survey__form .mode {
  width: 16.33%;
  text-align: center;
  height: 60px;
  cursor: pointer;
}
.cawi_survey .cawi_survey__form .mode-container:hover {
  border-radius: 3px;
  background-color: rgba(190, 190, 190, 0.1294117647);
  height: 40px !important;
}
.cawi_survey .cawi_survey__form .mode-container.active, .cawi_survey .cawi_survey__form .mode-container:focus {
  border: 2px solid #454e54;
  border-radius: 3px;
  height: 40px;
}
.cawi_survey .cawi_survey__form .mode-container.active .activity-icon, .cawi_survey .cawi_survey__form .mode-container:focus .activity-icon {
  background-color: #454e54;
}
.cawi_survey .cawi_survey__form .mode-container.active .activity-name, .cawi_survey .cawi_survey__form .mode-container:focus .activity-name {
  color: #454e54;
}
.cawi_survey .cawi_survey__form .activity-name {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  color: #bebebe;
  pointer-events: none;
}
.cawi_survey .cawi_survey__form .main-activity-label {
  font-size: 8px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #7f7f7f;
  display: block;
  pointer-events: none;
  margin-top: -10px;
}
.cawi_survey .cawi_survey__form .selection-radio {
  width: 16px;
  height: 16px;
  margin: 8px 10px 0 10px;
  padding: 5px;
  border: solid 1px #4194d3;
  background-color: #DADED8;
  display: inline-block;
  text-align: center;
}
.cawi_survey .highlight {
  font-weight: bold;
  color: #ffc107;
}
.cawi_survey .text-danger {
  color: #dc3545;
}

.time-table {
  font-size: 0.8rem;
  padding: 10px;
  border-collapse: collapse;
  border-spacing: 0;
}

.time-table-header {
  font-size: 1rem;
  padding: 5px 10px;
  text-align: left;
  vertical-align: middle;
  padding-left: 0;
  width: 150px;
}

.time-table-header:first-child {
  width: 120px;
}

.time-table-header span {
  display: block;
  font-size: 0.8rem;
}

.time-table td {
  padding: 0;
  text-align: left;
  vertical-align: middle;
}

.time-range-suggestion-24h {
  text-align: center;
  margin-top: 10px;
}

.cawi_map {
  height: 216px;
  margin-left: 16.5px;
  margin-right: 16.5px;
  margin-bottom: 15px;
  border-radius: 4px;
}

.page-redirect {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.page-redirect .back-previous {
  position: absolute;
  left: 12%;
  cursor: pointer;
}
.page-redirect .back-previous a {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  color: #007bff;
}
.page-redirect .submit_button {
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #007bff;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin-top: 15px;
}
.page-redirect .submit_button.inactive {
  background-color: #DADED8;
  pointer-events: none;
}

.tab-icon {
  width: 28px;
  height: 32px;
  display: inline-block;
}

.box_activity {
  height: 560px;
  border: 1px solid #b2b9bf;
  overflow-x: hidden;
  overflow-y: auto;
}

.activity_sample {
  padding-left: 60px;
  width: 250px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.instruction_text {
  margin-bottom: 50px;
  font-family: HelveticaNeue;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 14px;
  text-align: center;
}

.instruction_btn {
  padding: 9px 20px;
  border-radius: 50px;
  background-color: #007bff;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-width: unset;
  margin: 0px auto;
  display: flex;
}

.gap-10px {
  gap: 10px;
}

.m-0 {
  margin: 0px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.noCalendar {
  width: 240.875px !important;
}

.dayWithData {
  background-color: #D9AA00;
  position: relative;
}

.dayWithDataPartiallyValidated {
  background-color: #D9AA00;
  position: relative;
}

.dayWithDataValidated {
  background-color: #3AD9AA;
  position: relative;
}

.info_text {
  color: #3e3e3e;
  text-align: justify;
  font-weight: 500;
}

.info_top {
  margin-top: 2%;
}

.info_top1 {
  margin-top: 3%;
  color: #3e3e3e;
  text-align: center;
  font-weight: 500;
}

.instruction_head h6 {
  font-size: 16px;
  font-family: HelveticaNeue-Medium;
  line-height: 23px;
  color: #3e3e3e;
}
.instruction_head ul {
  color: #3e3e3e;
  font-weight: 500;
}
.instruction_head strong {
  color: #4194d3;
}
.instruction_head ul li span {
  color: #4194d3;
  font-weight: 500;
}
.instruction_head p {
  margin-top: 30px;
  color: #3e3e3e;
  font-weight: 500;
}
.instruction_head .instruction_eg {
  color: #7f7f7f;
  padding-left: 25px;
}
.instruction_head .number_span {
  font-weight: 600;
  margin-right: 5px;
}

.box_activity_1 {
  height: 645px;
  border: 1px solid #b2b9bf;
  overflow-x: hidden;
  overflow-y: auto;
}

.custom-popover {
  padding-inline-start: 20px;
}

.custom-popover-with-inputs {
  padding-inline-start: 20px;
  list-style: none;
}

.custom-popover-with-inputs input {
  margin-right: 5px;
}

.btn_actions_set {
  display: flex;
  float: right;
}

.mr-10 {
  margin-right: 10px;
}

.location_mode {
  color: #4194d3;
  font-weight: 500;
}

.add_tab {
  width: 26px;
  height: 20px;
  margin: 1px 0 0;
  border-radius: 4px;
  background-color: #ffc107;
}

.tab_new li a {
  background-color: white !important;
}

.panel.with-nav-tabs .panel-heading {
  padding: 0px;
  background-color: white !important;
}

.panel.with-nav-tabs .nav-tabs {
  border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
  margin-bottom: -1px;
}

.new_list {
  border-color: transparent !important;
  margin-top: 15px;
}

.add_activity_plus {
  width: 26px;
  height: 20px;
  margin-top: 15px;
  margin-left: 15px;
  border-radius: 4px !important;
  background-color: #ffc107;
}

.add_activity_plus:hover {
  background: #ffc107 !important;
}

.add_activity_plus:focus {
  background: #ffc107 !important;
}

.add_activity_icon {
  position: absolute;
  top: -6px;
  left: 9px;
  color: white;
  font-family: HelveticaNeue;
  font-size: 20px;
}

.mode_text {
  font-family: HelveticaNeue;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #7f7f7f;
}

.new_panel_list {
  border: 1px solid #454E54;
  border-top: none;
}

.new_list > .panel-heading {
  border-color: #454E54 !important;
}

.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
  color: #777;
  background: transparent;
  border-color: transparent;
}

.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #fff;
  border-color: #454E54;
  border-bottom-color: transparent;
}

.pd10 {
  padding: 10px 0 10px 0;
}

.pr0 {
  padding-right: 0px !important;
}

.tab-trip-icon {
  width: 32px;
  height: 32px;
}

.btn_select {
  padding: 4px 11px 2px;
  border-radius: 4px;
  background-color: #007bff;
  color: white;
}

.btn_cancel {
  padding: 4px 11px 2px;
  border-radius: 4px;
  background-color: #f8f9fa;
  color: #007bff;
}

.insert-item:hover {
  background-color: transparent !important;
}

.divider-item {
  height: 1px;
  opacity: 0.5;
  border: 1px solid #4194d3;
}

.nmt20 {
  margin-top: -20px;
}

.showBtn {
  display: block;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.nml-15 {
  margin-left: -15% !important;
}

.margin-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.checkbox-list > label {
  display: block;
  font-size: 14px !important;
  font-weight: 400;
}

.checkbox-list input {
  height: unset !important;
}

.label_title {
  font-weight: 500 !important;
}

.back-presurvey {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  color: #007bff;
}

.modal-header .trip-icon {
  width: 25px;
  margin-right: 10px;
}

.modal-footer .page-redirect {
  justify-content: flex-end;
}
.modal-footer .back-previous {
  left: 0%;
}

.center-modal {
  margin-top: 30vh;
}

.modal-btn {
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #007bff;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin-top: 15px;
}
.modal-btn:hover {
  color: #ffffff;
}

.modal-btn-danger {
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #dc3545;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin-top: 15px;
}
.modal-btn-danger:hover {
  color: #ffffff;
}

.pb-0 {
  padding-bottom: 0px;
}

.pd-10 {
  padding: 0px 10px 5px 10px;
}

.input_button {
  padding: 15px;
  border-radius: 4px;
  background-color: #007bff !important;
  font-size: 20px;
  line-height: 0.5;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  height: auto !important;
  border-color: transparent;
  font-weight: 400;
}

.presurvey_inputbtn {
  padding: 20px;
  border-radius: 50px;
  background-color: #007bff !important;
  font-size: 20px;
  line-height: 0.5;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  height: auto !important;
  border-color: transparent;
  font-weight: 500;
}

.cancel_button {
  padding: 15px;
  border-radius: 4px;
  background-color: #ffffff !important;
  font-size: 20px;
  line-height: 0.5;
  letter-spacing: normal;
  text-align: center;
  color: #333;
  height: auto !important;
  border-color: #ccc;
  font-weight: 400;
  border: 1px solid;
}

.activity-hint {
  color: #ffc107;
}

.lightbox-text a {
  color: #000000;
  text-decoration: none;
}

@media (max-width: 480px) {
  .page-redirect .back-previous {
    position: unset;
    left: unset;
  }
  .page-redirect .back-previous a {
    margin-right: 10px;
  }
}
.instruction_head strong {
  color: black !important;
}

.d-flex {
  display: flex;
}

.d-inline {
  display: inline !important;
}

.flex-column {
  flex-direction: column;
}

.align-items-center {
  align-items: center;
}

.custom-input-width {
  max-width: 10rem;
}

.w-100 {
  width: 100%;
}

.text-lg {
  font-size: 18px;
}

.error {
  font-size: 14px;
  color: red;
}

.margin-bottom-20px {
  margin-bottom: 20px;
}

.caps {
  text-transform: uppercase !important;
}

.bold {
  font-weight: bold !important;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: 0.3 !important;
}

.container-wrapper {
  max-width: 400px;
  margin: 50px auto 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.time-zone-height-select {
  height: 40px;
}

.container {
  width: auto !important;
}