@import "fonts.css";
@import "push.css?op=1823837127";

:root {
  --orangeCorp: rgba(215, 63, 40, 1);
  --orangeCorpDark:#B23521;
  --orangeCorp-3:#E68678;
  --dark-1: rgb(37, 49, 55);
  --dark-2: rgb(59, 77, 86);
  --dark-3: rgb(79, 103, 114);
  --dark-4: rgb(99, 125, 141);
  --dark-5: rgb(122, 146, 161);

  --dark-blue-1: rgba(21, 25, 44, 1);

  --blue-1:rgb(16, 57, 129);
  --blue-2:rgb(47, 113, 229);

  --black: rgba(0, 0, 0, 1);

  --grey-2: rgb(170, 185, 194);
  --grey-5: rgba(236, 239, 241, 1);

  --positivo: rgba(38, 200, 87, 1);
  --negativo: rgba(252, 50, 50, 1);

  --sizeXSmall: 9px;
  --sizeSmall: 10px;
  --sizeMSmall: 11px;
  --sizeNormal: 12px;
  --sizeNormalX: 13px;
  --sizeExtra: 14px;
  --sizeExtraX: 16px;
  
  /* --primario: rgba(135, 185, 65);
  --primario-3: rgba(135, 185, 65, 0.3);
  --red: #ff0000;
  --black30: rgba(123, 164, 219, 0.3);
  --black70: rgba(123, 164, 219, 0.5); */

  --round-xl: 20px;
  --round-sm: 5px;

   /**** COLORES PIE ****/
  --fm-01: #912626;
  --fm-02: #C94262;
  --fm-03: #E66954;
  --fm-04: #4f5869;
  --fm-05: #888F9C;
  --fm-06: #9ecccc;
  --fm-07: #f9fafa;
  --fm-08: #54b4b4;
  --fm-09: #32AFE4;
  --fm-10: #0768AE;
  /**** FIN COLORES PIE ****/

}


.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgb(255 255 255 / 90%) !important;
}

.stockclose, .stockclose .red, .stockclose .green, .stockclose .gray, .stockclose .up, .stockclose .down
{
  color: #999!important;
  font-style: italic;
}

.periodosChart.is-disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: not-allowed;
}

.dark-5{color:var(--dark-5)}
.orangeCorp-3{color:var(--orangeCorp-3)}

.bkg-dark-blue-1{background:var(--dark-blue-1)}

body {background:var(--dark-1); font-family: Inter, sans-serif, Helvetica}

h5{color:white; font-size: var(--sizeNormalX)}
.btn{padding:0.25rem 0.75rem}

input{background:none; border:none}
.input-group{ border:1px solid var(--dark-3); border-radius:var(--round-xl) ; -webkit-border-radius:var(--round-xl) ; -moz-border-radius:var(--round-xl) ; -ms-border-radius:var(--round-xl) ; -o-border-radius:var(--round-xl) ; }
.input-group i{color:white}

.form-control::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: white; opacity:.5;
}
.form-control:-moz-placeholder, textarea:-moz-placeholder {
  color: white; opacity:.5;
}
.form-control::-moz-placeholder, textarea::-moz-placeholder {
  color: white; opacity:.5;
}
.form-control:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: white; opacity:.5;
}

.form-control:focus {
  color: var(--grey-2);
  outline: 0;
}

.form-group{ border:1px solid var(--dark-3); border-radius:var(--round-sm) ; -webkit-border-radius:var(--round-sm) ; -moz-border-radius:var(--round-sm) ; -ms-border-radius:var(--round-sm) ; -o-border-radius:var(--round-sm) ; }
.form-group i{color: white}

.positivo{background: var(--positivo)}
.negativo{background: var(--negativo)}

.bordePos{border-left:4px solid var(--positivo)}
.bordeNeg{border-left:4px solid var(--negativo)}

