/********************************************
           CSS DE INVERSIONISTAS
********************************************/
#topContainerInvestors{
  min-height: 300px;
  margin-bottom: 25px;
  float: left;
  width: 100%;
}

#bottomContainerInvestors{
  width: 100%;
  min-height: 340px;
  clear: both;
}

#middleContainerInvestors {margin-bottom: 25px;}
#middleContainerInvestors .addRightMargin, #investorsContentContainer .addRightMargin {margin-right: 13px;}

.blockSmallInvestors{
  height: 100%;
  width: 32%;
  float: left;
  border-bottom: 1px solid #999999;
}

.blockMediumInvestors{
  height:100%;
  width: 65%;
  float: left;
  border-bottom: 1px solid #999999;
  margin-right: 18px
}

.blockLargeInvestors{
  height: 100%;
  width: 100%;
  border-bottom: 1px solid #999999;
}

.blockHeaderInvestors {height: 35px;}
.addSideBorders {border-left: 1px solid #999; border-right: 1px solid #999;}
#topContainerInvestors .chartInvestors {height: 265px;}

.creditRatingInvestors {
  height: 260px; 
  color: #000; 
  position: relative;
}

.creditRatingInvestors .miniHeader{
  padding: 2px 0px 2px 10px;
  text-align: left; 
  width: 96%;
  font-size: 11px; 
  margin-top: 5px;  
}

.creditRatingInvestors .ratingsTable{
  width: 101%;
  margin-left: -1px;
  display: table; 
  border-collapse: separate; 
  border-spacing: 1px;
  font-size: 12px;
}
.creditRatingInvestors .ratingsTable tr {background-color: #EFF0EF;}
.creditRatingInvestors .ratingsTable td {border-bottom: 1px solid #AAABAA;}
.creditRatingInvestors .ratingsTable .agencyCell {width: 85%; padding-left: 3px;}
.creditRatingInvestors .ratingsTable .ratingCell {text-align: center; color: #155E89; }

.creditRatingInvestors #shortTermRatings{
  position: absolute; 
  bottom:0; 
  width: 100%;
}

.debtProduct table{
  width: 100%;
}

.debtProduct .institutionName{
  color: #000;
  padding: 9px 0px 0px 15px;
}
.debtProduct .contractAmount{
  font-size: 22px;
  color: #155e89;
  text-align: right;
  padding-right: 15px;
}

.debtProduct .institutionType{
  font-size: 9px;
  color: #000;
  padding: 0px 0px 9px 15px;
}

.debtProduct .contractCurrency{
  text-align: right;
  font-size: 9px;
  color: #000;
  padding-right: 15px;
}

.fillerCellInvestors{
  display:table-cell;
  width: 2%;
}

.bondHomeInvestors{
  background-color: #EFF0EF;
  border-color: #C9C9C9;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-bottom-width: 2px;
  margin: 1px 0px;
}

.bondHomeInvestors table{
  width: 100%;
}

.bondHomeInvestors .bondMarket{
  padding-top: 9px;
}

.bondHomeInvestors .bondDate{
  padding-bottom: 9px;
}

.bondHomeInvestors .bondMarket{
  color: #155e89;
  padding-left: 15px;
}

.bondHomeInvestors .bondDate{
  color: #000;
  font-size: 9px;
  padding-left: 15px;
}

.bondHomeInvestors .bondAmount{
  padding-right: 15px;
}

.debtProduct{
  background-color: #EFF0EF;
  border-color: #C9C9C9;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-bottom-width: 2px;
  margin-top: 2px;
}

.debtProduct img{
  vertical-align: middle;
}

.debtProduct .institution{
  padding-left: 15px;
  padding-top: 5px;
}
  
.debtProduct .date{
  padding-left: 15px;
  padding-bottom:5px;
}

.debtProduct .originDestination,
.debtProduct .amount{
  margin-bottom: 8px;
  padding-left: 15px;
}

.blockSmallInvestors .chartInvestors{
  height: 265px;
  padding-top: 2px;
}

/*.blockLargeInvestors .chartInvestors{
  height: 305px;  
}*/

.blockSmallInvestors svg,
.blockLargeInvestors svg{
  width: 99%;
}

/* PARA FONTS */
.bondHomeInvestors .bondAmount{
  text-align: right;
  color: black;
  font-size: 12px;
}

/* !!!! Nico: Esto debe ir en fonts-new.css !!!! */
.blockHeaderInvestors /*h6*/{
  font-size: 12px;
  width: 96%;
  padding: 5px 0 0 10px !important;
  text-transform: lowercase;
}

/* !!!! Nico: Esto debe ir en fonts-new.css !!!! */
#lastUpdateContainerInvestors{
  color: #5f5f5f;
  font-size: 10px;
  font-weight: 500;
  line-height: 130%;
  
  margin-bottom: 15px;
}

#investorsContentContainer #bodyContainer{
  float: left;
  width: 65%;
}

#disclaimer{
  margin-top: 15px;
  border: 1px solid #ADAEAD;
  background-color: #F6F6F6;
  color: #656565;
  font-size: 10px;
  padding: 5px 20px;
}

