/*layout*/
body {
   font-family: "Muli", sans-serif;
}

.text-size {
    font-size:15px;
}

/*bootstrap ln 4594*/
.navbar-inverse {
    /*background-color: #71ADB5; /*32c5d2*/
    background-image: url(../img/JANUS_barra.png);
    border-color: transparent;
}
.container-default {
    width: 100%;
}
.img-header {
    margin-top: -8px;
}
/*bootstrap ln 4358*/        
.navbar-nav {
    float: right;
    padding-top: 3px;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.tabs-content {
    position: fixed;
    z-index: 990;
    background: #0D3446; /*71ADB5; /*#EB6366*/
    margin-top: 50px;
    padding-top: 6px;
}
        
.menu-apps {
    margin-left: -50px;
    margin-top: 6px;
    color: #ffffff;
}

.nav.nav-tabs {
    
    border-bottom-width: 0;
}
/*bootstrap 4040 */
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    color: #176D81;
    cursor: default;
    background-color: #D8DFE2;
    border: 1px solid #71ADB5; /*#EB6366*/
    border-bottom-color: transparent;
    font-size: 12px;
}
/*bootstrap 4029 */
.nav > li > a.tabs {
    padding: 10px 100px;
}        
.all-width {
    width: 100%;
}

.nav-tabs > li > a:hover {
    border-color: transparent;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #71ADB5;
}

.nav-tabs > li > a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

a:hover, a:focus {
    color: #fff;
    text-decoration: underline;
}

.tab-no-active {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-radius: 4px;
    border-top: 1px solid #cccccc;
}

a {
    color: #fff;
    text-decoration: none;
}

/* data */

.data-content {
    padding-top: 140px; 
    background: #fff;
}
.data-filters {
    position: fixed;
    z-index: 1;
    background: #D8DFE2;
    padding: 8px 0px;
    margin-bottom: 5px;
    margin-top: 94px;
    right: 0;
    top: 0;
}

 

.flag-img30 {
    width: 30%; /*25px;*/
    margin: 5px 5px 10px 5px;
}


.flag-img15 {
    width: 15%; /*25px;*/
    margin: 5px 5px 10px 5px;
}

.flag-img-one {
    width: 15%;
}

.modal-market-button[disabled] img {
    opacity: 0.2;
}
.flag-img-selector {
    width: 15px;
    margin-right: 10px;
    margin-bottom: 3px;
}
.title {
    width: 100%;
    padding: 0px 10px;
    margin-bottom: 10px;
    color: #000000;
}

.market-button-selector {
    background-color: #fff; /*#EB6366*/
    font-size: 12px;
    border: 1px solid #ccc;
    color: #000;
    padding: 3px 12px;
}

.market-button-selector:hover, .market-button-selector:focus {
    background-color: #71ADB5; /*#EB6366*/
    border: 1px solid #0D3446;
    color: #fff;
}
.avoid-clicks {
    pointer-events: none;
}

.input-group-addon.data {
    color: #fff;
    border-radius: 0px;
}
/* bootstrap 5952 */
.modal-footer {
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.modal-button > b {
    font-size: 15px;
}
a.modal-button,
a.modal-market-button {
    cursor: pointer;
    color: #176D81;
    font-size: 11px;/*Uno por fila: 12px; Dos por fila: 14px;*/
    font-weight: 700;
}

a.modal-button.submarket {
    font-size: 10px;
    font-weight: normal;
}

a.modal-button:focus {
    text-decoration: none;
}
th.border-bottom {
    border-bottom: 1px solid #ddd;
}
table.markets {
    border-bottom: 2px solid #71ADB5;
    margin: 0px 0px 10px 0px;
}

/* btn categorias */
a.btn-level {
    color: #000000;
}

a.btn-level.btn-level-selected {
    color: #ffffff;
}
.btn-level {
    width: 100%;
    padding: 2px;
    font-size: 11px;
    border: 1px solid transparent;

}

/*3062*/
.btn-default {
  color: #333;
  background-color: #D8DFE2;
  border-color: #ccc;
}

/*3080*/
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #71ADB5;
    border-color: #ccc;
}

.btn-default:hover, .btn-default:active {
    color: #fff;
    background-color: #71ADB5;
    border-color: #ccc;
}


/*bootstrap 3093*/
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #fff;
    background-color: #71ADB5;
    border-color: #ccc;
}

/* analysis */

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.3;
    }
}

.btnblink {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

.graphics-margin {
    margin-top: 115px;
}

.chart-container {
    border-style: solid;
    border-width: 2px;
    border-color: #c3c3c3;
    width: 100%;
    height: 400px;
    margin: 0 auto;
}

.place-holder-text {
    display: flex;
    align-items: center;
    height: 400px;
    justify-content: center;
}


.date-picker-wrapper {
    border: none;
    color: black;
    background-color: transparent;
}

.date-picker-wrapper.no-topbar {
    padding-top: 0px;
}


/* info box */
.info-box.danger {
    background: #f2dede;
    border: 1px solid #ff2121;
}

.info-box.success {
    background: #dff0d8;
    border: 1px solid #61a434;
}

.info-box.warning {
    background: #fcf8e3;
    border: 1px solid #f9aa0b;
}

.info-box.info {
    background: #d9edf7;
    border: 1px solid #39afea;
}

.info-box {
    border: 1px solid black;
    margin-bottom: 20px;
    padding: 20px 10px;
    color: white;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
    background: #FBFCFC;
    border: 2px solid #176D81;
}

.info-box .title {
    margin-top: -10px;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #0D3446;
}

.info-box .count{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    padding: 2px;
}

.info-box .desc {
    margin-top: 10px;
    font-size: 12px;
}

.info-box i{
    display: block;
    /*height: 90px;*/
    font-size: 30px;
    line-height: 80px;
    width: 45px;
    float: left;
    text-align: center;
    border-right: 2px solid #71ADB5;
    margin-right: 20px;
    padding-right: 20px;
    color: #71ADB5;
}

.info-box i.info-icon {
    width: 0px;
    line-height: 0px;
    height: 0px;
    padding: 0px;
    font-size: 15px;
}

.date-picker-wrapper.no-shortcuts {
    padding-bottom: 0px;
}

.date-picker-wrapper .footer {
    display: none;
}

.date-picker-wrapper .month-wrapper {
    border: none;
}
.img-width {
    width: 17px;
}
.border-variables {
    border-right: 2px solid #71ADB5; /*#EB6366*/
}
    
#map {
    height: 750px;
} 
/*.info {
    margin-top: 150px;
}*/