.round-xl {
  border-radius: var(--round-xl) !important ;
  -webkit-border-radius: var(--round-xl) !important ;
  -moz-border-radius: var(--round-xl) !important ;
  -ms-border-radius: var(--round-xl) !important ;
  -o-border-radius: var(--round-xl) !important ;
}


/**** NAV ****/

.nav-link, .navbar{padding:1px 0}
.navbar-brand svg{height:25px}
.navbar-nav .nav-link{color: var(--orangeCorp-3); font-size: var(--sizeExtra)}

.circular-portrait {
  width: 25px;
  height: 25px;
  overflow: hidden;
  border-radius: 50%;
  border:1px solid white;
}

.circular-portrait img {
  height: 110%;
  margin-left:-65%
}
/**** FIN NAV ****/


.banner-1{
  background-image: url(../images/banners/3banner.png);
  background-position:left;
  background-size: cover;
  height:147px;
  width:100%;
  /*background:url(../images/banners/3banner.png) no-repeat;*/


}

.banner-2{
  height: 190px;
  /* background: rgb(145 28 252); */
  /* background: linear-gradient(0deg, rgb(145 28 252) 0%, rgb(47 115 245) 100%); */
  border-radius: var(--round-sm);
  -webkit-border-radius: var(--round-sm);
  -moz-border-radius: var(--round-sm);
  -ms-border-radius: var(--round-sm);
  -o-border-radius: var(--round-sm);
}

/**** CINTA PARA QUE SE MUEVA ****/
.band-wrapper {
  position: relative;
  border-top: 1px solid var(--table-border-bottom-color);
  border-bottom: 1px solid var(--table-border-bottom-color);
  overflow: hidden;
  background: var(--bkg-color-cinta);
}

.band {overflow: hidden}

.band .band-container {
  width: 3000px;
  height:23px;
  margin: 0;
  padding: 0;
}
/**** FIN CINTA PARA QUE SE MUEVA ****/



/**** CINTA ****/
.band-container li{
  color:white;
  background: var(--dark-blue-1);
  border-radius: var(--round-sm);
  font-size: var(--sizeMSmall);
  height:auto;
  -webkit-border-radius: var(--round-sm);
  -moz-border-radius: var(--round-sm);
  -ms-border-radius: var(--round-sm);
  -o-border-radius: var(--round-sm);
}

.band-container{color: var(--gray-5)}
.band-col span{padding: 0.2rem}

.bandName{width:115px; color:white}
.bandPrice{text-align:right}
.banVar{width:55px; text-align:right}

/**** FIN CINTA ****/




/**** CABECERA ****/
.cabecera{color:white}
.cabecera h1{color:white; font-size:22px; width:auto/*26%*/}
.cabecera label, .cabecera b, .label{color: var(--dark-5); font-size: var(--sizeMSmall);}
.cabecera .number{font-size: var(--sizeNormalX);}

.iconos i{font-size:1.5rem; margin:0 .02rem}

.fa-circle-arrow-up{color: var(--positivo)}
.fa-circle-arrow-down{color: var(--negativo)}
.fa-circle-minus{color: var(--dark-4)}

.info-instrument .d-flex{line-height: initial;}

.var-periodo{font-size: var(--sizeMSmall)!important}

.puntas{border-style:solid; border-color: var(--dark-2); border-width: 1px 0 1px}

.icon-star{cursor:pointer}

/**** FIN CABECERA ****/




/**** PERIODO ****/
.periodo .nav-link{color:var(--dark-5); font-size: var(--sizeNormal);}

.periodo .nav-link.active{ background:white; color: var(--dark-2); border-radius: var(--round-xl) ; -webkit-border-radius: var(--round-xl) ; -moz-border-radius: var(--round-xl) ; -ms-border-radius: var(--round-xl) ; -o-border-radius: var(--round-xl) ; }
.form-control{font-size: var(--sizeNormal);}
.form-control#rentFechaIni, .form-control#rentFechaFin, .form-control#chartFechaIni, .form-control#chartFechaFin{color:white}
/**** FIN PERIDO ****/