#phraseEmphasis{
  border-top: 2px solid #006190;
  width: 315px;
  border-bottom: 2px solid #006190;
  color: #006190;
  font-size: 21px ! important;
  padding-top: 20px;
  padding-bottom: 20px;
  float: right;
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
}

#phraseEmphasis p{
  padding-bottom: 0px;
}

.chartGroupContainer{
  margin-bottom: 15px;
}

.chartGroupContainer .operationsButtonHolder{
  overflow: hidden;
  width: 107%;
  margin-top: 10px;
}

.chartGroupContainer .operationsButton{
  width: 30%;
  font-size: 11px;
  float: left;
  margin-bottom: 10px;
  height: 40px;
  margin-right: 10px;
  display: table;
}

.chartGroupContainer .operationsButton .buttonText{
  display:table-cell;
  vertical-align: middle;
  padding-left: 5px;
}

.chartGroupContainer .activeButton{
  border: 1px solid #155E89;
  background-color: #155E89;
  color: #fff;
}

.chartGroupContainer .inactiveButton{
  border: 1px solid #155E89;
  background-color: #f6f6f6;
  color: #155E89;
}

.chartGroupContainer .simpleTable,
.chartGroupContainer .levelTable{
  width: 100%;
  min-height: 400px;
}

.chartGroupContainer .simpleTable td,
.chartGroupContainer .levelTable td{
  border-bottom: 1px solid #818181;
  vertical-align: middle;
}

.chartGroupContainer .simpleTable .footer,
.chartGroupContainer .simpleTable .header,
.chartGroupContainer .levelTable .footer{
  font-weight: bold;
}

.chartGroupContainer .simpleTable .headerFirst{
  font-weight: bold;
  text-align: left;
}

.chartGroupContainer .simpleTable .rightAlign,
.chartGroupContainer .levelTable .rightAlign{
  text-align: right;
}

.chartGroupContainer .simpleTable .smallIndent{
  padding-left: 10px;
}

.chartGroupContainer .levelTable .levelZero{
  font-weight: bold;
}

.chartGroupContainer .levelTable .levelOne{
  padding-left: 20px;
}

.chartGroupContainer .levelTable .levelTwo{
  padding-left: 40px;
}

#debtProductsTableWrapper thead {
  background-color: #155E89; /*#efefef*/
  color: white;
}

#debtProductsTableWrapper thead th {
  vertical-align: middle;
  padding: 5px 0px 5px 0px;
}

#debtProductsTableWrapper thead th.mediumHeader{
  width: 100px;
  border-right: 2px solid #fff;
}

#debtProductsTableWrapper thead th.smallHeader{
  width:85px;
}

#debtProductsTableWrapper thead th.bigHeader{
  width:343px;
  border-right: 2px solid #fff;
}

#debtProductsTableWrapper tbody{
  font-size: 12px;
}

#debtProductsTableWrapper tbody tr {
  border-bottom: 1px solid #c4c4c4;
  background-color: #eff0ef;
}

#debtProductsTableWrapper tbody td.centered{
  text-align: center;
}

#debtProductsTableWrapper p.amount{
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 5px;
}

#debtProductsTableWrapper p.institutionType,
#debtProductsTableWrapper p.currency{
  font-size: 10px;
}

/********************************************
   Reglas de CSS para Operaciones Por Pais
*********************************************/
#figuresTable{
  margin-bottom: 10px;
  width: 90%;
}

#figuresTable table{
  width: 100%;
}

#figuresTable .boldText{
  font-weight: bold;
}

#figuresTable .darkBg{
  background-color: #858585;
  color: #000;
}

#figuresTable .midBg{
  background-color: #DADADA;
  color: #000;
}

#figuresTable .lightBg{
  background-color: #F7F7F7;
  color: #000;
}

#figuresTable .centered{
  text-align: center;
}

#figuresTable .rowHeader{
  padding: 5px 0px 5px 5px;
}

