.trafficlight_body{color:#333;width:250px;box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.trafficlight_body .status_text,.trafficlight_body .status_topic{text-align:center;width:100%;font-size:16px;line-height:20px;padding:5px}.trafficlight_body .trafficlight{height:200px;width:250px;display:flex;align-items:center;justify-content:center;margin:0}.trafficlight_body .trafficlight .container{background-color:#263c51;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:5px 0;height:160px;width:70px}.trafficlight_body .trafficlight .circle{background-color:rgba(0,0,0,.3);border-radius:100%;position:relative;height:40px;width:40px}.trafficlight_body .trafficlight .circle::after{border-right:4px solid rgba(255,255,255,.6);border-radius:100%;content:' ';position:absolute;top:5px;left:0;width:30px;height:30px}.trafficlight_body .trafficlight .circle.red.active{background-color:#c0392b;box-shadow:0 0 20px 5px #c0392b}.trafficlight_body .trafficlight .circle.yellow.active{background-color:#f1c40f;box-shadow:0 0 20px 5px #f1c40f}.trafficlight_body .trafficlight .circle.green.active{background-color:#2ecc71;box-shadow:0 0 20px 5px #2ecc71}.trafficlight_body .barometer{padding:10px 5px}.trafficlight_body .progress{height:20px;margin-bottom:5px;overflow:hidden;background-color:#eee;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 1px 2px rgba(0,0,0,.3);float:none;width:100%}.trafficlight_body .progress .bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#0e90d2;background-repeat:repeat-x;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress .bar-success,.trafficlight_body .progress-success .bar{background-color:#5eb95e;background-repeat:repeat-x}.progress .bar-warning,.trafficlight_body .progress-warning .bar{background-color:#faa732;background-repeat:repeat-x}.progress .bar-danger,.trafficlight_body .progress-danger .bar{background-color:#dd514c;background-repeat:repeat-x}.trafficlight_intraday_container{display:flex;flex-flow:column nowrap;padding:0;-moz-box-align:stretch;align-items:stretch;-moz-box-pack:start;justify-content:flex-start;flex:0 1 auto;cursor:inherit;width:100%;max-width:480px}.trafficlight_intraday_container .trafficlight_bar_footer,.trafficlight_intraday_container .trafficlight_bar_header{width:100%;height:1px;background:#ddd none repeat scroll 0 0}.trafficlight_intraday_container .trafficlight_bars{flex:1 1 0%;display:flex;height:110px;padding:0 8px;align-items:flex-end}.trafficlight_intraday_container .trafficlight_bar{background:#73d1ff none repeat scroll 0 0;height:20%;flex:1 1 0%;margin-left:1px;margin-right:1px;border-top-left-radius:4px;border-top-right-radius:4px;min-height:2px}.trafficlight_intraday_container .trafficlight_bar.active{background:#ec9300 none repeat scroll 0 0}.trafficlight_intraday_container .trafficlight_bar.future{opacity:.7;background-image:linear-gradient(45deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent);background-size:10px 10px}.trafficlight_intraday_container .trafficlight_bar_hours{display:flex;flex:0 0 10px;padding:0 8px;-moz-box-pack:justify;justify-content:space-between}.trafficlight_intraday_container .trafficlight_bar_hour{display:flex;flex-flow:row nowrap;padding:0;-moz-box-align:stretch;align-items:stretch;-moz-box-pack:center;justify-content:center;flex:0 1 auto;max-width:100%;cursor:inherit;color:#333;margin-right:1px;height:14px}.trafficlight_intraday_container .trafficlight_bar_hour_text{display:inline;font-size:12px;font-weight:400;color:inherit;text-transform:none;text-align:left;line-height:initial;width:auto;word-break:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}