.bkg-gris{
    background-color:#F0F2F5;
    background:url("../img/Bg_Seccion-Indicadores.png") center top no-repeat;
    background-size:100%;
    font-family:'Roboto', sans-serif
}

.logo{height:99px; padding-top:10px}

/*.arwbk{float:left; margin-top:27px}*/
.logoBc{height:75px}

.contenedor{border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border:1px solid #E7EAF0; background:white}

.estado{/*height:25px; line-height:25px;*/ font-size:12px; text-align:right; color:#536374}
.estado p{display:inline-block}

.status{width:20px; height:20px; display:inline-block; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
    background: #56b556; border:3px solid #409440; margin-bottom:-5px; margin-left:5px; margin-right:5px}

.statusoff{width:20px; height:20px; display:inline-block; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
    background: #d2cfcf; border:3px solid #c1c0c0; margin-bottom:-5px; margin-left:5px; margin-right:5px}

.combo{border-radius:4px; border:1px solid #E7EAF0; padding:10px; background:#FFF; min-height:463px}
.combo-head{/*height:40px; */background:#536374; border-radius:4px 4px 0 0}

.combo-head ul{display:flex; padding:0 10px}
.combo-head ul li{display:inline-block; line-height:40px; color:#FFF; font-size:12px}

.combo-body ul{display:flex; padding-left:0px; margin-bottom:0px}
.combo-body ul li{display:inline-block; height:40px; font-size:12px; line-height:40px; border-bottom:1px solid #E7EAF0}
.combo-body ul:last-child li{border-bottom:0}

.carouselcombos{display:inline-flex}

/*.comboFix{width:359.33px; float:left; border-radius:4px; border:1px solid #E7EAF0; padding:10px; background:#FFF; margin-right:29px}*/
.comboFix{width:359.33px; float:left; border-radius:4px; border:1px solid #E7EAF0; padding:10px; background:#FFF}
.comboFix:nth-child3(){margin-right:0px}

.arw-up{width:10px; height:10px; display:inline-block; margin-left:5px; color:#1E851E}
.arw-up:before{font-family:FontAwesome;content:"\f0d8";}
.arw-dwn{width:10px; height:10px; display:inline-block;  color:#CD002A; margin-left:5px}
.arw-dwn:before{font-family:FontAwesome;content:"\f0d7";}
.arw-nn{width:10px; height:10px; display:inline-block; margin-left:5px; color:#F69D00;}
.arw-nn:before{font-family:FontAwesome;content:"\f0da";}

.arw-up, .arw-dwn, .arw-nn{ background-size: 10px 6px; }

.txt-up{color:#1E851E; /*padding:2px*/}
.txt-dn{color:#CD002A; /*padding:2px*/}
.txt-nn{color:#536374; /*padding:2px*/}

.txt-bkup{background:#197919; color:#FFF; padding:2px}
.txt-bkdn{background:#E60A00; color:#FFF; padding:2px}
.txt-bknn{background:#F69D00; color:#FFF; padding:2px}


.nemo{width:40%; color:#536374; text-indent:10px}
.nemo span{cursor:pointer; margin-left:0.5em}
.puntos{width:30%;/* width:27%\9;*/ text-align:right; color:#536374}
.valor{width:30%; text-align:right; padding-right:10px}

.titulo{font-size:24px; border-bottom:2.5px solid #FFC80A; color: #536374;}

.in-foot, .foot{padding:0 24px}

.in-top{height:55px; padding-top:15px\9}
.in-top p{margin-bottom:0}

.huincha{
    height:74px !important;
    border-top:2px solid #E7EAF0; border-bottom:2px solid #E7EAF0; margin-bottom:15px; padding-top:3px; overflow:hidden
}

.container .huincha{z-index:10}

.huincha ul{padding-left:0}
/*.huincha ul li{width:233px; display:inline-block; color:#536374; border-right:2px solid #E7EAF0; padding:0 5px}*/
.huincha ul li{width:184px; display:inline-block; color:#536374; border-right:2px solid #E7EAF0; padding:0 5px}
.huincha ul li:hover{background-color:rgba(158, 158, 158, 0.2);}
.huincha td{line-height:13px; margin:0}
/*.huincha p{margin-bottom:0; margin-top:2px}*/
.name{font-size:14px; font-weight:bold; color: #536374; width: 100%; margin-bottom: 4px; display: block;}

.nameSmall{font-size:10px; font-weight:normal; color: #536374; width: 100%; margin-bottom: 4px; display: block;}
.data, .var{font-size:12px; width: auto; margin-bottom: 4px;}
.data{ color: #888A8A; }
.var{font-size:12px; margin-bottom: 0;}

.in1{margin-bottom:15px}

.chart-top{height:30px; border-bottom:1px solid #CCD1D9}
.chart-top .margin-button{margin-left:15px}
.ct-name{font-size:18px; color:#536374}
.txt-date{font-size:12px; color:#9B9B9B; text-align:right}

.chart-mid{padding-top:10px; line-height:10px}
.cm-nemo{font-size:26px; color:#536374; line-height:30px; margin-bottom:0rem}
.cm-nemo-mini{font-size:12px; color:#9b9b9b; line-height:18px; margin-bottom:0rem}
.cm-valor{font-size:26px; color:#5BABBF; text-align:right}
.cm-var{font-size:26px; text-align:right}

.up{color:#1E851E}
.dwn{color:#CD002A}
.ntr{color:#536374}

.chart{margin-top:10px}
.chart ul{padding-left:0}
.chart ul li{font-size:12px}
.chart ul li a{background:#f5f7f9; padding:5px 0; color:#536374}
.select{background: #b7c5d4!important; font-weight:bold}

.instrumentCinta tbody tr td{padding: 0; line-height: 1;}

.buscador{text-align:right}
.buscador .date{display:inline-block; width:50%; margin:-2px}
.buscador input{
    width:-webkit-fill-available; width:150px\9;
    margin-left:10px;
    font-size:12px;
    color:#9B9B9B;
    text-indent:10px;
    border:1px solid #E7EAF0;
    border-radius:4px
}

.in2{background:#f5f7f9; padding:15px}

::-webkit-input-placeholder{font-size:12px; color:#9B9B9B; text-indent:10px}
::-moz-placeholder{font-size:12px; color:#9B9B9B; text-indent:10px}
:-ms-input-placeholder{font-size:12px; color:#9B9B9B; text-indent:10px}
:-moz-placeholder{font-size:12px; color:#9B9B9B; text-indent:10px}

.in-foot{height:40px; color:#536374; font-size:11px; line-height:40px; text-align:center}

footer{background:#404654; height:50px; color:#FFF; font-size:14px; margin-top:40px}
footer p{line-height:50px; margin:auto}

.controles{height:50px; margin-top:15px}

.btnchartOff{opacity:0.5}



/********* BUSCADOR **********/

/*.busca{float:right; margin-left:15px}*/
#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 **********/

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

.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;
    width:150px
}

.search-bar .dropdown-menu{width:90%; max-height:400px; overflow-y:auto}

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

.search-bar .dropdown-menu>li>a
{
    font-size: 10px;
}

.search-bar .dropdown-menu>li>a>img
{
    margin-right: 10px;
}

.search-bar .dropdown-header {
    background:#536374;
    color:#FFF
}


/*.dropdown-menu{max-height:400px; overflow-y:auto}
.dropdown-menu{width:100%; left:0!important}
.dropdown-menu>li>a{font-size:10px}
.dropdown-menu>li>a>img {margin-right:10px}*/

.ammapDescriptionWindowCloseButton{
    display: none;
}
.hand{cursor: pointer;}

.pointTooltip{
    font-size:11px;
    color:#9B9B9B;
    padding:5px 10px;
    background:#fff;
    border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
    box-shadow:0 0 3px #5BABBF; -webkit-box-shadow:0 0 3px #5BABBF; -moz-box-shadow:0 0 3px #5BABBF;
    position:absolute !important;
    width:auto;
}

/* Mercados Cerrados */
.stockclose, .stockclose .txt-up, .stockclose .puntos, .stockclose .nemo, .stockclose .txt-dn, .stockclose .txt-up {
    color: #999!important; font-style: italic;
}
.stockclose .arw-dwn, .stockclose .arw-up, .stockclose .arw-nn{
    opacity: 0.5; filter: alpha(opacity=50);
}
.stockcloseBoton{background: #d2cfcf; border:3px solid #c1c0c0}

/*---------- Correcciones ------------*/

.combo table{width:100%}
.combo table thead tr{background:#536374; color:white; font-size:12px}
.combo table thead tr th:first-child{padding-left:10px}
.combo table thead tr th:last-child{padding-right:10px}
.combo table tbody tr{padding:0 10px; border-bottom:1px solid #E7EAF0}
.combo table tbody tr td, .combo table thead tr th{height:40px; font-size:12px}
.combo table thead tr th:first-child{border-radius:4px 0 0 0; border-radius:0\9}
.combo table thead tr th:last-child{border-radius:0 4px 0 0; border-radius:0\9}
.combo table tbody{color:#536374}
.combo table tbody tr td img{width:20px; height:20px}
.combo table tbody tr td .instrument{cursor:pointer; margin-left:0.5em}
#banda {width:100%; overflow:hidden; background:#ffffff; display:block}
#banda.scroll-img ul { width: 1500px; }
.scroll-img { border: 0px solid red; width: 680px; height: auto; overflow: hidden; font-size: 0;}
.scroll-img ul { width: 700px; margin: 0;}
.scroll-img ul li {width:168px; padding:16px; display:inline-block; margin:15px; border:1px solid #F0F2F5; border-radius:16px ; -webkit-border-radius:; -moz-border-radius:; -ms-border-radius:; -o-border-radius:; }
.scroll-img ul li:hover { background-color:rgba(158, 158, 158, 0.2); }

.chart ul{padding-bottom: 1rem;}
.chart ul::after{content: ""; display: block; clear: both;}
.chart ul li{display: block; width: 12.5%; float: left;}
.chart ul li a{display: inline-block; width: 100%; text-align: center;}
.chart ul li.hiddenInDevice, .hiddenInDevice{display: block;}
.chart ul li.showInDevice, .showInDevice{display: none;}
/*.chart .btn-group{width: 100%;}
.chart .btn-group button{background:#f5f7f9; padding:5px 10px; color:#536374; font-size:12px; border:none; border-radius:none; width:12.5%;}*/
input::-ms-clear{display:none; display:none\9}

.reloj{display:inline}

.search-bar ul li{font-family: Arial, Helvetica, sans-serif}/*cemq*/

_:-ms-input-placeholder, :root .search-bar ul li{height:30px}

.active{background:#dfdfe0}/*cemq*/
.dividerbuscador{height:0px!important}/*cemq*/


@media (max-width: 1024px) {
    .comboFix{width:290px}
    .buscador .date{width:100%; margin-bottom:15px}
    .buscador input{font-size:16px; height:40px}
    ::-webkit-input-placeholder{font-size:16px}
    ::-moz-placeholder{font-size:16px}
    :-ms-input-placeholder{font-size:16px}
    :-moz-placeholder{font-size:16px}
    .in-top{height:110px}
}

@media (max-width: 992px) {
    .chart-top{height:auto; margin-top:2rem;/*text-align:center*/}
    .chart-top .margin-button{margin-left: 5px}
}

@media (max-width: 768px) {
    .chart-top{/*height:110px*/height:auto}
    .txt-date{text-align:center !important}
    .cm-var{text-align:center !important}
    .cm-valor{text-align:center !important}
    .chart{margin-top:0px}
    .chart ul{text-align:center; padding-bottom:0px; margin-bottom:10px}
    .buscador{text-align:center}
    .buscador input{height:30px}
    .grafico{margin-top:10px}
    .comboFix{width:329px}
    .estado .row{margin:10px 0}
    .cm-valor, .cm-var{font-size:18px}
    .mercados{-webkit-order:2; order:2; margin-top:15px}
    .chart-mid .col-md-4{padding-right:11px !important; padding-left:11px !important}
    .chart-mid .col-md-12{margin-bottom:-15px}
    .chart-mid .row{margin-top:-10px}
    .chart-mid .col-5{padding-right:0px !important; padding-left:0px !important}
    .chart-mid p{margin-bottom:15px}
    .chart-mid{padding-top:0px}
    .lastup{text-align:left !important; font-size:11px}
    .lastup p{margin-bottom:6px}
    .buscador .date{width:50%; margin-bottom:0px}
    .ct-name{margin-bottom:0}
}

@media (max-width:740px) {
    .grafico-wrap{-webkit-order:-1; order:-1}
}

@media (max-width: 576px) {
    .logoBc{height:60px; margin-top:-5px}
    .chart-top p a{width:44%; display:inline-block}
    .chart ul{text-align:center}
    .grafico{margin-top:15px}
    .buscador{text-align:center}
    .in-foot{height:100px; font-size:11px; line-height:15px; padding-top:10px}
    .chart ul li{width: 14.285714285714285714285714285714%;}
    .chart ul li.hiddenInDevice,.hiddenInDevice{display: none;}
    .chart ul li.showInDevice, .showInDevice{display: block;}
    .in-top{height:80px}
    .search-bar .dropdown-menu{width:100%; max-height:400px; overflow-y:auto}
}

@media (max-width: 425px) {
    .comboFix{width:343px}/*392*/
    #suche input[type="text"]{margin:10px 0}
    .in1{-webkit-flex-direction:column; flex-direction:column}
    .contenedor{border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border:none; background:none; margin-top:10px}
    .cm-nemo{text-align:center; margin-top:-15px; margin-bottom:0.3rem!important}
    .col-6, .col-sm-12{padding-right:0px !important; padding-left:0px !important}
    .chart-mid .col-3{padding-right:0px !important; padding-left:0px !important}
    .chart-mid p{margin-bottom:1rem}
    .chart-mid{padding-top:10px}
    .logo{height:auto}
    .in-top{margin-top:30px}
    .cm-nemo-mini{padding-bottom:1rem; text-align:center}
}

@media (max-width: 320px) {
    .comboFix{width:288px}
    /*#suche input[type="text"]:focus{width:150px}*/
    .busca{margin-left:0; float:none}
    .status{margin-left:0px; margin-right:0px}
    .statusoff{margin-left:0px; margin-right:0px}
    .huincha ul li{width:320px}
    .combo table tbody tr td .instrument{margin-left:0}
    .in-top{margin-top:0px}
    .estado p{font-size:11px}
}