.spinner1 {
    color: #0D3446;
}

.spinner2 {
    color: #486F74; 
}

.spinner3 {
    color: #71ADB5; /*#EB6366*/
}

.loading {
    text-align: center;
    /*padding: 25%;*/
}
.variable-selected,
.market-selected {
    background: #71ADB5; /*#EB6366*/
    border-radius: 15px;
}
.market-selected {
    color: #fff !important;
    padding: 7px;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.25;
}

.market-buttons {
    height: -webkit-fill-available;
    background: #D8DFE2;
    margin-left: -20px;
    padding-right: 10px;
    margin-top: -7px;
    position: fixed;
}

.info-map-title {
    font-weight: 900; 
    font-size: 15px;
    color: #0D3446;
    border-bottom:1px solid #000;
    margin-bottom: 15px;
}

.table-variable {
    margin-top: 15px;
}

.table-variable td, 
.table-variable th {
    padding: 15px 10px 10px 10px;
    border: 1px solid #000;
}
.table-variable td {
    background: #fff;
}
.table-variable th {
    background: #0D3446; /*#EB6366*/
    color: #fff;
}
a.modal-button.disabled,
a.modal-market-button.disabled{
    pointer-events: none;
    color: #176D81;
}

.table-variable td.values-today {
    background: #71ADB5; /*#EB6366*/
    color: #fff;
}

.table-variable td.values-yesterday {
    background: #A8ACB1;
    color: #fff;
}

.table-variable td.values-tomorrow {
    background: #486F74;
    color: #fff;
}

@media (min-width: 768px) and (max-width: 991px) {
    
    .logo-gnarum {
        text-align: center;
        position: absolute;
        left: 10%;
        right: 10%;
        bottom: 25%;
    }
}

@media (min-width: 992px) {
    
    .logo-gnarum {
        text-align: center;
        position: absolute;
        left: 10%;
        right: 10%;
        bottom: 15%;
    }
}


.logo-gnarum > img {
    height: 35px;
    max-width: 100%;
}

.table-variable thead{
    display: block;
}
.table-variable thead tr {
    position: relative;
}
.market {
    min-width: 67px;
}
.day-value {
    min-width: 68px;
}
.evolucion {
    min-width: 196px;
}
.variacion {
    min-width: 213px;
}
.table-variable tbody {
    display: block;
    height: 700px;
    overflow: auto;
    width: 100%;
} 

.circle {
    border-radius: 50%;
    font-size: 12px;
    font-weight: 900;
    color: #0D3446;
    border: 1px solid #0D3446;
    padding: 3px;
}
.title-market-var {
    font-family: "Muli", sans-serif;
    color: #333333;
    font-size: 18px;
    fill: #333333;
    text-anchor: start;
    padding-bottom: 5px;
    /*padding-left: 25px;*/
    margin-top: 15px; /*30px;*/
    margin-bottom: 10px;
}
.main-title-market-var {
    border-bottom: 3px solid #71ADB5;
    text-align: center;
    margin-top: 5px;
}

.day-selected {
    background-color: aliceblue;
}

.no-data-fundamental {
    height: 40px;
    margin: 0px auto;
    padding: 10px;
    font-size: 15px;
    background: #EC7173;
    color: white;
    font-weight: bold;
}

