@font-face{
    font-family: 'oxygenFont';
    src: url('./fonts/oxygen.regular.ttf') format("truetype");
}

@font-face{
    font-family: 'ralewayMediumFont';
    src: url('./fonts/raleway/static/Raleway-Medium.ttf') format("truetype");
}

@font-face{
    font-family: 'ralewayBoldFont';
    src: url('./fonts/raleway/static/Raleway-SemiBold.ttf') format("truetype");
}

@font-face{
    font-family: 'ralewayMediumItalicFont';
    src: url('./fonts/raleway/static/Raleway-MediumItalic.ttf') format("truetype");
}

#yearDataDiv {
    margin: 0 auto;
    width: 80%;
    border: blue 0.5px solid;
}

#yearDataPar {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

#ifrcheckboxes {
    width: 80%;
    min-width: 550px;
    margin: 20px auto 0 auto;
    border: blue 0.5px solid;
}

#topicsubdiv {
    display: flex;
    width: 70%;
    margin: 0 auto;
    flex-wrap: wrap;
    direction: row;
}

#topictitle {
    margin: 2.5px 5px 0 0px;
    width: 20%;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
}

#chdiv {
    display: flex;
    width: 70%;
    margin-left: 5px;
    flex-wrap: wrap;
}

.checklabels {
    margin: 0 10px 0 0px;
}


.div_iframes {
    width: 80%;
    min-width: 550px;
    height: 450px;
    margin: 20px auto 0 auto;
    border: blue 0.5px solid;
}

iframe {
    width: 100%;
    height: 95%;
    margin: 0 auto;
    border: none;
}

.title_iframes {
    margin: 5px 5px 0 20px;
    color: #0b0b79;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
/**min max div graficos
#chartheaderdiv, #chartfooterdiv{min-width: 434px;}*/
#chartdiv{
    /* min-width: 330px;*/
    min-width: 434px;
    height: auto;
   /* background-color: aqua; */
}

/* Table headers, units, ranges */
#tableheaderdiv, #chartheaderdiv {
    display: flex;
    flex-direction: row;
    padding-right:20px;
}

.iconDiv {
    min-width: 70px;
    height: 100%;
}
.divChapter, .divSubtitle {
    display: flex;
    flex-direction: row;
}
.textHeaderDiv {
    width: auto;
    height: 100%;
    /* display: flex;
    flex-direction: row; */
}
.divChapterTableID, .divSubtitleID {
    min-width: 40px;
}
#headerId {
    color: #C41188;
}
.chapterHeaderTitle {
    color: #C41188;
    font-size: 20px;
    /*font-family: 'ralewayMediumFont', sans-serif;
    font-weight: bold;*/
   font-family: 'ralewayBoldFont', sans-serif;
    font-weight: normal;
    margin: 0;
    line-height: 24px;
    padding-bottom:1px;
}
.subtitleText {
    color: #56585C;
    font-size: 13px;
    /*font-family: 'ralewayMediumFont', sans-serif;
    font-weight: bold; */
    font-family: 'ralewayBoldFont', sans-serif;
    font-weight: normal;
    margin:0;
    line-height: 17px;
}
.headerUnit, .headerRange {
    padding-left: 40px;
    color: #666666;
    font-family: 'ralewayMediumItalicFont', sans-serif;
    font-weight: normal;
    margin: 0;
}
.headerUnit {
    font-size:13px;
    /* font-style: italic; */
}
.headerRange {
    font-size: 13px;
}

/* Old css */
.tableHeaderTitle {
    color: #56585C;
    font-size: 13px;
    font-family: sans-serif;
    font-weight: bold;
    margin: 0;
}
.tableHeaderUnit {
    color: #56585C;
    font-size: 12px;
    font-family: 'oxygenFont', sans-serif;
    font-weight: normal;
    margin: 0;
}
.tableHeaderRange {
    color: #56585C;
    font-size: 12px;
    font-family: 'oxygenFont', sans-serif;
    font-weight: normal;
    margin: 0;
}
/* #chapterTableId {
    display: inline-block;
    width: 40px;
    vertical-align: top;
}
#chapterTableText {
    display: inline-block;
    width: 80%;
} */
.chapterTableTextUrl {
    color: #C41188;
    padding-left: 3px;
}
.chapterTableTextUrl:hover {
    color: #005CC8;
}

/* Table configs */
.tablediv {
    margin-top: 5px;
}
table {
    margin: 0 auto;
    font-size: 11px;
    font-family: Arial;
    line-height: 11px;
    /* font-size: 12px;
    font-family: arial, sans-serif; */
    border-collapse: collapse;
    width: 100%;
}

th {
    background-color: #E1ECF4;
    text-align: left;
    /* padding-left: 10px; */
    line-height: 15px;
    font-size: 12px;
    border-right: 3px solid #ffffff;
    border-left: 3px solid #ffffff;
}

td {
    border: #ffffff 3px solid;
    border-top: none;
    height: 2px;
    padding-left: 10px;
}

td:hover {
    background-color: #a9cfe9;
}

tr {
    background-color: #eeeeee;
}

tr:hover {
    background-color: #c6e5fa;
}

