html, body {
    background-color : #f5f5f5;
}

body {
    overflow-y: auto;
    overflow-x: hidden;
}

body.jCore-Modal-Visible {
    overflow-y: hidden;
}

.mfp-bg .mfp-ready {
    display: none;
}

/* Styles for footnote */
.wdg-footnotes .link-container {
    text-align:right;
}

.wdg-footnotes .link-symbols {
    font-size : 0.9em;
}

.wdg-footnotes .footnote-number {
    width: 1.5em;
    text-align: right;
    font-weight: bold;
    position: absolute;
    
    vertical-align: top;
    font-weight:bold;
}

.wdg-footnotes .footnote-text{
    width: auto;
    text-align: left;
    font-weight: normal;
    left: 3.0em;
    position: relative;
    margin: 0 2.6em 0 0;
    padding-right: 0.2em;
    
    text-align:justify;
}

.wdg-footnotes .footnote-text.clickable,
.wdg-footnotes .footnote-number.clickable {
	cursor : pointer;
}

.footnote.tooltip {
    padding: 5px 30px 5px 5px;
}

.footnote.tooltip .footnoteNumber {
    font-weight: bold;
    position: absolute;
}

.footnote.tooltip .footnoteText {
    left: 1.8em;
    position: relative;
}

.footnote-link,
.footnote-link:visited {
    color : #333;
}

.tooltip {
    background: #565656;
    border: solid 2px #000;
    color: white;
	max-width:600px;
}

/* For indicator widget */
.indicator-label-container {
    font-weight: bold;
    color: white;
}

.indicator-content {
    border-color: rgb(36, 90, 86);
    border: solid thin silver;
    border-radius: 8px;
    overflow: hidden;
}

.indicator-label,
.indicator-value {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.indicator-label-container,
.indicator-value-container {
    display: table;
    width: 100%;
}

.indicator-value {
	font-size : 30px;
}


/*  For chart widget */
.chart-table {
    border-top: solid thin #335075;
    border-bottom: solid thin #335075;
}

.chart-table .dropdown-items .dropdown-item {
    padding: 1px 4px;
}

.chart-table .chart-table-item > *,
.chart-table .legend-item > *,
.selector .legend-item > *,
.legend .legend-item > * {
	display : inline-block;
	vertical-align:middle;
}

.chart-main-container .chart-table .chart-table-item .chart-table-value {
	float:right;
}

.chart-main-container .chart-table .legend-toggle,
.chart-main-container .chart-table .chart-table-item {
	font-size : 0.85em;
}

.chart-main-container .chart-table .chart-table-item {
	cursor : default;
}

.chart-main-container .legend-toggle {
	padding-left : 6px;
	font-weight : bold;
	cursor : pointer;
	color : #335075;
    background: none;
    border: none;
}

.chart-main-container .chart-table.hidden {
	display : none;
}

.copy-button .copy-confirm {    
    visibility: hidden;
    position: absolute;
    top: 5px;
    right: 50px;
    background: #eaebed;
    line-height: 25px;
    border-radius: 4px;
    border: solid thin black;
    padding: 5px;
    color: #333;
    
    box-shadow: -2px 2px 6px rgba(35, 35, 35, 0.5);
    -moz-box-shadow: -2px 2px 6px rgba(35, 35, 35, 0.5);
    -webkit-box-shadow: -2px 2px 6px rgba(35, 35, 35, 0.5);
}