.zui-table {    
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.zui-table thead th {
    background-color: #71ADB5; /*#EB6366*/
    color: #fff;
    padding: 5px 0px;
    text-align: center;
}
 
.zui-table tbody td {
    padding: 2px;
    /*border-right: 1px solid #0D3446;*/
}
    
.zui-table tbody td.border-right {
    color: #333;
    padding: 2px;
    border-right: 1px solid transparent;
}
.zui-table thead tr th.peak,
.zui-table tfoot tr th.peak {
  
    background: rgba(68, 77, 88, 0.75);
    padding: 5px;
    border: 1px solid #fff;
}
.zui-table tbody tr th.peak {
    text-align: left;
}
.sep-fund {
    margin: 5px 0px;
}
.tab-content {
    overflow-y: scroll;
    min-height: 990px;
}
.date-zui-table {
    background: #71ADB5;
    font-weight: bold;
    color: #fff !important;
    border-right: 1px solid #000;
}
.bg-meter{
    background: repeating-linear-gradient(
      45deg,
      rgba(0, 0, 0, 0) 20px,
      rgba(0, 0, 0, 0) 40px,
      #DF6C4F 40px,
      #DF6C4F 60px
    );
}
.zui-table thead tr th.peak-average {
    background: #71ADB5;
    padding: 5px;
}
.max-value {
    background: #45A245 !important;
    color: #fff !important;
    font-weight: bold;
}
.min-value {
    background: #FF5C5C !important;
    color: #fff !important;
    font-weight: bold;
}
/*principalmente utilizado en la pantalla utilities*/
.btn-datalyze {
    background-color: #0D3446;
    color: white;
    border-radius: 5px;
}

.btn-datalyze:hover {
    background-color: #71ADB5;
}
 
.btn-datalyze.active {
    background-color:#D8DFE2;
    color: #176D81;
}

.btn-datalyze.active.selected {
    background-color: #0D3446;
    color: white;
}
.btn-default.btn-futures.disabled:hover, .btn-default.btn-futures[disabled]:hover {
    background-color: #D8DFE2;
    color: #333;
}
.new-img{
    width:128px;
 /*   height: 128px;*/
}
#hmenuutilities div.btn-group,
#menu-utilities div.btn-group,
.hmenuexchange div.btn-group {
    margin-right: 5px;
}
.media-body p{
    font-size: 14px;
}
a.company-title {
    color: black;
    font-size: 18px;
}
.utilities-table {
    text-align: center;
}
.table-company-information > tbody > tr {
    border-top: 1px solid rgb(221, 221, 221);
}

.utilities-table > thead > tr > th {
    width: 1% !important;
}

.table-company-information > tbody > tr:first-child {
    border-top: 0;
}


.table-company-information > tbody > tr > td {
    border-top: 0;
}

a.def-color {
    color: #6d7993;
}

a.def-color:hover {
    color: white;
}

div.vertical-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

div.vertical-tab-menu list-group {
    margin-bottom: 0;
}

.list-group-item.company-title{
    border: 0px;
    border-right:1px solid #ddd;
    background-color: white;
    color: #6d7993;
}
.list-group-item.company-title.active{
    border: 1px solid #ddd;
    border-right: 0px;
}

div.list-group.vertical-group > a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}

div.list-group.vertical-group > a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}

div.vertical-tab-content {
    padding-left: 20px;
    padding-top: 10px;
}
/*  bhoechie tab */
div.company-tab-container {
    padding: 0 !important;
    /*border-radius: 4px;*/
    -moz-border-radius: 4px;
    /*border:1px solid #ddd;*/
    /*border-left:1px solid #ddd;*/
    border-bottom:0px;
    /*border-right: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;*/
}
.tab-pane.tab-pane-utility{
    background-color:white;
}
.no-margin{
    margin:0;
    padding: 10px 0 10px 0;
}
img.news-img{
    max-width:200px;
}
ul.media-list.news-list{
    padding:10px;
}
.media-heading > a{
    color:#6d7993 ;
}
/**/

/* estilos variable cme */
.btn-exc{
    border-radius: 5px;
}
.dropdown-content span+span a {
    border-top: 1px dashed #ddd;
}

.dropdown:hover:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: -7px;
    border-width: 10px 10px 10px 0 ;
    border-style: solid;
    border-color: transparent #f9f9f9;
    top: 3px;
}

.dropdown.dropdown-colorselector:hover::after{
     border-width: 0 ;
}

.dropdown-colorselector>.dropdown-menu>li>.color-btn.selected:after{
    line-height: 12px;
}
   
.dropdown.one-column:hover:after {
    right: 17px;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: 111%;
    top: -4px;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
.dropdown-content.one-column {
    left: 87%;
}
.dropdown-content a:hover {
    background-color: #71ADB5;
    color: #ffffff;
}
/*styling tablas*/
table.dataTable.tabla-h24 {
    border-collapse: collapse;
    text-align: center;
    font-size:11px;
    margin-top:10px;
}
#datatoolbar {
    margin-bottom: 15px;
}

.tabla-h24 td, .tabla-h24 th {
    border: 0;
}

table.tabla-h24 > thead th {
    text-align: center;
}
table.tabla-h24.dataTable.no-footer{
    border-bottom:0;
}

table.tabla-h24 td.bold-font {
    font-weight:bold;
}
/*especificamos la medida de cada columna */
/* valido para medidas. y forecast*/
.tabla-h24.dataTable thead > tr:first-child > th:first-child,
.tabla-h24.dataTable thead > tr:first-child > th:nth-child(2), {
    width: 6.8%;
    min-width: 59px;
    background: rgba(68, 77, 88, 0.75);
}

.tabla-h24.dataTablethead> tr:first-child >th:last-child{
    width:4.4%;
    min-width:59px;
}
table.tabla-h24>tbody>tr>td.empty{
    background-color: white;
    border: 0;
    padding: 0;
    margin: 0;
}

.tabla-h24.dataTable > thead > tr:nth-child(2) th{
    padding: 0;
    width: 3.5%;
    min-width:53px;
}

/*algo mas clara que el resto de tablas ya que si no entraría en conflicto con los colores de días laborables.*/
table.tabla-h24 tbody > tr.impar {
    background-color: #f3f3f3;
}

/*algo mas clara que el resto de tablas ya que si no entraría en conflicto con los colores de días laborables.*/
table.tabla-h24.table-byzone tbody > tr.odd {
    background-color: #f3f3f3;
}

    td.plus.hover {
        background: inherit;
        color: inherit;
        font-weight: inherit;
    }
