/* - -------------------------------------------------------------------------- - */

/* - Painel - */

#panelReportView .cx-panel-item { float: left; margin: 0px 0px 0px 0px; border: none; }

#panelReportView .cx-panel-item-over { border: 2px dotted #BBBBBB; }

#panelReportView .cx-panel-item-head { background-color: white; padding: 7px 7px 5px 0px; margin-top: 5px; cursor: default; }
#panelReportView .cx-panel-item-head a { font-size: 14px; text-decoration: none; }
#panelReportView .cx-panel-item-head strong { color: #004E96; font-size: 14px; position: relative; top: -2px; left: 0px; }

#panelReportView .cx-panel-item-body { padding: 5px 0px 5px 0px; margin: 0px 0px 5px 0px; float: left; width: 100%; }

#panelReportView .pitm_full { width: 710px; margin-left: 3px; }
#panelReportView .pitm_half { width: 348px; margin-left: 3px; }

/* - -------------------------------------------------------------------------- - */

/* - Lista - Geral - */

#panelReportView .pitm_full .cx-list table.tbllist { width: 702px; }
#panelReportView .pitm_half .cx-list table.tbllist { width: 340px; }

.rptList table.tbllist { border: 1px solid #C5D7E6; border-left: none; }
.rptList table.tbllist th { padding: 6px 3px 6px 3px; border-bottom: 1px solid #C5D7E6; border-left: 1px solid #C5D7E6; }
.rptList table.tbllist td { border-bottom: 1px solid #C5D7E6; border-left: 1px solid #C5D7E6; overflow: hidden; }
.rptList table.tbllist tfoot td { border-bottom: none; }

.rptList table.tbllist tfoot td .cx-step { margin: 5px 5px 5px 7px; padding: 0px; }
.rptList table.tbllist tfoot td .cx-step * { background-color: #E0EAF6; }

/* - -------------------------------------------------------------------------- - */

/* - Lista - Detalhe - */

.rptList table.tbllist td.rptCaption div { overflow: hidden; }
.rptList table.tbllist td.rptCaption div div { white-space: nowrap; width: 9999px; }
.rptList table.tbllist th.rptCaption div { overflow: hidden; }
.rptList table.tbllist th.rptCaption div div { white-space: nowrap; width: 9999px; }

.rptList table.tbllist td.rptTotal div { font-weight: bold; }

.rptList table.tbllist td.rptNumber { width: 100px; text-align: right; }
.rptList table.tbllist th.rptNumber { width: 100px; }
.rptList table.tbllist th.rptNumber div { width: 100px; overflow: hidden; }
.rptList table.tbllist th.rptNumber div div { white-space: nowrap; width: 9999px; }

.rptList table.tbllist th.rptChart { width: 100px; border-left: none; }
.rptList table.tbllist td.rptChart { width: 100px; border-left: none; }
.rptList table.tbllist td.rptChart a:hover img { border: 1px dotted #C5D7E6; }

.rptList table.tbllist tr.odd td.rptChart img { border: 1px solid white; }
.rptList table.tbllist tr.even td.rptChart img { border: 1px solid #F0F5FB; }

/* - -------------------------------------------------------------------------- - */

/* - Lista - Periodo - */

.rptList table.tbllist th.rptPeriod div { width: 80px; }
.rptList table.tbllist td.rptPeriod { text-align: center; }

.rptList table.tbllist td.rptPercent { border-left: none; }
.rptList table.tbllist th.rptPercent { border-left: none; }
.rptList table.tbllist td.rptPercent div { text-align: right; }

.rptList table.tbllist td.rptChange div { text-align: right; }
.rptList table.tbllist th.rptChange div { text-align: right; }

.rptList table.tbllist td.rptValue div { text-align: right; }

.rptList table.tbllist th.rptScore { width: 100px; text-align: center; }

.rptList table.tbllist td.rptScore { width: 100px; padding-top: 10px; padding-bottom: 10px;  }

.rptList table.tbllist th.rptSeason { width: 120px; text-align: center; }
.rptList table.tbllist td.rptSeason { width: 120px; }

.rptList table.tbllist td.rptSeason table { margin: 0px; border: none; }
.rptList table.tbllist td.rptSeason table td { padding: 0px; border: none; }
.rptList table.tbllist td.rptSeason table td span { font-size: 11px; color: #999999; }

/* - -------------------------------------------------------------------------- - */

/* - Erro/Vazio - */

#rptError { padding: 10px; }
#rptEmpty { text-align: center; height: 100px; padding-top: 40px; }

/* - -------------------------------------------------------------------------- - */

/* - Cabeçalho - */

.rptHeader table td.change { cursor: pointer; padding: 0px 5px 0px 6px; background-color: #F0F5FB; border-left: 2px solid #E0EAF6; }
.rptHeader table td.caption { padding: 5px; }
.rptHeader table td.fcaption { padding: 5px; }

.rptHeader table td { font-size: 14px; }
.rptHeader table td span { font-size: 14px; }

.rptHeader table td.caption span { position: relative; top: -1px; }
.rptHeader table td.fcaption span { position: relative; top: -1px; }

.rptHeader table td.icon { padding-left: 5px; text-align: center; }
.rptHeader table td.icon img { position: relative; top: 1px; }

/* - -------------------------------------------------------------------------- - */

/* - Site - */

.rptData { float: left; border: 2px solid #E0EAF6; margin-right: 8px; }
.rptData table td.caption { width: 264px; font-weight: bold; }
.rptData table td.fcaption { width: 290px; font-weight: bold; }

#changeData { background-color: #F0F5FB; }
#changeDataList { height: 114px; overflow: auto; padding: 5px; }
#changeDataList div { padding: 3px; color: #004E96; text-decoration: underline; cursor: pointer; }

/* - -------------------------------------------------------------------------- - */

/* - Intervalo - */

.rptInterval { float: left; border: 2px solid #E0EAF6; margin-right: 8px; }
.rptInterval table td.caption { width: 85px; }
.rptInterval table td.fcaption { width: 110px; }

#changeInterval { background: red; background-color: #F0F5FB; }

#dataReportViewInterval table span.tdvRadioOption { white-space: nowrap; }

/* - -------------------------------------------------------------------------- - */

/* - Periodo - */

div.rptPeriod { float: left; border: 2px solid #E0EAF6; }
.rptPeriod table td.caption {  width: 170px; }
.rptPeriod table td.fcaption { width: 200px; }

.chrome .rptPeriod table td.caption {  width: 150px; }
.safari .rptPeriod table td.caption {  width: 150px; }
.firefox .rptPeriod table td.caption {  width: 150px; }

.rptPeriod tr#changePeriod div.warn { width: 150px; font-size: 11px; padding: 5px; }

#changePeriod { background-color: #F0F5FB; }
#dataReportViewPeriod { margin: 8px 0px 8px 6px; }

/* - -------------------------------------------------------------------------- - */

/* - Texto - */

.rptText { border: 1px solid #C5D7E6; background-color: #F0F5FB; width: 100%; }

.rptText p { margin: 5px; }

.rptText ul { margin-top: 5px; margin-bottom: 5px; }
.rptText ul li { margin-top: 5px; margin-bottom: 5px; }

.rptText h1 { font-size: 16px; margin: 5px; color: #004E96; }
.rptText h2 { font-size: 14px; margin: 5px; color: #004E96; }
.rptText h3 { font-size: 12px; margin: 5px; color: #004E96; }

.rptText hr { display: block; border: none;  border-top: 1px solid #ccb; margin: 2em 0 }

.rptText address { font-style: normal }
.rptText tt { white-space: pre }

.rptText span.underline { text-decoration: underline; }
.rptText pre { white-space: pre }
.rptText pre.wiki,
.rptText pre.literal-block { background: #f7f7f7; border: 1px solid #d7d7d7; margin: 1em 1.75em; padding: .25em; overflow: auto; }

.rptText sup,
.rptText sub { font-size: 10px; }

.rptText blockquote.citation { margin-left: 0; border-style: solid; border-width: 0 0 0 2px;  padding-left: .5em; border-color: #b44; }
.rptText .citation blockquote.citation { border-color: #4b4; }
.rptText .citation .citation blockquote.citation { border-color: #44b; }
.rptText .citation .citation .citation blockquote.citation { border-color: #c55; }

.rptText table { border: 2px solid #ccc; border-collapse: collapse; border-spacing: 0; }
.rptText table td { border: 1px solid #ccc;  padding: .1em .25em; }

/* - -------------------------------------------------------------------------- - */

/* - Gráfico - */

.pieChart #flexReportViewChart { height: 250px; padding: 0px 0px 0px 0px; }
.lineChart #flexReportViewChart { height: 175px; padding: 0px 0px 0px 0px; }

.chartZoom { padding: 5px 5px 0px 5px; }
.chartZoom a span { position: relative; top: -4px; left: 4px; }

.chartLegendBorder { border-top: 2px solid #F0F5FB; margin: 5px 0px 0px 0px; }
.chartLegend { padding: 5px 5px 0px 5px; }
.chartLegendItem { float: left; width: 32.5%; padding: 3px; overflow: hidden; }
.chartLegendItem div { width: 9999px; }
.chartLegendItem span { position: relative; top: -3px; white-space: nowrap; }

.chartLegend1 div.chartLegendItem { width: 99%; }
.chartLegend2 div.chartLegendItem { width: 48%; }

#flexReportZoomChart { height: 290px; margin: 20px 10px 10px 20px; }

#chartFrame { width: 100%; height: 100%; overflow: hidden; }

/* - -------------------------------------------------------------------------- - */