/* .container{
  width: 400px !important;
} */

#ranking{
  position: fixed;
  top:100px;
  height: 1000px;
  width: 1200px;
  margin: 0 auto;
  z-index: 100;
  display: none;
  overflow: scroll;

}
.gallery-title{
    text-align: center;
    font-size: 21px;
    padding: 3% 0 3% 0;
}

#ec{
	max-width: 966px;
}
#ec2{
	max-width: 966px;
}

.labdt{
  padding: 3% 0 2% 0;
}

.tocardt{
padding-top: 5%;

}

.til-data{
	font-size: 75%;
    color: #919ca0;
}

.texcorridata{
	font-size: 14px;
  line-height: 20px;
}

.tildataname{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.linedata{
	border-bottom: 3px solid #000;
	padding: 2% 0 2% 0;
    height: 213px;
}

.activo{
    height: 71px;
    background-color: #86b655;
    text-align: center;
    padding-top: 11%;
    color: #fff;
    font-weight: 500;
}

.pasivo{
	height: 67px;
	background-color: #b4a400;
	text-align: center;
    padding-top: 11%;
    color: #fff;
    font-weight: 500;
    margin: 1px 0 1px 0;
}
.patrimonio{
	height: 71px;
	background-color: #805007;
	text-align: center;
    padding-top: 11%;
    color: #fff;
    font-weight: 500;
}

.bardata1{
	background-color: #007bb6;
}

.bardata2{
	background-color: #15478e;
}

.bardata3{
	background-color: #333637;
}

.tilbardata{
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
  padding: 0.6% 0 0.6% 0;
}

.amcharts{
    background-color: #eaeaea;
    text-align: center;
    color: #a5a5a5;
}

.nexo1{
	background-color: #e7e7e7;
    margin: 0 0 1% 0;
    padding: 1% 0 1% 0;
}
.nexo2{
	background-color: #d1cfcf;
    margin: 0 0 1% 0;
    padding: 1% 0 1% 0;
}

.paddingdata{
	    padding: 2% 0 0 0;
}

.uldata li{
  float: left;
  padding: 16px 2px;
}

.uldata li a{
    padding: 10px 15px 10px 15px;
    color: #fff;
}

.uldata{
  list-style: none;
  float: right;
}


.closedata{
    background-color: #eaeaea;
    color: #fff;
    margin-left: 13px;
  }

.backdata{
	background-color: #adadad;
	color: #fff;
}
.nextdata{
	background-color: #009cd7;
	
}
/*.gallery_product{
	margin-bottom: 13px;
	text-align: center;
	color: #353535;
}*/

/* Included color classes.. 
	.red 
	.blue 
	.yellow
	.green
	.orange
	.navy 
*/
/* Icon set - http://ionicons.com */

.snip1205 {
	overflow: hidden;
    margin: 10px 1%;
    padding: 0!important;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    max-height: 196px;
    min-height: 178px!important;
}
.snip1205 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.snip1205 img {
  max-width: 100%;
  vertical-align: top;
}
.snip1205 i {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  color: #000000;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.snip1205 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
.snip1205.blue {
  background-color: #2472a4;
}
.snip1205.blue i {
  color: #20638f;
}
.snip1205.red {
  background-color: #ab3326;
}
.snip1205.red i {
  color: #962d22;
}
.snip1205.yellow {
  background-color: #e08e0b;
}
.snip1205.yellow i {
  color: #c87f0a;
}
.snip1205.green {
  background-color: #229955;
}
.snip1205.green i {
  color: #1e8449;
}
.snip1205.orange {
  background-color: #d67118;
}
.snip1205.orange i {
  color: #bf6516;
}
.snip1205.navy {
  background-color: #2b3c4e;
}
.snip1205.navy i {
  color: #222f3d;
}
.snip1205:hover img,
.snip1205.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.snip1205:hover i,
.snip1205.hover i {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* Demo purposes only */



/*propios bootstrap*/


.modal-content {
    -webkit-box-shadow: inherit!important;
    box-shadow: inherit!important;
}

.modal-content {

    border: inherit!important;
    border: 0!important;
    border-radius: 0!important;
    outline: 0!important;
    -webkit-box-shadow: inherit!important;
    box-shadow: inherit!important;
}

.modal {
    background: #fff!important;
}

#grafico_1{
  height: 235px;
}
#grafico_2{
  height: 235px;
  border-top: 1px solid #D8D8D8;
}
.fa{
  margin-right: 10px;
}
.leyenda{
  color: #666;
  font-family: sans-serif;
  font-size: 12px;
}
.div_referencia{
  padding-left: 0px;
  padding-right: 0px;
  text-align: left; 
}
.div_fuente{
  padding-left: 0px;
  padding-right: 0px;
  text-align: right;
}
#fuente{
  font-size: 10px;
  font-weight: bold;
  color: #848080;
  font-style: italic;
}
#referencia{
  font-weight: bold;
  font-size: 10px;
  color: #848080;
}
.valor{
  font-size: 15px;
  font-weight: bold;
}
#instruccion{
  text-align: left !important;
  padding: 35px 0 10px 30px;
  font-size: small;
  color: #666;
}
#nota{
  text-align: left !important;
  padding: 10px 0 10px 15px;
  font-size: small;
  color: #666;
}