td.plus{
    padding:0;
    margin:0;
}
td.plus.hover:hover {
    background: inherit;
    color: inherit;
    font-weight: normal;
    cursor: pointer;
}
.tabla-h24>tbody>tr>td.negative{
    color: red;
    font-weight: bold;
}
.tabla-h24>tbody>tr>td.negative.hover{
    color: red;
    background-color: #EEECE1;
    font-weight: bold;
}
.tabla-h24 > tbody > tr > td.negative.hover:hover {
    background-color: white;
}
.tabla-h24>tbody>tr>td.positive{
    color: #008000;
    font-weight: bold;
}

.tabla-h24>tbody>tr>td.positive.hover{
    color: #008000;
    background-color: #EEECE1;
    font-weight: bold;
}

.tabla-h24>tbody>tr>td.positive.hover:hover{
    color: #008000;
    background-color: white;
    font-weight: bold;
}

.tabla-h24>tbody>tr>td.equals{
    color: orange;
    font-weight: bold;
}
.tabla-h24>tbody>tr>td.equals.hover{
    background-color: #EEECE1;
}

.tabla-h24>tbody>tr>td.equals.hover:hover{
    background-color: white;
}
.tabla-h24>tbody>tr>td.pasada-mean{
     color: black;
}
.tabla-h24>tbody>tr>td.pasada-mean.hover{
     background-color: #EEECE1;
}
.tabla-h24>tbody>tr>td.pasada-mean.hover:hover{
     background-color: white;
}
.tabla-h24>tbody>tr>td.boldfont{
    font-weight: bold;
}
.tabla-h24>tbody>tr>td.date-pasada{
    font-weight: normal;
    font-size: 11px;
    padding: 0;
    margin: 0;
}
.tabla-h24 > tbody > tr > td.date-pasada.hover {
    background-color: #0D3446;
    color: white ;
}

 
/*especificamos la medida de cada columna en la tabla comparativa*/
.tabla-h24.dataTable.table-comparative thead> tr:first-child >th:first-child{
    width:7.2%;
    min-width:105px;
} 
.tabla-h24.dataTablethead.table-comparative> tr:first-child >th:last-child{
    width:4.0%;
    min-width:55px;
} 
.tabla-h24.table-comparative td{
    padding: 3px 3px;
    min-width:47px;

}

.tabla-h24.table-comparative tr:nth-child(2) th{
    padding: 0;
    width: 3.5%;
    min-width:47px;
}

.tabla-h24 tr.holiday, 
.tabla-h24 tr.impar.holiday {
    background-color: #d9d9d9;
}
 

/*.tabla-h24.dataTable.exchange tr:hover{
    background-color: transparent;
}*/

.tabla-h24 td.hover{
    background-color: #71ADB5;
    color:white;
    font-weight: bold;
}
/* especifico para jao auction */
.tabla-h24 tr.datalyzeHover{
    background-color: #71ADB5;
    color: white;
      font-weight: bold;
}
.tabla-h24 td.hover:hover{
    background-color: white;
    color: #000 !important;
}

.tabla-h24 td.date-zui-table.hover {
    background-color: #c3daee;
}
    .tabla-h24 td.date-zui-table.hover:hover {
        background-color: #c3daee;
        color: white !important;
    }

table.tabla-h24.table-comparative tr.last-exec {
    background-color: #c3daee;
}
td.max-value.hover:hover,
td.min-value.hover:hover{
    color: white !important;
}

.tabla-h24.dataTable tbody > tr:hover,
.tabla-h24.dataTable tr.holiday:hover,
.tabla-h24.dataTable tr.past:hover,
table.tabla-h24.table-comparative tr.last-exec:hover {
    background-color: #c3daee;
    /*font-weight: bold;*/
}

.tabla-h24.dataTable tr:hover > td.date-pasada {
    background-color: #c3daee;
}

table.tabla-h24.table-byzone tbody > tr.odd:hover {
    background-color: #c3daee;
}
.tabla-h24.dataTable tr:hover > td.positive,
.tabla-h24.dataTable tr:hover > td.negative,
.tabla-h24.dataTable tr:hover > td.equals,
.tabla-h24.dataTable tr:hover > td.pasada-mean,
.tabla-h24.dataTable tr.holiday:hover > td.positive,
.tabla-h24.dataTable tr.holiday:hover > td.negative,
.tabla-h24.dataTable tr.holiday:hover > td.equals,
.tabla-h24.dataTable tr.past:hover > td.positive,
.tabla-h24.dataTable tr.past:hover > td.negative,
.tabla-h24.dataTable tr.past:hover > td.equals {
    background-color: #c3daee;
    /*font-weight: bold;*/
}

.tabla-h24 tr:hover > td.date-pasada.hover:hover {
    background-color: #c3daee; 
}

 
.table-jaoauction thead tr th{ 
    font-weight: normal;
    font-size: 11px;
}

/*especificamos la medida de cada columna */ 
/* valido para medidas. y forecast*/
.tabla-h24.dataTable.table-jaoauction thead> tr:first-child >th:first-child,
.tabla-h24.dataTable.table-jaoauction thead> tr:first-child >th:nth-child(2),{
    width: inherit;
    min-width:inherit;
    background:inherit;
} 
.tabla-h24.dataTable.table-jaoauction  tr:nth-child(2) th{
    padding: 0;
    width: inherit;
    min-width:inherit;
}
table.dataTable.table-jaoauction tbody td{
    font-size:11px;
    padding: 5px 2px;
    text-align: center;
}
/*.table-jaoauction >tbody>tr>td:first-child{
    min-width: 110px !important;
}*/
.jao-auction-label {
    display: block;
    /*normal weight?*/
}

