@import url('fonts.css');
@import url('colors.css');
@import url('switch.css');
/* @import url('buscadorcomparador.css'); */

body{font-family:'Nunito', sans-serif; background: #001b4c}

/* .container-fluid{
    display: grid;
    grid-gap: 24px;
} */

:root {

    --lt: 4px;
    --sm: 8px;
    --smd: 11px;
    --md: 16px;
    --xl: 24px;
    --xxl: 32px;
}

h1{font-size:26px; margin-bottom: 0;}
h3{font-size:18px; margin-bottom: unset}
h4{font-size:11px; margin-bottom: unset;}

P{margin-bottom: 0}

ul{margin-bottom: unset;}

.block-mel{
    border-radius: var(--md) var(--md) 0 0;
    grid-gap: 24px;
    min-height: 465spx;
    padding:var(--md);
}

.block-mel h3{font-family: 'Nunito-SemiBold', sans-serif;}
.puntas, .carousel-inner{
    box-shadow: 0px 4px 12px 0px color-mix(in srgb, var(--oscuro) 20%, transparent);
    border-radius: var(--md) var(--md) 0 0;
}

.titleAndMarket {width: 30%;}

.favoritosSwitch {width: 40%; flex-flow: wrap;}

.seekerContainer {width: 30%;}
.seeker{
    /* max-width: 380px; */
    width: 100%;
    padding: var(--sm) var(--sm) var(--sm) var(--md);
    border-radius: var(--xxl);
    height: fit-content;
}

.seeker input{
    font-size: 14px;
    height: 100%;
}

.nombreInstrumento {
    border-radius: var(--sm);
    overflow: hidden;
}

.nombreInstrumento span{
    border-radius: var(--sm);
    font-size: 11px
}
/* .nombreInstrumento-a{border-radius: var(--sm) var(--sm) 0 0} */
/* .analisisTec .nombreInstrumento-a{border-radius: var(--sm) 0 0 var(--sm)}

.nombreInstrumento-b{border-radius:0  0 var(--sm) var(--sm)}
.nombreInstrumento-c{border-radius: 0 var(--sm) var(--sm) 0}
.nombreInstrumento-d{border-radius: 0 var(--sm) var(--sm) 0} */
/* .nombreInstrumento-d{display: none !important} */

/* .analisisTec .nombreInstrumento-d{display: block !important} */


.nombreInstrumento-b .dataInstrument,
.nombreInstrumento-d .dataInstrument {
    width: 25%;
}

.nombreInstrumento-b.acciones .dataInstrument,
.nombreInstrumento-d.acciones .dataInstrument  {
    width: 20%;
}

.nombreInstrumento-b .varInst,
.nombreInstrumento-d .varInst  {
    display: inline-block;
    width: fit-content!important;
}

.btn-color-mode-switch > label.btn-color-mode-switch-inner{
    border: 1px solid var(--blue-secundario);
    margin: 0px;
    width: 160px;
    height: 30px;
    background: var(--gray);
    border-radius: 26px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    /*box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset;*/
    display: block;
  }

.lupa{background:url("../../img/v2/lupa.png") no-repeat left center; background-size:16px}

input{
    border:none;
    text-indent:20px;
}

.badge{
    display: flex;
    font-size:14px;
    padding: var(--sm) var(--sm) var(--sm) var(--md);
    max-width: 98px;
}

.badge span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.badge i{
    color:white;
    cursor: pointer;
    margin-left: 8px;
}

.color-1{
    background:var(--color1);
    --bs-tooltip-bg: rgb(41, 94, 255);
}
.color-2{
    background:var(--color2);
    --bs-tooltip-bg: rgb(6, 165, 80);
}
.color-3{
    background:var(--color3);
    --bs-tooltip-bg: rgb(175, 125, 30);
}
.color-4{
    background:var(--color4);
    --bs-tooltip-bg: rgb(255, 110, 110);
}
.color-5{
    background:var(--color5);
    --bs-tooltip-bg: rgb(255, 156, 32);
}

.txt-blue{color: var(--blue-seman)}


.tablehead{font-size: 16px; padding: var(--md);}

.combo2{
    /* background: color-mix(in srgb, var(--oscuro) 10%, transparent); */
    box-shadow: 0px 4px 12px 0px color-mix(in srgb, var(--oscuro) 10%, transparent);
}

.combohead{
    font-size:12px;
    padding: var(--smd) var(--md);
    font-family: 'Nunito-SemiBold', sans-serif;
}

.combo .combobody table{font-size:14px}
.combo .combobody table tr{line-height:31px}
.combo .combobody table tr td:first-child{padding-left:16px}
.combo .combobody table tr td:last-child{padding-right:16px}

.instrument{cursor:pointer}

.nav-tabs{border-bottom: none;}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    background-color: unset;
    border-color: unset;
    border: none
}

