@font-face {
    font-family: 'Techie';
    src: url('fonts/CT_08-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'Techie';
    src: url('fonts/CT_08-Bold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
  }

  @font-face {
    font-family: 'Techie';
    src: url('fonts/CT_08-ExtraLight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
  }

  @font-face {
    font-family: 'Techie';
    src: url('fonts/CT_08-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
  }

  @font-face {
    font-family: 'Techie';
    src: url('fonts/CT_08-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'Techie';
    src: url('fonts/CT_08-DemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
  }

  @font-face {
    font-family: 'Techie';
    src: url('fonts/CT_08-SemiBold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
  }

  @font-face {
    font-family: 'TechieIcons';
    src: url('fonts/CT_08_ICONS-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }

body {
    font-family: 'Techie', 'Arial', 'Helvetica', sans-serif;
    font-weight: 300;  
    height: 100%;
    margin-top: 56px;
    color: #858585;
}



.btn-orkestra {
    color: #ffffff;
    background-color: #003da7;
}

svg.highcharts-root {
font-family: 'Open Sans';
}

  .explanation {
      font-size: 0.75em;
  }



.know-more {
font-family: 'Open Sans';
font-size: 0.75em;
color: #868686;
}

.know-more:hover {
color: #000000;
}

.highcharts-plot-line{
fill: 'red'!important;
}

.footer {
padding-bottom: 8px;
}

container {
margin-top: 56px;
}

h1 {
color: black;
text-transform: uppercase;
}
h2 {
margin-top: 56px;
color: black;
text-transform: uppercase;
}

.jou{
width: 200px; /* Establece el ancho fijo del select */
overflow: hidden; /* Oculta cualquier contenido que sobresalga */

}

.jou2{
width: 250px; /* Establece el ancho fijo del select */
overflow: hidden; /* Oculta cualquier contenido que sobresalga */

}
.resizing_select {
font-weight: bold;
color: #ff003c;
border: none;
background-color: transparent;
border-bottom: 1px solid #0D61A8;

/*
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
*/
}

.resizing_select:after {
display: none;
}

#width_tmp_select{
display : none;
font-size: 1rem;
}

textarea.form-control {
font-family: 'Consolas', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
font-size: 0.7em;
}

.footnote {
display: block;
font-size: 0.75em;
}

.footer-img {
height: 60px;
}

.container a, a:hover, a:visited {
color: #ff003c;
text-decoration: underline;
}

.container a:hover {
text-decoration: none;
}

.btn-primary {
background-color: #ff003c;
border-color: #ff003c;
}

.btn-primary:hover {
background-color: #ff003c;
border-color: #ff003c;
}

.chart-footer {
padding: 4px 10px;
}

.btn-group-xs > .btn {
font-size: 0.65rem;
}

.bg-custom-red {
  background-color: #ff003c !important;
}


.bg-custom-red {
  background-color: #ff003c !important;
}
.navbar-nav .nav-link, .navbar-brand, .navbar .dropdown-toggle {
  color: white !important;
}
.navbar-nav .nav-link:hover, .navbar-brand:hover, .navbar .dropdown-toggle:hover {
  color: rgba(255,255,255,0.8) !important;
}

.colTit{
  color: #ff003c !important;
}