#auction-types label{
    height:28px;
}

select#entity-borders {
    background-color: #0D3446;
    color: white;
}
    select#entity-borders span {
        color: white;
    }
/*compatibilidad fixed columns */
.DTFC_LeftHeadWrapper > table.zui-table.dt-responsive.tabla-h24.table-jaoauction.dataTable.DTFC_Cloned.no-footer {
    border-bottom: inherit;
}
.DTFC_LeftBodyLiner > table.zui-table.dt-responsive.tabla-h24.table-jaoauction.dataTable.no-footer.DTFC_Cloned {
    border-bottom: none;
}
#title-actforecast{
    font-size: 13px;
    text-align: right;
}
table.europe-gen-meter td{
    font-size: 16px;
    text-align: right;
    line-height: 13px;
    padding: 0;
    width:14.27%;
}
table.europe-gen-meter  {
    border: 0;
    width:100%;
    border-collapse: separate;
    border-spacing: 3px 5px;
    margin-bottom: 10px;
}
table.europe-gen-meter  tr{
    border: 0;
    
}
.rowseparator{
    height: 3px;
}

.nopadding {
    margin: 0;
    padding: 0;
}

.table-comparative div{
    position:relative;
    height:25px;
}


span.valueformat{
    position: absolute;
    left: 0;

}
span.diferencetext{
    font-size:12px;
    position:absolute;
    font-weight: bold;
    bottom: 0;
    right: 0;
}
.diferencetext.positive{
    color: green;
}
.diferencetext.negative{
    color: red;
}
.diferencetext.equals{
    color:rgb(255, 179, 0);
}



/*.collapsed {
  /* hide it for small displays*
  display: none;
}*/
.submarkets-body{
    list-style-type: none;
}

#futures-content {
    /* for the animation */
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
/* estilos para futures */
.navbar.nav-futures{
    margin: 10px 35px 0 10px;
    min-height: unset;
    background-color: white;
}
.navbar-default.nav-futures .navbar-nav > li > a{
    font-size: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.container-nav-futures{
    padding-left: 0;
     
}
.navbar-collapse.navbar-futures{
    padding-left:0;
}
.dropdown.menu-futures:hover:after{
    border-width: 0;
}

.nav-futures .nav.navbar-nav{
    float: left;
    padding-top: 3px;
    padding-bottom :3px;
}
.draw-futures-container{
    display: block;
    border-color: #e7e7e7;
    border-width: 0 1px 1px 1px;
    margin: 1px 35px 0 10px;
    padding: 3px 0px 0px 20px;
}   
.draw-futures-container > div{
    display : inline-block;
}
.draw-futures-container  a{
    color:#333;
    background-color: transparent;
    text-decoration: none;
}

.draw-futures-container hr{
    margin: 0 0 3px 0 ;
    width: 60px;
    border-color: black;
}
.draw-futures-container hr::after{
    content: "\f107";
    color: #151414;
    font-family: FontAwesome;
    position: absolute;
    margin-top: -5px;
    margin-left: 62px;
}
.draw-futures-container hr.border1{
    border-width: 1px 0 0 0;
    border-style: solid;
}

.draw-futures-container hr.border2{
    border-width: 2px 0 0 0;
    margin-bottom:  1px;
}

.draw-futures-container hr.border5{
    border-width: 5px 0 0 0;
    border-style: solid;
    margin: 0;
}

.draw-futures-container hr.dashed{
    border-width: 1px 0 0 0;
    border-style: dashed;
}

.draw-futures-container hr.dotted{
    border-width: 1px 0 0 0;
    border-style: dotted;
}



.draw-futures-container > a:hover , .draw-futures-container > a:focus{
    color: #333;
    background-color: transparent;
}

/*estilos tabla commodities y futuros. */
table.tabla-comm thead > tr:first-child > th:nth-child(n+3){
    border-bottom: 1px solid black;
}

table.tabla-comm thead > tr:nth-child(2) > th:nth-child(4n+2) {
    border-left: 1px solid black;
    padding-left: 2px ;
}

table.tabla-comm thead > tr:nth-child(2) > th:nth-child(9) {
    border-right: 1px solid black;
}


table.tabla-comm thead > tr:nth-child(2) > th{
    width: 8.5%;
}
table.tabla-comm,
table.tabla-comm td,
table.tabla-comm th{
    text-align: center;
    font-size: 11px;
}
    table.tabla-comm tbody > tr.odd {
        background-color: #e6e6e6;
    }

/*estilos tabla fundamentales comparativa. */
/*table.tabla-cmfc thead > tr:first-child > th:nth-child(n+3) {
    border-bottom: 1px solid black;
}

table.tabla-cmfc thead > tr:nth-child(2) > th:nth-child(4n+2) {
    border-left: 1px solid black;
    padding-left: 2px;
}

table.tabla-cmfc thead > tr:nth-child(2) > th:nth-child(9) {
    border-right: 1px solid black;
}*/

/* estilo boton commodities*/
.btn-sm-resolution{
    border-radius: 2px;
}

table.tabla-cmfc thead > tr:nth-child(2) > th {
    width: 8.5%;
}

table.tabla-cmfc,
table.tabla-cmfc td,
table.tabla-cmfc th {
    text-align: center;
    font-size: 11px;
}

table.tabla-cmfc tbody > tr.odd {
    background-color: #e6e6e6;
}

table.tabla-cmfc.dataTable.no-footer {
    border-bottom: 0;
}



    table.tabla-cmfc > tbody > tr:hover,
    table.tabla-cmfc > tbody > tr.odd:hover {
        background-color: #c3daee; 
    }

 
table.tabla-cmfc span.up{
    color:green;
}
table.tabla-cmfc span.down{
    color: red;
}

        #future-table-comparative {
            margin-top: 10px;
        }