/**** RESUMEN + PORTAFOLIO ****/
.resumePorta .nav-link{font-size:var(--sizeExtra)}
.resumePorta i{font-size:1rem}
/**** FIN RESUMEN + PORTAFOLIO ****/



/**** LISTADOS INSTRUMENTOS ****/
.combo {color:white; font-size:var(--sizeSmall)}
.resumenRentabilidad h5{margin-left:.6rem}
.combo table tr td:last-child{text-align: right;}
.combo table{width:100%}
.th-1{margin-bottom: .1rem; padding:.1rem .6rem; background:var(--orangeCorp-3); border-radius:var(--round-sm) ; -webkit-border-radius:var(--round-sm) ; -moz-border-radius:var(--round-sm) ; -ms-border-radius:var(--round-sm) ; -o-border-radius:var(--round-sm) ; }
.th-2{margin-bottom: .1rem; padding:.1rem .6rem; background:var(--dark-blue-1); border-radius:var(--round-sm); -webkit-border-radius:var(--round-sm); -moz-border-radius:var(--round-sm); -ms-border-radius:var(--round-sm); -o-border-radius:var(--round-sm); }

.resumenRentabilidad{height:220px}
.resumenRentabilidad .combo{margin:.35rem 0}
.resumenRentabilidad .nemo{font-size:var(--sizeSmall)}
.combo tbody{padding:.3rem .6rem}

.instrument{cursor:pointer}
.instrument:hover{color: var(--dark-5)}
.instrumentFav{cursor:pointer}
.instrumentFav:hover{color: var(--dark-5)}

.nemo{margin-left:.6rem; font-size:94%}

/**** FIN LISTADOS INSTRUMENTOS ****/




/**** INSIGHTS ****/
.comment{color:white; font-size: var(--sizeMSmall)}
.comment h5{text-decoration: underline; margin-bottom: .4rem}

.comment i{color:var(--orangeCorp-3); margin-right: .5rem; line-height: inherit}
.comments a{font-size: var(--sizeNormal);}

.textcomment{cursor: pointer; line-height: .9rem}
.textcomment a{text-decoration: none; color:white}
.textcomment a:hover{color:var(--orangeCorpDark)}

/**** FIN INSIGHTS ****/



/**** FAVORITOS ****/
.favorito{color:white; font-size: var(--sizeSmall); line-height: 2rem; border-bottom:1px solid var(--dark-3)}
.favorito i{font-size: 1rem; margin-right:.5rem; width:auto; cursor: pointer}
.favorito i:hover{color: var(--dark-5)}

.headFavoritos{color:white; color: var(--dark-5); font-size: var(--sizeSmall)}
.headFav-1{width:50%; margin-left:.6rem}
.headFav-2{width:25%; text-align:right}
.headFav-3{width:25%; text-align:right; margin-right:.6rem}

.btnDelFavorito{width:50%; margin-left:.6rem}
.favprice{width:25%; text-align:right;}
.favvar{width:25%; text-align:right;}
/**** FIN FAVORITOS ****/



.footer{color:white; font-size: var(--sizeNormal); border-top: 1px solid var(--dark-3); margin-top:1rem}
.footer img{height: 40px;}

.goto, .goto a{text-decoration:none; color:white !important}
.footer a{text-decoration:none; color:white}
.footer a:hover{color:var(--orangeCorpDark)}


/**** PIE CHART ****/
.colorPie{width:16px; height:16px; background: var(--orangeCorpDark); display: inline-flex; margin-right:.5rem}

/**** FIN PIE CHART ****/

/** Caja de Favoritos para que se forme el scroll > 12 instrumentos **/
.boardFavoritos {
  height: 225px;
  /* min-height: 220px;
  max-height: 220px;
  position: relative; */
}
/*
.boardFavoritos::after{
  position:absolute;
  top:135px;
  left:0;
  right:0;
  bottom:0;
  content:'';
  background:linear-gradient(0deg, rgb(37, 49, 55) 20%, rgba(37, 49, 55,.2) 100%);
  background:-moz-linear-gradient(0deg, rgb(51 61 71) 20%, rgba(37, 49, 55,.2) 100%);
  pointer-events: none;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#f4f4f4',GradientType=0 );
}
*/

