.top{
  position:relative;
  height:150px;
  text-align: center;
  margin:auto;
}

.graphs{
  position:relative;
}

.column-left{
  float: left;
  width: 40%;
  text-align: left;
  position:relative;
}

.column-right{
  float: right;
  width: 40%;
  text-align: right;
  position:relative;
}

.tbhead{
  font-family:arial;
  font-size: 25px;
  font-weight: bold;
  color: white;
  top: 15px;
  width: 100%;
  text-align: left;
  position:relative;
  margin-top:0;
  margin-left:5px;
}

.title{
  font-family: arial;
  font-size: 30px;
  font-weight: bold;
  color: #228b22;
  top: 20px;
  width: 100%;
  text-align: left;
  position:relative;
}

.title2{
  font-family:arial;
  font-size: 20px;
  font-weight: bold;
  color: #2d912d;
  top: 10px;
  width: 100%;
  text-align: left;
  position:relative;
}

.title3{
  font-family:arial;
  font-size: 15px;
  font-weight: bold;
  color: #228b22;
  top: 10px;
  width: 100%;
  text-align: left;
  position:relative;
}

.title_es{
  font-family:arial;
  font-size: 17px;
/*  font-weight: bold;*/
  color: black;
  width: 100%;
  text-align: left;
  position:relative;
  margin-top:0;
  margin-bottom:0;
}

/*.content{
  font-family: Calibri;
  font-size: 15px;
  color: #000;
  top: 10px;
  width: 100%;
  text-align: left;
  position:relative;
}*/

.tight{
  font-family: Calibri !important;
  font-size: 15px !important;
  color: #000 !important;
  width: 100% !important;
  text-align: left !important;
  position:relative !important;
  margin-top:5px !important;
  margin-bottom:5px !important;
}


.tbnote{
  font: italic 11px arial;
  color: #000;
  width: 100%;
  text-align: right;
  position:relative;
  margin-top:5px;
  margin-bottom:5px;
}

.note{
  font-family: arial;
  font-size: 12px;
  color: #000;
  width: 100%;
  text-align: left;
  position:relative;
  margin-top:5px;
  margin-bottom:5px;
}

.center {
  font-family: Calibri;
  font-weight: bold;
  font-size: 15px;
  color: black;
  width: 100%;
  text-align: center;
  position:relative;
  margin-top:5px;
  margin-bottom:5px;
}

.sub_title{
  font-size: 18px;
  font-weight: bold;
  color: #000;
  width: 100%;
  text-align: left;
  position:relative;
  
}

.caption{
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  text-align: left;
  position:relative;
  margin-top:20px;
  margin-bottom:10px;
}

hr.gradient_style{
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.info_boxes{ 
  float: left;
  width: 22%;
  height: 75px;
  margin: 10px;
  color: #000000; 
  background: #F2F2F2;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 2px #fff inset,
              -1px -1px 2px #fff inset;
  border-radius: 3px/6px;  
} 

.info_text{
  float: center;
  height: 60%;
  font-size: 25px;
}

.above_table{
  border-collapse:separate;
  margin:20px;
}

.after_table{
  border-collapse:separate;
  margin:20px;
}

.tg{
  border-collapse:separate;
  border-spacing:20px;
  overflow: auto;
  display: block;
  width: auto;
}

.tg td{
  border-color:#44A616;
  border-style:solid;
  border-width:1px;
  font-family:Arial, sans-serif;font-size:12px;
  overflow:hidden;
  padding:5px 5px !important;
  word-break:normal;
}

.tgN{
  width: 100%;
}

.tgN td{
  border-color:#44A616;
  border-style:solid;
  border-width:0px;
  font-family:Arial, sans-serif;
  font-size:12px;
  overflow:hidden;
  padding:5px 5px !important;
  word-break:normal;
}

.tgN li{
  padding: 0 0 0;
}

.tg th{
  border-color:black;
  border-style:solid;
  border-width:1px;
  font-family:Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  overflow:hidden;
  padding:10px 5px !important;
  word-break:normal;
}

.tg .tg-0lax{
  text-align:left;
  vertical-align:top
}

.button {
  background-color: #44A616;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}