.dropdown-linetype > li > a {
    height: 20px;
    margin-top: 10px;
    display: block;
}
.dropdown-linetype > li> a> div{
    width: 100%;
    margin-top: 8px;
    
}
.dropdown-linetype > li > a> div.border1{
    border-width: 1px 0 0 0;
    border-style: solid;
}

.dropdown-linetype > li > a> div.border2{
    border-width: 2px 0 0 0;
    border-style: solid;
}

.dropdown-linetype > li > a > div.border5{
    border-width: 5px 0 0 0;
    border-style: solid;
}

.dropdown-linetype > li > a > div.borderdotted{
    border-width: 1px 0 0 0;
       
    border-top-style: dotted;
}

.dropdown-linetype > li > a > div.borderdashed{
    border-width: 1px 0 0 0;
    border-style: dashed;
}

.nav > li+ li.mypillbutton {
    margin-left: 2px;
}
.nav > li.mypillbutton> a{
    border-radius: 4px;
    cursor: pointer;
}
.nav > li.mypillbutton.active > a{
    color: #fff;
    background-color: #0D3446;
    
}
.nav > li.mypillbutton > a:hover , 
.nav >  li.mypillbutton > a.focus{
    text-decoration: none;
    background-color: #eee;
}

.nav > li.mypillbutton.active >  a:hover,
.nav > li.mypillbutton.active >  a:focus {
    color: #fff;
    background-color: #0D3446;
}
/* activo de inicio*/
.nav > li.mypillbutton.blue-background >a {
    color: #fff;
    background-color: #0D3446;
}

.nav > li.mypillbutton.blue-background > a:hover,
.nav > li.mypillbutton.blue-background > a:focus {
    color: #fff;
    background-color: #0D3446;
}

.nav > li.mypillbutton.disabled,
.nav > li.mypillbutton[disabled],
.nav > li.mypillbutton.blue-background.disabled,
.nav > li.mypillbutton.blue-background[disabled] {
    pointer-events: none;
}

    .nav > li.mypillbutton.blue-background.disabled > a:hover,
    .nav > li.mypillbutton.blue-background.disabled > a:focus {
        text-decoration: none;
        background-color: #eee;
    }

    .nav > li.mypillbutton.blue-background.disabled > a {
        text-decoration: none;
        background-color: #eee;
    }
#collapse-vertical-menu { /* for the animation */
    -moz-animation: fadein 2s;
    -o-animation: fadein 2s;
    -webkit-animation: fadein 2s;
    animation: fadein 2s;
    margin-top: 10px;
}



table.tabla-cmfc.exchange.tabla-cme2 > thead > tr:first-child > th:first-child {
    width: 8%;
    min-width: 45px;
}

table.tabla-cmfc.exchange.tabla-cme2 > thead > tr:first-child > th:nth-child(n+2) {
    max-width: 300px;
}
/* sobreescribimos estilos
*/
table.tabla-cmfc.exchange.tabla-cme2 > thead > tr:nth-child(2) > th {
    width: inherit;
}



table.tabla-cmfc.exchange.tabla-sp > thead > tr:first-child > th:first-child {
    width: 8%;
    min-width: 45px;
}

 
/* sobreescribimos estilos
*/
table.tabla-cmfc.exchange.tabla-sp > thead > tr:nth-child(2) > th {
    width: inherit;
}


table.tabla-cmfc.exchange.tabla-cme > thead > tr > th:nth-child(n+2) {
    width: 3.55%;
    max-width: 60px;
}

table.tabla-cmfc.exchange.tabla-cme > thead > tr > th:first-child {

  min-width: 45px;
}


table.tabla-cmfc.exchange.tabla-ave > thead > tr > th:nth-child(n+2) {
    width: 3.55%;
    max-width: 60px;
}

table.tabla-cmfc.exchange.tabla-ave > thead > tr > th:first-child {
    min-width: 45px;
}


table.tabla-cmf.exchange.table-epf > thead > tr > th:nth-child(n+2) {
    width: 3.55%;
    max-width: 60px;
}


table.tabla-cmf.exchange.table-epf > thead > tr > th:first-child {
    min-width: 45px;
}

table.tabla-cmfc.exchange > tbody > tr.tr-hover > td {
    background-color: #C3DAEE;
    color: #333;
    
}

a.line-type-label {
    height: 20px;
    width: 70px;
}
/* estilos exchange */
.exchange-title {
    font-size: 20px;
    margin: 20px 0px 0px 0px;
}

.exchange-margin {
    margin-top: 30px;
    margin-bottom: 30px;
}

#collapse-vertical-menu button{
    text-align: left;
}

#collapse-vertical-menu span.posright{
    position: absolute;
    right: 0;
    top:8px;
}

.analysis-buttons{
    height: -webkit-fill-available;
    background: #D8DFE2;
    margin:0;
    padding: 0;
    position: fixed;
    width: 30px;
}
.analysis-buttons a{
    display:block;
    padding: 10px;
    color:#176D81;

}
.analysis-container{
    padding-top: 95px;
    background-color: white;
}

.analysis-menu-offset{
    margin-left: 33px;
    width: 98%;
    padding-left: 3px;
    height: 1360px;
    padding-top: 8px;
}