/** Estilos para Buscador, se reemplazan desde Bootstrap.css **/
.dropdown-header{
  font-size: var(--sizeExtraX);
  color: white;
}
.dropdown-item{
  font-size: 0.67rem;
  padding: 3px 10px;
}
/** FIN Estilos para Buscador, se reemplazan desde Bootstrap.css **/



/** Modales **/
.modal h1{color:white; width: auto;}
.modal h4{color:var(--dark-5)}
.modal-header i{color:var(--orangeCorp-3); cursor: pointer;}
.modal-body{max-height: 310px; overflow-y: auto;}
.table-responsive{min-height:150px}
.bootbox-body{color:white}
/** FIN Modales **/


/** Buscador **/
/*.typeahead.dropdown-menu{background: var(--dark-blue-1)}*/
.dropdown-header{border-bottom:1px solid var(--dark-4); margin-bottom: 1rem;}

/** FIN buscador **/



/** Fondos Mutuos **/
.detailfm{
  align-items: center;
  background: none;
  display: grid;
  height:44px;
  width:44px;
  border:1px solid white;
  justify-content: center;
  border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50%
}

.detailfm:hover{background: var(--orangeCorp-3);}

.detailfm i{color:white; align-items: center; display: inline;}

#blkResumenFM{color:white; display: none;}
#blkResumenFM p{font-size: var(--sizeNormal);}

.listadofondos{ background: var(--dark-2); border-radius:var(--round-sm) ; -webkit-border-radius:var(--round-sm) ; -moz-border-radius:var(--round-sm) ; -ms-border-radius:var(--round-sm) ; -o-border-radius:var(--round-sm) ; }
.listadofondos a{font-size: var(--sizeNormal) !important}
.listadofondos .btn{padding:0.1rem 0.45rem}


.table h5{color:white; margin-bottom:0}
.table{font-size: var(--sizeNormal); color:white}
.table .btn{color:white}

.listadofondos .navbar-nav .nav-link{color:white}
.listadofondos .table-responsive .table{min-width:880px}

/** Fin Fondos Mutuos **/

#chartGlobal{min-height:190px}
#chartPortfolio{min-height: 200px; width:auto}

.disclaimer{color:var(--grey-5); font-size:var(--sizeNormal); text-align: justify;}
.disclaimer a{color:white; text-decoration: none;}
.disclaimer a:hover{color:var(--dark-5)}

.modaldisclaimer p{color:var(--grey-5); font-size:var(--sizeNormal); text-align: justify}
.modaldisclaimer .modal-body{max-height:450px}


/*** Media Querys ***/

/*@media (min-width: 1400px) and (max-width: 1587px) {.input-group i{display: none}}*/


/*@media (max-width: 1030px){.cabecera h1{width:auto}}*/

@media (min-width: 1200px) {
  .comments{margin-top:-13px!important}
}

@media (max-width:991px){
  .blockResumePorta{margin-top:65px}
  .blockPeriodo{margin-top:-370px}
  .blockIndices{margin-top:310px}
}

@media (max-width: 766px){
  .blockResumePorta{margin-top:125px}
  .blockPeriodo{margin-top:-430px}
  .blockIndices{margin-top:335px}

  /*FM*/
  .blockResumePortaFm{margin-top:110px}
  .blockPeriodoFm{margin-top:-405px}
  .listadofondos{}
  .blockBtnMuestra{margin-top:290px}
}

p{margin-block-end:0}
/*@media (min-width:992px){.blockIndices{margin-top:15px}}*/

.blockBtnMuestra .comment{text-decoration: underline; font-size:var( --sizeNormalX)}