.flex { display: flex; flex-wrap: wrap; }
.flex-row { flex-direction: row;}
.flex-col { flex-direction: column;}
.flex-ai-b { align-items: baseline; }
.shadow { box-shadow: 0 2px 2px 0 rgba(0,0,0,.1),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.1); }
.text-xlg { font-size : x-large; }
.text-lg { font-size : large; }
.text-sm { font-size : small; }
.border-r { border-right : 1px solid #ccc;}

.instrument[data-change-state='up'] .change-direction:before { content: "\25B2"; }
.instrument[data-change-state='down'] .change-direction:before { content: "\25BC"; }
.instrument[data-change-state='unchanged'] .change-direction:before { content: "\25BA"; }

.instrument[data-change-state='up'] .amount-change.colored, .instrument[data-change-state='up'] .percent-change.colored, .instrument[data-change-state='up'] .change-direction.colored { color: #4CAF50; }
.instrument[data-change-state='up'] .amount-change:before { content: "+"; }

.instrument[data-change-state='up'] .percent-change:before { content: "(+"; }
.instrument[data-change-state='up'] .percent-change:after { content: ")"; }

.instrument[data-change-state='down'] .amount-change.colored, .instrument[data-change-state='down'] .percent-change.colored, .instrument[data-change-state='down'] .change-direction.colored { color: #F44336; }

.instrument[data-change-state='down'] .percent-change:before { content: "("; }
.instrument[data-change-state='down'] .percent-change:after { content: ")"; }

.instrument[data-change-state='unchanged'] .amount-change.colored, .instrument[data-change-state='unchanged'] .percent-change.colored, .instrument[data-change-state='unchanged'] .change-direction.colored { color: #9E9E9E; }
.instrument[data-change-state='unchanged'] .percent-change:before { content: "("; }
.instrument[data-change-state='unchanged'] .percent-change:after { content: ")"; }

.meter-wrapper { position: relative;}
.meter { display: block; overflow: hidden; background-color: #ccc; height: 8px; margin-bottom: 2px; border-radius: 2px;}
.meter .meter-bar { display: block; height: 100%;}
.meter-wrapper .meter-open-price-indicator { margin-top: -7px; font-size: small; position:absolute;}
.meter-open-price-indicator .meter-sign { left: -6px; position: absolute; }

.interactive-chart .chart-wrapper .legend-serie-wrapper .circle { display:inline-block; width: 8px; height: 8px; border-radius: 4px; margin: 2px;}
.interactive-chart .chart-wrapper .legend-serie-wrapper span { display: inline-block; margin-left: 2px; }
.interactive-chart .chart-wrapper .info-variation-up { color: #4CAF50 ; } 
.interactive-chart .chart-wrapper .info-variation-down { color: #F44336; }
      
.interactive-chart #time-range-menu { border-bottom: 1px solid #ccc; }
.interactive-chart #time-range-menu .nav-link { color: black; display:block; padding-bottom: 3px}
.interactive-chart #time-range-menu .nav-link.active { border: 0 solid #fff; border-bottom-color: #F44336; color: #F44336; border-bottom-width: 2px; }
.interactive-chart #time-range-menu ul {display: table;  margin: 0 auto; table-layout: fixed;  width: 100%; }
.interactive-chart #time-range-menu li:first-child { border-left: none;}
.interactive-chart #time-range-menu li {border:none; border-left: 1px solid #ccc; display: table-cell; text-align: center;}

#orderbook #best-orders td { vertical-align: middle; }

.chart-wrapper {min-height:350px;}

.company-press-release { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; }
.company-press-release+.company-press-release { border-top: 1px solid #ccc;}