.nav-tabs > li.analysis-tab.active{
    margin-bottom: 0;
}
.nav-tabs > li.commodities-tab.active{
    margin-bottom: 0;
}
.analysis-draggable{
    background-color:white;
    border: 1px solid #71ADB5;
    border-radius:5px;
    position: absolute;
}
.analysis-draggable p.container-title{
    margin: 0;
    background-color: #D8DFE2;
    cursor: move;
    padding: 10px;
    font-weight: bolder;
}
.draggable-content{
    padding:5px 5px 17px 5px;
}
.ui-resizable{
    position: absolute !important;
}

.ui-resizable-se{
    cursor: se-resize;
    width: 15px;
    height: 15px;
    right: 1px;
    bottom: 1px;
    color: #a1a6a9;
    font-size: inherit !important;
}

.ui-resizable-sw {
    width: 15px;
    height: 15px;
    color: #ccc;
    left: 1px;
    bottom: 1px;
    color: #a1a6a9;
    font-size: inherit !important;
}
.tool-item{
    float: right;
    cursor: default;
    padding: 0 4px;
}
.analysis-date-column{
    width: 12%;
    min-width: 110px;
}

.product-controls {
    padding: 5px 0;
    border-top: 1px solid #ccc;
}

.list-group-item.list-group-item-sm { 
  padding: 2px 8px; 
}
.touch-spin-wrapper{
    max-width:105px;

}

#productlist > li.list-group-item{
     -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.btn.btn-calendar{
    float:right;
    padding: 6px 12px;
    border-radius: 4px;
}

table.calendar-month{
	display:inline-block;
	margin: 2px 5px;
	vertical-align: top;
	text-align: center;
}

table.calendar-month td,
table.calendar-month th{
    padding: 2px 5px;
    text-align:center;
}

table.calendar-month th.month-title{
    background-color: lightblue;
    color: white;
    padding-bottom: 7px;
	
}

table.calendar-month td.partial-day,
table.calendar-month td.full-day,
table.calendar-month td.auction,
table.calendar-month td.maintenance
{
    color:white;
    border-radius: 4px;
    cursor:default;
}
table.calendar-month td.partial-day{
    background-color: #457990;
}

table.calendar-month td.full-day{
    background-color: darkred;

}

table.calendar-month td.auction{
    background-color: #457990;
}

table.calendar-month td.maintenance{
    background-color:  darkred;
}

@media print{ 
    * {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }
}

.tr-hover,
.tr-hover > td {
    background-color: #71ADB5;
    color: #ffffff;
}
.exchange-tables {
    margin-top: 15px;
}
.map-dataLabel-value {
    font-weight: 200;
}
.col-xs-6.exchange-tables {
    margin-bottom: 20px;
}

.margintop-15 {
    margin-top: 15px;
}
.info-page {
    text-align: left;
    font-size: 15px;
}
.exchange-margintop {
    margin-top: 15px;
}
.fa.fa-exclamation.danger{
    color: red;
    margin-left: 4px;
}

.selectorActivo{
        background-color:#0D3446 !important;
        color:white !important;
    }
    .selectorActivoAll{
        background-color:#0D3446 !important;
        color:white !important;
    }

.label.label-size100 {
    font-size: 100%;
    padding: .1em .6em .2em;
    margin-left: 5px;
}

/*alto fijo de 380 , D+10*/
#data-by-hour {
    height: 490px;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown-menu {
    padding: 5px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 0;
  margin-left: -1px;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 0;
}

.label-datasource {
    width: 10%;
}
.label-type {
    width: 13%;
}
.label-contract {
    width: 14%;
    min-width: 105px;
}
.label-resolution {
    padding-left:10px; 
    padding-right:0px; 
    width: 10%;
}
.daterangepicker.opensright:before{
    left: 179px !important;
}
.daterangepicker.opensright:after  {
    left: 180px !important;
}

ul.token-input-list-facebook {
    height: 34px !important;
}

.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #0D3446;
}
@media (max-width: 1024px) {
    .navbar-nav {
        margin: -5px 0px;
    }

    .navbar-nav > li > a {
        padding-top: 0px;
        padding-bottom: 10px;
        font-size: 11px;
    }

    .img-header {
        height: 2em;
    }

    .flag-img-one {
        width: 30%;
    }

    .logo-gnarum {
        bottom: 20%;
    }
    .title-market-var.main-title-market-var > .info-page {
        font-size: 14px;
    }
    .title-market-var.main-title-market-var > #title-series {
        font-size: 15px;
    }
    .dropdown-menu {
        padding: 3px;
    }
    
    .label-datasource {
        width: 18%;
    }
    .label-type {
        width: 26%;
    }
    .label-contract {
        width: 28%;
    }

    .dropdown-content.one-column {
        left: 100%;
    }
    .dropdown.one-column:hover:after{
        right: 0px;
    }

    .market-it-selected{
        display:block;
    }
}
.form-check-inline {
        /*display: -webkit-inline-box;
        display: -ms-inline-flexbox;*/
        display: inline-flex;
        -webkit-box-align: center;
        /*-ms-flex-align: center;*/
        align-items: center;
        padding-left: 0;
        margin-right: .75rem;
    }

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0;
    }
    .form-check-label {
        margin-bottom: 0;
    }
