@import url('colors.css');


body{background: var(--blue-soft)}

h1{color: var(--gray-base)}

.block-mel{background: white; border:1px solid var(--gray)}
.puntas{background: white}

.clear{color: var(--blue)}

.seeker{
    background: white;
    border: 1px solid var(--gray-strong);
}
.nombreInstrumento h3, .nombreInstrumento h4, .nombreInstrumento .actualizacion{color: var(--gray-base)}
.nombreInstrumento-a{background: var(--blue-soft)}
.nombreInstrumento-b{background: var(--gray-second)}
.nombreInstrumento-c{background: var(--gray-second)}
.nombreInstrumento-d{background: var(--gray-second)}
.nombreInstrumento .ttl{color: var(--gray-base)}
.nombreInstrumento i{color: var(--blue)}

.tablehead{ color: var(--bs-nav-link-color); border-bottom: 1px solid var(--gray-dada)}

.combohead{background: var(--gray-light); color: var(--oscuro)}

.combo2{background: white}
/* .carousel{background: white} */

.combo .combobody table tbody tr:nth-child(even){background: var(--gray-soft)}
.combo .combobody {color: var(--gray-base)}

.instrument{color:var(--gray-base)}

.nav-tabs{border-bottom: 1px solid var(--gray-dada)}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    color: var(--blue);
    border-bottom: 3px solid var(--blue)
}

.huincha ul li{
    background: white;
    border: 1px solid var(--gray)
}
.huincha ul li:hover{background-color:rgba(158, 158, 158, 0.2)}

.name{color: var(--blue-medium)}

