@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);.event-box{padding:1rem;border:1px solid #e0e0e0;border-radius:4px;margin:1rem 0;background-color:#f8f8f8}.input-narrow{max-width:300px}.date-input{max-width:200px}.event-controls{display:flex;justify-content:flex-end;margin-top:1rem}.control-btn{background-color:#47a3da;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;margin-left:.5rem;display:flex;align-items:center;justify-content:center}.control-btn.danger{background-color:#dc3545}.control-btn i{margin:0 .2rem}.icon-select{position:relative}.selected-icon{cursor:pointer}.icon-list{position:absolute;z-index:1;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:.5rem;display:flex;flex-wrap:wrap;max-width:300px}h1{margin-top:50px}body{font-family:Lato,Calibri,Arial,sans-serif;color:#47a3da}.container{max-width:800px;margin:0 auto;padding:1rem}.toggle-btn{position:absolute;top:1rem;left:1rem;background-color:#47a3da;color:#fff;border:none;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center}.toggle-btn i{margin-right:.5rem}.timeline{margin:30px 0 0 0;padding:0;list-style:none;position:relative}.timeline:before{content:"";position:absolute;top:0;bottom:0;width:10px;background:#afdcf8;left:20%;margin-left:-10px}.timeline li{position:relative}.timeline li .time{display:block;width:13%;padding-right:100px;position:absolute}.timeline li .time span{display:block;text-align:right}.timeline li .time span:first-child{font-size:.9em;color:#bdd0db}.timeline li .time span:last-child{font-size:1.5em;color:#3594cb}.timeline li:nth-child(odd) .time span:last-child{color:#6cbfee}.timeline li .label{margin:0 0 15px 25%;background:#3594cb;color:#fff;padding:2em;font-size:1.2em;font-weight:300;line-height:1.4;position:relative;border-radius:5px}.timeline li:nth-child(odd) .label{background:#6cbfee}.timeline li .label h2{margin-top:0;padding:0 0 10px 0;border-bottom:1px solid hsla(0,0%,100%,.4)}.timeline li .label:after{right:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#3594cb;border-width:10px;top:10px}.timeline li:nth-child(odd) .label:after{border-right-color:#6cbfee}.timeline li .icon{width:40px;height:40px;font-family:Font Awesome\ 5 Free;font-weight:900;speak:none;font-style:normal;font-variant:normal;text-transform:none;font-size:1.4em;line-height:40px;-webkit-font-smoothing:antialiased;position:absolute;color:#fff;background:#46a4da;border-radius:50%;box-shadow:0 0 0 8px #afdcf8;text-align:center;left:20%;top:0;margin:0 0 0 -25px}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:700;margin-bottom:.2rem}.form-group input,.form-group textarea{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px}.form-group textarea{height:100px}.icon-select{display:flex;flex-wrap:wrap}.icon-option{margin-right:.5rem;margin-bottom:.5rem;cursor:pointer}.icon-option.selected{color:#47a3da}@media screen and (max-width:47.2em){.timeline:before{display:none}.timeline li .time{width:100%;position:relative;padding:0 0 20px 0}.timeline li .time span{text-align:left}.timeline li .label{margin:0 0 30px 0;padding:1em;font-weight:400;font-size:95%}.timeline li .label:after{right:auto;left:20px;border-right-color:transparent;border-bottom-color:#3594cb;top:-20px}.timeline li:nth-child(odd) .label:after{border-right-color:transparent;border-bottom-color:#6cbfee}.timeline li .icon{position:relative;float:right;left:auto;margin:-55px 5px 0 0}}