body{overflow-x:hidden}#timeline{border-left:5px solid green;margin:2em auto;line-height:1.4em;padding:1em;padding-left:2px;list-style:none;text-align:left;margin-left:10em;margin-right:20px;//border-radius: 0.5em;min-width:22em;padding-top:70px;padding-bottom:0}#timeline:before,#timeline:after{content:"";display:block;width:40px;height:40px;margin-left:-5px}#timeline:before{margin-top:-70px;background:url(/general/images/itinerary/itinerary_start.png)no-repeat}#timeline:after{margin-top:0;background:url(/general/images/itinerary/itinerary_end.png)no-repeat}.action li{list-style:none}.action h2{color:#006000;font-weight:700;font-size:15px;margin:0;padding:0;padding-bottom:15px;margin-left:10px}.action h2:hover{cursor:pointer}.action h2:before{content:"";width:45px;height:4px;background-color:green;position:absolute;left:-45px;z-index:-1;top:10px;transform:translateY(-50%)}.action .day-time{min-width:20em;width:100%;vertical-align:middle;box-sizing:border-box;position:relative;color:#006000}.action .day-time:before,.action .day-time:after{position:absolute;display:block;top:1em}.action .day-time:before{top:0;left:-15em;content:attr(data-time);text-align:right;font-weight:100;font-size:.9em;min-width:9em;color:#000}.action .action-icon{position:absolute;top:-14px;left:-68px;background:radial-gradient(circle at 5px 5px,#ffffff,#a0ffa0);border-radius:50%;border:2px solid #0a0;height:32px;width:32px;content:"";padding:5px}.action .transport{position:absolute;left:-60px;top:5px;width:32px;height:32px}.action .transport img{border:none}.action .distance,.action .duration{position:absolute;left:-180px;float:left;text-align:right;width:110px;height:auto;font-size:12px}.action .distance{top:4px;color:#080}.action .duration{top:20px;color:#a00}.action .place{margin-left:10px;font-size:12px;color:#0000a0}.action .place .la{color:#0000a0;font-size:18px}.action .description{border-top:1px solid #888;margin-left:10px;margin-top:20px;padding-top:10px;font-size:13px;color:#000}.box{padding:10px;text-align:left;position:relative;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.2)}@media(max-width:620px){#timeline{padding-left:10px;margin-left:100px;margin-right:0;min-width:auto}.action h2{font-size:12px;max-width:calc(100% - 100px);max-width:200px}.box{box-shadow:none;padding:4px;width:calc(100% - 75px)}}.div-expand-all{text-align:right;margin-bottom:20px;cursor:pointer;color:#006000}.div-expand-all:before{font-family:line awesome free;content:"\f078";font-weight:900;font-size:18px;padding-right:5px}.open:before{content:"\f054"}