/* PUSH */
.arw-dwn{display:inline-block;  color:#B30728; padding: .1rem .25rem}
.txt-dn{color:#B30728; padding: .1rem .25rem}
.txt-bkdn{background:#B30728; color:#FFF; padding: .1rem .25rem}
.dwn{color:#B30728; padding: .1rem .25rem}

.data{color:var(--gray-base)}

.favoritosSwitch{color: var(--blue)}

.chart span{color: var(--gray-base)}

#fechas-tablas{background: var(--blue-soft)}
#fechas-tablas .nav-link{color: var(--gray-base)}


/*
    DETALLE
*/

.bckFondo{background: white}
.analisist .badge{
    background: white;
    box-shadow: 0px 4px 12px 0px color-mix(in srgb, var(--oscuro) 20%, transparent);
    color: var(--blue);
}
.analisist .small{color: var(--blue)}

.carousel-control-next-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

/*
    FIN DETALLE
*/





/*
    ANTIGUO
*/



header{height:auto}/*header{height:60px}*/

.imgfondo{
    background: #00153A;
}
.logoBc{height:34px}


/* NAVBAR */

button.navbar-toggler{padding:1px 3px}

.datePickerRange input {
    background: white;
    border: 1px solid var(--gray-strong);
    color: var(--gray-base);
}

.separa{float:left}

.separa li{margin:0 10px}

.horarios{float:right; display:flex; color:white; font-size:10px; /*090919line-height:60px*/}
.horarios-estado{display:inline-flex}
/*hack IE10*/.ie10 .horarios-estado{display:-ms-flexbox}

label#lbModo.custom-control-label{color:var(--bs-link-color)}

.custom-control-label#lbModo{position:static;}

.active{border-bottom:2.5px solid #295EFF}

.tab-content .active{border-bottom:none}

.borde{border-right: 1px solid white}

.switch-vsm{display:none}

.btnchartOff{opacity:0.5}


/**/
.container .huincha{z-index:10}
.huincha td{margin:0}

.scroll-img {border:0px solid red; width:680px; overflow:hidden; font-size:0}
.scroll-img ul li:hover{background-color:rgba(158, 158, 158, 0.2)}

.clsGraficoTiny{width:100%!important}


/* .itemCinta p{margin-bottom:-4px} */

#blkComparador label {
    color: #536374;
}
/* .var{font-size:9px} */



.altofijo{height:342px!important; overflow-y:scroll}
_:-ms-input-placeholder, :root .altofijo{overflow-y:scroll!important}

th{font-weight:normal}

footer p{font-size:10px; color: #536374; margin:auto; display:flex; align-items:center}
footer i{color:#002464; font-size:20px!important; margin-right:7px}


/* GRAFICO */
.grafico-header{border-bottom:1px solid #E7EAF0; margin-bottom: 8px;}
.grafico-valores{font-size:11px; color:#536374; line-height:16px; align-items:flex-end}
.grafico-valores ul{padding-left:0}

#blkStockChart .row{margin-right:-14px}

.precios li{float:left; margin-right:10px}

ul.vactuales li{float:left; margin-left:10px}
ul.vactuales li:first-child{margin-left:0px}


.instrumento{ margin-bottom: 6px; }

.grafico-header ul li, .grafico-valores ul li{list-style:none}

.favico{color:#002464; display: inline-block;}

.ticker{font-size:11px; margin-top:7px}

.icos{display:inline-flex; float:right}
/*hack IE10*/.ie10 .icos{display:-ms-flexbox}
/* ul.icos{margin-top:6px} */
ul.icos{ margin-bottom: 0 }
ul.icos li{margin-left:15px; line-height: 25px;}
/**/

.fecha input{width:100%}

/********* BUSCADOR **********/
.buscador{float:right}
.buscador input{width:260px}

#blkBuscadorComparador .typeahead.dropdown-menu{width:260px}
/*090919*/#blkComparador{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
/*090919*/#blkComparador h5{border-bottom:1px solid #FFF; width:100%; color:#FFF; padding-bottom:5px; font-size:1.2rem}
/*090919*/#blkComparador input{background-color:white; color:#536374}
/*090919*/#optClearCompare img{margin-top:-3px}
/*090919*/#optClearAT img{margin-top:-3px}
/*090919*/.equis{float:right; color:white; cursor:pointer}
#blkComparador .typeahead.dropdown-menu{width:184.7px}

#blkComparador .dropdown-menu {
    background-color: #FFFFFF;
    color: #16181b;
}

#blkComparador .dropdown-menu .dropdown-header {
    background: transparent;
    color: inherit;
}

#blkComparador .dropdown-menu a {
    color: inherit;
}

/*----Hack Edge ----*/
@supports (display:-ms-grid) {
    .edge190{width:/*190px*//*090919*/100%}
}
/*----Hack Firefox----*/
@-moz-document url-prefix() {
    #blkComparador .typeahead{width:185px}
}

#suche input[type="text"]{background:url(../img/lupa.png) center right 3px no-repeat; background-size:18px; width:100%;/*166px*/
    height:25px; font:12px; color:#9B9B9B; border:1px solid #E7EAF0; border-radius:4px; text-indent:10px}

/********* FIN BUSCADOR **********/

.t19{font-size:17px}

.date{width:90px; float:left}

.hiddenInDevice{display:block}
.showInDevice{display:none}
/**/

/* OLD input{
    width:-webkit-fill-available;
    width:150px\9;
    font-size:12px;
    height:25px;
    color:#9B9B9B;
    text-indent:10px;
    border:1px solid #536374;
    border-radius:4px
}*/
/* OLD .lupa{background:url("../../img/v2/lupa.png") no-repeat 97% 45%; background-size:16px} */

#blkHeadChart .lupa{background-size:16px; background-position:99%}


.celeste{color:#295EFF}
/* .btn-celeste{color:#fff; background-color:#295EFF} */

.nav-item.btn-celeste a, .nav-item.btn-celeste a.active{background-color:#295EFF; /*color:#FFC80A*/}
/*.nav-item.btn-celeste a.active i{background:#FFC80A}*/



h5{font-weight:300}

.visible-992{display:none}

.menuSecundario{/*padding:0px; font-size:13px*/}
/*.menuSecundario ul{border-bottom:1px solid #E7EAF0; width:100%; padding-inline-start:0px; margin-block-end:0}
.menuSecundario ul li{display:inline-block; line-height:35px}

.menuSecundario ul li.activo::after{border-bottom:2px solid #5BABBF; content:''; position:relative;
    bottom:-2px; display:block} */

.subrayado::after{border-bottom:2px solid #295EFF; content:''; position:relative;
    bottom:-2px; display:block; width:50%}
.fitcontent{width:fit-content}

.analisistecnico{border-top:1px solid #295EFF; margin-top:15px}
.optAnalisisTecnico{font-size:11px; color:#536374}

.d-contents{display:contents}
_:-ms-fullscreen, :root .dtablecell{display:table-cell}

.clic{cursor:pointer}

/* Tooltip */
.ventana-hover{height:60px; display:none; opacity:0; background-color:#295EFF; transition:visibility 0s, opacity 0.7s linear;
    border-radius:4px; min-width:125px; /*height:auto;*/ padding:5px 7px 8px 7px;
    position:absolute; z-index:9999; margin-top:-23px; font-size: 10px;
}
.ventana-hover ul{padding-left:5px}
.ventana-hover ul li{display:block; color:#FFF; cursor:pointer; margin-bottom:2px; /*090919*/text-transform:uppercase; line-height:15px}
.ventana-hover ul li .fif{width:15px; display:inline-block; text-align:center}
.ventana-hover ul li:hover{color:#bbb}
.ventana-hover:after{z-index:-1; position:absolute; top:8%; left:0; margin-left:-8px; content:''; width:0; height:0;
    border-top:solid 5px transparent; border-right:solid 8px #295EFF; border-bottom:solid 5px transparent}
.popUp:hover .ventana-hover{display:block !important; opacity:1 !important; /*090919*/width:128px !important}

/*.ventana-hover ul li.st1{fill:#FFF}*/

/* #loadingChart{z-index:901; display:none; position: relative; left: 50%; top:50%} */
#loadingChart{z-index:901; display:none; position: absolute; left:30%}

i.fa.fa-spinner{color:#295EFF}

.point{font-size:11px; color:#536374; padding:4px 8px; background:#fff; border-radius:4px;
    -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow:0 0 3px #536374; -webkit-box-shadow:0 0 3px #536374;
    -moz-box-shadow:0 0 3px #536374; position:absolute !important;
}

.ammapDescriptionWindowCloseButton{display:none}


.ellipse-item-menu-div{display:inline-block; width:90%; overflow:hidden; white-space:nowrap;
    text-overflow:ellipsis; cursor:pointer}

/*090919*/.ellipse-item-menu-div span{opacity:0.8}
/*090919*/.col-lg-9 .grafico{width:99%}
/*090919*/ul.clean{list-style:none}
/*090919*/ul.clean li{display:inline; float:left}
/*090919*/.trash-w{background:url(../../img/v2/24px.svg) no-repeat; height:16px; width:16px; margin-top:1px}
/*090919*/.trash-c{background:url(../../img/v2/24pxc.svg) no-repeat; height:16px; width:16px; margin-top:1px}
/*250919*/.alcien .col-lg-15{max-width:100%!important; padding:0}
/*250919*/.alcien .col-lg-60{max-width:100%!important; flex:100%; margin-bottom:1.5rem}
/*250919*/.alcien .solombl{max-width:100%}
/*260919*/.alcien #optClearCompare{bottom:unset; color:#5babbf}
/*260919*/.alcien #optClearCompare .trash-w{background:url(../../img/v2/24pxc.svg) no-repeat}
/*260919*/.f-auto{flex:auto}

/*300919*/header #buscador{width:190px; background-color:#FFF}
/*300919*/header .dropdown-menu{width:190px}

/*191219*//*.altoes{height:680px; overflow:auto}*/
.altoes{height:calc(100% - 124px); width: 100%; overflow:auto; position: absolute;}
footer{width: 100%; bottom: 0;background-color: #fff; height: 64px; }
footer .container{ margin-top: 24px; }

.instop {
    vertical-align: bottom;
}

.ticker {
    margin: 0;
}

.instop, .ticker { 
    display: inline-block;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background: var(--blue)!important;
    color: var(--blue-soft)!important;
}

@media (min-width:1920px){
    #blkComparador .typeahead.dropdown-menu{width:268px}
    .scroll-img ul li{width:8.5%}
    /*hack IE11*/_:-ms-fullscreen, :root #blkComparador input{width:270px}
    /*hack IE10*/.ie10 #blkComparador input{width:270px}
}

@media (min-width:1600px) and (max-width:4000px){
    .scroll-img ul li{width:7.8%}
    .nav-tabs .nav-item{font-size:12px}
    .ventana-hover{height:60px}
    .combobody .popUp .hidden1024{width:20px; height:20px}
    /*090919*/.ventana-hover ul li{font-size:9px}
    /*----Hack Firefox----*/
    @-moz-document url-prefix(){
        /*090919*/#blkComparador .typeahead{width:265px}
    }
}

@media (min-width:1366px){
    /*hack IE10*/.ie10 #blkComparador input{width:185px}/*270919*/
}

@media (max-width:1280px){
    #blkComparador .lupa{background-size:16px}
    .ticker{clear:both; margin-top:0}
    .edge190{width:100%}
    /*090919*/.grafico{height:230px}
    #chartMap{height:336px!important}
    #blkComparador .typeahead.dropdown-menu{width:172px}

    /*----Hack Firefox----*/
    @-moz-document url-prefix() {
        /*090919*/#blkComparador .typeahead{width:169px}
    }
    /*----Hack Edge ----*/
    @supports (display:-ms-grid) {
        /*090919*/.edge190{width:170px}
    }
}


@media (min-width:1025px) and (max-width:1216px){
    .buscador input{width:141px}
    /* .grafico-header{height:50px} */
    .ticker{clear:both; margin-top:0}
}

/*191219*/
@media (min-height:878px){
    /*.altoes{height:760px}*/
}

@media (max-width:1024px){
    ul.vactuales li{margin-left:0; text-align:center}
    .precios li{margin-right:0; text-align:center}
    ul.precios{margin-top:5px}
    #blkBuscadorComparador .typeahead.dropdown-menu{margin-left:0px; width:170px}
    #blkComparador .typeahead.dropdown-menu{margin-left:-8px; width:50px}
    /*090919*/
    /* #blkHeadChart{height:140px} */
    .buscador input{width:170px}
    /*hack IE11*/_:-ms-fullscreen, :root .grafico-header{height:50px}
    .grafico-valores{line-height:13px; margin-bottom:.5rem!important}
    .grafico-valores ul{margin-bottom:0}
    .ord1{order:1; margin-bottom:2px}
    .ord2{order:2}
    /*090919*/.grafico{margin-top:5px; height:221px}
    .ticker{clear:both; margin-top:0}
    .actualizacion{margin-top:-1px}
    #chartMap{height:255px!important}
    _:-ms-fullscreen, :root #buscadorComparador{width:134px}
    .edge190{width:134px}
    /*171919*/.ellipse-item-menu-div{width:74%}
    /*090919*/ul.clean{font-size:90%}

    /*----Hack Edge ----*/
    @supports (display:-ms-grid) {
        /*090919*/.edge190{width:133px}
    }

    /*----Hack Firefox----*/
    @-moz-document url-prefix() {
        /*090919*/#blkComparador .typeahead{width:132px}
    }

}


@media (max-width:992px){
    .horarios{display:none}
    .suich{display:none}
    /* .navbar-brand{margin-left:39%} */
    .navbar{height:auto/*120px*/; padding-bottom:10px}
    .separa{float:none/*; background:#343a40*/; margin:10px -8px -8px; padding:2px 4px; border-top:1px solid #E7EAF0}
    .switch-vsm{display:list-item; color:white; float:right; margin:5px}
    .logoBc{height:30px}
    .visible-992{display:contents}
    .visible-992.horarios{line-height:20px; text-align:center}
    .horarios .nav-item ul{display:inline-flex; margin-bottom:2px; padding-left:0}
    .horarios .nav-item ul li{list-style:none}
    .hiddenIn991{display:none}
    .navbar-nav{flex-direction:row}
    .grafico{height:400px!important}
}

@media (max-width:768px){
    ul.precios{margin-top:10px}
    .buscador{margin-top:0px}
    footer p{display:contents}
    footer i{margin-top:4px}
    .round-sm{-webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topleft:4px;
        -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px}
    /* .chart{margin-top:-10px} */
    .hiddenInDevice{display:none}
    /* .navbar-brand{margin-left:35%} */
    .separa{margin:0px -8px -8px; padding:7px 4px}
    .round-sm{-webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topleft:4px;
        -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px}
    .listaFav{font-size:17px}
    .showInDevice{display:block}
    /*090919*/#optClearCompare{color:#5babbf; position:inherit; padding:0}
    /*090919*/.trash-w{background:url(../../img/v2/24pxc.svg)}
    /*090919*/ul.clean{float:right}
    /*090919*/.custom-control-label::before{height:1.4rem}
    /*090919*/
    /* #blkHeadChart{height:140px} */
    /*090919*/.edge190{width:100%}
    /*170919#blkComparador{display:none}*/
}

@media (max-width:576px){
    .instrumento{display:inline-block}
    .instop{display:flex}
    .grafico-valores{font-size:9px}
    .t19{font-size:16px}
    .grafico-valores ul li:first-child{margin-left:0px}
    .ticker{margin:0px 0 0 25px}
    ul.icos{margin-top:-45px}
    .buscador{display:none}
    .fecha{padding:0 10px}
    .date{width:48%; margin-top:10px}
    /* .navbar-brand{margin-left:24%} */
    .edge190{width:100%}
    /*260919*/.lupa{background-size:18px}
    /*260919*/.grafico{clear:both}
    /*260919*/.datepicker th{width:45px}
}

@media (max-width:425px){
    .ticker{float:left; margin-left:29px}
    .actualizacion{display:contents; margin-left:0}
    .dropdown-menu{width:330px}
    /*170919*/#blkComparador{display:none}
    #loadingChart{left:46%}

}

@media (max-width:375px){
    /* .navbar-brand{margin-left:20%} */
    .separa{padding:5px 4px}
    .dropdown-menu{width:325px}
}
@media (max-width:320px){
    /* .navbar-brand{margin-left:15%} */
    .actualizacion{float:left; margin-left:0px}
    .dropdown-menu{width:293px}
}

.simplebar-scrollbar:before{
    background: #536374 !important;
}

.modal-body input{ width: auto; }