.puntas .nav-link{
    width: calc(100%/3);
    min-height: 56px
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
    border-color:transparent
}

/*
    CINTA ROTATORIA
*/

#banda{
    width:100%;
    overflow:hidden;
    display:block;
    margin-top:10px
}
#banda.scroll-img ul {width:3000px}

.huincha ul li{
    display:inline-block;
    padding:2px 8px;
    text-align: center;
    width:160px;
    margin-right: 24px;
    border-radius: var(--md);
}

.name{font-size:14px}


/* PUSH */
.arw-up, .arw-dwn, .arw-nn{width:25px; padding: .1rem .25rem}

.arw-up{display:inline-block; color: var(--green); padding: .1rem .25rem}

/* .arw-up:before{font-family:FontAwesome;content:"\f0d8";} */
.arw-up:before{font-family:FontAwesome; content:"\f062"}

/* .arw-dwn:before{font-family:FontAwesome;content:"\f0d7";} */
.arw-dwn:before{font-family:FontAwesome;content:"\f063";}

.arw-nn{display:inline-block; color: var(--orange-soft);}

/* .arw-nn:before{font-family:FontAwesome; content:"\f0da"} */
.arw-nn:before{font-family:FontAwesome; content:"\f061"}

.txt-up{color: var(--green); padding: .1rem .25rem}
.txt-nn{color: var(--neutro); padding: .1rem .25rem}
.txt-bkup{background: var(--green); color:#FFF; padding: .1rem .25rem}
.txt-bknn{background: var(--orange-soft); color:#FFF; padding: .1rem .25rem}
.up{color: var(--green); padding: .1rem .25rem}
.ntr{color: var(--neutro); padding: .1rem .25rem}

.variacion{font-size:12px}
.data{font-size:12px}

/*hack IE11*/_:-ms-fullscreen, :root .periodo{margin-left:-33px}
/*hack IE10*/.ie10 .periodo{margin-left:-33px}

.periodo ul{padding-inline-start:10px}
.periodo ul li{float:left; font-size:9px; text-align:center; list-style:none}

.periodo ul li a{background:#002464; height:25px; line-height:25px; padding:4px; margin-right:1px}

/*.periodo a{color:#536374}*/
.periodo a:hover{text-decoration:none}
.periodo ul li a.select{color:#FFF; text-decoration:none}

#fechas-tablas{
    border-radius: var(--xl);
    box-shadow: 0px 4px 12px 0px color-mix(in srgb, var(--oscuro) 10%, transparent);
    padding: 0 var(--md);
    width: 100%;
}

#fechas-tablas .nav-link{line-height: 38px; padding-top:unset; padding-bottom: unset}

#fechas-tablas .nav-item,
#fechas-tablas .nav-item .nav-link {
    width: 100%;
}

.actualizacion{font-size:10px}

.deconone{text-decoration: none;}

label#lbModo.custom-control-label{
    font-size: 16px;
    position:initial;
}

.btn-celeste{color:var(--oscuro); font-size: 12px; font-family:'Nunito-SemiBold', sans-serif}

#favoritosModal{top:-60px}

.modal-body .combobody table tr td{
    border-bottom:1px solid var(--gray-strong);
    line-height: 30px;
    font-size:14px;
    font-family:'Nunito-SemiBold'
}

.modal-body .combobody i{color: var(--gray-base)}

.horarios-estado p{font-size: 14px; color: var(--green2)}

.estadomercado{width:12px; margin:0 4px; height:19px}
.estadoOp{background:url("../../img/v2/mercadoOp.svg")center center no-repeat}
.estadoCl{background:url("../../img/v2/mercadoCl.svg")center center no-repeat}

input:focus, input.form-control:focus{outline:none!important; outline-width:0 !important; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none}

.form-check{margin-bottom: 0;}
/* table .instrument,
table .valor,
table .var,
table .txt-up,
table .txt-dn,
table .txt-nn,
table .arw-up, 
table .arw-dwn, 
table .arw-nn {
    font-size: 13px;
} */

.select{border-bottom: 4px solid var(--blue)}

.navbar{/*090919*/ padding: 0;}
.navbar-collapse ul{padding-inline-start:0!important}

.navbar-brand{text-decoration: none}

.navbar-expand-lg .navbar-nav .nav-link{
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
}

.datePickerRange {
    display: flex;
    align-items: center;
}

.datePickerRange .dateContainer {
    width: 50%;
}

.datePickerRange input {
    width: 100%;
    height: 52px;
    border-radius: var(--xl);
    overflow: hidden;
    text-indent: 0;
    text-align: center;
    background: transparent;
}

/* .valor{color:#536374} */

.dropdown-item img{margin-right:.7rem}
.dropdown-item{display:inline-flex}

.btn-danger{
    --bs-btn-bg: var(--blue);
    --bs-btn-border-color: var(--blue);
    --bs-btn-hover-bg: var(--blue2);
    --bs-btn-hover-border-color: var(--blue2)
}

.close{
    border:none;
    color:var(--dark);
    font-size: 25px;
    background:none;
}

.carousel.slide {
    padding-bottom: 50px;
}

.carousel-indicators [data-bs-target]{
    background-color: var(--blue-dt);
}

.carousel-indicators{bottom: 0}

#carouselResumenRentab .carousel-item{min-height: 322px;}
.carousel-item.active{border-bottom:none}
.carousel-control-prev, .carousel-control-next{top: auto; bottom: 12px}
.carousel-control-prev-icon, .carousel-control-next-icon{
    width:1rem
}

#carouselResumenRentab .carousel-control-prev, #carouselResumenRentab .carousel-control-next{top:21.5rem}

#blkInstrumentosCompara{grid-gap: 5px}
#blkInstrumentosCompara .btn{--bs-btn-padding-y:none; text-decoration: none; min-width: max-content;}

.comparaToggle, .buscaToggle{width: -webkit-fill-available}

.dropdown-menu{
    width: 355px;
    margin-left: -17px;
    margin-top: 14px
}

.grafico{width:100%; height:191px; margin-top:5px}

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





/*
    DETALLE
*/

.bckFondo{border-radius: var(--sm)}
.analisist .badge{border-radius: var(--md); padding: var(--md);}
.circulo-active{color:white !important}

.table-condensed {
    width: 100%;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    border-radius: var(--smd)!important;
}

/*
    FIN DETALLE
*/


/* @media (min-height:768px){ */

    
/* @media (min-width:1200px) and (max-width:1300px){
    .nombreInstrumento span{font-size: 10px}    
} */

@media (max-width:1200px) or (max-width:768px) {
    /* .seeker {
        width: 100%!important;
        max-width: 100%!important;
    } */
}

@media (max-width:1200px) {
    .badge {
        max-width: none;
    }
    .puntas .nav-link{
        font-size: 11px;
        width: auto;
    }
}

@media (max-width:992px){
    /* .seeker {
        width: 100%;
        max-width: 380px;
    } */

    .titleAndMarket,
    .favoritosSwitch,
    .seekerContainer {
        width: 100%;
    }

    .badge {
        max-width: 98px;
    }
}


@media (max-width:768px){
    /* .block-mel .seeker{margin:auto; width: fit-content;} */
    
    .nombreInstrumento-a{border-radius:0}
    .nombreInstrumento-b{border-radius:0}
    .nombreInstrumento-c{border-radius:0}
    .nombreInstrumento-d{border-radius:0}

    .nombreInstrumento-b.acciones .dataInstrument,
    .nombreInstrumento-d.acciones .dataInstrument {
        width: calc(100%/3)!important;
    }

    .badge {
        max-width: none;
    }
}

@media (max-width:576px){
    /* .block-mel .seeker{margin:auto} */
    /* .analisisTec .seeker{width: fit-content} */
    /* .block-mel, .bckFondo{padding:var(--md) var(--lt)!important} */
    
}

@media (min-width:576px){
    .nombreInstrumento-b{display: inline-flex}
    .nombreInstrumento-c{display: none !important;}
}

@media (min-width: 576px){
    .modal-sm {--bs-modal-width: 350px}
}

@media (max-width: 576px){
    .buscaToggle{width: 115px;}
    .dropdown-menu{width:350px}
    #fechas-tablas{margin-left:-7px}
    #fechas-tablas .nav-link{font-size: 11px;}
}

@media (max-width:375px){
    .dropdown-menu{width:315px}
    .btn-color-mode-switch > label.btn-color-mode-switch-inner{
        width:120px
    }
    .favoritosSwitch .btn{
        --bs-btn-padding-x:0.25rem;
        --bs-btn-font-size:.8rem
    }
    .clic{font-size:.8rem}
    .lbModo{margin-top:2px}

    .comparaToggle, .buscaToggle{width:115px}

}