.custom, .customhead {
    text-align: center;
    padding: 0;
}
.values {
    float: right;
    text-align: right;
    width: 57%;
    margin: 0 40%;
    /* border: #005CC8 2px solid; */
}

.th_rangesrow, .th_unitsrow, .th_titlesrow, .th_linksrow {
    text-align: center;
    border-top: #bb3499 1px solid;
    border-bottom: #bb3499 1px solid;
}

.th_unitsrow, .th_titlesrow, .th_linksrow {
    padding-top: 5px;
    padding-bottom: 5px;
}

.th_titlesrow, .th_titlesrow_odd, .th_unitsrow{
    vertical-align: text-top;
}

.th_unitsrow {
    font-weight: normal;
}

.th_rangesrow {
    padding-top: 2px;
    padding-bottom: 2px;
}

.th_unitsrow_odd, .th_titlesrow_odd {
    text-align: left;
    padding-left: 10px;
    font-size: 13px;
}

.spantitle, .spanunit {
  font-size: 12px;
}
.spanrange {
  font-size: 12px;
}

.th_linksrow_odd {
    text-align: center;
    border-top: #bb3499 1px solid;
    width: 20%;
}

.th_rangesrow_odd {
    text-align: center;
    border-bottom: #bb3499 1px solid;
}

.tablesources, .tablefootnotes {
    width: 100%;
}

.td_dl {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.td_dt {
    font-weight: bold;
    width: 35px;
    margin-right: 0px;
    padding: 0px;
}

.td_dd {
    width: 93%;
    margin-left: 0px;
    padding: 0px;
    text-align: justify;
    text-justify: auto;
}

.indent {
    margin-left: 8px;
    display: inline-block;
}

sup {
    font-size: smaller;
    vertical-align: super;
}

.customhead_urls {
    color: #C41188;
    /*edit anita*/
    margin:0 2px;
}
.customhead_urls:hover {
    color: #005CC8;
    /*edit anita*/
    color: #B5B5B5;
}
.customhead_urls > * {pointer-events: none;}

table .tooltipIds{
    font-size: smaller;
    color: #C41188;
    vertical-align: super;
    font-weight:bold;
}
/* Footer table - sources and footnotes */
details {
    font-family: 'oxygenFont';
    font-size: 12px;
}
details > summary {
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}
summary:focus {
    outline: none;
}
details[open] > summary {
    background-color: #a9cfe9;
    text-decoration: underline;
}
details > p{
    padding-left: 10px;
    margin: 5px 0 5px 0;
    cursor: text;
}
details sup{
    font-size: 13px;
    font-weight: bold;
    color: #C41188;
    vertical-align: text-bottom;
    margin-right: 5px;
}
/*footer charts*/
.pChartFooter {
    color: #56585C;
    font-size: 12px;
    font-family: 'ralewayMediumFont', sans-serif;
    margin: 5px 0 0 0;
}
.pChartFooter > sup{
    /*vertical-align: super;
    text-align: center;
    font-weight: bold;
    min-width: 15px;
    display: inline-block;*/

    font-size: 13px;
    font-weight: bold;
   color: #C41188;
     /*color: #56585C;*/
    vertical-align: text-bottom;
    margin-right: 5px;
}
/* Table sources and footnotes tooltip */
.tooltip{
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
    cursor: pointer;
    background-position: top;
    background-position-x: center;
    background-position-y: top;
}
.subtitleText span{
    font-size: smaller;
    color: #56585C;
    vertical-align: super;
}
.subtitleText span.tooltipIds{
    font-size: smaller;
    color: #C41188;
    vertical-align: super;
    line-height:2px;
}
.insideTips{
    margin-right: 2px;
    font-weight: bold;
}
.tooltipPar {
    padding: 0;
    margin: 5px 0 5px 0;
}
.tooltiptext, .subtitleText span.tooltiptext{
    /* visibility: hidden; */
    display: none;
    /* width: 250px; */
    background-color: #F5F5F5;
    color: #404042;
    text-align: left;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 11px;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -5px;
    font-style: normal;
    font-weight: normal;
    line-height: 110%;
}
.tooltip:hover .tooltiptext{
    /* visibility: visible; */
    display: block;
}


/* Loading spinner */
.loader {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin:auto;
}
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*Ani*/

/* Download Button */
#downloadBtn {
    cursor: pointer;
    color: #B5B5B5;
    clear: right;
    z-index: 100;
    position: absolute;
    right: 4px;
    top: 10px;
}

.linkBtn{
    cursor: pointer;
    color: #B5B5B5;
    clear: right;
    z-index: 100;
    position: absolute;
    right: 4px;
    top: 33px;
}

#downloadBtn:hover, .linkBtn:hover{
    color: #000000;
}

.b-tooltip {
    font-family: 'oxygenFont';
    display: inline-block;
    font-size: .65em;
    font-weight: 600;
    padding: 4px 6px;
    position: absolute;
    text-align: center;
    border-radius: 3px;
}
.b-tooltip-dark {
    background: #EA7E2E;
    background: #C41188;
    box-shadow: 0px 0px 10px #aaaaaa;
    color: #fff
}

.inTabLink{
    color: #B5B5B5;
    font-size: 1.3em;
}