#figuresTable .colHeader{
  padding: 5px 0;
  font-weight: bold;
}

#approvalsContainer{
  width: 48%;
  float:left;
}

#approvalsContainer #areaApprovals{
  margin-bottom: 10px;
}

#areaApprovals .highcharts-container{
  width: 99% !important;
}

#figuresContainer{
  width: 49%;
  float:left;
  margin-right: 15px;
}

#figuresContainer .containerTitle,
#approvalsContainer .containerTitle{
  font-weight: bold;
  height: 40px;
  color: #000;
  margin-bottom: 5px;
}

/********************************************
   Reglas de CSS para Cifras en la col derecha
*********************************************/

.miniHeader {
  padding: 4%;/*10px 0px 10px 10px;*/
  /*text-align: left; */
  font-size: 12px;
  text-transform: lowercase;
  width: 92%;
}

.miniHeader a {
  color: #fff;
  font-size: 12px;
}

.ratingsTable span.bordeBottom80 {margin-bottom: 10px; padding-bottom: 15px;}

/*.ratingsTable{*/
  /* width: 101%;
  margin-left: -1px; */
/*  display: table; */
  /* border-collapse: separate; 
  border-spacing: 1px; */
/*  font-size: 12px;
}*/
/*.ratingsTable tr{
  background-color: #EFF0EF;
}*/

/*.ratingsTable td{*/
  /*border-top: 1px solid #AAABAA;
  border-bottom: 1px solid #AAABAA;*/
/*  padding: 5px 0px 5px 0px;
}

.ratingsTable .agencyCell{
  width: 65%; 
  padding-left: 3px;
}

.ratingsTable .ratingCell{
  text-align: center; 
  color: #155E89;
  padding: 0px 5px;
  vertical-align: middle;
}*/

/************************************************************
   Reglas de CSS para nuevo diseño de Emisiones de Bonos
*************************************************************/
#bondsAdditionalData{
  margin-top: 20px;
  overflow: hidden;
}

#bondsAdditionalData #recentBonds{
  width: 32%;/*235px;*/
  float: left;
  height: 300px;
}

#bondsAdditionalData #existingPrograms{
  width: 495px;
  height: 300px;
  float: right;
}

#bondsAdditionalData #currentBondsContainer {
  height: 209px;
  width: 98%;
  float: left;
  overflow-y: scroll;
  border-bottom: 2px solid #c9c9c9;
}

#bondIssuesContainer {
  /* height: 265px; */
  overflow-y: scroll;
  border-bottom: 2px solid #C9C9C9;
  height: 263px;
}

#currentBondsTableHeader {
  background-color: #EFF0EF;
  width: 98%;
  float: left;
  overflow-y: scroll;
}  

#currentBondsTableHeader table, #currentBondsContainer table {
  width: 478px;/*width: 480px;*/
  background-color: #EFF0EF;
  color: black;
  font-size: 12px;
  border-collapse: separate;
  border-spacing: 5px;
  text-align: center;
}

#currentBondsContainer table {width: 100%;}

/*#currentBondsContainer table{
  width: 480px;
  background-color: #EFF0EF;
  color: black;
  font-size: 12px;
  border-collapse: separate;
  border-spacing: 5px;
  text-align: center;
}*/

#currentBondsTableHeader td{
  padding: 5px;
  vertical-align: middle;
}

#currentBondsContainer td{
  padding: 5px;
}

#currentBondsTableHeader td.rightBorder{
  border-right: 1px solid #c9c9c9;
  width: 20%;
}

#currentBondsContainer td.rightBorder{
  border-right: 1px solid #c9c9c9;
  width: 20%;
}

#currentBondsTableHeader td.bondAmount{
  border-right: 1px solid #c9c9c9;
  text-align: center;
  width: 25%;
}

#currentBondsTableHeader td.dueDate{
  border-right: 1px solid #c9c9c9;
  text-align: center;
  width: 25%;
}

#currentBondsContainer td.bondAmount{
  border-right: 1px solid #c9c9c9;
  text-align: right;
  width: 25%;
}

#currentBondsContainer td.dueDate{
  border-right: 1px solid #c9c9c9;
  text-align: right;
  width: 25%;
}

#currentBondsTableHeader td.rate{
  width: 30%;
}

#currentBondsContainer td.rate{
  width: 30%;
}

#currentBondsTableHeader td.fakeBorder,
#currentBondsContainer td.fakeBorder{
  height: 1px;
  padding: 0px;
  background-color: #c9c9c9;
}

#bodyContainerInvestors{
  float: right;
  width: 65%;
}





















































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */