
.clear { clear: both; }

.scheda	.scheda-header .scheda-description { color: #37944c; font-weight: bold; padding: 7px 14px; }
.scheda .scheda-nav { position: absolute; right: 15px; top: 7px; }

.scheda .scheda-nav a.first { border-left: solid 1px #587B67; }
.scheda .scheda-nav a.active { color: #37944c; border-bottom: solid 1px #ffffff; }
.scheda .scheda-header-info { padding: 7px 0 0 15px; font-weight: bold; }
.scheda .scheda-header-info span { margin-left: 8px; }
.scheda h2 { font-size: 12px; border-top: solid 1px #1b1c1b; border-bottom: dotted 1px #1b1c1b; margin: 0; }
.scheda h2 span { background-color: #C8E8D0; margin: 1px 0; padding: 4px 10px; display: block; }
.scheda ul { margin: 0; padding: 0; list-style-type: none; }
.scheda ul.stocks-data li { width: calc(50% - 20px); padding: 4px 10px; float: left; height: 24px; text-overflow: ellipsis; white-space: nowrap; }
.scheda ul.stocks-data li span { float: right; font-weight: bold; }
.scheda ul.stocks-data li.row-3, 
.scheda ul.stocks-data li.row-4 { background-color: #F2F9F2; }
.scheda .scheda-body { padding: 15px; }

.scheda .chart-period-navigator ul li { width: auto; float: left; padding: 4px 10px; }
.scheda .chart-period-navigator ul li:first-child { padding-left: 0; }
.scheda .chart-period-navigator ul li a { color: #1b1c1b; text-decoration: none; }
.scheda .chart-period-navigator ul li a:hover,
.scheda .chart-period-navigator ul li a.active { color: #37944c; }
.scheda .chart-period-navigator ul li a.active { font-weight: bold; }

.scheda ul.chart-settings li { float: left; padding: 4px 10px; text-align: center; }
.scheda ul.chart-settings li span,
.scheda ul.chart-settings li label {  cursor: pointer; }

.scheda ul.chart-settings li.chart-type span:hover,

.scheda ul.chart-settings li.chart-type#line span { background-position: 0 -68px; }
.scheda ul.chart-settings li.chart-type#candlestick span { background-position: 0 -34px; }
.scheda ul.chart-settings li.chart-type#ohlc span { background-position: 0 0; }
.scheda ul.chart-settings li.chart-type#area span { background-position: 0 -102px; }
.scheda ul.chart-settings li.indicators { float: right; }
.scheda ul.chart-settings li.indicators { background-color: #1b1c1b; color: #ffffff; border-radius: 5px; margin: 5px 0 0 5px; }
.scheda ul.chart-settings li.indicators:hover,
.scheda ul.chart-settings li.indicators.active { background-color: #37944c; }
.aumento, .spread.diminuzione { color: Green; }
.diminuzione, .spread.aumento { color: Red; }