.modal-checkbox {
    margin-bottom: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    display: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #66afe9 !important; 
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.required-field-color {
    color: #d9534f;
}
.required-field-border {
    border-color: #d9534f !important;
}

.exchange-description {
    margin: 5px 15px;
}

.news-slidebar {
    height: -webkit-fill-available; 
    background: #0D3446;
    margin-left: 93%;
    padding: 0;
    margin-top: -45px;
    z-index: 99; 
    position: fixed; 
    width: 20%;
    transition: all 375ms cubic-bezier(.075,.82,.165,1);
}

.table-news {
    width: 100%; 
}
.table-news  td {
    color: #fff;
}
.news-alert-band {
    width: 3%;
}
.news-alert-space {
    width: 2%;
}
.news-alert-info {
    width: 27%;
    font-size: 11px;
}
.news-alert-description {
    width: 65%;
    font-size: 10px;
}
.news-color-success {
    background-color: green;
}
.news-color-warning {
    background-color: yellow;
}
.news-color-danger {
    background-color: red;
}
.news-color-info {
    background-color: blue;
}
table.dataTable tbody tr.news-odd {
    background-color: #263f48;
}

table.dataTable tbody tr.news-even {
    background-color: #0d3446;
}

.tabla-h24.dataTable thead> tr:first-child >th.th-byzone:first-child {
    min-width: 130px;
}
 

#data-availability table thead>tr:first-child>th:first-child {
    width: 6.8%;
    min-width: 59px;
}

#data-availability table td, #data-availability table th {
    border: 0;
}

 

#data-reservoir table thead>tr:first-child>th:first-child {
    width: 34%;
    min-width: 194px;
}
#data-reservoir table tbody>tr>td:first-child {
    text-align:left;
}

#data-reservoir table td, #data-reservoir table th {
    border: 0;
}


#data-byzone {
    margin-bottom: 10px;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

div.tabletechprices table.dataTable th{
    padding-bottom: 3px;
    padding-top: 3px; 
    background:#4F656F;
    color: white;
     text-align:center;
} 

div.tabletechprices table.dataTable td{
    padding: 0; 
    text-align:center;
    color:white;
    background-color:#ddd;
    font-size:11px;
    font-weight: bold;
    border-bottom: 2px solid white;
}
div.tabletechprices table.dataTable tbody > tr > td:first-child {
      background:#4F656F;
      color: white;
      font-size: 12px;
      height: 2.6em;
      
}
div.tabletechprices  table.dataTable.no-footer{
    border-bottom:0;
}
div.tabletechprices table.dataTable tbody > tr> td.BG  { background-color: #3858b0;}
div.tabletechprices table.dataTable tbody > tr> td.CO  { background-color: black;}
div.tabletechprices table.dataTable tbody > tr> td.DAC { background-color: black;}
div.tabletechprices table.dataTable tbody > tr> td.HI  { background-color: #90aeff; }
div.tabletechprices table.dataTable tbody > tr> td.II  { background-color: black;}
div.tabletechprices table.dataTable tbody > tr> td.MIE { background-color: black}
div.tabletechprices table.dataTable tbody > tr> td.MIP { background-color: black}
div.tabletechprices table.dataTable tbody > tr> td.RE  { background-color: #9dd643;}
div.tabletechprices table.dataTable tbody > tr> td.REE { background-color: black}
div.tabletechprices table.dataTable tbody > tr> td.TCC { background-color: #cc33ff}
div.tabletechprices table.dataTable tbody > tr> td.TER { background-color: #ffa746}
div.tabletechprices table.dataTable tbody > tr> td.MIX { background-color: #8585ad}
/*datavars correspondientes*/
div.tabletechprices table.dataTable tbody > tr> td.HP  { background-color: #90aeff; }
div.tabletechprices table.dataTable tbody > tr> td.TP { background-color: rgb(255, 167, 70);}
.btn-tech{
    margin-left:5px;
    border-radius:4px;
}
/*configuración botonera */ 
.btn-BG {
    background-color: #3858b0;
    color: white;
}

.btn-BG:hover {
    background-color: #4c77eb;
}


.btn-HI {
    background-color:#90aeff;
    color: white;
}

.btn-HI:hover {
    background-color:#bdcfff;
}
.btn-RE {
    background-color:#9dd643;
    color: white;
}

.btn-RE:hover {
    background-color:#cdfa87;
}
.btn-TCC {
    background-color:#cc33ff;
    color: white;
}

.btn-TCC:hover {
    background-color:#da6bff
}

.btn-TER {
    background-color:rgb(255, 167, 70);
    color: white;
}

.btn-TER:hover {
    background-color:rgb(255, 186, 109);
}
/*datavars correspondientes*/
.btn-HP{
    background-color:#90aeff;
    color: white;
}

.btn-HP:hover {
    background-color:#bdcfff;
}

.btn-TP {
    background-color:rgb(255, 167, 70);
    color: white;
}

.btn-TP:hover {
    background-color:rgb(255, 186, 109);
}

.btn-group.btn-hourlytable{
    margin-bottom: 3px;
}
.minuteselect[disabled]{
    background-color: #eae7e7;
    border-color: #ccc;
}


#btn-tech-group {
    display: inline-block;
    margin-bottom: 3px;
    float: left;
}

.futures-controls,
.datavariable-controls,
.commodities-controls
 {
    margin-bottom: 15px;
}

.futurecaret {
    float:right;
    margin-top: 7px;
}
/* tabla disp. analisis */
.data-availability table thead>tr:first-child>th:first-child {
    width: 6.8%;
    min-width: 59px;
}

.data-availability table td, .data-availability table th {
    border: 1px solid #ddd;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{
   border-bottom: 0;
}